@lidofinance/lido-ui 3.32.0 → 3.34.0

package/dist/cjs/button/ButtonStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonStyles.js","sources":["../../../packages/button/ButtonStyles.tsx"],"sourcesContent":["import styled, { css, keyframes } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { Loader } from '../loaders/index.js'\nimport { ButtonColors, ButtonSizes, ButtonVariants } from './types.js'\n\ntype InjectedProps = {\n  $color: ButtonColors\n  $size: ButtonSizes\n  $variant: ButtonVariants\n  $fullwidth: boolean\n  $square: boolean\n  $loading: boolean\n  $active: boolean\n  theme: Theme\n}\n\nconst sizes = {\n  xxs: css<InjectedProps>`\n    line-height: 1em;\n    font-size: ${({ theme }) => theme.fontSizesMap.xxxs}px;\n    border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n    padding: ${({ $square }) => ($square ? '11px' : '11px 16px')};\n    min-width: ${({ $square }) => ($square ? '0' : '50px')};\n  `,\n  xs: css<InjectedProps>`\n    line-height: 1em;\n    font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n    border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n    padding: ${({ $square }) => ($square ? '10px' : '10px 16px')};\n    min-width: ${({ $square }) => ($square ? '0' : '60px')};\n  `,\n  sm: css<InjectedProps>`\n    line-height: 1em;\n    font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n    border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n    padding: ${({ $square }) => ($square ? '16px' : '16px 24px')};\n    min-width: ${({ $square }) => ($square ? '0' : '100px')};\n  `,\n  md: css<InjectedProps>`\n    line-height: 1em;\n    font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n    border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n    padding: ${({ $square }) => ($square ? '21px' : '21px 44px')};\n    min-width: ${({ $square }) => ($square ? '0' : '120px')};\n  `,\n  lg: css<InjectedProps>`\n    line-height: 1em;\n    font-size: ${({ theme }) => theme.fontSizesMap.sm}px;\n    border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n    box-shadow: ${({ theme }) => theme.boxShadows.md}\n      var(--lido-color-shadowDark);\n    padding: ${({ $square }) => ($square ? '24px' : '24px 64px')};\n    min-width: ${({ $square }) => ($square ? '0' : '160px')};\n  `,\n}\n\nconst getMainColor = (props: InjectedProps) => {\n  const colorsMap = {\n    primary: `var(--lido-color-primary)`,\n    secondary: `var(--lido-color-secondary)`,\n    warning: `var(--lido-color-warning)`,\n    error: `var(--lido-color-error)`,\n    success: `var(--lido-color-success)`,\n  }\n  return colorsMap[props.$color]\n}\n\nconst getContrastColor = (props: InjectedProps) => {\n  const colorsMap = {\n    primary: `var(--lido-color-primaryContrast)`,\n    secondary: `var(--lido-color-secondaryContrast)`,\n    warning: `var(--lido-color-warningContrast)`,\n    error: `var(--lido-color-errorContrast)`,\n    success: `var(--lido-color-successContrast)`,\n  }\n  return colorsMap[props.$color]\n}\n\nconst getHoverColor = (props: InjectedProps) => {\n  const colorsMap = {\n    primary: `var(--lido-color-primaryHover)`,\n    secondary: `var(--lido-color-secondaryHover)`,\n    warning: `var(--lido-color-warningHover)`,\n    error: `var(--lido-color-errorHover)`,\n    success: `var(--lido-color-successHover)`,\n  }\n  return colorsMap[props.$color]\n}\n\nconst variants = {\n  filled: css`\n    color: ${getContrastColor};\n    background-color: ${getMainColor};\n    transition: background-color ${({ theme }) => theme.duration.fast} ease;\n\n    :not(:disabled):hover,\n    :focus-visible {\n      background-color: ${getHoverColor};\n    }\n  `,\n  outlined: css`\n    color: ${getMainColor};\n    transition:\n      background-color ${({ theme }) => theme.duration.fast} ease,\n      color ${({ theme }) => theme.duration.fast} ease;\n\n    ::before {\n      display: block;\n      border: 1px solid ${getMainColor};\n    }\n\n    :not(:disabled):hover,\n    :focus-visible {\n      background-color: ${getHoverColor};\n      color: ${getContrastColor};\n    }\n  `,\n  text: css`\n    color: ${getMainColor};\n    background-color: var(--lido-color-foreground);\n\n    ::before {\n      display: block;\n      background-color: ${getMainColor};\n      transition: opacity ${({ theme }) => theme.duration.fast} ease;\n      opacity: 0;\n    }\n\n    :not(:disabled):hover,\n    :focus-visible {\n      /* stylelint-disable-next-line no-descending-specificity */\n      ::before {\n        opacity: 0.1;\n      }\n    }\n  `,\n  ghost: css`\n    color: ${getMainColor};\n\n    ::before {\n      display: block;\n      background-color: ${getMainColor};\n      transition: opacity ${({ theme }) => theme.duration.fast} ease;\n      opacity: 0;\n    }\n\n    :not(:disabled):hover,\n    :focus-visible {\n      /* stylelint-disable-next-line no-descending-specificity */\n      ::before {\n        opacity: 0.1;\n      }\n    }\n  `,\n  translucent: css`\n    color: ${getMainColor};\n\n    ::before {\n      display: block;\n      background-color: ${getMainColor};\n      transition: opacity ${({ theme }) => theme.duration.fast} ease;\n      opacity: 0.1;\n    }\n\n    :not(:disabled):hover,\n    :focus-visible {\n      /* stylelint-disable-next-line no-descending-specificity */\n      ::before {\n        opacity: 0.2;\n      }\n    }\n  `,\n}\n\nexport const ButtonStyle = styled.button<InjectedProps>`\n  box-sizing: border-box;\n  margin: 0;\n  border: none;\n  outline: none;\n  white-space: nowrap;\n  overflow: hidden;\n  position: relative;\n  background: transparent;\n  font-family: inherit;\n  font-weight: 700;\n  width: ${({ $fullwidth }) => ($fullwidth ? ' 100%' : 'auto')};\n  -webkit-tap-highlight-color: transparent;\n\n  ::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    border-radius: inherit;\n    display: none;\n  }\n\n  :not(:disabled) {\n    cursor: pointer;\n  }\n\n  :disabled {\n    opacity: ${({ $loading }) => ($loading ? 1 : 0.5)};\n  }\n\n  ${(props) => sizes[props.$size]}\n  ${(props) => variants[props.$variant]}\n`\n\nexport const ripple = keyframes`\n  to {\n    transform: scale(4);\n    opacity: 0;\n  }\n`\n\nexport const ButtonRippleStyle = styled.span`\n  position: absolute;\n  border-radius: 50%;\n  transform: scale(0);\n  pointer-events: none;\n  animation: ${ripple} 0.8s linear;\n  background-color: currentcolor;\n  opacity: 0.4;\n`\n\nexport const ButtonContentStyle = styled.span<{ $hidden: boolean }>`\n  position: relative;\n  pointer-events: none;\n  visibility: ${({ $hidden }) => ($hidden ? 'hidden' : 'visible')};\n`\n\nexport const ButtonLoaderStyle = styled(Loader)`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  color: currentcolor;\n  pointer-events: none;\n`\n"],"names":["sizes","xxs","css","theme","fontSizesMap","xxxs","borderRadiusesMap","sm","$square","xs","md","lg","boxShadows","getMainColor","props","colorsMap","primary","secondary","warning","error","success","$color","getContrastColor","getHoverColor","variants","filled","duration","fast","outlined","text","ghost","translucent","ButtonStyle","styled","button","$fullwidth","$loading","$size","$variant","ripple","keyframes","ButtonRippleStyle","span","ButtonContentStyle","$hidden","ButtonLoaderStyle","Loader"],"mappings":";;;;;;;;;AAgBA,MAAMA,KAAK,GAAG;AACZC,EAAAA,GAAG,EAAEC,WAAmB,CAAA;AAC1B;AACA,eAAiB,EAAA,IAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,KAAAA;KAAH,GAAA,IAAA,CAAA;AAAA,IAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,IAAlC,CAAA;GAAuC,CAAA;AACxD,mBAAqB,EAAA,KAAA,IAAA;IAAA,IAAC;AAAEF,MAAAA,KAAAA;KAAH,GAAA,KAAA,CAAA;AAAA,IAAA,OAAeA,KAAK,CAACG,iBAAN,CAAwBC,EAAvC,CAAA;GAA0C,CAAA;AAC/D,aAAe,EAAA,KAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,OAAAA;KAAH,GAAA,KAAA,CAAA;AAAA,IAAA,OAAkBA,OAAO,GAAG,MAAH,GAAY,WAArC,CAAA;GAAkD,CAAA;AACjE,eAAiB,EAAA,KAAA,IAAA;IAAA,IAAC;AAAEA,MAAAA,OAAAA;KAAH,GAAA,KAAA,CAAA;AAAA,IAAA,OAAkBA,OAAO,GAAG,GAAH,GAAS,MAAlC,CAAA;GAA0C,CAAA;AAC3D,EAPc,CAAA;AAQZC,EAAAA,EAAE,EAAEP,WAAmB,CAAA;AACzB;AACA,eAAiB,EAAA,KAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,KAAAA;KAAH,GAAA,KAAA,CAAA;AAAA,IAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBH,GAAlC,CAAA;GAAsC,CAAA;AACvD,mBAAqB,EAAA,KAAA,IAAA;IAAA,IAAC;AAAEE,MAAAA,KAAAA;KAAH,GAAA,KAAA,CAAA;AAAA,IAAA,OAAeA,KAAK,CAACG,iBAAN,CAAwBC,EAAvC,CAAA;GAA0C,CAAA;AAC/D,aAAe,EAAA,KAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,OAAAA;KAAH,GAAA,KAAA,CAAA;AAAA,IAAA,OAAkBA,OAAO,GAAG,MAAH,GAAY,WAArC,CAAA;GAAkD,CAAA;AACjE,eAAiB,EAAA,KAAA,IAAA;IAAA,IAAC;AAAEA,MAAAA,OAAAA;KAAH,GAAA,KAAA,CAAA;AAAA,IAAA,OAAkBA,OAAO,GAAG,GAAH,GAAS,MAAlC,CAAA;GAA0C,CAAA;AAC3D,EAdc,CAAA;AAeZD,EAAAA,EAAE,EAAEL,WAAmB,CAAA;AACzB;AACA,eAAiB,EAAA,KAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,KAAAA;KAAH,GAAA,KAAA,CAAA;AAAA,IAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBK,EAAlC,CAAA;GAAqC,CAAA;AACtD,mBAAqB,EAAA,MAAA,IAAA;IAAA,IAAC;AAAEN,MAAAA,KAAAA;KAAH,GAAA,MAAA,CAAA;AAAA,IAAA,OAAeA,KAAK,CAACG,iBAAN,CAAwBC,EAAvC,CAAA;GAA0C,CAAA;AAC/D,aAAe,EAAA,MAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,OAAAA;KAAH,GAAA,MAAA,CAAA;AAAA,IAAA,OAAkBA,OAAO,GAAG,MAAH,GAAY,WAArC,CAAA;GAAkD,CAAA;AACjE,eAAiB,EAAA,MAAA,IAAA;IAAA,IAAC;AAAEA,MAAAA,OAAAA;KAAH,GAAA,MAAA,CAAA;AAAA,IAAA,OAAkBA,OAAO,GAAG,GAAH,GAAS,OAAlC,CAAA;GAA2C,CAAA;AAC5D,EArBc,CAAA;AAsBZE,EAAAA,EAAE,EAAER,WAAmB,CAAA;AACzB;AACA,eAAiB,EAAA,MAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,KAAAA;KAAH,GAAA,MAAA,CAAA;AAAA,IAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBK,EAAlC,CAAA;GAAqC,CAAA;AACtD,mBAAqB,EAAA,MAAA,IAAA;IAAA,IAAC;AAAEN,MAAAA,KAAAA;KAAH,GAAA,MAAA,CAAA;AAAA,IAAA,OAAeA,KAAK,CAACG,iBAAN,CAAwBK,EAAvC,CAAA;GAA0C,CAAA;AAC/D,aAAe,EAAA,MAAA,IAAA;IAAA,IAAC;AAAEH,MAAAA,OAAAA;KAAH,GAAA,MAAA,CAAA;AAAA,IAAA,OAAkBA,OAAO,GAAG,MAAH,GAAY,WAArC,CAAA;GAAkD,CAAA;AACjE,eAAiB,EAAA,MAAA,IAAA;IAAA,IAAC;AAAEA,MAAAA,OAAAA;KAAH,GAAA,MAAA,CAAA;AAAA,IAAA,OAAkBA,OAAO,GAAG,GAAH,GAAS,OAAlC,CAAA;GAA2C,CAAA;AAC5D,EA5Bc,CAAA;AA6BZG,EAAAA,EAAE,EAAET,WAAmB,CAAA;AACzB;AACA,eAAiB,EAAA,MAAA,IAAA;IAAA,IAAC;AAAEC,MAAAA,KAAAA;KAAH,GAAA,MAAA,CAAA;AAAA,IAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBG,EAAlC,CAAA;GAAqC,CAAA;AACtD,mBAAqB,EAAA,MAAA,IAAA;IAAA,IAAC;AAAEJ,MAAAA,KAAAA;KAAH,GAAA,MAAA,CAAA;AAAA,IAAA,OAAeA,KAAK,CAACG,iBAAN,CAAwBK,EAAvC,CAAA;GAA0C,CAAA;AAC/D,gBAAkB,EAAA,MAAA,IAAA;IAAA,IAAC;AAAER,MAAAA,KAAAA;KAAH,GAAA,MAAA,CAAA;AAAA,IAAA,OAAeA,KAAK,CAACS,UAAN,CAAiBF,EAAhC,CAAA;GAAmC,CAAA;AACrD;AACA,aAAe,EAAA,MAAA,IAAA;IAAA,IAAC;AAAEF,MAAAA,OAAAA;KAAH,GAAA,MAAA,CAAA;AAAA,IAAA,OAAkBA,OAAO,GAAG,MAAH,GAAY,WAArC,CAAA;GAAkD,CAAA;AACjE,eAAiB,EAAA,MAAA,IAAA;IAAA,IAAC;AAAEA,MAAAA,OAAAA;KAAH,GAAA,MAAA,CAAA;AAAA,IAAA,OAAkBA,OAAO,GAAG,GAAH,GAAS,OAAlC,CAAA;GAA2C,CAAA;AAC5D,EAAA,CAAA;AArCc,CAAd,CAAA;;AAwCA,MAAMK,YAAY,GAAIC,KAAD,IAA0B;AAC7C,EAAA,MAAMC,SAAS,GAAG;AAChBC,IAAAA,OAAO,EAAG,CADM,yBAAA,CAAA;AAEhBC,IAAAA,SAAS,EAAG,CAFI,2BAAA,CAAA;AAGhBC,IAAAA,OAAO,EAAG,CAHM,yBAAA,CAAA;AAIhBC,IAAAA,KAAK,EAAG,CAJQ,uBAAA,CAAA;AAKhBC,IAAAA,OAAO,EAAG,CAAA,yBAAA,CAAA;GALZ,CAAA;AAOA,EAAA,OAAOL,SAAS,CAACD,KAAK,CAACO,MAAP,CAAhB,CAAA;AACD,CATD,CAAA;;AAWA,MAAMC,gBAAgB,GAAIR,KAAD,IAA0B;AACjD,EAAA,MAAMC,SAAS,GAAG;AAChBC,IAAAA,OAAO,EAAG,CADM,iCAAA,CAAA;AAEhBC,IAAAA,SAAS,EAAG,CAFI,mCAAA,CAAA;AAGhBC,IAAAA,OAAO,EAAG,CAHM,iCAAA,CAAA;AAIhBC,IAAAA,KAAK,EAAG,CAJQ,+BAAA,CAAA;AAKhBC,IAAAA,OAAO,EAAG,CAAA,iCAAA,CAAA;GALZ,CAAA;AAOA,EAAA,OAAOL,SAAS,CAACD,KAAK,CAACO,MAAP,CAAhB,CAAA;AACD,CATD,CAAA;;AAWA,MAAME,aAAa,GAAIT,KAAD,IAA0B;AAC9C,EAAA,MAAMC,SAAS,GAAG;AAChBC,IAAAA,OAAO,EAAG,CADM,8BAAA,CAAA;AAEhBC,IAAAA,SAAS,EAAG,CAFI,gCAAA,CAAA;AAGhBC,IAAAA,OAAO,EAAG,CAHM,8BAAA,CAAA;AAIhBC,IAAAA,KAAK,EAAG,CAJQ,4BAAA,CAAA;AAKhBC,IAAAA,OAAO,EAAG,CAAA,8BAAA,CAAA;GALZ,CAAA;AAOA,EAAA,OAAOL,SAAS,CAACD,KAAK,CAACO,MAAP,CAAhB,CAAA;AACD,CATD,CAAA;;AAWA,MAAMG,QAAQ,GAAG;AACfC,EAAAA,MAAM,EAAEvB,WAAI,CAAA;AACd,WAAA,EAAaoB,gBAAiB,CAAA;AAC9B,sBAAA,EAAwBT,YAAa,CAAA;AACrC,iCAAmC,EAAA,MAAA,IAAA;IAAA,IAAC;AAAEV,MAAAA,KAAAA;KAAH,GAAA,MAAA,CAAA;AAAA,IAAA,OAAeA,KAAK,CAACuB,QAAN,CAAeC,IAA9B,CAAA;GAAmC,CAAA;AACtE;AACA;AACA;AACA,wBAAA,EAA0BJ,aAAc,CAAA;AACxC;AACA,EAViB,CAAA;AAWfK,EAAAA,QAAQ,EAAE1B,WAAI,CAAA;AAChB,WAAA,EAAaW,YAAa,CAAA;AAC1B;AACA,uBAAyB,EAAA,MAAA,IAAA;IAAA,IAAC;AAAEV,MAAAA,KAAAA;KAAH,GAAA,MAAA,CAAA;AAAA,IAAA,OAAeA,KAAK,CAACuB,QAAN,CAAeC,IAA9B,CAAA;GAAmC,CAAA;AAC5D,YAAc,EAAA,MAAA,IAAA;IAAA,IAAC;AAAExB,MAAAA,KAAAA;KAAH,GAAA,MAAA,CAAA;AAAA,IAAA,OAAeA,KAAK,CAACuB,QAAN,CAAeC,IAA9B,CAAA;GAAmC,CAAA;AACjD;AACA;AACA;AACA,wBAAA,EAA0Bd,YAAa,CAAA;AACvC;AACA;AACA;AACA;AACA,wBAAA,EAA0BU,aAAc,CAAA;AACxC,aAAA,EAAeD,gBAAiB,CAAA;AAChC;AACA,EA3BiB,CAAA;AA4BfO,EAAAA,IAAI,EAAE3B,WAAI,CAAA;AACZ,WAAA,EAAaW,YAAa,CAAA;AAC1B;AACA;AACA;AACA;AACA,wBAAA,EAA0BA,YAAa,CAAA;AACvC,0BAA4B,EAAA,MAAA,IAAA;IAAA,IAAC;AAAEV,MAAAA,KAAAA;KAAH,GAAA,MAAA,CAAA;AAAA,IAAA,OAAeA,KAAK,CAACuB,QAAN,CAAeC,IAA9B,CAAA;GAAmC,CAAA;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EA9CiB,CAAA;AA+CfG,EAAAA,KAAK,EAAE5B,WAAI,CAAA;AACb,WAAA,EAAaW,YAAa,CAAA;AAC1B;AACA;AACA;AACA,wBAAA,EAA0BA,YAAa,CAAA;AACvC,0BAA4B,EAAA,MAAA,IAAA;IAAA,IAAC;AAAEV,MAAAA,KAAAA;KAAH,GAAA,MAAA,CAAA;AAAA,IAAA,OAAeA,KAAK,CAACuB,QAAN,CAAeC,IAA9B,CAAA;GAAmC,CAAA;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAhEiB,CAAA;AAiEfI,EAAAA,WAAW,EAAE7B,WAAI,CAAA;AACnB,WAAA,EAAaW,YAAa,CAAA;AAC1B;AACA;AACA;AACA,wBAAA,EAA0BA,YAAa,CAAA;AACvC,0BAA4B,EAAA,MAAA,IAAA;IAAA,IAAC;AAAEV,MAAAA,KAAAA;KAAH,GAAA,MAAA,CAAA;AAAA,IAAA,OAAeA,KAAK,CAACuB,QAAN,CAAeC,IAA9B,CAAA;GAAmC,CAAA;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,CAAA;AAlFiB,CAAjB,CAAA;AAqFaK,MAAAA,WAAW,GAAGC,+BAAM,CAACC,MAAsB,CAAA;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAW,EAAA,MAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,UAAAA;GAAH,GAAA,MAAA,CAAA;AAAA,EAAA,OAAqBA,UAAU,GAAG,OAAH,GAAa,MAA5C,CAAA;AAAA,CAAoD,CAAA;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAe,EAAA,MAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;GAAH,GAAA,MAAA,CAAA;AAAA,EAAA,OAAmBA,QAAQ,GAAG,CAAH,GAAO,GAAlC,CAAA;AAAA,CAAuC,CAAA;AACtD;AACA;AACA,EAAA,EAAKtB,KAAD,IAAWd,KAAK,CAACc,KAAK,CAACuB,KAAP,CAAc,CAAA;AAClC,EAAA,EAAKvB,KAAD,IAAWU,QAAQ,CAACV,KAAK,CAACwB,QAAP,CAAiB,CAAA;AACxC,EAjCO;AAmCA,MAAMC,MAAM,GAAGC,iBAAU,CAAA;AAChC;AACA;AACA;AACA;AACA,EALO;AAOMC,MAAAA,iBAAiB,GAAGR,+BAAM,CAACS,IAAK,CAAA;AAC7C;AACA;AACA;AACA;AACA,aAAA,EAAeH,MAAO,CAAA;AACtB;AACA;AACA,EARO;AAUMI,MAAAA,kBAAkB,GAAGV,+BAAM,CAACS,IAA2B,CAAA;AACpE;AACA;AACA,cAAgB,EAAA,MAAA,IAAA;EAAA,IAAC;AAAEE,IAAAA,OAAAA;GAAH,GAAA,MAAA,CAAA;AAAA,EAAA,OAAkBA,OAAO,GAAG,QAAH,GAAc,SAAvC,CAAA;AAAA,CAAkD,CAAA;AAClE,EAJO;MAMMC,iBAAiB,GAAGZ,+BAAM,CAACa,aAAD,CAAS,CAAA;AAChD;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;"}
+{"version":3,"file":"ButtonStyles.js","sources":["../../../packages/button/ButtonStyles.tsx"],"sourcesContent":["import styled, { css, keyframes } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { Loader } from '../loaders/index.js'\nimport { ButtonColors, ButtonSizes, ButtonVariants } from './types.js'\n\ntype InjectedProps = {\n  $color: ButtonColors\n  $size: ButtonSizes\n  $variant: ButtonVariants\n  $fullwidth: boolean\n  $square: boolean\n  $loading: boolean\n  $active: boolean\n  theme: Theme\n}\n\nconst sizes = {\n  xxs: css<InjectedProps>`\n    line-height: 1em;\n    font-size: ${({ theme }) => theme.fontSizesMap.xxxs}px;\n    border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n    padding: ${({ $square }) => ($square ? '11px' : '11px 16px')};\n    min-width: ${({ $square }) => ($square ? '0' : '50px')};\n  `,\n  xs: css<InjectedProps>`\n    line-height: 1em;\n    font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n    border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n    padding: ${({ $square }) => ($square ? '10px' : '10px 16px')};\n    min-width: ${({ $square }) => ($square ? '0' : '60px')};\n  `,\n  sm: css<InjectedProps>`\n    line-height: 1em;\n    font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n    border-radius: ${({ theme }) => theme.borderRadiusesMap.sm}px;\n    padding: ${({ $square }) => ($square ? '16px' : '16px 24px')};\n    min-width: ${({ $square }) => ($square ? '0' : '100px')};\n  `,\n  md: css<InjectedProps>`\n    line-height: 1em;\n    font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n    border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n    padding: ${({ $square }) => ($square ? '21px' : '21px 44px')};\n    min-width: ${({ $square }) => ($square ? '0' : '120px')};\n  `,\n  lg: css<InjectedProps>`\n    line-height: 1em;\n    font-size: ${({ theme }) => theme.fontSizesMap.sm}px;\n    border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n    box-shadow: ${({ theme }) => theme.boxShadows.md}\n      var(--lido-color-shadowDark);\n    padding: ${({ $square }) => ($square ? '24px' : '24px 64px')};\n    min-width: ${({ $square }) => ($square ? '0' : '160px')};\n  `,\n}\n\nconst getMainColor = (props: InjectedProps) => {\n  const colorsMap = {\n    primary: `var(--lido-color-primary)`,\n    secondary: `var(--lido-color-secondary)`,\n    warning: `var(--lido-color-warning)`,\n    error: `var(--lido-color-error)`,\n    success: `var(--lido-color-success)`,\n  }\n  return colorsMap[props.$color]\n}\n\nconst getContrastColor = (props: InjectedProps) => {\n  const colorsMap = {\n    primary: `var(--lido-color-primaryContrast)`,\n    secondary: `var(--lido-color-secondaryContrast)`,\n    warning: `var(--lido-color-warningContrast)`,\n    error: `var(--lido-color-errorContrast)`,\n    success: `var(--lido-color-successContrast)`,\n  }\n  return colorsMap[props.$color]\n}\n\nconst getHoverColor = (props: InjectedProps) => {\n  const colorsMap = {\n    primary: `var(--lido-color-primaryHover)`,\n    secondary: `var(--lido-color-secondaryHover)`,\n    warning: `var(--lido-color-warningHover)`,\n    error: `var(--lido-color-errorHover)`,\n    success: `var(--lido-color-successHover)`,\n  }\n  return colorsMap[props.$color]\n}\n\nconst variants = {\n  filled: css`\n    color: ${getContrastColor};\n    background-color: ${getMainColor};\n    transition: background-color ${({ theme }) => theme.duration.fast} ease;\n\n    :not(:disabled):hover,\n    :focus-visible {\n      background-color: ${getHoverColor};\n    }\n  `,\n  outlined: css`\n    color: ${getMainColor};\n    transition:\n      background-color ${({ theme }) => theme.duration.fast} ease,\n      color ${({ theme }) => theme.duration.fast} ease;\n\n    ::before {\n      display: block;\n      border: 1px solid ${getMainColor};\n    }\n\n    :not(:disabled):hover,\n    :focus-visible {\n      background-color: ${getHoverColor};\n      color: ${getContrastColor};\n    }\n  `,\n  text: css`\n    color: ${getMainColor};\n    background-color: var(--lido-color-foreground);\n\n    ::before {\n      display: block;\n      background-color: ${getMainColor};\n      transition: opacity ${({ theme }) => theme.duration.fast} ease;\n      opacity: 0;\n    }\n\n    :not(:disabled):hover,\n    :focus-visible {\n      /* stylelint-disable-next-line no-descending-specificity */\n      ::before {\n        opacity: 0.1;\n      }\n    }\n  `,\n  ghost: css`\n    color: ${getMainColor};\n\n    ::before {\n      display: block;\n      background-color: ${getMainColor};\n      transition: opacity ${({ theme }) => theme.duration.fast} ease;\n      opacity: 0;\n    }\n\n    :not(:disabled):hover,\n    :focus-visible {\n      /* stylelint-disable-next-line no-descending-specificity */\n      ::before {\n        opacity: 0.1;\n      }\n    }\n  `,\n  translucent: css`\n    color: ${getMainColor};\n\n    ::before {\n      display: block;\n      background-color: ${getMainColor};\n      transition: opacity ${({ theme }) => theme.duration.fast} ease;\n      opacity: 0.1;\n    }\n\n    :not(:disabled):hover,\n    :focus-visible {\n      /* stylelint-disable-next-line no-descending-specificity */\n      ::before {\n        opacity: 0.2;\n      }\n    }\n  `,\n}\n\nexport const ButtonStyle = styled.button<InjectedProps>`\n  box-sizing: border-box;\n  margin: 0;\n  border: none;\n  outline: none;\n  white-space: nowrap;\n  overflow: hidden;\n  position: relative;\n  background: transparent;\n  font-family: inherit;\n  font-weight: 700;\n  width: ${({ $fullwidth }) => ($fullwidth ? ' 100%' : 'auto')};\n  -webkit-tap-highlight-color: transparent;\n\n  ::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    border-radius: inherit;\n    display: none;\n  }\n\n  :not(:disabled) {\n    cursor: pointer;\n  }\n\n  :disabled {\n    opacity: ${({ $loading }) => ($loading ? 1 : 0.5)};\n  }\n\n  ${(props) => sizes[props.$size]}\n  ${(props) => variants[props.$variant]}\n`\n\nexport const ripple = keyframes`\n  to {\n    transform: scale(4);\n    opacity: 0;\n  }\n`\n\nexport const ButtonRippleStyle = styled.span`\n  position: absolute;\n  border-radius: 50%;\n  transform: scale(0);\n  pointer-events: none;\n  animation: ${ripple} 0.8s linear;\n  background-color: currentcolor;\n  opacity: 0.4;\n`\n\nexport const ButtonContentStyle = styled.span<{ $hidden: boolean }>`\n  position: relative;\n  pointer-events: none;\n  visibility: ${({ $hidden }) => ($hidden ? 'hidden' : 'visible')};\n`\n\nexport const ButtonLoaderStyle = styled(Loader)`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  color: currentcolor;\n  pointer-events: none;\n`\n"],"names":["sizes","xxs","css","_ref","theme","fontSizesMap","xxxs","_ref2","borderRadiusesMap","sm","_ref3","$square","_ref4","xs","_ref5","_ref6","_ref7","_ref8","_ref9","_ref0","_ref1","_ref10","md","_ref11","_ref12","lg","_ref13","_ref14","_ref15","_ref16","_ref17","boxShadows","_ref18","_ref19","getMainColor","props","colorsMap","primary","secondary","warning","error","success","$color","getContrastColor","getHoverColor","variants","filled","_ref20","duration","fast","outlined","_ref21","_ref22","text","_ref23","ghost","_ref24","translucent","_ref25","ButtonStyle","styled","button","_ref26","$fullwidth","_ref27","$loading","$size","$variant","ripple","keyframes","ButtonRippleStyle","span","ButtonContentStyle","_ref28","$hidden","ButtonLoaderStyle","Loader"],"mappings":"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"}

package/dist/cjs/button/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../packages/button/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum ButtonSize {\n  xxs,\n  xs,\n  sm,\n  md,\n  lg,\n}\nexport type ButtonSizes = keyof typeof ButtonSize\n\nexport enum ButtonVariant {\n  filled,\n  outlined,\n  text,\n  ghost,\n  translucent,\n}\nexport type ButtonVariants = keyof typeof ButtonVariant\n\nexport enum ButtonColor {\n  primary,\n  secondary,\n  warning,\n  error,\n  success,\n}\nexport type ButtonColors = keyof typeof ButtonColor\n\nexport type ButtonProps = LidoComponentProps<\n  'button',\n  {\n    size?: ButtonSizes\n    variant?: ButtonVariants\n    color?: ButtonColors\n    fullwidth?: boolean\n    square?: boolean\n    loading?: boolean\n    active?: boolean\n    as?: never\n  }\n>\n\nexport type ButtonIconProps = {\n  icon: JSX.Element\n} & ButtonProps\n"],"names":["ButtonSize","ButtonVariant","ButtonColor"],"mappings":";;;;AAGYA,IAAAA,UAAZ,0BAAYA,UAAZ,EAAA;AAAYA,EAAAA,UAAZ,CAAYA,UAAZ,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAAYA,EAAAA,UAAZ,CAAYA,UAAZ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAYA,EAAAA,UAAZ,CAAYA,UAAZ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAYA,EAAAA,UAAZ,CAAYA,UAAZ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAYA,EAAAA,UAAZ,CAAYA,UAAZ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAYA,UAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AASYC,IAAAA,aAAZ,0BAAYA,aAAZ,EAAA;AAAYA,EAAAA,aAAZ,CAAYA,aAAZ,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAYA,EAAAA,aAAZ,CAAYA,aAAZ,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAYA,EAAAA,aAAZ,CAAYA,aAAZ,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAYA,EAAAA,aAAZ,CAAYA,aAAZ,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAYA,EAAAA,aAAZ,CAAYA,aAAZ,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,GAAA,aAAA,CAAA;AAAA,EAAA,OAAYA,aAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AASYC,IAAAA,WAAZ,0BAAYA,WAAZ,EAAA;AAAYA,EAAAA,WAAZ,CAAYA,WAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAYA,EAAAA,WAAZ,CAAYA,WAAZ,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAA,CAAA;AAAYA,EAAAA,WAAZ,CAAYA,WAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAYA,EAAAA,WAAZ,CAAYA,WAAZ,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAYA,EAAAA,WAAZ,CAAYA,WAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAAYA,WAAZ,CAAA;AAAA,CAAA,CAAA,EAAA;;;;;;"}
+{"version":3,"file":"types.js","sources":["../../../packages/button/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum ButtonSize {\n  xxs,\n  xs,\n  sm,\n  md,\n  lg,\n}\nexport type ButtonSizes = keyof typeof ButtonSize\n\nexport enum ButtonVariant {\n  filled,\n  outlined,\n  text,\n  ghost,\n  translucent,\n}\nexport type ButtonVariants = keyof typeof ButtonVariant\n\nexport enum ButtonColor {\n  primary,\n  secondary,\n  warning,\n  error,\n  success,\n}\nexport type ButtonColors = keyof typeof ButtonColor\n\nexport type ButtonProps = LidoComponentProps<\n  'button',\n  {\n    size?: ButtonSizes\n    variant?: ButtonVariants\n    color?: ButtonColors\n    fullwidth?: boolean\n    square?: boolean\n    loading?: boolean\n    active?: boolean\n    as?: never\n  }\n>\n\nexport type ButtonIconProps = {\n  icon: JSX.Element\n} & ButtonProps\n"],"names":["ButtonSize","ButtonVariant","ButtonColor"],"mappings":";;;;AAGYA,IAAAA,UAAU,0BAAVA,UAAU,EAAA;AAAVA,EAAAA,UAAU,CAAVA,UAAU,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAAVA,EAAAA,UAAU,CAAVA,UAAU,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAVA,EAAAA,UAAU,CAAVA,UAAU,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAVA,EAAAA,UAAU,CAAVA,UAAU,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAVA,EAAAA,UAAU,CAAVA,UAAU,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAVA,UAAU,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AASVC,IAAAA,aAAa,0BAAbA,aAAa,EAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,GAAA,aAAA,CAAA;AAAA,EAAA,OAAbA,aAAa,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AASbC,IAAAA,WAAW,0BAAXA,WAAW,EAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA;;;;;;"}

package/dist/cjs/button/useRipple.js

@@ -25,7 +25,7 @@ const useRipple = _ref => {
       left: x - radius,
       top: y - radius
     };
-    setRipple( /*#__PURE__*/jsxRuntime.jsx(ButtonStyles.ButtonRippleStyle, {
+    setRipple(/*#__PURE__*/jsxRuntime.jsx(ButtonStyles.ButtonRippleStyle, {
       style: style
     }, event.timeStamp));
     onClick?.(event);

package/dist/cjs/button/useRipple.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRipple.js","sources":["../../../packages/button/useRipple.tsx"],"sourcesContent":["import { MouseEvent, ReactNode, useCallback, useState } from 'react'\nimport { ButtonProps } from './types.js'\nimport { ButtonRippleStyle } from './ButtonStyles.js'\n\ntype UseRipple = (props: Pick<ButtonProps, 'onClick'>) => {\n  ripple: ReactNode\n  handleClick: (event: MouseEvent<HTMLButtonElement>) => void\n}\n\nexport const useRipple: UseRipple = ({ onClick }) => {\n  const [ripple, setRipple] = useState<ReactNode | null>(null)\n\n  const handleClick = useCallback(\n    (event: MouseEvent<HTMLButtonElement>) => {\n      const button = event.currentTarget\n      const rect = button.getBoundingClientRect()\n      const diameter = Math.max(button.clientWidth, button.clientHeight)\n      const radius = diameter / 2\n      const isMouseClick = event.clientX > 0 && event.clientY > 0\n\n      const x = isMouseClick\n        ? event.clientX - rect.left\n        : button.clientWidth / 2\n\n      const y = isMouseClick\n        ? event.clientY - rect.top\n        : button.clientHeight / 2\n\n      const style = {\n        width: diameter,\n        height: diameter,\n        left: x - radius,\n        top: y - radius,\n      }\n\n      setRipple(<ButtonRippleStyle style={style} key={event.timeStamp} />)\n      onClick?.(event)\n    },\n    [onClick],\n  )\n\n  return {\n    ripple,\n    handleClick,\n  }\n}\n"],"names":["useRipple","onClick","ripple","setRipple","useState","handleClick","useCallback","event","button","currentTarget","rect","getBoundingClientRect","diameter","Math","max","clientWidth","clientHeight","radius","isMouseClick","clientX","clientY","x","left","y","top","style","width","height","_jsx","ButtonRippleStyle","timeStamp"],"mappings":";;;;;;;;AASO,MAAMA,SAAoB,GAAG,IAAiB,IAAA;EAAA,IAAhB;AAAEC,IAAAA,OAAAA;GAAc,GAAA,IAAA,CAAA;EACnD,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsBC,cAAQ,CAAmB,IAAnB,CAApC,CAAA;AAEA,EAAA,MAAMC,WAAW,GAAGC,iBAAW,CAC5BC,KAAD,IAA0C;AACxC,IAAA,MAAMC,MAAM,GAAGD,KAAK,CAACE,aAArB,CAAA;AACA,IAAA,MAAMC,IAAI,GAAGF,MAAM,CAACG,qBAAP,EAAb,CAAA;AACA,IAAA,MAAMC,QAAQ,GAAGC,IAAI,CAACC,GAAL,CAASN,MAAM,CAACO,WAAhB,EAA6BP,MAAM,CAACQ,YAApC,CAAjB,CAAA;AACA,IAAA,MAAMC,MAAM,GAAGL,QAAQ,GAAG,CAA1B,CAAA;AACA,IAAA,MAAMM,YAAY,GAAGX,KAAK,CAACY,OAAN,GAAgB,CAAhB,IAAqBZ,KAAK,CAACa,OAAN,GAAgB,CAA1D,CAAA;AAEA,IAAA,MAAMC,CAAC,GAAGH,YAAY,GAClBX,KAAK,CAACY,OAAN,GAAgBT,IAAI,CAACY,IADH,GAElBd,MAAM,CAACO,WAAP,GAAqB,CAFzB,CAAA;AAIA,IAAA,MAAMQ,CAAC,GAAGL,YAAY,GAClBX,KAAK,CAACa,OAAN,GAAgBV,IAAI,CAACc,GADH,GAElBhB,MAAM,CAACQ,YAAP,GAAsB,CAF1B,CAAA;AAIA,IAAA,MAAMS,KAAK,GAAG;AACZC,MAAAA,KAAK,EAAEd,QADK;AAEZe,MAAAA,MAAM,EAAEf,QAFI;MAGZU,IAAI,EAAED,CAAC,GAAGJ,MAHE;MAIZO,GAAG,EAAED,CAAC,GAAGN,MAAAA;KAJX,CAAA;IAOAd,SAAS,eAACyB,eAACC,8BAAD,EAAA;AAAmB,MAAA,KAAK,EAAEJ,KAAAA;AAA1B,KAAA,EAAsClB,KAAK,CAACuB,SAA5C,CAAD,CAAT,CAAA;IACA7B,OAAO,GAAGM,KAAH,CAAP,CAAA;AACD,GAzB4B,EA0B7B,CAACN,OAAD,CA1B6B,CAA/B,CAAA;EA6BA,OAAO;IACLC,MADK;AAELG,IAAAA,WAAAA;GAFF,CAAA;AAID;;;;"}
+{"version":3,"file":"useRipple.js","sources":["../../../packages/button/useRipple.tsx"],"sourcesContent":["import { MouseEvent, ReactNode, useCallback, useState } from 'react'\nimport { ButtonProps } from './types.js'\nimport { ButtonRippleStyle } from './ButtonStyles.js'\n\ntype UseRipple = (props: Pick<ButtonProps, 'onClick'>) => {\n  ripple: ReactNode\n  handleClick: (event: MouseEvent<HTMLButtonElement>) => void\n}\n\nexport const useRipple: UseRipple = ({ onClick }) => {\n  const [ripple, setRipple] = useState<ReactNode | null>(null)\n\n  const handleClick = useCallback(\n    (event: MouseEvent<HTMLButtonElement>) => {\n      const button = event.currentTarget\n      const rect = button.getBoundingClientRect()\n      const diameter = Math.max(button.clientWidth, button.clientHeight)\n      const radius = diameter / 2\n      const isMouseClick = event.clientX > 0 && event.clientY > 0\n\n      const x = isMouseClick\n        ? event.clientX - rect.left\n        : button.clientWidth / 2\n\n      const y = isMouseClick\n        ? event.clientY - rect.top\n        : button.clientHeight / 2\n\n      const style = {\n        width: diameter,\n        height: diameter,\n        left: x - radius,\n        top: y - radius,\n      }\n\n      setRipple(<ButtonRippleStyle style={style} key={event.timeStamp} />)\n      onClick?.(event)\n    },\n    [onClick],\n  )\n\n  return {\n    ripple,\n    handleClick,\n  }\n}\n"],"names":["useRipple","_ref","onClick","ripple","setRipple","useState","handleClick","useCallback","event","button","currentTarget","rect","getBoundingClientRect","diameter","Math","max","clientWidth","clientHeight","radius","isMouseClick","clientX","clientY","x","left","y","top","style","width","height","_jsx","ButtonRippleStyle","timeStamp"],"mappings":";;;;;;;;AASaA,MAAAA,SAAoB,GAAGC,IAAA,IAAiB;EAAA,IAAhB;AAAEC,IAAAA,OAAAA;AAAQ,GAAC,GAAAD,IAAA,CAAA;EAC9C,MAAM,CAACE,MAAM,EAAEC,SAAS,CAAC,GAAGC,cAAQ,CAAmB,IAAI,CAAC,CAAA;AAE5D,EAAA,MAAMC,WAAW,GAAGC,iBAAW,CAC5BC,KAAoC,IAAK;AACxC,IAAA,MAAMC,MAAM,GAAGD,KAAK,CAACE,aAAa,CAAA;AAClC,IAAA,MAAMC,IAAI,GAAGF,MAAM,CAACG,qBAAqB,EAAE,CAAA;AAC3C,IAAA,MAAMC,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAACN,MAAM,CAACO,WAAW,EAAEP,MAAM,CAACQ,YAAY,CAAC,CAAA;AAClE,IAAA,MAAMC,MAAM,GAAGL,QAAQ,GAAG,CAAC,CAAA;AAC3B,IAAA,MAAMM,YAAY,GAAGX,KAAK,CAACY,OAAO,GAAG,CAAC,IAAIZ,KAAK,CAACa,OAAO,GAAG,CAAC,CAAA;AAE3D,IAAA,MAAMC,CAAC,GAAGH,YAAY,GAClBX,KAAK,CAACY,OAAO,GAAGT,IAAI,CAACY,IAAI,GACzBd,MAAM,CAACO,WAAW,GAAG,CAAC,CAAA;AAE1B,IAAA,MAAMQ,CAAC,GAAGL,YAAY,GAClBX,KAAK,CAACa,OAAO,GAAGV,IAAI,CAACc,GAAG,GACxBhB,MAAM,CAACQ,YAAY,GAAG,CAAC,CAAA;AAE3B,IAAA,MAAMS,KAAK,GAAG;AACZC,MAAAA,KAAK,EAAEd,QAAQ;AACfe,MAAAA,MAAM,EAAEf,QAAQ;MAChBU,IAAI,EAAED,CAAC,GAAGJ,MAAM;MAChBO,GAAG,EAAED,CAAC,GAAGN,MAAAA;KACV,CAAA;IAEDd,SAAS,cAACyB,cAAA,CAACC,8BAAiB,EAAA;AAACJ,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAA,EAAMlB,KAAK,CAACuB,SAAY,CAAC,CAAC,CAAA;IACpE7B,OAAO,GAAGM,KAAK,CAAC,CAAA;AAClB,GAAC,EACD,CAACN,OAAO,CACV,CAAC,CAAA;EAED,OAAO;IACLC,MAAM;AACNG,IAAAA,WAAAA;GACD,CAAA;AACH;;;;"}

package/dist/cjs/chart-line/ChartLine.js

@@ -36,11 +36,9 @@ const ChartLine = /*#__PURE__*/React.forwardRef((props, ref) => {
       setContainerSize(null);
       return;
     }
-
     const containerSize = getContainerSize.getContainerSize(ids);
     setContainerSize(containerSize);
   }, [ids, showLabels]);
-
   if (loading) {
     return /*#__PURE__*/jsxRuntime.jsx(ChartLineStyles.WrapperStyle, {
       $border: border,
@@ -50,7 +48,6 @@ const ChartLine = /*#__PURE__*/React.forwardRef((props, ref) => {
       children: /*#__PURE__*/jsxRuntime.jsx(InlineLoader.InlineLoader, {})
     });
   }
-
   return /*#__PURE__*/jsxRuntime.jsx(ChartLineStyles.ContainerStyle, {
     id: containerId,
     $alignItems: containerSize?.isCenterAlign ? 'center' : 'flex-start',

package/dist/cjs/chart-line/ChartLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartLine.js","sources":["../../../packages/chart-line/ChartLine.tsx"],"sourcesContent":["import {\n  ForwardedRef,\n  forwardRef,\n  useMemo,\n  useLayoutEffect,\n  useState,\n  useId,\n} from 'react'\n\nimport { InlineLoader } from '../loaders/index.js'\n\nimport { ChartLineLabel } from './ChartLineLabel.js'\nimport { getContainerSize, processData } from './utils/index.js'\nimport { ContainerStyle, LineStyle, WrapperStyle } from './ChartLineStyles.js'\nimport { ChartLineProps } from './types.js'\n\nexport const ChartLine = forwardRef(\n  (props: ChartLineProps, ref?: ForwardedRef<HTMLDivElement>) => {\n    const {\n      loading = false,\n      onClick,\n      children,\n      height,\n      border,\n      data,\n      showLabels,\n      maxValue,\n      thresholdType,\n      ...rest\n    } = props\n\n    const [containerSize, setContainerSize] = useState<{\n      size: number\n      isCenterAlign: boolean\n    } | null>(null)\n    const containerId = useId()\n\n    const { data: processedData, ids } = useMemo(\n      () => processData(data, containerId, maxValue),\n      [data, maxValue, containerId],\n    )\n\n    const allPreviousIds = useMemo(\n      () => ids.map((_, index) => ids.slice(0, index)),\n      [ids],\n    )\n\n    useLayoutEffect(() => {\n      if (!showLabels) {\n        setContainerSize(null)\n        return\n      }\n      const containerSize = getContainerSize(ids)\n      setContainerSize(containerSize)\n    }, [ids, showLabels])\n\n    if (loading) {\n      return (\n        <WrapperStyle $border={border} $height={height} ref={ref} {...rest}>\n          <InlineLoader />\n        </WrapperStyle>\n      )\n    }\n\n    return (\n      <ContainerStyle\n        id={containerId}\n        $alignItems={containerSize?.isCenterAlign ? 'center' : 'flex-start'}\n        $height={containerSize?.size ?? 0}\n      >\n        <WrapperStyle $border={border} $height={height} ref={ref} {...rest}>\n          {processedData.map((item, index) => {\n            const { color, id, width } = item\n            const previousIds = allPreviousIds[index]\n\n            return (\n              <LineStyle\n                key={id}\n                $width={`${width}%`}\n                $backgroundColor={color}\n                $zIndex={processedData.length - index}\n                $border={border}\n                $isFullWidth={width === 100}\n              >\n                <ChartLineLabel\n                  zIndex={processedData.length - index}\n                  show={showLabels}\n                  previousIds={previousIds}\n                  height={height}\n                  thresholdType={thresholdType}\n                  containerId={containerId}\n                  {...item}\n                />\n              </LineStyle>\n            )\n          })}\n        </WrapperStyle>\n      </ContainerStyle>\n    )\n  },\n)\nChartLine.displayName = 'ChartLine'\n"],"names":["ChartLine","forwardRef","props","ref","loading","onClick","children","height","border","data","showLabels","maxValue","thresholdType","rest","containerSize","setContainerSize","useState","containerId","useId","processedData","ids","useMemo","processData","allPreviousIds","map","_","index","slice","useLayoutEffect","getContainerSize","_jsx","WrapperStyle","InlineLoader","ContainerStyle","isCenterAlign","size","item","color","id","width","previousIds","LineStyle","length","ChartLineLabel","displayName"],"mappings":"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"}
+{"version":3,"file":"ChartLine.js","sources":["../../../packages/chart-line/ChartLine.tsx"],"sourcesContent":["import {\n  ForwardedRef,\n  forwardRef,\n  useMemo,\n  useLayoutEffect,\n  useState,\n  useId,\n} from 'react'\n\nimport { InlineLoader } from '../loaders/index.js'\n\nimport { ChartLineLabel } from './ChartLineLabel.js'\nimport { getContainerSize, processData } from './utils/index.js'\nimport { ContainerStyle, LineStyle, WrapperStyle } from './ChartLineStyles.js'\nimport { ChartLineProps } from './types.js'\n\nexport const ChartLine = forwardRef(\n  (props: ChartLineProps, ref?: ForwardedRef<HTMLDivElement>) => {\n    const {\n      loading = false,\n      onClick,\n      children,\n      height,\n      border,\n      data,\n      showLabels,\n      maxValue,\n      thresholdType,\n      ...rest\n    } = props\n\n    const [containerSize, setContainerSize] = useState<{\n      size: number\n      isCenterAlign: boolean\n    } | null>(null)\n    const containerId = useId()\n\n    const { data: processedData, ids } = useMemo(\n      () => processData(data, containerId, maxValue),\n      [data, maxValue, containerId],\n    )\n\n    const allPreviousIds = useMemo(\n      () => ids.map((_, index) => ids.slice(0, index)),\n      [ids],\n    )\n\n    useLayoutEffect(() => {\n      if (!showLabels) {\n        setContainerSize(null)\n        return\n      }\n      const containerSize = getContainerSize(ids)\n      setContainerSize(containerSize)\n    }, [ids, showLabels])\n\n    if (loading) {\n      return (\n        <WrapperStyle $border={border} $height={height} ref={ref} {...rest}>\n          <InlineLoader />\n        </WrapperStyle>\n      )\n    }\n\n    return (\n      <ContainerStyle\n        id={containerId}\n        $alignItems={containerSize?.isCenterAlign ? 'center' : 'flex-start'}\n        $height={containerSize?.size ?? 0}\n      >\n        <WrapperStyle $border={border} $height={height} ref={ref} {...rest}>\n          {processedData.map((item, index) => {\n            const { color, id, width } = item\n            const previousIds = allPreviousIds[index]\n\n            return (\n              <LineStyle\n                key={id}\n                $width={`${width}%`}\n                $backgroundColor={color}\n                $zIndex={processedData.length - index}\n                $border={border}\n                $isFullWidth={width === 100}\n              >\n                <ChartLineLabel\n                  zIndex={processedData.length - index}\n                  show={showLabels}\n                  previousIds={previousIds}\n                  height={height}\n                  thresholdType={thresholdType}\n                  containerId={containerId}\n                  {...item}\n                />\n              </LineStyle>\n            )\n          })}\n        </WrapperStyle>\n      </ContainerStyle>\n    )\n  },\n)\nChartLine.displayName = 'ChartLine'\n"],"names":["ChartLine","forwardRef","props","ref","loading","onClick","children","height","border","data","showLabels","maxValue","thresholdType","rest","containerSize","setContainerSize","useState","containerId","useId","processedData","ids","useMemo","processData","allPreviousIds","map","_","index","slice","useLayoutEffect","getContainerSize","_jsx","WrapperStyle","$border","$height","InlineLoader","ContainerStyle","id","$alignItems","isCenterAlign","size","item","color","width","previousIds","LineStyle","$width","$backgroundColor","$zIndex","length","$isFullWidth","ChartLineLabel","zIndex","show","displayName"],"mappings":"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"}

package/dist/cjs/chart-line/ChartLineLabel.js

@@ -24,7 +24,6 @@ const ChartLineLabel = /*#__PURE__*/React.forwardRef((props, ref) => {
   } = props;
   React.useLayoutEffect(() => {
     if (!show) return;
-
     if (thresholdType !== types.ChartLineThresholdType.flag) {
       handlePositioning.handlePositioning({
         previousIds,

package/dist/cjs/chart-line/ChartLineLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartLineLabel.js","sources":["../../../packages/chart-line/ChartLineLabel.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useLayoutEffect } from 'react'\n\nimport { ChartLineLabelProps, ChartLineThresholdType } from './types.js'\nimport { ThresholdLabelStyle, ThresholdStyle } from './ChartLineStyles.js'\nimport { handlePositioning } from './utils/index.js'\n\nexport const ChartLineLabel = forwardRef(\n  (props: ChartLineLabelProps, ref?: ForwardedRef<HTMLDivElement>) => {\n    const {\n      previousIds,\n      id,\n      color,\n      zIndex,\n      show,\n      labelPosition,\n      thresholdType,\n      height,\n      threshold,\n      containerId,\n      ...rest\n    } = props\n\n    useLayoutEffect(() => {\n      if (!show) return\n      if (thresholdType !== ChartLineThresholdType.flag) {\n        handlePositioning({ previousIds, id, containerId, reset: true })\n      } else {\n        handlePositioning({ previousIds, id, containerId })\n      }\n    }, [previousIds, id, show, thresholdType, containerId])\n\n    if (!show) return null\n\n    const backgroundColor = threshold.color || color\n    const content = threshold.descriptionElement || threshold.description\n\n    return (\n      <ThresholdStyle\n        ref={ref}\n        id={id}\n        data-label-position={labelPosition}\n        $labelPosition={labelPosition}\n        $thresholdType={thresholdType}\n        $height={height}\n        $backgroundColor={backgroundColor}\n        $zIndex={zIndex}\n        {...rest}\n      >\n        {thresholdType === ChartLineThresholdType.flag && (\n          <ThresholdLabelStyle\n            style={{ backgroundColor }}\n            id={`${id}-description`}\n            $labelPosition={labelPosition}\n          >\n            {content}\n          </ThresholdLabelStyle>\n        )}\n      </ThresholdStyle>\n    )\n  },\n)\nChartLineLabel.displayName = 'ChartLineLabel'\n"],"names":["ChartLineLabel","forwardRef","props","ref","previousIds","id","color","zIndex","show","labelPosition","thresholdType","height","threshold","containerId","rest","useLayoutEffect","ChartLineThresholdType","flag","handlePositioning","reset","backgroundColor","content","descriptionElement","description","_jsx","ThresholdStyle","ThresholdLabelStyle","displayName"],"mappings":";;;;;;;;;;AAMO,MAAMA,cAAc,gBAAGC,gBAAU,CACtC,CAACC,KAAD,EAA6BC,GAA7B,KAAoE;EAClE,MAAM;IACJC,WADI;IAEJC,EAFI;IAGJC,KAHI;IAIJC,MAJI;IAKJC,IALI;IAMJC,aANI;IAOJC,aAPI;IAQJC,MARI;IASJC,SATI;IAUJC,WAVI;IAWJ,GAAGC,IAAAA;AAXC,GAAA,GAYFZ,KAZJ,CAAA;AAcAa,EAAAA,qBAAe,CAAC,MAAM;IACpB,IAAI,CAACP,IAAL,EAAW,OAAA;;AACX,IAAA,IAAIE,aAAa,KAAKM,4BAAsB,CAACC,IAA7C,EAAmD;AACjDC,MAAAA,mCAAiB,CAAC;QAAEd,WAAF;QAAeC,EAAf;QAAmBQ,WAAnB;AAAgCM,QAAAA,KAAK,EAAE,IAAA;AAAvC,OAAD,CAAjB,CAAA;AACD,KAFD,MAEO;AACLD,MAAAA,mCAAiB,CAAC;QAAEd,WAAF;QAAeC,EAAf;AAAmBQ,QAAAA,WAAAA;AAAnB,OAAD,CAAjB,CAAA;AACD,KAAA;AACF,GAPc,EAOZ,CAACT,WAAD,EAAcC,EAAd,EAAkBG,IAAlB,EAAwBE,aAAxB,EAAuCG,WAAvC,CAPY,CAAf,CAAA;AASA,EAAA,IAAI,CAACL,IAAL,EAAW,OAAO,IAAP,CAAA;AAEX,EAAA,MAAMY,eAAe,GAAGR,SAAS,CAACN,KAAV,IAAmBA,KAA3C,CAAA;EACA,MAAMe,OAAO,GAAGT,SAAS,CAACU,kBAAV,IAAgCV,SAAS,CAACW,WAA1D,CAAA;AAEA,EAAA,oBACEC,eAACC,8BAAD,EAAA;AACE,IAAA,GAAG,EAAEtB,GADP;AAEE,IAAA,EAAE,EAAEE,EAFN;AAGE,IAAA,qBAAA,EAAqBI,aAHvB;AAIE,IAAA,cAAc,EAAEA,aAJlB;AAKE,IAAA,cAAc,EAAEC,aALlB;AAME,IAAA,OAAO,EAAEC,MANX;AAOE,IAAA,gBAAgB,EAAES,eAPpB;AAQE,IAAA,OAAO,EAAEb,MARX;AAAA,IAAA,GASMO,IATN;AAAA,IAAA,QAAA,EAWGJ,aAAa,KAAKM,4BAAsB,CAACC,IAAzC,iBACCO,eAACE,mCAAD,EAAA;AACE,MAAA,KAAK,EAAE;AAAEN,QAAAA,eAAAA;OADX;MAEE,EAAE,EAAG,CAAEf,EAAAA,EAAG,CAFZ,YAAA,CAAA;AAGE,MAAA,cAAc,EAAEI,aAHlB;MAAA,QAKGY,EAAAA,OAAAA;AALH,KAAA,CAAA;GAbN,CAAA,CAAA;AAuBD,CArDqC,EAAjC;AAuDPrB,cAAc,CAAC2B,WAAf,GAA6B,gBAA7B;;;;"}
+{"version":3,"file":"ChartLineLabel.js","sources":["../../../packages/chart-line/ChartLineLabel.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useLayoutEffect } from 'react'\n\nimport { ChartLineLabelProps, ChartLineThresholdType } from './types.js'\nimport { ThresholdLabelStyle, ThresholdStyle } from './ChartLineStyles.js'\nimport { handlePositioning } from './utils/index.js'\n\nexport const ChartLineLabel = forwardRef(\n  (props: ChartLineLabelProps, ref?: ForwardedRef<HTMLDivElement>) => {\n    const {\n      previousIds,\n      id,\n      color,\n      zIndex,\n      show,\n      labelPosition,\n      thresholdType,\n      height,\n      threshold,\n      containerId,\n      ...rest\n    } = props\n\n    useLayoutEffect(() => {\n      if (!show) return\n      if (thresholdType !== ChartLineThresholdType.flag) {\n        handlePositioning({ previousIds, id, containerId, reset: true })\n      } else {\n        handlePositioning({ previousIds, id, containerId })\n      }\n    }, [previousIds, id, show, thresholdType, containerId])\n\n    if (!show) return null\n\n    const backgroundColor = threshold.color || color\n    const content = threshold.descriptionElement || threshold.description\n\n    return (\n      <ThresholdStyle\n        ref={ref}\n        id={id}\n        data-label-position={labelPosition}\n        $labelPosition={labelPosition}\n        $thresholdType={thresholdType}\n        $height={height}\n        $backgroundColor={backgroundColor}\n        $zIndex={zIndex}\n        {...rest}\n      >\n        {thresholdType === ChartLineThresholdType.flag && (\n          <ThresholdLabelStyle\n            style={{ backgroundColor }}\n            id={`${id}-description`}\n            $labelPosition={labelPosition}\n          >\n            {content}\n          </ThresholdLabelStyle>\n        )}\n      </ThresholdStyle>\n    )\n  },\n)\nChartLineLabel.displayName = 'ChartLineLabel'\n"],"names":["ChartLineLabel","forwardRef","props","ref","previousIds","id","color","zIndex","show","labelPosition","thresholdType","height","threshold","containerId","rest","useLayoutEffect","ChartLineThresholdType","flag","handlePositioning","reset","backgroundColor","content","descriptionElement","description","_jsx","ThresholdStyle","$labelPosition","$thresholdType","$height","$backgroundColor","$zIndex","children","ThresholdLabelStyle","style","displayName"],"mappings":";;;;;;;;;;AAMO,MAAMA,cAAc,gBAAGC,gBAAU,CACtC,CAACC,KAA0B,EAAEC,GAAkC,KAAK;EAClE,MAAM;IACJC,WAAW;IACXC,EAAE;IACFC,KAAK;IACLC,MAAM;IACNC,IAAI;IACJC,aAAa;IACbC,aAAa;IACbC,MAAM;IACNC,SAAS;IACTC,WAAW;IACX,GAAGC,IAAAA;AACL,GAAC,GAAGZ,KAAK,CAAA;AAETa,EAAAA,qBAAe,CAAC,MAAM;IACpB,IAAI,CAACP,IAAI,EAAE,OAAA;AACX,IAAA,IAAIE,aAAa,KAAKM,4BAAsB,CAACC,IAAI,EAAE;AACjDC,MAAAA,mCAAiB,CAAC;QAAEd,WAAW;QAAEC,EAAE;QAAEQ,WAAW;AAAEM,QAAAA,KAAK,EAAE,IAAA;AAAK,OAAC,CAAC,CAAA;AAClE,KAAC,MAAM;AACLD,MAAAA,mCAAiB,CAAC;QAAEd,WAAW;QAAEC,EAAE;AAAEQ,QAAAA,WAAAA;AAAY,OAAC,CAAC,CAAA;AACrD,KAAA;AACF,GAAC,EAAE,CAACT,WAAW,EAAEC,EAAE,EAAEG,IAAI,EAAEE,aAAa,EAAEG,WAAW,CAAC,CAAC,CAAA;AAEvD,EAAA,IAAI,CAACL,IAAI,EAAE,OAAO,IAAI,CAAA;AAEtB,EAAA,MAAMY,eAAe,GAAGR,SAAS,CAACN,KAAK,IAAIA,KAAK,CAAA;EAChD,MAAMe,OAAO,GAAGT,SAAS,CAACU,kBAAkB,IAAIV,SAAS,CAACW,WAAW,CAAA;EAErE,oBACEC,cAAA,CAACC,8BAAc,EAAA;AACbtB,IAAAA,GAAG,EAAEA,GAAI;AACTE,IAAAA,EAAE,EAAEA,EAAG;AACP,IAAA,qBAAA,EAAqBI,aAAc;AACnCiB,IAAAA,cAAc,EAAEjB,aAAc;AAC9BkB,IAAAA,cAAc,EAAEjB,aAAc;AAC9BkB,IAAAA,OAAO,EAAEjB,MAAO;AAChBkB,IAAAA,gBAAgB,EAAET,eAAgB;AAClCU,IAAAA,OAAO,EAAEvB,MAAO;AAAA,IAAA,GACZO,IAAI;IAAAiB,QAAA,EAEPrB,aAAa,KAAKM,4BAAsB,CAACC,IAAI,iBAC5CO,cAAA,CAACQ,mCAAmB,EAAA;AAClBC,MAAAA,KAAK,EAAE;AAAEb,QAAAA,eAAAA;OAAkB;MAC3Bf,EAAE,EAAE,CAAGA,EAAAA,EAAE,CAAe,YAAA,CAAA;AACxBqB,MAAAA,cAAc,EAAEjB,aAAc;AAAAsB,MAAAA,QAAA,EAE7BV,OAAAA;KACkB,CAAA;AACtB,GACa,CAAC,CAAA;AAErB,CACF,EAAC;AACDrB,cAAc,CAACkC,WAAW,GAAG,gBAAgB;;;;"}

package/dist/cjs/chart-line/ChartLineStyles.js

@@ -38,13 +38,11 @@ const WrapperStyle = styledComponentsWrapper.default.div`
   let {
     $border
   } = _ref4;
-
   if ($border === types.ChartLineBorderType.rounded) {
     return _styled.css`
         border-radius: 4px;
       `;
   }
-
   return _styled.css``;
 }}
 `;
@@ -77,14 +75,12 @@ const ThresholdStyle = styledComponentsWrapper.default.div`
   let {
     $labelPosition
   } = _ref8;
-
   if ($labelPosition === 'top') {
     return _styled.css`
         bottom: -2px;
         top: unset;
       `;
   }
-
   return _styled.css``;
 }}
 
@@ -93,22 +89,20 @@ const ThresholdStyle = styledComponentsWrapper.default.div`
     $thresholdType,
     $height
   } = _ref9;
-
   if ($thresholdType === types.ChartLineThresholdType.dash) {
     return _styled.css`
         height: ${$height + 4}px;
         top: -2px;
       `;
   }
-
   return _styled.css``;
 }}
 `;
 const ThresholdLabelStyle = styledComponentsWrapper.default.div`
-  color: ${_ref10 => {
+  color: ${_ref0 => {
   let {
     theme
-  } = _ref10;
+  } = _ref0;
   return theme.colors.foreground;
 }};
   font-size: 12px;
@@ -123,38 +117,36 @@ const ThresholdLabelStyle = styledComponentsWrapper.default.div`
   box-sizing: border-box;
   max-height: 28px;
 
-  ${_ref11 => {
+  ${_ref1 => {
   let {
     $labelPosition
-  } = _ref11;
-
+  } = _ref1;
   if ($labelPosition === 'top') {
     return _styled.css`
         top: -2px;
         bottom: unset;
       `;
   }
-
   return _styled.css``;
 }};
 `;
 const LineStyle = styledComponentsWrapper.default.div`
-  background-color: ${_ref12 => {
+  background-color: ${_ref10 => {
   let {
     $backgroundColor
-  } = _ref12;
+  } = _ref10;
   return $backgroundColor ? $backgroundColor : 'transparent';
 }};
-  z-index: ${_ref13 => {
+  z-index: ${_ref11 => {
   let {
     $zIndex
-  } = _ref13;
+  } = _ref11;
   return $zIndex;
 }};
-  width: ${_ref14 => {
+  width: ${_ref12 => {
   let {
     $width
-  } = _ref14;
+  } = _ref12;
   return $width;
 }};
   height: 100%;
@@ -162,40 +154,36 @@ const LineStyle = styledComponentsWrapper.default.div`
   top: 0;
   left: 0;
   bottom: 0;
-  border-right: 1px solid ${_ref15 => {
+  border-right: 1px solid ${_ref13 => {
   let {
     theme
-  } = _ref15;
+  } = _ref13;
   return theme.colors.background;
 }};
 
-  ${_ref16 => {
+  ${_ref14 => {
   let {
     $border
-  } = _ref16;
-
+  } = _ref14;
   if ($border === types.ChartLineBorderType.rounded) {
     return _styled.css`
         border-radius: 4px 0 0 4px;
       `;
   }
-
   return _styled.css``;
 }}
 
   &:last-child {
-    ${_ref17 => {
+    ${_ref15 => {
   let {
     $border,
     $isFullWidth
-  } = _ref17;
-
+  } = _ref15;
   if ($border === types.ChartLineBorderType.rounded && $isFullWidth) {
     return _styled.css`
           border-radius: 4px;
         `;
   }
-
   return _styled.css``;
 }}
   }

package/dist/cjs/chart-line/ChartLineStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartLineStyles.js","sources":["../../../packages/chart-line/ChartLineStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { ChartLineBorderType, ChartLineThresholdType } from './types.js'\n\nexport const ContainerStyle = styled.div<{\n  $alignItems: 'center' | 'flex-start'\n  $height: number\n}>`\n  display: flex;\n  width: 100%;\n  align-items: ${({ $alignItems }) => $alignItems};\n  height: ${({ $height }) => $height}px;\n`\n\nexport const WrapperStyle = styled.div<{\n  $border: ChartLineBorderType\n  $height: number\n}>`\n  display: flex;\n  width: 100%;\n  height: ${({ $height }) => $height}px;\n  background: rgb(19 18 23 / 8%);\n  position: relative;\n\n  ${({ $border }) => {\n    if ($border === ChartLineBorderType.rounded) {\n      return css`\n        border-radius: 4px;\n      `\n    }\n    return css``\n  }}\n`\n\nexport const ThresholdStyle = styled.div<{\n  $labelPosition?: 'top' | 'bottom'\n  $thresholdType: ChartLineThresholdType\n  $height: number\n  $backgroundColor?: string\n  $zIndex: number\n}>`\n  height: ${({ $height }) => $height + 38}px;\n  width: 5px;\n  background-color: ${({ $backgroundColor }) => $backgroundColor};\n  z-index: ${({ $zIndex }) => $zIndex};\n  position: absolute;\n  border-radius: 3px;\n  top: -2px;\n  right: -2px;\n\n  ${({ $labelPosition }) => {\n    if ($labelPosition === 'top') {\n      return css`\n        bottom: -2px;\n        top: unset;\n      `\n    }\n    return css``\n  }}\n\n  ${({ $thresholdType, $height }) => {\n    if ($thresholdType === ChartLineThresholdType.dash) {\n      return css`\n        height: ${$height + 4}px;\n        top: -2px;\n      `\n    }\n    return css``\n  }}\n`\n\nexport const ThresholdLabelStyle = styled.div<{\n  $labelPosition?: 'top' | 'bottom'\n}>`\n  color: ${({ theme }) => theme.colors.foreground};\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 20px;\n  padding: 4px 8px;\n  position: absolute;\n  bottom: -2px;\n  right: 0;\n  border-radius: 4px;\n  white-space: nowrap;\n  box-sizing: border-box;\n  max-height: 28px;\n\n  ${({ $labelPosition }) => {\n    if ($labelPosition === 'top') {\n      return css`\n        top: -2px;\n        bottom: unset;\n      `\n    }\n    return css``\n  }};\n`\n\nexport const LineStyle = styled.div<{\n  $border: ChartLineBorderType\n  $isFullWidth: boolean\n  $width: string\n  $backgroundColor?: string\n  $zIndex: number\n}>`\n  background-color: ${({ $backgroundColor }) =>\n    $backgroundColor ? $backgroundColor : 'transparent'};\n  z-index: ${({ $zIndex }) => $zIndex};\n  width: ${({ $width }) => $width};\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  border-right: 1px solid ${({ theme }) => theme.colors.background};\n\n  ${({ $border }) => {\n    if ($border === ChartLineBorderType.rounded) {\n      return css`\n        border-radius: 4px 0 0 4px;\n      `\n    }\n    return css``\n  }}\n\n  &:last-child {\n    ${({ $border, $isFullWidth }) => {\n      if ($border === ChartLineBorderType.rounded && $isFullWidth) {\n        return css`\n          border-radius: 4px;\n        `\n      }\n      return css``\n    }}\n  }\n`\n"],"names":["ContainerStyle","styled","div","$alignItems","$height","WrapperStyle","$border","ChartLineBorderType","rounded","css","ThresholdStyle","$backgroundColor","$zIndex","$labelPosition","$thresholdType","ChartLineThresholdType","dash","ThresholdLabelStyle","theme","colors","foreground","LineStyle","$width","background","$isFullWidth"],"mappings":"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"}
+{"version":3,"file":"ChartLineStyles.js","sources":["../../../packages/chart-line/ChartLineStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { ChartLineBorderType, ChartLineThresholdType } from './types.js'\n\nexport const ContainerStyle = styled.div<{\n  $alignItems: 'center' | 'flex-start'\n  $height: number\n}>`\n  display: flex;\n  width: 100%;\n  align-items: ${({ $alignItems }) => $alignItems};\n  height: ${({ $height }) => $height}px;\n`\n\nexport const WrapperStyle = styled.div<{\n  $border: ChartLineBorderType\n  $height: number\n}>`\n  display: flex;\n  width: 100%;\n  height: ${({ $height }) => $height}px;\n  background: rgb(19 18 23 / 8%);\n  position: relative;\n\n  ${({ $border }) => {\n    if ($border === ChartLineBorderType.rounded) {\n      return css`\n        border-radius: 4px;\n      `\n    }\n    return css``\n  }}\n`\n\nexport const ThresholdStyle = styled.div<{\n  $labelPosition?: 'top' | 'bottom'\n  $thresholdType: ChartLineThresholdType\n  $height: number\n  $backgroundColor?: string\n  $zIndex: number\n}>`\n  height: ${({ $height }) => $height + 38}px;\n  width: 5px;\n  background-color: ${({ $backgroundColor }) => $backgroundColor};\n  z-index: ${({ $zIndex }) => $zIndex};\n  position: absolute;\n  border-radius: 3px;\n  top: -2px;\n  right: -2px;\n\n  ${({ $labelPosition }) => {\n    if ($labelPosition === 'top') {\n      return css`\n        bottom: -2px;\n        top: unset;\n      `\n    }\n    return css``\n  }}\n\n  ${({ $thresholdType, $height }) => {\n    if ($thresholdType === ChartLineThresholdType.dash) {\n      return css`\n        height: ${$height + 4}px;\n        top: -2px;\n      `\n    }\n    return css``\n  }}\n`\n\nexport const ThresholdLabelStyle = styled.div<{\n  $labelPosition?: 'top' | 'bottom'\n}>`\n  color: ${({ theme }) => theme.colors.foreground};\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 20px;\n  padding: 4px 8px;\n  position: absolute;\n  bottom: -2px;\n  right: 0;\n  border-radius: 4px;\n  white-space: nowrap;\n  box-sizing: border-box;\n  max-height: 28px;\n\n  ${({ $labelPosition }) => {\n    if ($labelPosition === 'top') {\n      return css`\n        top: -2px;\n        bottom: unset;\n      `\n    }\n    return css``\n  }};\n`\n\nexport const LineStyle = styled.div<{\n  $border: ChartLineBorderType\n  $isFullWidth: boolean\n  $width: string\n  $backgroundColor?: string\n  $zIndex: number\n}>`\n  background-color: ${({ $backgroundColor }) =>\n    $backgroundColor ? $backgroundColor : 'transparent'};\n  z-index: ${({ $zIndex }) => $zIndex};\n  width: ${({ $width }) => $width};\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  border-right: 1px solid ${({ theme }) => theme.colors.background};\n\n  ${({ $border }) => {\n    if ($border === ChartLineBorderType.rounded) {\n      return css`\n        border-radius: 4px 0 0 4px;\n      `\n    }\n    return css``\n  }}\n\n  &:last-child {\n    ${({ $border, $isFullWidth }) => {\n      if ($border === ChartLineBorderType.rounded && $isFullWidth) {\n        return css`\n          border-radius: 4px;\n        `\n      }\n      return css``\n    }}\n  }\n`\n"],"names":["ContainerStyle","styled","div","_ref","$alignItems","_ref2","$height","WrapperStyle","_ref3","_ref4","$border","ChartLineBorderType","rounded","css","ThresholdStyle","_ref5","_ref6","$backgroundColor","_ref7","$zIndex","_ref8","$labelPosition","_ref9","$thresholdType","ChartLineThresholdType","dash","ThresholdLabelStyle","_ref0","theme","colors","foreground","_ref1","LineStyle","_ref10","_ref11","_ref12","$width","_ref13","background","_ref14","_ref15","$isFullWidth"],"mappings":"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"}

package/dist/cjs/chart-line/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../packages/chart-line/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum ChartLineThresholdType {\n  dash = 'dash',\n  flag = 'flag',\n}\nexport type ChartLineThresholdTypes = keyof typeof ChartLineThresholdType\nexport enum ChartLineBorderType {\n  rounded = 'rounded',\n  square = 'square',\n}\nexport type ChartLineBorderTypes = keyof typeof ChartLineBorderType\n\nexport type ChartLineConfig = {\n  loading?: boolean\n  data: LineData[]\n  thresholdType: ChartLineThresholdType\n  height: number\n  border: ChartLineBorderType\n  maxValue?: number\n  showLabels?: boolean\n}\n\nexport type LineData = {\n  color?: string\n  labelPosition?: 'top' | 'bottom'\n  threshold: {\n    value: number\n    color?: string\n    label: string\n    description: string\n    descriptionElement?: React.ReactNode\n  }\n}\n\nexport type ChartLineProps = LidoComponentProps<'div', ChartLineConfig>\n\nexport type ChartLineLabelProps = LidoComponentProps<\n  'div',\n  {\n    id: string\n    previousIds?: string[]\n    zIndex: number\n    show?: boolean\n    height: number\n    thresholdType: ChartLineThresholdType\n    containerId: string\n  } & LineData\n>\n"],"names":["ChartLineThresholdType","ChartLineBorderType"],"mappings":";;;;AAGYA,IAAAA,sBAAZ,0BAAYA,sBAAZ,EAAA;EAAYA,sBAAZ,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAAYA,sBAAZ,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;AAAA,EAAA,OAAYA,sBAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAKYC,IAAAA,mBAAZ,0BAAYA,mBAAZ,EAAA;EAAYA,mBAAZ,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAYA,mBAAZ,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAYA,mBAAZ,CAAA;AAAA,CAAA,CAAA,EAAA;;;;;"}
+{"version":3,"file":"types.js","sources":["../../../packages/chart-line/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum ChartLineThresholdType {\n  dash = 'dash',\n  flag = 'flag',\n}\nexport type ChartLineThresholdTypes = keyof typeof ChartLineThresholdType\nexport enum ChartLineBorderType {\n  rounded = 'rounded',\n  square = 'square',\n}\nexport type ChartLineBorderTypes = keyof typeof ChartLineBorderType\n\nexport type ChartLineConfig = {\n  loading?: boolean\n  data: LineData[]\n  thresholdType: ChartLineThresholdType\n  height: number\n  border: ChartLineBorderType\n  maxValue?: number\n  showLabels?: boolean\n}\n\nexport type LineData = {\n  color?: string\n  labelPosition?: 'top' | 'bottom'\n  threshold: {\n    value: number\n    color?: string\n    label: string\n    description: string\n    descriptionElement?: React.ReactNode\n  }\n}\n\nexport type ChartLineProps = LidoComponentProps<'div', ChartLineConfig>\n\nexport type ChartLineLabelProps = LidoComponentProps<\n  'div',\n  {\n    id: string\n    previousIds?: string[]\n    zIndex: number\n    show?: boolean\n    height: number\n    thresholdType: ChartLineThresholdType\n    containerId: string\n  } & LineData\n>\n"],"names":["ChartLineThresholdType","ChartLineBorderType"],"mappings":";;;;AAGYA,IAAAA,sBAAsB,0BAAtBA,sBAAsB,EAAA;EAAtBA,sBAAsB,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAAtBA,sBAAsB,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;AAAA,EAAA,OAAtBA,sBAAsB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAKtBC,IAAAA,mBAAmB,0BAAnBA,mBAAmB,EAAA;EAAnBA,mBAAmB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAnBA,mBAAmB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAnBA,mBAAmB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;;"}

package/dist/cjs/chart-line/utils/checkViewport.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const constants = require('./constants.js');
 
+// Check if element overflows viewport and should be inverted
 const checkViewportOverflow = (position, elemSize, viewportSize) => {
   const invertPosition = viewportSize - position;
   return position + elemSize + constants.VIEWPORT_MARGIN > viewportSize && invertPosition + elemSize + constants.VIEWPORT_MARGIN < viewportSize;

package/dist/cjs/chart-line/utils/checkViewport.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkViewport.js","sources":["../../../../packages/chart-line/utils/checkViewport.ts"],"sourcesContent":["import { VIEWPORT_MARGIN } from './constants.js'\n\n// Check if element overflows viewport and should be inverted\nexport const checkViewportOverflow = (\n  position: number,\n  elemSize: number,\n  viewportSize: number,\n) => {\n  const invertPosition = viewportSize - position\n  return (\n    position + elemSize + VIEWPORT_MARGIN > viewportSize &&\n    invertPosition + elemSize + VIEWPORT_MARGIN < viewportSize\n  )\n}\n"],"names":["checkViewportOverflow","position","elemSize","viewportSize","invertPosition","VIEWPORT_MARGIN"],"mappings":";;;;;;AAGO,MAAMA,qBAAqB,GAAG,CACnCC,QADmC,EAEnCC,QAFmC,EAGnCC,YAHmC,KAIhC;AACH,EAAA,MAAMC,cAAc,GAAGD,YAAY,GAAGF,QAAtC,CAAA;AACA,EAAA,OACEA,QAAQ,GAAGC,QAAX,GAAsBG,yBAAtB,GAAwCF,YAAxC,IACAC,cAAc,GAAGF,QAAjB,GAA4BG,yBAA5B,GAA8CF,YAFhD,CAAA;AAID;;;;"}
+{"version":3,"file":"checkViewport.js","sources":["../../../../packages/chart-line/utils/checkViewport.ts"],"sourcesContent":["import { VIEWPORT_MARGIN } from './constants.js'\n\n// Check if element overflows viewport and should be inverted\nexport const checkViewportOverflow = (\n  position: number,\n  elemSize: number,\n  viewportSize: number,\n) => {\n  const invertPosition = viewportSize - position\n  return (\n    position + elemSize + VIEWPORT_MARGIN > viewportSize &&\n    invertPosition + elemSize + VIEWPORT_MARGIN < viewportSize\n  )\n}\n"],"names":["checkViewportOverflow","position","elemSize","viewportSize","invertPosition","VIEWPORT_MARGIN"],"mappings":";;;;;;AAEA;AACO,MAAMA,qBAAqB,GAAGA,CACnCC,QAAgB,EAChBC,QAAgB,EAChBC,YAAoB,KACjB;AACH,EAAA,MAAMC,cAAc,GAAGD,YAAY,GAAGF,QAAQ,CAAA;AAC9C,EAAA,OACEA,QAAQ,GAAGC,QAAQ,GAAGG,yBAAe,GAAGF,YAAY,IACpDC,cAAc,GAAGF,QAAQ,GAAGG,yBAAe,GAAGF,YAAY,CAAA;AAE9D;;;;"}

package/dist/cjs/chart-line/utils/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../packages/chart-line/utils/constants.ts"],"sourcesContent":["export const VIEWPORT_MARGIN = 8\nexport const CHART_LINE_LABEL_ID = 'chart-line-label'\nexport const LABEL_HEIGHT_INCREASE = 36\n"],"names":["VIEWPORT_MARGIN","CHART_LINE_LABEL_ID","LABEL_HEIGHT_INCREASE"],"mappings":";;;;AAAO,MAAMA,eAAe,GAAG,EAAxB;AACA,MAAMC,mBAAmB,GAAG,mBAA5B;AACA,MAAMC,qBAAqB,GAAG;;;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../../packages/chart-line/utils/constants.ts"],"sourcesContent":["export const VIEWPORT_MARGIN = 8\nexport const CHART_LINE_LABEL_ID = 'chart-line-label'\nexport const LABEL_HEIGHT_INCREASE = 36\n"],"names":["VIEWPORT_MARGIN","CHART_LINE_LABEL_ID","LABEL_HEIGHT_INCREASE"],"mappings":";;;;AAAO,MAAMA,eAAe,GAAG,EAAC;AACzB,MAAMC,mBAAmB,GAAG,mBAAkB;AAC9C,MAAMC,qBAAqB,GAAG;;;;;;"}

package/dist/cjs/chart-line/utils/getContainerSize.js

@@ -11,11 +11,9 @@ const getContainerSize = elementIds => {
   });
   const size = elementIds.reduce((acc, id) => {
     const element = document.getElementById(id);
-
     if (element && element.offsetHeight > 0) {
       return Math.max(acc, element.offsetHeight);
     }
-
     return acc;
   }, 0);
   return {

package/dist/cjs/chart-line/utils/getContainerSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"getContainerSize.js","sources":["../../../../packages/chart-line/utils/getContainerSize.ts"],"sourcesContent":["// get max height between all elements\nexport const getContainerSize = (elementIds: string[]) => {\n  if (!elementIds.length) return null\n\n  const isCenterAlign = elementIds.every((id) => {\n    const element = document.getElementById(id)\n    return (\n      element?.dataset.labelPosition === 'top' ||\n      element?.dataset.labelPosition === 'bottom'\n    )\n  })\n\n  const size = elementIds.reduce((acc, id) => {\n    const element = document.getElementById(id)\n    if (element && element.offsetHeight > 0) {\n      return Math.max(acc, element.offsetHeight)\n    }\n    return acc\n  }, 0)\n\n  return {\n    size: isCenterAlign ? size * 2 : size,\n    isCenterAlign,\n  }\n}\n"],"names":["getContainerSize","elementIds","length","isCenterAlign","every","id","element","document","getElementById","dataset","labelPosition","size","reduce","acc","offsetHeight","Math","max"],"mappings":";;;;AAAA;AACaA,MAAAA,gBAAgB,GAAIC,UAAD,IAA0B;AACxD,EAAA,IAAI,CAACA,UAAU,CAACC,MAAhB,EAAwB,OAAO,IAAP,CAAA;AAExB,EAAA,MAAMC,aAAa,GAAGF,UAAU,CAACG,KAAX,CAAkBC,EAAD,IAAQ;AAC7C,IAAA,MAAMC,OAAO,GAAGC,QAAQ,CAACC,cAAT,CAAwBH,EAAxB,CAAhB,CAAA;AACA,IAAA,OACEC,OAAO,EAAEG,OAAT,CAAiBC,aAAjB,KAAmC,KAAnC,IACAJ,OAAO,EAAEG,OAAT,CAAiBC,aAAjB,KAAmC,QAFrC,CAAA;AAID,GANqB,CAAtB,CAAA;EAQA,MAAMC,IAAI,GAAGV,UAAU,CAACW,MAAX,CAAkB,CAACC,GAAD,EAAMR,EAAN,KAAa;AAC1C,IAAA,MAAMC,OAAO,GAAGC,QAAQ,CAACC,cAAT,CAAwBH,EAAxB,CAAhB,CAAA;;AACA,IAAA,IAAIC,OAAO,IAAIA,OAAO,CAACQ,YAAR,GAAuB,CAAtC,EAAyC;MACvC,OAAOC,IAAI,CAACC,GAAL,CAASH,GAAT,EAAcP,OAAO,CAACQ,YAAtB,CAAP,CAAA;AACD,KAAA;;AACD,IAAA,OAAOD,GAAP,CAAA;GALW,EAMV,CANU,CAAb,CAAA;EAQA,OAAO;AACLF,IAAAA,IAAI,EAAER,aAAa,GAAGQ,IAAI,GAAG,CAAV,GAAcA,IAD5B;AAELR,IAAAA,aAAAA;GAFF,CAAA;AAID;;;;"}
+{"version":3,"file":"getContainerSize.js","sources":["../../../../packages/chart-line/utils/getContainerSize.ts"],"sourcesContent":["// get max height between all elements\nexport const getContainerSize = (elementIds: string[]) => {\n  if (!elementIds.length) return null\n\n  const isCenterAlign = elementIds.every((id) => {\n    const element = document.getElementById(id)\n    return (\n      element?.dataset.labelPosition === 'top' ||\n      element?.dataset.labelPosition === 'bottom'\n    )\n  })\n\n  const size = elementIds.reduce((acc, id) => {\n    const element = document.getElementById(id)\n    if (element && element.offsetHeight > 0) {\n      return Math.max(acc, element.offsetHeight)\n    }\n    return acc\n  }, 0)\n\n  return {\n    size: isCenterAlign ? size * 2 : size,\n    isCenterAlign,\n  }\n}\n"],"names":["getContainerSize","elementIds","length","isCenterAlign","every","id","element","document","getElementById","dataset","labelPosition","size","reduce","acc","offsetHeight","Math","max"],"mappings":";;;;AAAA;AACaA,MAAAA,gBAAgB,GAAIC,UAAoB,IAAK;AACxD,EAAA,IAAI,CAACA,UAAU,CAACC,MAAM,EAAE,OAAO,IAAI,CAAA;AAEnC,EAAA,MAAMC,aAAa,GAAGF,UAAU,CAACG,KAAK,CAAEC,EAAE,IAAK;AAC7C,IAAA,MAAMC,OAAO,GAAGC,QAAQ,CAACC,cAAc,CAACH,EAAE,CAAC,CAAA;AAC3C,IAAA,OACEC,OAAO,EAAEG,OAAO,CAACC,aAAa,KAAK,KAAK,IACxCJ,OAAO,EAAEG,OAAO,CAACC,aAAa,KAAK,QAAQ,CAAA;AAE/C,GAAC,CAAC,CAAA;EAEF,MAAMC,IAAI,GAAGV,UAAU,CAACW,MAAM,CAAC,CAACC,GAAG,EAAER,EAAE,KAAK;AAC1C,IAAA,MAAMC,OAAO,GAAGC,QAAQ,CAACC,cAAc,CAACH,EAAE,CAAC,CAAA;AAC3C,IAAA,IAAIC,OAAO,IAAIA,OAAO,CAACQ,YAAY,GAAG,CAAC,EAAE;MACvC,OAAOC,IAAI,CAACC,GAAG,CAACH,GAAG,EAAEP,OAAO,CAACQ,YAAY,CAAC,CAAA;AAC5C,KAAA;AACA,IAAA,OAAOD,GAAG,CAAA;GACX,EAAE,CAAC,CAAC,CAAA;EAEL,OAAO;AACLF,IAAAA,IAAI,EAAER,aAAa,GAAGQ,IAAI,GAAG,CAAC,GAAGA,IAAI;AACrCR,IAAAA,aAAAA;GACD,CAAA;AACH;;;;"}