@lidofinance/lido-ui 3.8.1 → 3.9.0

package/dist/esm/button/ButtonStyles.js

@@ -148,7 +148,8 @@ const variants = {
   `,
     outlined: css`
     color: ${getMainColor};
-    transition: background-color ${(param)=>{
+    transition:
+      background-color ${(param)=>{
         let { theme  } = param;
         return theme.duration.fast;
     }} ease,
@@ -157,7 +158,7 @@ const variants = {
         return theme.duration.fast;
     }} ease;
 
-    :before {
+    ::before {
       display: block;
       border: 1px solid ${getMainColor};
     }
@@ -172,7 +173,7 @@ const variants = {
     color: ${getMainColor};
     background-color: var(--lido-color-foreground);
 
-    :before {
+    ::before {
       display: block;
       background-color: ${getMainColor};
       transition: opacity ${(param)=>{
@@ -184,7 +185,8 @@ const variants = {
 
     :not(:disabled):hover,
     :focus-visible {
-      :before {
+      /* stylelint-disable-next-line no-descending-specificity */
+      ::before {
         opacity: 0.1;
       }
     }
@@ -192,7 +194,7 @@ const variants = {
     ghost: css`
     color: ${getMainColor};
 
-    :before {
+    ::before {
       display: block;
       background-color: ${getMainColor};
       transition: opacity ${(param)=>{
@@ -204,7 +206,8 @@ const variants = {
 
     :not(:disabled):hover,
     :focus-visible {
-      :before {
+      /* stylelint-disable-next-line no-descending-specificity */
+      ::before {
         opacity: 0.1;
       }
     }
@@ -212,7 +215,7 @@ const variants = {
     translucent: css`
     color: ${getMainColor};
 
-    :before {
+    ::before {
       display: block;
       background-color: ${getMainColor};
       transition: opacity ${(param)=>{
@@ -224,7 +227,8 @@ const variants = {
 
     :not(:disabled):hover,
     :focus-visible {
-      :before {
+      /* stylelint-disable-next-line no-descending-specificity */
+      ::before {
         opacity: 0.2;
       }
     }
@@ -246,13 +250,10 @@ export const ButtonStyle = styled.button`
     return $fullwidth ? ' 100%' : 'auto';
 }};
 
-  :before {
+  ::before {
     content: '';
     position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
+    inset: 0;
     pointer-events: none;
     border-radius: inherit;
     display: none;
@@ -284,7 +285,7 @@ export const ButtonRippleStyle = styled.span`
   transform: scale(0);
   pointer-events: none;
   animation: ${ripple} 0.8s linear;
-  background-color: currentColor;
+  background-color: currentcolor;
   opacity: 0.4;
 `;
 export const ButtonContentStyle = styled.span`
@@ -300,7 +301,7 @@ export const ButtonLoaderStyle = styled(Loader)`
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  color: currentColor;
+  color: currentcolor;
   pointer-events: none;
 `;
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/button/ButtonStyles.tsx"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport { Loader } from '@lidofinance/loaders'\nimport { ButtonColors, ButtonSizes, ButtonVariants } from './types'\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: 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      :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      :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      :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\n  :before {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 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":["styled","css","keyframes","Loader","sizes","xxs","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","button","$fullwidth","$loading","$size","$variant","ripple","ButtonRippleStyle","span","ButtonContentStyle","$hidden","ButtonLoaderStyle"],"mappings":"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"}
+{"version":3,"sources":["../../../packages/button/ButtonStyles.tsx"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport { Loader } from '@lidofinance/loaders'\nimport { ButtonColors, ButtonSizes, ButtonVariants } from './types'\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\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":["styled","css","keyframes","Loader","sizes","xxs","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","button","$fullwidth","$loading","$size","$variant","ripple","ButtonRippleStyle","span","ButtonContentStyle","$hidden","ButtonLoaderStyle"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/button/useRipple.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react'\nimport { ButtonProps } from './types'\nimport { ButtonRippleStyle } from './ButtonStyles'\n\ntype UseRipple = (props: ButtonProps) => {\n  ripple: React.ReactNode\n  handleClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void\n}\n\nexport const useRipple: UseRipple = ({ onClick }) => {\n  const [ripple, setRipple] = useState<React.ReactNode | null>(null)\n\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\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":["React","useCallback","useState","ButtonRippleStyle","useRipple","onClick","ripple","setRipple","handleClick","event","button","currentTarget","rect","getBoundingClientRect","diameter","Math","max","clientWidth","clientHeight","radius","isMouseClick","clientX","clientY","x","left","y","top","style","width","height","key","timeStamp"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO,CAAA;AAEpD,SAASC,iBAAiB,QAAQ,gBAAgB,CAAA;AAOlD,OAAO,MAAMC,SAAS,GAAc,SAAiB;QAAhB,EAAEC,OAAO,CAAA,EAAE;IAC9C,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGL,QAAQ,CAAyB,IAAI,CAAC;IAElE,MAAMM,WAAW,GAAGP,WAAW,CAC7B,CAACQ,KAAsD,GAAK;QAC1D,MAAMC,MAAM,GAAGD,KAAK,CAACE,aAAa;QAClC,MAAMC,IAAI,GAAGF,MAAM,CAACG,qBAAqB,EAAE;QAC3C,MAAMC,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAACN,MAAM,CAACO,WAAW,EAAEP,MAAM,CAACQ,YAAY,CAAC;QAClE,MAAMC,MAAM,GAAGL,QAAQ,GAAG,CAAC;QAC3B,MAAMM,YAAY,GAAGX,KAAK,CAACY,OAAO,GAAG,CAAC,IAAIZ,KAAK,CAACa,OAAO,GAAG,CAAC;QAE3D,MAAMC,CAAC,GAAGH,YAAY,GAClBX,KAAK,CAACY,OAAO,GAAGT,IAAI,CAACY,IAAI,GACzBd,MAAM,CAACO,WAAW,GAAG,CAAC;QAE1B,MAAMQ,CAAC,GAAGL,YAAY,GAClBX,KAAK,CAACa,OAAO,GAAGV,IAAI,CAACc,GAAG,GACxBhB,MAAM,CAACQ,YAAY,GAAG,CAAC;QAE3B,MAAMS,KAAK,GAAG;YACZC,KAAK,EAAEd,QAAQ;YACfe,MAAM,EAAEf,QAAQ;YAChBU,IAAI,EAAED,CAAC,GAAGJ,MAAM;YAChBO,GAAG,EAAED,CAAC,GAAGN,MAAM;SAChB;QAEDZ,SAAS,eAAC,oBAACJ,iBAAiB;YAACwB,KAAK,EAAEA,KAAK;YAAEG,GAAG,EAAErB,KAAK,CAACsB,SAAS;UAAI,CAAC;QACpE1B,OAAO,aAAPA,OAAO,WAAS,GAAhBA,KAAAA,CAAgB,GAAhBA,OAAO,CAAGI,KAAK,CAAC,CAAA;IAClB,CAAC,EACD;QAACJ,OAAO;KAAC,CACV;IAED,OAAO;QACLC,MAAM;QACNE,WAAW;KACZ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/button/useRipple.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react'\nimport { ButtonProps } from './types'\nimport { ButtonRippleStyle } from './ButtonStyles'\n\ntype UseRipple = (props: ButtonProps) => {\n  ripple: React.ReactNode\n  handleClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void\n}\n\nexport const useRipple: UseRipple = ({ onClick }) => {\n  const [ripple, setRipple] = useState<React.ReactNode | null>(null)\n\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\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":["React","useCallback","useState","ButtonRippleStyle","useRipple","onClick","ripple","setRipple","handleClick","event","button","currentTarget","rect","getBoundingClientRect","diameter","Math","max","clientWidth","clientHeight","radius","isMouseClick","clientX","clientY","x","left","y","top","style","width","height","key","timeStamp"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,QAAQ,OAAO,CAAA;AAEpD,SAASC,iBAAiB,QAAQ,gBAAgB,CAAA;AAOlD,OAAO,MAAMC,SAAS,GAAc,SAAiB;QAAhB,EAAEC,OAAO,CAAA,EAAE;IAC9C,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGL,QAAQ,CAAyB,IAAI,CAAC;IAElE,MAAMM,WAAW,GAAGP,WAAW,CAC7B,CAACQ,KAAsD,GAAK;QAC1D,MAAMC,MAAM,GAAGD,KAAK,CAACE,aAAa;QAClC,MAAMC,IAAI,GAAGF,MAAM,CAACG,qBAAqB,EAAE;QAC3C,MAAMC,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAACN,MAAM,CAACO,WAAW,EAAEP,MAAM,CAACQ,YAAY,CAAC;QAClE,MAAMC,MAAM,GAAGL,QAAQ,GAAG,CAAC;QAC3B,MAAMM,YAAY,GAAGX,KAAK,CAACY,OAAO,GAAG,CAAC,IAAIZ,KAAK,CAACa,OAAO,GAAG,CAAC;QAE3D,MAAMC,CAAC,GAAGH,YAAY,GAClBX,KAAK,CAACY,OAAO,GAAGT,IAAI,CAACY,IAAI,GACzBd,MAAM,CAACO,WAAW,GAAG,CAAC;QAE1B,MAAMQ,CAAC,GAAGL,YAAY,GAClBX,KAAK,CAACa,OAAO,GAAGV,IAAI,CAACc,GAAG,GACxBhB,MAAM,CAACQ,YAAY,GAAG,CAAC;QAE3B,MAAMS,KAAK,GAAG;YACZC,KAAK,EAAEd,QAAQ;YACfe,MAAM,EAAEf,QAAQ;YAChBU,IAAI,EAAED,CAAC,GAAGJ,MAAM;YAChBO,GAAG,EAAED,CAAC,GAAGN,MAAM;SAChB;QAEDZ,SAAS,eAAC,oBAACJ,iBAAiB;YAACwB,KAAK,EAAEA,KAAK;YAAEG,GAAG,EAAErB,KAAK,CAACsB,SAAS;UAAI,CAAC;QACpE1B,OAAO,aAAPA,OAAO,WAAS,GAAhBA,KAAAA,CAAgB,GAAhBA,OAAO,CAAGI,KAAK,CAAC,CAAA;IAClB,CAAC,EACD;QAACJ,OAAO;KAAC,CACV;IAED,OAAO;QACLC,MAAM;QACNE,WAAW;KACZ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/checkbox/Checkbox.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { CheckboxProps } from './types'\nimport {\n  CheckboxWrapperStyle,\n  CheckboxInputStyle,\n  CheckboxIconStyle,\n} from './CheckboxStyles'\nimport { Text } from '@lidofinance/text'\nimport { Box } from '@lidofinance/box'\n\nfunction Checkbox(\n  props: CheckboxProps,\n  inputRef?: ForwardedRef<HTMLInputElement>\n) {\n  const { className, style, wrapperRef, children, label, ...inputProps } = props\n  const { disabled } = inputProps\n  const wrapperProps = { className, style }\n\n  return (\n    <CheckboxWrapperStyle {...wrapperProps} ref={wrapperRef}>\n      <CheckboxInputStyle type='checkbox' {...inputProps} ref={inputRef} />\n      <CheckboxIconStyle />\n      {label && (\n        <Box ml={8}>\n          <Text size='xxs' color={disabled ? 'secondary' : 'default'}>\n            {label}\n          </Text>\n        </Box>\n      )}\n    </CheckboxWrapperStyle>\n  )\n}\n\nexport default forwardRef(Checkbox)\n"],"names":["React","forwardRef","CheckboxWrapperStyle","CheckboxInputStyle","CheckboxIconStyle","Text","Box","Checkbox","props","inputRef","className","style","wrapperRef","children","label","inputProps","disabled","wrapperProps","ref","type","ml","size","color"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AAEvD,SACEC,oBAAoB,EACpBC,kBAAkB,EAClBC,iBAAiB,QACZ,kBAAkB,CAAA;AACzB,SAASC,IAAI,QAAQ,eAAmB,CAAA;AACxC,SAASC,GAAG,QAAQ,cAAkB,CAAA;AAEtC,SAASC,QAAQ,CACfC,KAAoB,EACpBC,QAAyC,EACzC;IACA,MAAM,EAAEC,SAAS,CAAA,EAAEC,KAAK,CAAA,EAAEC,UAAU,CAAA,EAAEC,QAAQ,CAAA,EAAEC,KAAK,CAAA,EAAE,GAAGC,UAAU,EAAE,GAAGP,KAAK;IAC9E,MAAM,EAAEQ,QAAQ,CAAA,EAAE,GAAGD,UAAU;IAC/B,MAAME,YAAY,GAAG;QAAEP,SAAS;QAAEC,KAAK;KAAE;IAEzC,qBACE,oBAACT,oBAAoB,eAAKe,YAAY;QAAEC,GAAG,EAAEN,UAAU;sBACrD,oBAACT,kBAAkB;QAACgB,IAAI,EAAC,UAAU;OAAKJ,UAAU;QAAEG,GAAG,EAAET,QAAQ;OAAI,gBACrE,oBAACL,iBAAiB,OAAG,EACpBU,KAAK,kBACJ,oBAACR,GAAG;QAACc,EAAE,EAAE,CAAC;qBACR,oBAACf,IAAI;QAACgB,IAAI,EAAC,KAAK;QAACC,KAAK,EAAEN,QAAQ,GAAG,WAAW,GAAG,SAAS;OACvDF,KAAK,CACD,CACH,AACP,CACoB,CACxB;AACH,CAAC;AAED,6BAAeb,UAAU,CAACM,QAAQ,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/checkbox/Checkbox.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { CheckboxProps } from './types'\nimport {\n  CheckboxWrapperStyle,\n  CheckboxInputStyle,\n  CheckboxIconStyle,\n} from './CheckboxStyles'\nimport { Text } from '@lidofinance/text'\nimport { Box } from '@lidofinance/box'\n\nfunction Checkbox(\n  props: CheckboxProps,\n  inputRef?: ForwardedRef<HTMLInputElement>,\n) {\n  const { className, style, wrapperRef, children, label, ...inputProps } = props\n  const { disabled } = inputProps\n  const wrapperProps = { className, style }\n\n  return (\n    <CheckboxWrapperStyle {...wrapperProps} ref={wrapperRef}>\n      <CheckboxInputStyle type='checkbox' {...inputProps} ref={inputRef} />\n      <CheckboxIconStyle />\n      {label && (\n        <Box ml={8}>\n          <Text size='xxs' color={disabled ? 'secondary' : 'default'}>\n            {label}\n          </Text>\n        </Box>\n      )}\n    </CheckboxWrapperStyle>\n  )\n}\n\nexport default forwardRef(Checkbox)\n"],"names":["React","forwardRef","CheckboxWrapperStyle","CheckboxInputStyle","CheckboxIconStyle","Text","Box","Checkbox","props","inputRef","className","style","wrapperRef","children","label","inputProps","disabled","wrapperProps","ref","type","ml","size","color"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AAEvD,SACEC,oBAAoB,EACpBC,kBAAkB,EAClBC,iBAAiB,QACZ,kBAAkB,CAAA;AACzB,SAASC,IAAI,QAAQ,eAAmB,CAAA;AACxC,SAASC,GAAG,QAAQ,cAAkB,CAAA;AAEtC,SAASC,QAAQ,CACfC,KAAoB,EACpBC,QAAyC,EACzC;IACA,MAAM,EAAEC,SAAS,CAAA,EAAEC,KAAK,CAAA,EAAEC,UAAU,CAAA,EAAEC,QAAQ,CAAA,EAAEC,KAAK,CAAA,EAAE,GAAGC,UAAU,EAAE,GAAGP,KAAK;IAC9E,MAAM,EAAEQ,QAAQ,CAAA,EAAE,GAAGD,UAAU;IAC/B,MAAME,YAAY,GAAG;QAAEP,SAAS;QAAEC,KAAK;KAAE;IAEzC,qBACE,oBAACT,oBAAoB,eAAKe,YAAY;QAAEC,GAAG,EAAEN,UAAU;sBACrD,oBAACT,kBAAkB;QAACgB,IAAI,EAAC,UAAU;OAAKJ,UAAU;QAAEG,GAAG,EAAET,QAAQ;OAAI,gBACrE,oBAACL,iBAAiB,OAAG,EACpBU,KAAK,kBACJ,oBAACR,GAAG;QAACc,EAAE,EAAE,CAAC;qBACR,oBAACf,IAAI;QAACgB,IAAI,EAAC,KAAK;QAACC,KAAK,EAAEN,QAAQ,GAAG,WAAW,GAAG,SAAS;OACvDF,KAAK,CACD,CACH,AACP,CACoB,CACxB;AACH,CAAC;AAED,6BAAeb,UAAU,CAACM,QAAQ,CAAC,CAAA"}

package/dist/esm/checkbox/CheckboxStyles.js

@@ -12,7 +12,9 @@ export const CheckboxIconStyle = styled(Check)`
   height: 24px;
   width: 24px;
   border-radius: 4px;
-  transition: box-shadow 0.1s ease, background-color 0.1s ease;
+  transition:
+    box-shadow 0.1s ease,
+    background-color 0.1s ease;
   fill: var(--lido-color-primaryContrast);
 `;
 export const CheckboxInputStyle = styled.input`

package/dist/esm/checkbox/CheckboxStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/checkbox/CheckboxStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { Check } from '@lidofinance/icons'\n\nexport const CheckboxWrapperStyle = styled.label`\n  flex-shrink: 0;\n  display: inline-flex;\n  position: relative;\n  overflow: hidden;\n  line-height: 0;\n  align-items: center;\n`\n\nexport const CheckboxIconStyle = styled(Check)`\n  height: 24px;\n  width: 24px;\n  border-radius: 4px;\n  transition: box-shadow 0.1s ease, background-color 0.1s ease;\n  fill: var(--lido-color-primaryContrast);\n`\n\nexport const CheckboxInputStyle = styled.input`\n  width: 1px;\n  height: 1px;\n  position: absolute;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n\n  &:not(:disabled) ~ * {\n    cursor: pointer;\n  }\n\n  label:hover &:not(:disabled):not(:checked) + ${CheckboxIconStyle} {\n    box-shadow: inset 0 0 0 1px var(--lido-color-borderHover);\n  }\n\n  & + ${CheckboxIconStyle} {\n    background-color: var(--lido-color-controlBg);\n    box-shadow: inset 0 0 0 1px var(--lido-color-border);\n\n    path {\n      opacity: 0;\n    }\n  }\n\n  &:checked + ${CheckboxIconStyle} {\n    background-color: var(--lido-color-primary);\n    box-shadow: none;\n\n    path {\n      opacity: 1;\n    }\n  }\n\n  &:disabled + ${CheckboxIconStyle} {\n    opacity: 0.5;\n    cursor: default;\n  }\n\n  &:focus-visible + ${CheckboxIconStyle} {\n    box-shadow: inset 0 0 0 1px var(--lido-color-primary);\n  }\n\n  &:focus-visible:checked + ${CheckboxIconStyle} {\n    box-shadow: inset 0 0 0 1px var(--lido-color-borderHover);\n  }\n`\n"],"names":["styled","Check","CheckboxWrapperStyle","label","CheckboxIconStyle","CheckboxInputStyle","input"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB,CAAA;AACtC,SAASC,KAAK,QAAQ,gBAAoB,CAAA;AAE1C,OAAO,MAAMC,oBAAoB,GAAGF,MAAM,CAACG,KAAK,CAAC;;;;;;;AAOjD,CAAC,CAAA;AAED,OAAO,MAAMC,iBAAiB,GAAGJ,MAAM,CAACC,KAAK,CAAC,CAAC;;;;;;AAM/C,CAAC,CAAA;AAED,OAAO,MAAMI,kBAAkB,GAAGL,MAAM,CAACM,KAAK,CAAC;;;;;;;;;;;+CAWA,EAAEF,iBAAiB,CAAC;;;;MAI7D,EAAEA,iBAAiB,CAAC;;;;;;;;;cASZ,EAAEA,iBAAiB,CAAC;;;;;;;;;eASnB,EAAEA,iBAAiB,CAAC;;;;;oBAKf,EAAEA,iBAAiB,CAAC;;;;4BAIZ,EAAEA,iBAAiB,CAAC;;;AAGhD,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/checkbox/CheckboxStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { Check } from '@lidofinance/icons'\n\nexport const CheckboxWrapperStyle = styled.label`\n  flex-shrink: 0;\n  display: inline-flex;\n  position: relative;\n  overflow: hidden;\n  line-height: 0;\n  align-items: center;\n`\n\nexport const CheckboxIconStyle = styled(Check)`\n  height: 24px;\n  width: 24px;\n  border-radius: 4px;\n  transition:\n    box-shadow 0.1s ease,\n    background-color 0.1s ease;\n  fill: var(--lido-color-primaryContrast);\n`\n\nexport const CheckboxInputStyle = styled.input`\n  width: 1px;\n  height: 1px;\n  position: absolute;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n\n  &:not(:disabled) ~ * {\n    cursor: pointer;\n  }\n\n  label:hover &:not(:disabled):not(:checked) + ${CheckboxIconStyle} {\n    box-shadow: inset 0 0 0 1px var(--lido-color-borderHover);\n  }\n\n  & + ${CheckboxIconStyle} {\n    background-color: var(--lido-color-controlBg);\n    box-shadow: inset 0 0 0 1px var(--lido-color-border);\n\n    path {\n      opacity: 0;\n    }\n  }\n\n  &:checked + ${CheckboxIconStyle} {\n    background-color: var(--lido-color-primary);\n    box-shadow: none;\n\n    path {\n      opacity: 1;\n    }\n  }\n\n  &:disabled + ${CheckboxIconStyle} {\n    opacity: 0.5;\n    cursor: default;\n  }\n\n  &:focus-visible + ${CheckboxIconStyle} {\n    box-shadow: inset 0 0 0 1px var(--lido-color-primary);\n  }\n\n  &:focus-visible:checked + ${CheckboxIconStyle} {\n    box-shadow: inset 0 0 0 1px var(--lido-color-borderHover);\n  }\n`\n"],"names":["styled","Check","CheckboxWrapperStyle","label","CheckboxIconStyle","CheckboxInputStyle","input"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB,CAAA;AACtC,SAASC,KAAK,QAAQ,gBAAoB,CAAA;AAE1C,OAAO,MAAMC,oBAAoB,GAAGF,MAAM,CAACG,KAAK,CAAC;;;;;;;AAOjD,CAAC,CAAA;AAED,OAAO,MAAMC,iBAAiB,GAAGJ,MAAM,CAACC,KAAK,CAAC,CAAC;;;;;;;;AAQ/C,CAAC,CAAA;AAED,OAAO,MAAMI,kBAAkB,GAAGL,MAAM,CAACM,KAAK,CAAC;;;;;;;;;;;+CAWA,EAAEF,iBAAiB,CAAC;;;;MAI7D,EAAEA,iBAAiB,CAAC;;;;;;;;;cASZ,EAAEA,iBAAiB,CAAC;;;;;;;;;eASnB,EAAEA,iBAAiB,CAAC;;;;;oBAKf,EAAEA,iBAAiB,CAAC;;;;4BAIZ,EAAEA,iBAAiB,CAAC;;;AAGhD,CAAC,CAAA"}

package/dist/esm/chip/ChipStyles.js

@@ -31,7 +31,6 @@ export const ChipWrapperStyle = styled.div`
     return theme.borderRadiusesMap.xs;
 }}px;
   padding: 0.2em 0.4em;
-
   cursor: ${(param)=>{
     let { $interactive  } = param;
     return $interactive ? 'pointer' : 'auto';

package/dist/esm/chip/ChipStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/chip/ChipStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { ChipVariants } from './types'\n\ntype InjectedPropsTr = {\n  $variant: ChipVariants\n  $interactive: boolean\n}\n\nconst ChipVariantsStyle = {\n  positive: css`\n    background: var(--lido-color-success);\n    color: var(--lido-color-foreground);\n  `,\n  negative: css`\n    background: var(--lido-color-error);\n    color: var(--lido-color-foreground);\n  `,\n  gray: css`\n    background: var(--lido-color-shadowLight);\n    color: var(--lido-color-textSecondary);\n  `,\n  warning: css`\n    background: var(--lido-color-warning);\n    color: var(--lido-color-foreground);\n  `,\n}\n\nexport const ChipWrapperStyle = styled.div<InjectedPropsTr>`\n  font-size: 14px;\n  line-height: 20px;\n  display: inline-flex;\n  max-width: 100%;\n  box-sizing: border-box;\n  align-items: center;\n  white-space: nowrap;\n  outline: none;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.xs}px;\n  padding: 0.2em 0.4em;\n\n  cursor: ${({ $interactive }) => ($interactive ? 'pointer' : 'auto')};\n  ${({ $variant }) => ChipVariantsStyle[$variant]}\n`\n"],"names":["styled","css","ChipVariantsStyle","positive","negative","gray","warning","ChipWrapperStyle","div","theme","borderRadiusesMap","xs","$interactive","$variant"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB,CAAA;AAQ/C,MAAMC,iBAAiB,GAAG;IACxBC,QAAQ,EAAEF,GAAG,CAAC;;;EAGd,CAAC;IACDG,QAAQ,EAAEH,GAAG,CAAC;;;EAGd,CAAC;IACDI,IAAI,EAAEJ,GAAG,CAAC;;;EAGV,CAAC;IACDK,OAAO,EAAEL,GAAG,CAAC;;;EAGb,CAAC;CACF;AAED,OAAO,MAAMM,gBAAgB,GAAGP,MAAM,CAACQ,GAAG,AAAiB,CAAC;;;;;;;;;iBAS3C,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,iBAAiB,CAACC,EAAE;AAAD,CAAC,CAAC;;;UAGnD,EAAE,SAAsB;QAArB,EAAEC,YAAY,CAAA,EAAE;WAAMA,YAAY,GAAG,SAAS,GAAG,MAAM;AAAA,CAAC,CAAC;EACpE,EAAE,SAAkBV;QAAjB,EAAEW,QAAQ,CAAA,EAAE;WAAKX,iBAAiB,CAACW,QAAQ,CAAC;AAAD,CAAC,CAAC;AAClD,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/chip/ChipStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { ChipVariants } from './types'\n\ntype InjectedPropsTr = {\n  $variant: ChipVariants\n  $interactive: boolean\n}\n\nconst ChipVariantsStyle = {\n  positive: css`\n    background: var(--lido-color-success);\n    color: var(--lido-color-foreground);\n  `,\n  negative: css`\n    background: var(--lido-color-error);\n    color: var(--lido-color-foreground);\n  `,\n  gray: css`\n    background: var(--lido-color-shadowLight);\n    color: var(--lido-color-textSecondary);\n  `,\n  warning: css`\n    background: var(--lido-color-warning);\n    color: var(--lido-color-foreground);\n  `,\n}\n\nexport const ChipWrapperStyle = styled.div<InjectedPropsTr>`\n  font-size: 14px;\n  line-height: 20px;\n  display: inline-flex;\n  max-width: 100%;\n  box-sizing: border-box;\n  align-items: center;\n  white-space: nowrap;\n  outline: none;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.xs}px;\n  padding: 0.2em 0.4em;\n  cursor: ${({ $interactive }) => ($interactive ? 'pointer' : 'auto')};\n  ${({ $variant }) => ChipVariantsStyle[$variant]}\n`\n"],"names":["styled","css","ChipVariantsStyle","positive","negative","gray","warning","ChipWrapperStyle","div","theme","borderRadiusesMap","xs","$interactive","$variant"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB,CAAA;AAQ/C,MAAMC,iBAAiB,GAAG;IACxBC,QAAQ,EAAEF,GAAG,CAAC;;;EAGd,CAAC;IACDG,QAAQ,EAAEH,GAAG,CAAC;;;EAGd,CAAC;IACDI,IAAI,EAAEJ,GAAG,CAAC;;;EAGV,CAAC;IACDK,OAAO,EAAEL,GAAG,CAAC;;;EAGb,CAAC;CACF;AAED,OAAO,MAAMM,gBAAgB,GAAGP,MAAM,CAACQ,GAAG,AAAiB,CAAC;;;;;;;;;iBAS3C,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,iBAAiB,CAACC,EAAE;AAAD,CAAC,CAAC;;UAEnD,EAAE,SAAsB;QAArB,EAAEC,YAAY,CAAA,EAAE;WAAMA,YAAY,GAAG,SAAS,GAAG,MAAM;AAAA,CAAC,CAAC;EACpE,EAAE,SAAkBV;QAAjB,EAAEW,QAAQ,CAAA,EAAE;WAAKX,iBAAiB,CAACW,QAAQ,CAAC;AAAD,CAAC,CAAC;AAClD,CAAC,CAAA"}

package/dist/esm/content-theme/content-theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/content-theme/content-theme.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport { ContentThemeOnlyDark, ContentThemeOnlyLight } from './styles'\n\nimport { ContentThemeProps } from './types'\n\nexport const ContentTheme: FC<ContentThemeProps> = (\n  props: ContentThemeProps\n) => {\n  return (\n    <>\n      <ContentThemeOnlyDark>{props.darkContent}</ContentThemeOnlyDark>\n      <ContentThemeOnlyLight>{props.lightContent}</ContentThemeOnlyLight>\n    </>\n  )\n}\n"],"names":["React","ContentThemeOnlyDark","ContentThemeOnlyLight","ContentTheme","props","darkContent","lightContent"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO,CAAA;AAEjC,SAASC,oBAAoB,EAAEC,qBAAqB,QAAQ,UAAU,CAAA;AAItE,OAAO,MAAMC,YAAY,GAA0B,CACjDC,KAAwB,GACrB;IACH,qBACE,wDACE,oBAACH,oBAAoB,QAAEG,KAAK,CAACC,WAAW,CAAwB,gBAChE,oBAACH,qBAAqB,QAAEE,KAAK,CAACE,YAAY,CAAyB,CAClE,CACJ;AACH,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/content-theme/content-theme.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport { ContentThemeOnlyDark, ContentThemeOnlyLight } from './styles'\n\nimport { ContentThemeProps } from './types'\n\nexport const ContentTheme: FC<ContentThemeProps> = (\n  props: ContentThemeProps,\n) => {\n  return (\n    <>\n      <ContentThemeOnlyDark>{props.darkContent}</ContentThemeOnlyDark>\n      <ContentThemeOnlyLight>{props.lightContent}</ContentThemeOnlyLight>\n    </>\n  )\n}\n"],"names":["React","ContentThemeOnlyDark","ContentThemeOnlyLight","ContentTheme","props","darkContent","lightContent"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO,CAAA;AAEjC,SAASC,oBAAoB,EAAEC,qBAAqB,QAAQ,UAAU,CAAA;AAItE,OAAO,MAAMC,YAAY,GAA0B,CACjDC,KAAwB,GACrB;IACH,qBACE,wDACE,oBAACH,oBAAoB,QAAEG,KAAK,CAACC,WAAW,CAAwB,gBAChE,oBAACH,qBAAqB,QAAEE,KAAK,CAACE,YAAY,CAAyB,CAClE,CACJ;AACH,CAAC,CAAA"}

package/dist/esm/cookies-tooltip/styles.js

@@ -90,7 +90,9 @@ const ButtonBasic = styled.button.attrs({
   border: none;
   outline: none;
   cursor: pointer;
-  transition: background-color ease 0.25s, border-color ease 0.25s,
+  transition:
+    background-color ease 0.25s,
+    border-color ease 0.25s,
     color ease 0.25s;
 
   &:not(:last-child) {

package/dist/esm/cookies-tooltip/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/cookies-tooltip/styles.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nconst ExternalLink = styled.a.attrs({\n  target: '_blank',\n  rel: 'nofollow noopener',\n})`\n  cursor: pointer;\n`\n\nexport const Wrap = styled.div`\n  z-index: 999;\n  position: fixed;\n  bottom: 20px;\n  left: 20px;\n  right: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    bottom: 0;\n    left: 0;\n    right: 0;\n  }\n`\n\nexport const Box = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 16px 24px;\n  border-radius: 20px;\n  background-color: var(--lido-color-foreground);\n  box-shadow: 0 6px 32px rgba(0, 0, 0, 0.08);\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    flex-direction: column;\n    border-radius: 0;\n    width: 100%;\n  }\n`\n\nexport const CookieIconWrap = styled.div`\n  margin-right: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border-radius: 8px;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    display: none;\n  }\n`\n\nexport const Text = styled.div`\n  margin-right: 8px;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--lido-color-textSecondary);\n  width: 340px;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    margin-right: 0;\n    margin-bottom: 8px;\n    width: 100%;\n    text-align: center;\n  }\n`\n\nexport const ButtonsWrap = styled.div`\n  display: flex;\n`\n\nconst ButtonBasic = styled.button.attrs({ type: 'button' })`\n  font-weight: 800;\n  font-size: 12px;\n  line-height: 20px;\n  border-radius: 6px;\n  width: 72px;\n  height: 32px;\n  border: none;\n  outline: none;\n  cursor: pointer;\n  transition: background-color ease 0.25s, border-color ease 0.25s,\n    color ease 0.25s;\n\n  &:not(:last-child) {\n    margin-right: 8px;\n  }\n\n  &:hover {\n    background-color: #0e1621;\n  }\n\n  &:active {\n    transform: translateY(1px);\n  }\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    width: 112px;\n  }\n`\n\nexport const AllowButton = styled(ButtonBasic)`\n  background-color: var(--lido-color-text);\n  color: var(--lido-color-foreground);\n\n  &:hover {\n    background-color: var(--lido-color-textSecondary);\n  }\n`\n\nexport const DeclineButton = styled(ButtonBasic)`\n  background-color: var(--lido-color-foreground);\n  color: var(--lido-color-text);\n  border: 1px solid var(--lido-color-text);\n\n  &:hover {\n    background-color: var(--lido-color-background);\n  }\n`\n\nexport const Link = styled(ExternalLink)`\n  color: inherit;\n  text-decoration: underline !important;\n`\n"],"names":["styled","ExternalLink","a","attrs","target","rel","Wrap","div","theme","mediaQueries","lg","Box","CookieIconWrap","Text","ButtonsWrap","ButtonBasic","button","type","AllowButton","DeclineButton","Link"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAMC,YAAY,GAAGD,MAAM,CAACE,CAAC,CAACC,KAAK,CAAC;IAClCC,MAAM,EAAE,QAAQ;IAChBC,GAAG,EAAE,mBAAmB;CACzB,CAAC,CAAC;;AAEH,CAAC;AAED,OAAO,MAAMC,IAAI,GAAGN,MAAM,CAACO,GAAG,CAAC;;;;;;;;;;EAU7B,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;;;;AAKzC,CAAC,CAAA;AAED,OAAO,MAAMC,GAAG,GAAGX,MAAM,CAACO,GAAG,CAAC;;;;;;;;EAQ5B,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;;;;AAKzC,CAAC,CAAA;AAED,OAAO,MAAME,cAAc,GAAGZ,MAAM,CAACO,GAAG,CAAC;;;;;;;;;EASvC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;;AAGzC,CAAC,CAAA;AAED,OAAO,MAAMG,IAAI,GAAGb,MAAM,CAACO,GAAG,CAAC;;;;;;;;EAQ7B,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;;;;;AAMzC,CAAC,CAAA;AAED,OAAO,MAAMI,WAAW,GAAGd,MAAM,CAACO,GAAG,CAAC;;AAEtC,CAAC,CAAA;AAED,MAAMQ,WAAW,GAAGf,MAAM,CAACgB,MAAM,CAACb,KAAK,CAAC;IAAEc,IAAI,EAAE,QAAQ;CAAE,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;EAyB1D,EAAE,SAAeT;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;;AAGzC,CAAC;AAED,OAAO,MAAMQ,WAAW,GAAGlB,MAAM,CAACe,WAAW,CAAC,CAAC;;;;;;;AAO/C,CAAC,CAAA;AAED,OAAO,MAAMI,aAAa,GAAGnB,MAAM,CAACe,WAAW,CAAC,CAAC;;;;;;;;AAQjD,CAAC,CAAA;AAED,OAAO,MAAMK,IAAI,GAAGpB,MAAM,CAACC,YAAY,CAAC,CAAC;;;AAGzC,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/cookies-tooltip/styles.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nconst ExternalLink = styled.a.attrs({\n  target: '_blank',\n  rel: 'nofollow noopener',\n})`\n  cursor: pointer;\n`\n\nexport const Wrap = styled.div`\n  z-index: 999;\n  position: fixed;\n  bottom: 20px;\n  left: 20px;\n  right: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    bottom: 0;\n    left: 0;\n    right: 0;\n  }\n`\n\nexport const Box = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 16px 24px;\n  border-radius: 20px;\n  background-color: var(--lido-color-foreground);\n  box-shadow: 0 6px 32px rgba(0, 0, 0, 0.08);\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    flex-direction: column;\n    border-radius: 0;\n    width: 100%;\n  }\n`\n\nexport const CookieIconWrap = styled.div`\n  margin-right: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border-radius: 8px;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    display: none;\n  }\n`\n\nexport const Text = styled.div`\n  margin-right: 8px;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--lido-color-textSecondary);\n  width: 340px;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    margin-right: 0;\n    margin-bottom: 8px;\n    width: 100%;\n    text-align: center;\n  }\n`\n\nexport const ButtonsWrap = styled.div`\n  display: flex;\n`\n\nconst ButtonBasic = styled.button.attrs({ type: 'button' })`\n  font-weight: 800;\n  font-size: 12px;\n  line-height: 20px;\n  border-radius: 6px;\n  width: 72px;\n  height: 32px;\n  border: none;\n  outline: none;\n  cursor: pointer;\n  transition:\n    background-color ease 0.25s,\n    border-color ease 0.25s,\n    color ease 0.25s;\n\n  &:not(:last-child) {\n    margin-right: 8px;\n  }\n\n  &:hover {\n    background-color: #0e1621;\n  }\n\n  &:active {\n    transform: translateY(1px);\n  }\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    width: 112px;\n  }\n`\n\nexport const AllowButton = styled(ButtonBasic)`\n  background-color: var(--lido-color-text);\n  color: var(--lido-color-foreground);\n\n  &:hover {\n    background-color: var(--lido-color-textSecondary);\n  }\n`\n\nexport const DeclineButton = styled(ButtonBasic)`\n  background-color: var(--lido-color-foreground);\n  color: var(--lido-color-text);\n  border: 1px solid var(--lido-color-text);\n\n  &:hover {\n    background-color: var(--lido-color-background);\n  }\n`\n\nexport const Link = styled(ExternalLink)`\n  color: inherit;\n  text-decoration: underline !important;\n`\n"],"names":["styled","ExternalLink","a","attrs","target","rel","Wrap","div","theme","mediaQueries","lg","Box","CookieIconWrap","Text","ButtonsWrap","ButtonBasic","button","type","AllowButton","DeclineButton","Link"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAMC,YAAY,GAAGD,MAAM,CAACE,CAAC,CAACC,KAAK,CAAC;IAClCC,MAAM,EAAE,QAAQ;IAChBC,GAAG,EAAE,mBAAmB;CACzB,CAAC,CAAC;;AAEH,CAAC;AAED,OAAO,MAAMC,IAAI,GAAGN,MAAM,CAACO,GAAG,CAAC;;;;;;;;;;EAU7B,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;;;;AAKzC,CAAC,CAAA;AAED,OAAO,MAAMC,GAAG,GAAGX,MAAM,CAACO,GAAG,CAAC;;;;;;;;EAQ5B,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;;;;AAKzC,CAAC,CAAA;AAED,OAAO,MAAME,cAAc,GAAGZ,MAAM,CAACO,GAAG,CAAC;;;;;;;;;EASvC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;;AAGzC,CAAC,CAAA;AAED,OAAO,MAAMG,IAAI,GAAGb,MAAM,CAACO,GAAG,CAAC;;;;;;;;EAQ7B,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;;;;;AAMzC,CAAC,CAAA;AAED,OAAO,MAAMI,WAAW,GAAGd,MAAM,CAACO,GAAG,CAAC;;AAEtC,CAAC,CAAA;AAED,MAAMQ,WAAW,GAAGf,MAAM,CAACgB,MAAM,CAACb,KAAK,CAAC;IAAEc,IAAI,EAAE,QAAQ;CAAE,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2B1D,EAAE,SAAeT;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;;AAGzC,CAAC;AAED,OAAO,MAAMQ,WAAW,GAAGlB,MAAM,CAACe,WAAW,CAAC,CAAC;;;;;;;AAO/C,CAAC,CAAA;AAED,OAAO,MAAMI,aAAa,GAAGnB,MAAM,CAACe,WAAW,CAAC,CAAC;;;;;;;;AAQjD,CAAC,CAAA;AAED,OAAO,MAAMK,IAAI,GAAGpB,MAAM,CAACC,YAAY,CAAC,CAAC;;;AAGzC,CAAC,CAAA"}

package/dist/esm/cookies-tooltip/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/cookies-tooltip/utils.ts"],"sourcesContent":["import {\n  setCrossDomainCookieClientSide,\n  getDomainCookieClientSide,\n  removeCookiesClientSide,\n} from '@lidofinance/utils'\nimport {\n  COOKIE_ALLOWED_KEY,\n  COOKIE_VALUE_NO,\n  COOKIE_VALUE_YES,\n} from './constants'\n\nexport const allowCookies = (): void => {\n  setCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_YES)\n}\n\nexport const declineCookies = (): void => {\n  setCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_NO)\n}\n\nexport const migrationAllowCookieToCrossDomainCookieClientSide = (\n  keyOldCookie: string\n) => {\n  const old_cookie_value = getDomainCookieClientSide(keyOldCookie)\n\n  if (!old_cookie_value) {\n    return\n  }\n\n  removeCookiesClientSide(keyOldCookie)\n\n  if (old_cookie_value === COOKIE_VALUE_YES) {\n    allowCookies()\n  } else if (old_cookie_value === COOKIE_VALUE_NO) {\n    declineCookies()\n  }\n  // else noop\n}\n"],"names":["setCrossDomainCookieClientSide","getDomainCookieClientSide","removeCookiesClientSide","COOKIE_ALLOWED_KEY","COOKIE_VALUE_NO","COOKIE_VALUE_YES","allowCookies","declineCookies","migrationAllowCookieToCrossDomainCookieClientSide","keyOldCookie","old_cookie_value"],"mappings":"AAAA,SACEA,8BAA8B,EAC9BC,yBAAyB,EACzBC,uBAAuB,QAClB,gBAAoB,CAAA;AAC3B,SACEC,kBAAkB,EAClBC,eAAe,EACfC,gBAAgB,QACX,aAAa,CAAA;AAEpB,OAAO,MAAMC,YAAY,GAAG,IAAY;IACtCN,8BAA8B,CAACG,kBAAkB,EAAEE,gBAAgB,CAAC;AACtE,CAAC,CAAA;AAED,OAAO,MAAME,cAAc,GAAG,IAAY;IACxCP,8BAA8B,CAACG,kBAAkB,EAAEC,eAAe,CAAC;AACrE,CAAC,CAAA;AAED,OAAO,MAAMI,iDAAiD,GAAG,CAC/DC,YAAoB,GACjB;IACH,MAAMC,gBAAgB,GAAGT,yBAAyB,CAACQ,YAAY,CAAC;IAEhE,IAAI,CAACC,gBAAgB,EAAE;QACrB,OAAM;IACR,CAAC;IAEDR,uBAAuB,CAACO,YAAY,CAAC;IAErC,IAAIC,gBAAgB,KAAKL,gBAAgB,EAAE;QACzCC,YAAY,EAAE;IAChB,OAAO,IAAII,gBAAgB,KAAKN,eAAe,EAAE;QAC/CG,cAAc,EAAE;IAClB,CAAC;AACD,YAAY;AACd,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/cookies-tooltip/utils.ts"],"sourcesContent":["import {\n  setCrossDomainCookieClientSide,\n  getDomainCookieClientSide,\n  removeCookiesClientSide,\n} from '@lidofinance/utils'\nimport {\n  COOKIE_ALLOWED_KEY,\n  COOKIE_VALUE_NO,\n  COOKIE_VALUE_YES,\n} from './constants'\n\nexport const allowCookies = (): void => {\n  setCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_YES)\n}\n\nexport const declineCookies = (): void => {\n  setCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_NO)\n}\n\nexport const migrationAllowCookieToCrossDomainCookieClientSide = (\n  keyOldCookie: string,\n) => {\n  const old_cookie_value = getDomainCookieClientSide(keyOldCookie)\n\n  if (!old_cookie_value) {\n    return\n  }\n\n  removeCookiesClientSide(keyOldCookie)\n\n  if (old_cookie_value === COOKIE_VALUE_YES) {\n    allowCookies()\n  } else if (old_cookie_value === COOKIE_VALUE_NO) {\n    declineCookies()\n  }\n  // else noop\n}\n"],"names":["setCrossDomainCookieClientSide","getDomainCookieClientSide","removeCookiesClientSide","COOKIE_ALLOWED_KEY","COOKIE_VALUE_NO","COOKIE_VALUE_YES","allowCookies","declineCookies","migrationAllowCookieToCrossDomainCookieClientSide","keyOldCookie","old_cookie_value"],"mappings":"AAAA,SACEA,8BAA8B,EAC9BC,yBAAyB,EACzBC,uBAAuB,QAClB,gBAAoB,CAAA;AAC3B,SACEC,kBAAkB,EAClBC,eAAe,EACfC,gBAAgB,QACX,aAAa,CAAA;AAEpB,OAAO,MAAMC,YAAY,GAAG,IAAY;IACtCN,8BAA8B,CAACG,kBAAkB,EAAEE,gBAAgB,CAAC;AACtE,CAAC,CAAA;AAED,OAAO,MAAME,cAAc,GAAG,IAAY;IACxCP,8BAA8B,CAACG,kBAAkB,EAAEC,eAAe,CAAC;AACrE,CAAC,CAAA;AAED,OAAO,MAAMI,iDAAiD,GAAG,CAC/DC,YAAoB,GACjB;IACH,MAAMC,gBAAgB,GAAGT,yBAAyB,CAACQ,YAAY,CAAC;IAEhE,IAAI,CAACC,gBAAgB,EAAE;QACrB,OAAM;IACR,CAAC;IAEDR,uBAAuB,CAACO,YAAY,CAAC;IAErC,IAAIC,gBAAgB,KAAKL,gBAAgB,EAAE;QACzCC,YAAY,EAAE;IAChB,OAAO,IAAII,gBAAgB,KAAKN,eAAe,EAAE;QAC/CG,cAAc,EAAE;IAClB,CAAC;AACD,YAAY;AACd,CAAC,CAAA"}

package/dist/esm/data-table/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/data-table/DataTable.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { InlineLoader } from '@lidofinance/loaders'\nimport { Tooltip } from '@lidofinance/tooltip'\nimport {\n  DataTableStyle,\n  DataTableRowStyle,\n  DataTableTitleStyle,\n  DataTableValueStyle,\n  DataTableQuestionStyle,\n} from './DataTableStyles'\nimport { DataTableProps, DataTableRowProps } from './types'\n\nfunction DataTable(props: DataTableProps, ref?: ForwardedRef<HTMLDivElement>) {\n  return <DataTableStyle ref={ref} {...props} />\n}\n\nexport default forwardRef(DataTable)\n\nexport const DataTableRow = forwardRef(function DataTableRow(\n  props: DataTableRowProps,\n  ref?: ForwardedRef<HTMLDivElement>\n) {\n  const {\n    title,\n    loading = false,\n    highlight = false,\n    help,\n    children,\n    ...rest\n  } = props\n  const hasHelper = !!help\n\n  return (\n    <DataTableRowStyle ref={ref} {...rest}>\n      <DataTableTitleStyle>\n        {title}\n        {hasHelper && (\n          <Tooltip placement='bottomLeft' title={help}>\n            <DataTableQuestionStyle />\n          </Tooltip>\n        )}\n      </DataTableTitleStyle>\n      <DataTableValueStyle $highlight={highlight}>\n        {loading ? <InlineLoader color='text' /> : children}\n      </DataTableValueStyle>\n    </DataTableRowStyle>\n  )\n})\n"],"names":["React","forwardRef","InlineLoader","Tooltip","DataTableStyle","DataTableRowStyle","DataTableTitleStyle","DataTableValueStyle","DataTableQuestionStyle","DataTable","props","ref","DataTableRow","title","loading","highlight","help","children","rest","hasHelper","placement","$highlight","color"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAASC,YAAY,QAAQ,kBAAsB,CAAA;AACnD,SAASC,OAAO,QAAQ,kBAAsB,CAAA;AAC9C,SACEC,cAAc,EACdC,iBAAiB,EACjBC,mBAAmB,EACnBC,mBAAmB,EACnBC,sBAAsB,QACjB,mBAAmB,CAAA;AAG1B,SAASC,SAAS,CAACC,KAAqB,EAAEC,GAAkC,EAAE;IAC5E,qBAAO,oBAACP,cAAc;QAACO,GAAG,EAAEA,GAAG;OAAMD,KAAK,EAAI,CAAA;AAChD,CAAC;AAED,6BAAeT,UAAU,CAACQ,SAAS,CAAC,CAAA;AAEpC,OAAO,MAAMG,YAAY,iBAAGX,UAAU,CAAC,SAASW,YAAY,CAC1DF,KAAwB,EACxBC,GAAkC,EAClC;IACA,MAAM,EACJE,KAAK,CAAA,EACLC,OAAO,EAAG,KAAK,CAAA,EACfC,SAAS,EAAG,KAAK,CAAA,EACjBC,IAAI,CAAA,EACJC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR,GAAGR,KAAK;IACT,MAAMS,SAAS,GAAG,CAAC,CAACH,IAAI;IAExB,qBACE,oBAACX,iBAAiB;QAACM,GAAG,EAAEA,GAAG;OAAMO,IAAI,iBACnC,oBAACZ,mBAAmB,QACjBO,KAAK,EACLM,SAAS,kBACR,oBAAChB,OAAO;QAACiB,SAAS,EAAC,YAAY;QAACP,KAAK,EAAEG,IAAI;qBACzC,oBAACR,sBAAsB,OAAG,CAClB,AACX,CACmB,gBACtB,oBAACD,mBAAmB;QAACc,UAAU,EAAEN,SAAS;OACvCD,OAAO,iBAAG,oBAACZ,YAAY;QAACoB,KAAK,EAAC,MAAM;MAAG,GAAGL,QAAQ,CAC/B,CACJ,CACrB;AACH,CAAC,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/data-table/DataTable.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { InlineLoader } from '@lidofinance/loaders'\nimport { Tooltip } from '@lidofinance/tooltip'\nimport {\n  DataTableStyle,\n  DataTableRowStyle,\n  DataTableTitleStyle,\n  DataTableValueStyle,\n  DataTableQuestionStyle,\n} from './DataTableStyles'\nimport { DataTableProps, DataTableRowProps } from './types'\n\nfunction DataTable(props: DataTableProps, ref?: ForwardedRef<HTMLDivElement>) {\n  return <DataTableStyle ref={ref} {...props} />\n}\n\nexport default forwardRef(DataTable)\n\nexport const DataTableRow = forwardRef(function DataTableRow(\n  props: DataTableRowProps,\n  ref?: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    title,\n    loading = false,\n    highlight = false,\n    help,\n    children,\n    ...rest\n  } = props\n  const hasHelper = !!help\n\n  return (\n    <DataTableRowStyle ref={ref} {...rest}>\n      <DataTableTitleStyle>\n        {title}\n        {hasHelper && (\n          <Tooltip placement='bottomLeft' title={help}>\n            <DataTableQuestionStyle />\n          </Tooltip>\n        )}\n      </DataTableTitleStyle>\n      <DataTableValueStyle $highlight={highlight}>\n        {loading ? <InlineLoader color='text' /> : children}\n      </DataTableValueStyle>\n    </DataTableRowStyle>\n  )\n})\n"],"names":["React","forwardRef","InlineLoader","Tooltip","DataTableStyle","DataTableRowStyle","DataTableTitleStyle","DataTableValueStyle","DataTableQuestionStyle","DataTable","props","ref","DataTableRow","title","loading","highlight","help","children","rest","hasHelper","placement","$highlight","color"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAASC,YAAY,QAAQ,kBAAsB,CAAA;AACnD,SAASC,OAAO,QAAQ,kBAAsB,CAAA;AAC9C,SACEC,cAAc,EACdC,iBAAiB,EACjBC,mBAAmB,EACnBC,mBAAmB,EACnBC,sBAAsB,QACjB,mBAAmB,CAAA;AAG1B,SAASC,SAAS,CAACC,KAAqB,EAAEC,GAAkC,EAAE;IAC5E,qBAAO,oBAACP,cAAc;QAACO,GAAG,EAAEA,GAAG;OAAMD,KAAK,EAAI,CAAA;AAChD,CAAC;AAED,6BAAeT,UAAU,CAACQ,SAAS,CAAC,CAAA;AAEpC,OAAO,MAAMG,YAAY,iBAAGX,UAAU,CAAC,SAASW,YAAY,CAC1DF,KAAwB,EACxBC,GAAkC,EAClC;IACA,MAAM,EACJE,KAAK,CAAA,EACLC,OAAO,EAAG,KAAK,CAAA,EACfC,SAAS,EAAG,KAAK,CAAA,EACjBC,IAAI,CAAA,EACJC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR,GAAGR,KAAK;IACT,MAAMS,SAAS,GAAG,CAAC,CAACH,IAAI;IAExB,qBACE,oBAACX,iBAAiB;QAACM,GAAG,EAAEA,GAAG;OAAMO,IAAI,iBACnC,oBAACZ,mBAAmB,QACjBO,KAAK,EACLM,SAAS,kBACR,oBAAChB,OAAO;QAACiB,SAAS,EAAC,YAAY;QAACP,KAAK,EAAEG,IAAI;qBACzC,oBAACR,sBAAsB,OAAG,CAClB,AACX,CACmB,gBACtB,oBAACD,mBAAmB;QAACc,UAAU,EAAEN,SAAS;OACvCD,OAAO,iBAAG,oBAACZ,YAAY;QAACoB,KAAK,EAAC,MAAM;MAAG,GAAGL,QAAQ,CAC/B,CACJ,CACrB;AACH,CAAC,CAAC,CAAA"}

package/dist/esm/data-table/DataTableStyles.js

@@ -41,7 +41,7 @@ export const DataTableValueStyle = styled.div`
   flex-grow: 1;
 `;
 export const DataTableQuestionStyle = styled(Question)`
-  margin: -6px 0 -5px 0;
+  margin: -6px 0 -5px;
   vertical-align: middle;
 `;
 

package/dist/esm/data-table/DataTableStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/data-table/DataTableStyles.tsx"],"sourcesContent":["import { Question } from '@lidofinance/icons'\nimport styled from 'styled-components'\n\nexport const DataTableStyle = styled.div``\n\nexport const DataTableRowStyle = styled.div`\n  display: flex;\n  margin: ${({ theme }) => theme.spaceMap.md}px 0;\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 1.6em;\n\n  &:first-child {\n    margin-top: 0;\n  }\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n`\n\nexport const DataTableTitleStyle = styled.div`\n  color: var(--lido-color-textSecondary);\n  flex-grow: 1;\n`\n\nexport const DataTableValueStyle = styled.div<{ $highlight: boolean }>`\n  color: var(\n    --lido-color-${({ $highlight }) => ($highlight ? `success` : `text`)}\n  );\n  text-align: right;\n  margin-left: ${({ theme }) => theme.spaceMap.xxl}px;\n  flex-grow: 1;\n`\n\nexport const DataTableQuestionStyle = styled(Question)`\n  margin: -6px 0 -5px 0;\n  vertical-align: middle;\n`\n"],"names":["Question","styled","DataTableStyle","div","DataTableRowStyle","theme","spaceMap","md","fontSizesMap","xxs","DataTableTitleStyle","DataTableValueStyle","$highlight","xxl","DataTableQuestionStyle"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,gBAAoB,CAAA;AAC7C,OAAOC,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,MAAMC,cAAc,GAAGD,MAAM,CAACE,GAAG,CAAC,CAAC,CAAA;AAE1C,OAAO,MAAMC,iBAAiB,GAAGH,MAAM,CAACE,GAAG,CAAC;;UAElC,EAAE,SAAeE;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACC,EAAE;AAAD,CAAC,CAAC;;aAEhC,EAAE,SAAeF;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACG,YAAY,CAACC,GAAG;AAAD,CAAC,CAAC;;;;;;;;;;AAUrD,CAAC,CAAA;AAED,OAAO,MAAMC,mBAAmB,GAAGT,MAAM,CAACE,GAAG,CAAC;;;AAG9C,CAAC,CAAA;AAED,OAAO,MAAMQ,mBAAmB,GAAGV,MAAM,CAACE,GAAG,AAAyB,CAAC;;iBAEtD,EAAE,SAAoB;QAAnB,EAAES,UAAU,CAAA,EAAE;WAAMA,UAAU,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;AAAA,CAAC,CAAC;;;eAG1D,EAAE,SAAeP;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACO,GAAG;AAAD,CAAC,CAAC;;AAEnD,CAAC,CAAA;AAED,OAAO,MAAMC,sBAAsB,GAAGb,MAAM,CAACD,QAAQ,CAAC,CAAC;;;AAGvD,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/data-table/DataTableStyles.tsx"],"sourcesContent":["import { Question } from '@lidofinance/icons'\nimport styled from 'styled-components'\n\nexport const DataTableStyle = styled.div``\n\nexport const DataTableRowStyle = styled.div`\n  display: flex;\n  margin: ${({ theme }) => theme.spaceMap.md}px 0;\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 1.6em;\n\n  &:first-child {\n    margin-top: 0;\n  }\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n`\n\nexport const DataTableTitleStyle = styled.div`\n  color: var(--lido-color-textSecondary);\n  flex-grow: 1;\n`\n\nexport const DataTableValueStyle = styled.div<{ $highlight: boolean }>`\n  color: var(\n    --lido-color-${({ $highlight }) => ($highlight ? `success` : `text`)}\n  );\n  text-align: right;\n  margin-left: ${({ theme }) => theme.spaceMap.xxl}px;\n  flex-grow: 1;\n`\n\nexport const DataTableQuestionStyle = styled(Question)`\n  margin: -6px 0 -5px;\n  vertical-align: middle;\n`\n"],"names":["Question","styled","DataTableStyle","div","DataTableRowStyle","theme","spaceMap","md","fontSizesMap","xxs","DataTableTitleStyle","DataTableValueStyle","$highlight","xxl","DataTableQuestionStyle"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,gBAAoB,CAAA;AAC7C,OAAOC,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,MAAMC,cAAc,GAAGD,MAAM,CAACE,GAAG,CAAC,CAAC,CAAA;AAE1C,OAAO,MAAMC,iBAAiB,GAAGH,MAAM,CAACE,GAAG,CAAC;;UAElC,EAAE,SAAeE;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACC,EAAE;AAAD,CAAC,CAAC;;aAEhC,EAAE,SAAeF;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACG,YAAY,CAACC,GAAG;AAAD,CAAC,CAAC;;;;;;;;;;AAUrD,CAAC,CAAA;AAED,OAAO,MAAMC,mBAAmB,GAAGT,MAAM,CAACE,GAAG,CAAC;;;AAG9C,CAAC,CAAA;AAED,OAAO,MAAMQ,mBAAmB,GAAGV,MAAM,CAACE,GAAG,AAAyB,CAAC;;iBAEtD,EAAE,SAAoB;QAAnB,EAAES,UAAU,CAAA,EAAE;WAAMA,UAAU,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;AAAA,CAAC,CAAC;;;eAG1D,EAAE,SAAeP;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACO,GAAG;AAAD,CAAC,CAAC;;AAEnD,CAAC,CAAA;AAED,OAAO,MAAMC,sBAAsB,GAAGb,MAAM,CAACD,QAAQ,CAAC,CAAC;;;AAGvD,CAAC,CAAA"}

package/dist/esm/divider/DividerStyles.js

@@ -5,13 +5,13 @@ const getIndents = (param)=>{
 };
 const types = {
     horizontal: css`
-    border-top: 1px solid currentColor;
+    border-top: 1px solid currentcolor;
     width: 100%;
     height: 0;
     margin: ${getIndents} 0;
   `,
     vertical: css`
-    border-left: 1px solid currentColor;
+    border-left: 1px solid currentcolor;
     align-self: stretch;
     width: 0;
     margin: 0 ${getIndents};

package/dist/esm/divider/DividerStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/divider/DividerStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport { DividerIndents, DividerTypes } from './types'\n\ntype InjectedProps = {\n  $type: DividerTypes\n  $indents?: DividerIndents\n  theme: Theme\n}\n\nconst getIndents = ({ $indents, theme }: InjectedProps) => {\n  return $indents ? `${theme.spaceMap[$indents]}px` : '0'\n}\n\nconst types = {\n  horizontal: css<InjectedProps>`\n    border-top: 1px solid currentColor;\n    width: 100%;\n    height: 0;\n    margin: ${getIndents} 0;\n  `,\n  vertical: css<InjectedProps>`\n    border-left: 1px solid currentColor;\n    align-self: stretch;\n    width: 0;\n    margin: 0 ${getIndents};\n  `,\n}\n\nexport const DividerStyle = styled.div<InjectedProps>`\n  box-sizing: border-box;\n  list-style: none;\n  opacity: 0.1;\n  margin: 0;\n  padding: 0;\n  flex-shrink: 0;\n  flex-grow: 0;\n\n  ${(props) => types[props.$type]}\n`\n"],"names":["styled","css","getIndents","$indents","theme","spaceMap","types","horizontal","vertical","DividerStyle","div","props","$type"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB,CAAA;AAU/C,MAAMC,UAAU,GAAG,SAAwC;QAAvC,EAAEC,QAAQ,CAAA,EAAEC,KAAK,CAAA,EAAiB;IACpD,OAAOD,QAAQ,GAAG,CAAC,EAAEC,KAAK,CAACC,QAAQ,CAACF,QAAQ,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,CAAA;AACzD,CAAC;AAED,MAAMG,KAAK,GAAG;IACZC,UAAU,EAAEN,GAAG,AAAe,CAAC;;;;YAIrB,EAAEC,UAAU,CAAC;EACvB,CAAC;IACDM,QAAQ,EAAEP,GAAG,AAAe,CAAC;;;;cAIjB,EAAEC,UAAU,CAAC;EACzB,CAAC;CACF;AAED,OAAO,MAAMO,YAAY,GAAGT,MAAM,CAACU,GAAG,AAAe,CAAC;;;;;;;;;EASpD,EAAE,CAACC,KAAK,GAAKL,KAAK,CAACK,KAAK,CAACC,KAAK,CAAC,CAAC;AAClC,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/divider/DividerStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport { DividerIndents, DividerTypes } from './types'\n\ntype InjectedProps = {\n  $type: DividerTypes\n  $indents?: DividerIndents\n  theme: Theme\n}\n\nconst getIndents = ({ $indents, theme }: InjectedProps) => {\n  return $indents ? `${theme.spaceMap[$indents]}px` : '0'\n}\n\nconst types = {\n  horizontal: css<InjectedProps>`\n    border-top: 1px solid currentcolor;\n    width: 100%;\n    height: 0;\n    margin: ${getIndents} 0;\n  `,\n  vertical: css<InjectedProps>`\n    border-left: 1px solid currentcolor;\n    align-self: stretch;\n    width: 0;\n    margin: 0 ${getIndents};\n  `,\n}\n\nexport const DividerStyle = styled.div<InjectedProps>`\n  box-sizing: border-box;\n  list-style: none;\n  opacity: 0.1;\n  margin: 0;\n  padding: 0;\n  flex-shrink: 0;\n  flex-grow: 0;\n\n  ${(props) => types[props.$type]}\n`\n"],"names":["styled","css","getIndents","$indents","theme","spaceMap","types","horizontal","vertical","DividerStyle","div","props","$type"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB,CAAA;AAU/C,MAAMC,UAAU,GAAG,SAAwC;QAAvC,EAAEC,QAAQ,CAAA,EAAEC,KAAK,CAAA,EAAiB;IACpD,OAAOD,QAAQ,GAAG,CAAC,EAAEC,KAAK,CAACC,QAAQ,CAACF,QAAQ,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,CAAA;AACzD,CAAC;AAED,MAAMG,KAAK,GAAG;IACZC,UAAU,EAAEN,GAAG,AAAe,CAAC;;;;YAIrB,EAAEC,UAAU,CAAC;EACvB,CAAC;IACDM,QAAQ,EAAEP,GAAG,AAAe,CAAC;;;;cAIjB,EAAEC,UAAU,CAAC;EACzB,CAAC;CACF;AAED,OAAO,MAAMO,YAAY,GAAGT,MAAM,CAACU,GAAG,AAAe,CAAC;;;;;;;;;EASpD,EAAE,CAACC,KAAK,GAAKL,KAAK,CAACK,KAAK,CAACC,KAAK,CAAC,CAAC;AAClC,CAAC,CAAA"}

package/dist/esm/heading/Heading.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/heading/Heading.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { HeadingStyle, H1Style, H2Style, H3Style } from './HeadingStyles'\nimport { HeadingProps, HProps } from './types'\n\nfunction Heading(props: HeadingProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const { size = 'md', color = 'text', ...rest } = props\n  return <HeadingStyle $size={size} $color={color} ref={ref} {...rest} />\n}\n\nexport default forwardRef(Heading)\n\nexport const H1 = forwardRef(function H1(\n  props: HProps<'h1'>,\n  ref?: ForwardedRef<HTMLHeadingElement>\n) {\n  const { color = 'text', ...rest } = props\n  return <H1Style $color={color} ref={ref} {...rest} />\n})\n\nexport const H2 = forwardRef(function H2(\n  props: HProps<'h2'>,\n  ref?: ForwardedRef<HTMLHeadingElement>\n) {\n  const { color = 'text', ...rest } = props\n  return <H2Style $color={color} ref={ref} {...rest} />\n})\n\nexport const H3 = forwardRef(function H3(\n  props: HProps<'h3'>,\n  ref?: ForwardedRef<HTMLHeadingElement>\n) {\n  const { color = 'text', ...rest } = props\n  return <H3Style $color={color} ref={ref} {...rest} />\n})\n"],"names":["React","forwardRef","HeadingStyle","H1Style","H2Style","H3Style","Heading","props","ref","size","color","rest","$size","$color","H1","H2","H3"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAASC,YAAY,EAAEC,OAAO,EAAEC,OAAO,EAAEC,OAAO,QAAQ,iBAAiB,CAAA;AAGzE,SAASC,OAAO,CAACC,KAAmB,EAAEC,GAAkC,EAAE;IACxE,MAAM,EAAEC,IAAI,EAAG,IAAI,CAAA,EAAEC,KAAK,EAAG,MAAM,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IACtD,qBAAO,oBAACL,YAAY;QAACU,KAAK,EAAEH,IAAI;QAAEI,MAAM,EAAEH,KAAK;QAAEF,GAAG,EAAEA,GAAG;OAAMG,IAAI,EAAI,CAAA;AACzE,CAAC;AAED,6BAAeV,UAAU,CAACK,OAAO,CAAC,CAAA;AAElC,OAAO,MAAMQ,EAAE,iBAAGb,UAAU,CAAC,SAASa,EAAE,CACtCP,KAAmB,EACnBC,GAAsC,EACtC;IACA,MAAM,EAAEE,KAAK,EAAG,MAAM,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IACzC,qBAAO,oBAACJ,OAAO;QAACU,MAAM,EAAEH,KAAK;QAAEF,GAAG,EAAEA,GAAG;OAAMG,IAAI,EAAI,CAAA;AACvD,CAAC,CAAC,CAAA;AAEF,OAAO,MAAMI,EAAE,iBAAGd,UAAU,CAAC,SAASc,EAAE,CACtCR,KAAmB,EACnBC,GAAsC,EACtC;IACA,MAAM,EAAEE,KAAK,EAAG,MAAM,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IACzC,qBAAO,oBAACH,OAAO;QAACS,MAAM,EAAEH,KAAK;QAAEF,GAAG,EAAEA,GAAG;OAAMG,IAAI,EAAI,CAAA;AACvD,CAAC,CAAC,CAAA;AAEF,OAAO,MAAMK,EAAE,iBAAGf,UAAU,CAAC,SAASe,EAAE,CACtCT,KAAmB,EACnBC,GAAsC,EACtC;IACA,MAAM,EAAEE,KAAK,EAAG,MAAM,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IACzC,qBAAO,oBAACF,OAAO;QAACQ,MAAM,EAAEH,KAAK;QAAEF,GAAG,EAAEA,GAAG;OAAMG,IAAI,EAAI,CAAA;AACvD,CAAC,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/heading/Heading.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { HeadingStyle, H1Style, H2Style, H3Style } from './HeadingStyles'\nimport { HeadingProps, HProps } from './types'\n\nfunction Heading(props: HeadingProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const { size = 'md', color = 'text', ...rest } = props\n  return <HeadingStyle $size={size} $color={color} ref={ref} {...rest} />\n}\n\nexport default forwardRef(Heading)\n\nexport const H1 = forwardRef(function H1(\n  props: HProps<'h1'>,\n  ref?: ForwardedRef<HTMLHeadingElement>,\n) {\n  const { color = 'text', ...rest } = props\n  return <H1Style $color={color} ref={ref} {...rest} />\n})\n\nexport const H2 = forwardRef(function H2(\n  props: HProps<'h2'>,\n  ref?: ForwardedRef<HTMLHeadingElement>,\n) {\n  const { color = 'text', ...rest } = props\n  return <H2Style $color={color} ref={ref} {...rest} />\n})\n\nexport const H3 = forwardRef(function H3(\n  props: HProps<'h3'>,\n  ref?: ForwardedRef<HTMLHeadingElement>,\n) {\n  const { color = 'text', ...rest } = props\n  return <H3Style $color={color} ref={ref} {...rest} />\n})\n"],"names":["React","forwardRef","HeadingStyle","H1Style","H2Style","H3Style","Heading","props","ref","size","color","rest","$size","$color","H1","H2","H3"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAASC,YAAY,EAAEC,OAAO,EAAEC,OAAO,EAAEC,OAAO,QAAQ,iBAAiB,CAAA;AAGzE,SAASC,OAAO,CAACC,KAAmB,EAAEC,GAAkC,EAAE;IACxE,MAAM,EAAEC,IAAI,EAAG,IAAI,CAAA,EAAEC,KAAK,EAAG,MAAM,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IACtD,qBAAO,oBAACL,YAAY;QAACU,KAAK,EAAEH,IAAI;QAAEI,MAAM,EAAEH,KAAK;QAAEF,GAAG,EAAEA,GAAG;OAAMG,IAAI,EAAI,CAAA;AACzE,CAAC;AAED,6BAAeV,UAAU,CAACK,OAAO,CAAC,CAAA;AAElC,OAAO,MAAMQ,EAAE,iBAAGb,UAAU,CAAC,SAASa,EAAE,CACtCP,KAAmB,EACnBC,GAAsC,EACtC;IACA,MAAM,EAAEE,KAAK,EAAG,MAAM,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IACzC,qBAAO,oBAACJ,OAAO;QAACU,MAAM,EAAEH,KAAK;QAAEF,GAAG,EAAEA,GAAG;OAAMG,IAAI,EAAI,CAAA;AACvD,CAAC,CAAC,CAAA;AAEF,OAAO,MAAMI,EAAE,iBAAGd,UAAU,CAAC,SAASc,EAAE,CACtCR,KAAmB,EACnBC,GAAsC,EACtC;IACA,MAAM,EAAEE,KAAK,EAAG,MAAM,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IACzC,qBAAO,oBAACH,OAAO;QAACS,MAAM,EAAEH,KAAK;QAAEF,GAAG,EAAEA,GAAG;OAAMG,IAAI,EAAI,CAAA;AACvD,CAAC,CAAC,CAAA;AAEF,OAAO,MAAMK,EAAE,iBAAGf,UAAU,CAAC,SAASe,EAAE,CACtCT,KAAmB,EACnBC,GAAsC,EACtC;IACA,MAAM,EAAEE,KAAK,EAAG,MAAM,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IACzC,qBAAO,oBAACF,OAAO;QAACQ,MAAM,EAAEH,KAAK;QAAEF,GAAG,EAAEA,GAAG;OAAMG,IAAI,EAAI,CAAA;AACvD,CAAC,CAAC,CAAA"}

package/dist/esm/hooks/useBreakpoint.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/hooks/useBreakpoint.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { Theme } from '@lidofinance/theme'\nimport { useTheme } from 'styled-components'\n\nexport const useBreakpoint = (\n  breakpoint: keyof Theme['breakpointsMap']\n): boolean => {\n  const theme = useTheme()\n  const maxWidth = theme.breakpointsMap[breakpoint].width\n\n  const [isBreakpoint, seIsBreakpoint] = useState(() => {\n    try {\n      return window.matchMedia(`(max-width: ${maxWidth})`).matches\n    } catch (error) {\n      return false\n    }\n  })\n\n  useEffect(() => {\n    try {\n      const mql = window.matchMedia(`(max-width: ${maxWidth})`)\n\n      const setMobileFromQuery = ({ matches }: { matches: boolean }) => {\n        seIsBreakpoint(matches)\n      }\n\n      mql.addEventListener('change', setMobileFromQuery)\n      setMobileFromQuery(mql)\n\n      return () => {\n        mql.removeEventListener('change', setMobileFromQuery)\n      }\n    } catch (error) {\n      return\n    }\n  }, [maxWidth])\n\n  return isBreakpoint\n}\n"],"names":["useEffect","useState","useTheme","useBreakpoint","breakpoint","theme","maxWidth","breakpointsMap","width","isBreakpoint","seIsBreakpoint","window","matchMedia","matches","error","mql","setMobileFromQuery","addEventListener","removeEventListener"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO,CAAA;AAE3C,SAASC,QAAQ,QAAQ,mBAAmB,CAAA;AAE5C,OAAO,MAAMC,aAAa,GAAG,CAC3BC,UAAyC,GAC7B;IACZ,MAAMC,KAAK,GAAGH,QAAQ,EAAE;IACxB,MAAMI,QAAQ,GAAGD,KAAK,CAACE,cAAc,CAACH,UAAU,CAAC,CAACI,KAAK;IAEvD,MAAM,CAACC,YAAY,EAAEC,cAAc,CAAC,GAAGT,QAAQ,CAAC,IAAM;QACpD,IAAI;YACF,OAAOU,MAAM,CAACC,UAAU,CAAC,CAAC,YAAY,EAAEN,QAAQ,CAAC,CAAC,CAAC,CAAC,CAACO,OAAO,CAAA;QAC9D,EAAE,OAAOC,KAAK,EAAE;YACd,OAAO,KAAK,CAAA;QACd,CAAC;IACH,CAAC,CAAC;IAEFd,SAAS,CAAC,IAAM;QACd,IAAI;YACF,MAAMe,GAAG,GAAGJ,MAAM,CAACC,UAAU,CAAC,CAAC,YAAY,EAAEN,QAAQ,CAAC,CAAC,CAAC,CAAC;YAEzD,MAAMU,kBAAkB,GAAG,SAAuC;oBAAtC,EAAEH,OAAO,CAAA,EAAwB;gBAC3DH,cAAc,CAACG,OAAO,CAAC;YACzB,CAAC;YAEDE,GAAG,CAACE,gBAAgB,CAAC,QAAQ,EAAED,kBAAkB,CAAC;YAClDA,kBAAkB,CAACD,GAAG,CAAC;YAEvB,OAAO,IAAM;gBACXA,GAAG,CAACG,mBAAmB,CAAC,QAAQ,EAAEF,kBAAkB,CAAC;YACvD,CAAC,CAAA;QACH,EAAE,OAAOF,KAAK,EAAE;YACd,OAAM;QACR,CAAC;IACH,CAAC,EAAE;QAACR,QAAQ;KAAC,CAAC;IAEd,OAAOG,YAAY,CAAA;AACrB,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/hooks/useBreakpoint.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { Theme } from '@lidofinance/theme'\nimport { useTheme } from 'styled-components'\n\nexport const useBreakpoint = (\n  breakpoint: keyof Theme['breakpointsMap'],\n): boolean => {\n  const theme = useTheme()\n  const maxWidth = theme.breakpointsMap[breakpoint].width\n\n  const [isBreakpoint, seIsBreakpoint] = useState(() => {\n    try {\n      return window.matchMedia(`(max-width: ${maxWidth})`).matches\n    } catch (error) {\n      return false\n    }\n  })\n\n  useEffect(() => {\n    try {\n      const mql = window.matchMedia(`(max-width: ${maxWidth})`)\n\n      const setMobileFromQuery = ({ matches }: { matches: boolean }) => {\n        seIsBreakpoint(matches)\n      }\n\n      mql.addEventListener('change', setMobileFromQuery)\n      setMobileFromQuery(mql)\n\n      return () => {\n        mql.removeEventListener('change', setMobileFromQuery)\n      }\n    } catch (error) {\n      return\n    }\n  }, [maxWidth])\n\n  return isBreakpoint\n}\n"],"names":["useEffect","useState","useTheme","useBreakpoint","breakpoint","theme","maxWidth","breakpointsMap","width","isBreakpoint","seIsBreakpoint","window","matchMedia","matches","error","mql","setMobileFromQuery","addEventListener","removeEventListener"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO,CAAA;AAE3C,SAASC,QAAQ,QAAQ,mBAAmB,CAAA;AAE5C,OAAO,MAAMC,aAAa,GAAG,CAC3BC,UAAyC,GAC7B;IACZ,MAAMC,KAAK,GAAGH,QAAQ,EAAE;IACxB,MAAMI,QAAQ,GAAGD,KAAK,CAACE,cAAc,CAACH,UAAU,CAAC,CAACI,KAAK;IAEvD,MAAM,CAACC,YAAY,EAAEC,cAAc,CAAC,GAAGT,QAAQ,CAAC,IAAM;QACpD,IAAI;YACF,OAAOU,MAAM,CAACC,UAAU,CAAC,CAAC,YAAY,EAAEN,QAAQ,CAAC,CAAC,CAAC,CAAC,CAACO,OAAO,CAAA;QAC9D,EAAE,OAAOC,KAAK,EAAE;YACd,OAAO,KAAK,CAAA;QACd,CAAC;IACH,CAAC,CAAC;IAEFd,SAAS,CAAC,IAAM;QACd,IAAI;YACF,MAAMe,GAAG,GAAGJ,MAAM,CAACC,UAAU,CAAC,CAAC,YAAY,EAAEN,QAAQ,CAAC,CAAC,CAAC,CAAC;YAEzD,MAAMU,kBAAkB,GAAG,SAAuC;oBAAtC,EAAEH,OAAO,CAAA,EAAwB;gBAC3DH,cAAc,CAACG,OAAO,CAAC;YACzB,CAAC;YAEDE,GAAG,CAACE,gBAAgB,CAAC,QAAQ,EAAED,kBAAkB,CAAC;YAClDA,kBAAkB,CAACD,GAAG,CAAC;YAEvB,OAAO,IAAM;gBACXA,GAAG,CAACG,mBAAmB,CAAC,QAAQ,EAAEF,kBAAkB,CAAC;YACvD,CAAC,CAAA;QACH,EAAE,OAAOF,KAAK,EAAE;YACd,OAAM;QACR,CAAC;IACH,CAAC,EAAE;QAACR,QAAQ;KAAC,CAAC;IAEd,OAAOG,YAAY,CAAA;AACrB,CAAC,CAAA"}

package/dist/esm/hooks/useEscape.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/hooks/useEscape.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react'\n\nexport const useEscape = (callback?: () => void): void => {\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        callback?.()\n      }\n    },\n    [callback]\n  )\n\n  useEffect(() => {\n    window.addEventListener('keydown', handleKeyDown)\n\n    return () => window.removeEventListener('keydown', handleKeyDown)\n  }, [handleKeyDown])\n}\n"],"names":["useCallback","useEffect","useEscape","callback","handleKeyDown","event","key","window","addEventListener","removeEventListener"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,QAAQ,OAAO,CAAA;AAE9C,OAAO,MAAMC,SAAS,GAAG,CAACC,QAAqB,GAAW;IACxD,MAAMC,aAAa,GAAGJ,WAAW,CAC/B,CAACK,KAAoB,GAAK;QACxB,IAAIA,KAAK,CAACC,GAAG,KAAK,QAAQ,EAAE;YAC1BH,QAAQ,aAARA,QAAQ,WAAI,GAAZA,KAAAA,CAAY,GAAZA,QAAQ,EAAI,CAAA;QACd,CAAC;IACH,CAAC,EACD;QAACA,QAAQ;KAAC,CACX;IAEDF,SAAS,CAAC,IAAM;QACdM,MAAM,CAACC,gBAAgB,CAAC,SAAS,EAAEJ,aAAa,CAAC;QAEjD,OAAO,IAAMG,MAAM,CAACE,mBAAmB,CAAC,SAAS,EAAEL,aAAa,CAAC,CAAA;IACnE,CAAC,EAAE;QAACA,aAAa;KAAC,CAAC;AACrB,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/hooks/useEscape.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react'\n\nexport const useEscape = (callback?: () => void): void => {\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        callback?.()\n      }\n    },\n    [callback],\n  )\n\n  useEffect(() => {\n    window.addEventListener('keydown', handleKeyDown)\n\n    return () => window.removeEventListener('keydown', handleKeyDown)\n  }, [handleKeyDown])\n}\n"],"names":["useCallback","useEffect","useEscape","callback","handleKeyDown","event","key","window","addEventListener","removeEventListener"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,QAAQ,OAAO,CAAA;AAE9C,OAAO,MAAMC,SAAS,GAAG,CAACC,QAAqB,GAAW;IACxD,MAAMC,aAAa,GAAGJ,WAAW,CAC/B,CAACK,KAAoB,GAAK;QACxB,IAAIA,KAAK,CAACC,GAAG,KAAK,QAAQ,EAAE;YAC1BH,QAAQ,aAARA,QAAQ,WAAI,GAAZA,KAAAA,CAAY,GAAZA,QAAQ,EAAI,CAAA;QACd,CAAC;IACH,CAAC,EACD;QAACA,QAAQ;KAAC,CACX;IAEDF,SAAS,CAAC,IAAM;QACdM,MAAM,CAACC,gBAAgB,CAAC,SAAS,EAAEJ,aAAa,CAAC;QAEjD,OAAO,IAAMG,MAAM,CAACE,mBAAmB,CAAC,SAAS,EAAEL,aAAa,CAAC,CAAA;IACnE,CAAC,EAAE;QAACA,aAAa;KAAC,CAAC;AACrB,CAAC,CAAA"}

package/dist/esm/hooks/useInterceptFocus.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/hooks/useInterceptFocus.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\n\nexport const useInterceptFocus = (): [\n  (node: HTMLElement) => void,\n  () => void\n] => {\n  const savedElement = useRef<Element | null>(null)\n\n  const restoreFocus = useCallback(() => {\n    if (!(savedElement.current instanceof HTMLElement)) return\n    savedElement.current.focus()\n  }, [])\n\n  const interceptFocus = useCallback((node: HTMLElement) => {\n    savedElement.current = document.activeElement\n\n    const isFocusInside = node.contains(document.activeElement)\n    if (isFocusInside) return\n\n    node.focus()\n  }, [])\n\n  return [interceptFocus, restoreFocus]\n}\n"],"names":["useCallback","useRef","useInterceptFocus","savedElement","restoreFocus","current","HTMLElement","focus","interceptFocus","node","document","activeElement","isFocusInside","contains"],"mappings":"AAAA,SAASA,WAAW,EAAEC,MAAM,QAAQ,OAAO,CAAA;AAE3C,OAAO,MAAMC,iBAAiB,GAAG,IAG5B;IACH,MAAMC,YAAY,GAAGF,MAAM,CAAiB,IAAI,CAAC;IAEjD,MAAMG,YAAY,GAAGJ,WAAW,CAAC,IAAM;QACrC,IAAI,CAAC,CAACG,YAAY,CAACE,OAAO,YAAYC,WAAW,CAAC,EAAE,OAAM;QAC1DH,YAAY,CAACE,OAAO,CAACE,KAAK,EAAE;IAC9B,CAAC,EAAE,EAAE,CAAC;IAEN,MAAMC,cAAc,GAAGR,WAAW,CAAC,CAACS,IAAiB,GAAK;QACxDN,YAAY,CAACE,OAAO,GAAGK,QAAQ,CAACC,aAAa;QAE7C,MAAMC,aAAa,GAAGH,IAAI,CAACI,QAAQ,CAACH,QAAQ,CAACC,aAAa,CAAC;QAC3D,IAAIC,aAAa,EAAE,OAAM;QAEzBH,IAAI,CAACF,KAAK,EAAE;IACd,CAAC,EAAE,EAAE,CAAC;IAEN,OAAO;QAACC,cAAc;QAAEJ,YAAY;KAAC,CAAA;AACvC,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/hooks/useInterceptFocus.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\n\nexport const useInterceptFocus = (): [\n  (node: HTMLElement) => void,\n  () => void,\n] => {\n  const savedElement = useRef<Element | null>(null)\n\n  const restoreFocus = useCallback(() => {\n    if (!(savedElement.current instanceof HTMLElement)) return\n    savedElement.current.focus()\n  }, [])\n\n  const interceptFocus = useCallback((node: HTMLElement) => {\n    savedElement.current = document.activeElement\n\n    const isFocusInside = node.contains(document.activeElement)\n    if (isFocusInside) return\n\n    node.focus()\n  }, [])\n\n  return [interceptFocus, restoreFocus]\n}\n"],"names":["useCallback","useRef","useInterceptFocus","savedElement","restoreFocus","current","HTMLElement","focus","interceptFocus","node","document","activeElement","isFocusInside","contains"],"mappings":"AAAA,SAASA,WAAW,EAAEC,MAAM,QAAQ,OAAO,CAAA;AAE3C,OAAO,MAAMC,iBAAiB,GAAG,IAG5B;IACH,MAAMC,YAAY,GAAGF,MAAM,CAAiB,IAAI,CAAC;IAEjD,MAAMG,YAAY,GAAGJ,WAAW,CAAC,IAAM;QACrC,IAAI,CAAC,CAACG,YAAY,CAACE,OAAO,YAAYC,WAAW,CAAC,EAAE,OAAM;QAC1DH,YAAY,CAACE,OAAO,CAACE,KAAK,EAAE;IAC9B,CAAC,EAAE,EAAE,CAAC;IAEN,MAAMC,cAAc,GAAGR,WAAW,CAAC,CAACS,IAAiB,GAAK;QACxDN,YAAY,CAACE,OAAO,GAAGK,QAAQ,CAACC,aAAa;QAE7C,MAAMC,aAAa,GAAGH,IAAI,CAACI,QAAQ,CAACH,QAAQ,CAACC,aAAa,CAAC;QAC3D,IAAIC,aAAa,EAAE,OAAM;QAEzBH,IAAI,CAACF,KAAK,EAAE;IACd,CAAC,EAAE,EAAE,CAAC;IAEN,OAAO;QAACC,cAAc;QAAEJ,YAAY;KAAC,CAAA;AACvC,CAAC,CAAA"}

package/dist/esm/hooks/useLockScroll.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/hooks/useLockScroll.ts"],"sourcesContent":["import { useCallback, useLayoutEffect } from 'react'\n\nconst getScrollbarSize = (): number => {\n  const tempDiv = document.createElement('div')\n\n  Object.assign(tempDiv.style, {\n    position: 'absolute',\n    left: '-9000px',\n    width: '100px',\n    height: '100px',\n    overflow: 'scroll',\n  })\n\n  document.body.appendChild(tempDiv)\n  const scrollbarSize = tempDiv.offsetWidth - tempDiv.clientWidth\n  document.body.removeChild(tempDiv)\n\n  return scrollbarSize\n}\n\nconst isVerticalScroll = (element: HTMLElement): boolean => {\n  const isBody = document.body === element\n\n  return isBody\n    ? window.innerWidth > document.documentElement.clientWidth\n    : element.scrollHeight > element.clientHeight\n}\n\nconst getPaddingRight = (element: HTMLElement): number => {\n  return parseInt(window.getComputedStyle(element).paddingRight, 10) || 0\n}\n\nconst setStyleProperty = (\n  element: HTMLElement,\n  property: string,\n  value?: string\n): void => {\n  if (value) {\n    element.style.setProperty(property, value)\n  } else {\n    element.style.removeProperty(property)\n  }\n}\n\nexport const useLockScroll = (element: HTMLElement = document.body): void => {\n  const lockScroll = useCallback(() => {\n    if (!isVerticalScroll(element)) return\n\n    const previousValues = {\n      paddingRight: element.style.paddingRight,\n      overflow: element.style.overflow,\n    }\n\n    const paddingRight = getPaddingRight(element) + getScrollbarSize()\n    setStyleProperty(element, 'padding-right', `${paddingRight}px`)\n    setStyleProperty(element, 'overflow', 'hidden')\n\n    const unlockScroll = () => {\n      const { paddingRight, overflow } = previousValues\n\n      setStyleProperty(element, 'padding-right', paddingRight)\n      setStyleProperty(element, 'overflow', overflow)\n    }\n\n    return unlockScroll\n  }, [element])\n\n  useLayoutEffect(() => {\n    const unlockScroll = lockScroll()\n    return unlockScroll\n  }, [lockScroll])\n}\n"],"names":["useCallback","useLayoutEffect","getScrollbarSize","tempDiv","document","createElement","Object","assign","style","position","left","width","height","overflow","body","appendChild","scrollbarSize","offsetWidth","clientWidth","removeChild","isVerticalScroll","element","isBody","window","innerWidth","documentElement","scrollHeight","clientHeight","getPaddingRight","parseInt","getComputedStyle","paddingRight","setStyleProperty","property","value","setProperty","removeProperty","useLockScroll","lockScroll","previousValues","unlockScroll"],"mappings":"AAAA,SAASA,WAAW,EAAEC,eAAe,QAAQ,OAAO,CAAA;AAEpD,MAAMC,gBAAgB,GAAG,IAAc;IACrC,MAAMC,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAE7CC,MAAM,CAACC,MAAM,CAACJ,OAAO,CAACK,KAAK,EAAE;QAC3BC,QAAQ,EAAE,UAAU;QACpBC,IAAI,EAAE,SAAS;QACfC,KAAK,EAAE,OAAO;QACdC,MAAM,EAAE,OAAO;QACfC,QAAQ,EAAE,QAAQ;KACnB,CAAC;IAEFT,QAAQ,CAACU,IAAI,CAACC,WAAW,CAACZ,OAAO,CAAC;IAClC,MAAMa,aAAa,GAAGb,OAAO,CAACc,WAAW,GAAGd,OAAO,CAACe,WAAW;IAC/Dd,QAAQ,CAACU,IAAI,CAACK,WAAW,CAAChB,OAAO,CAAC;IAElC,OAAOa,aAAa,CAAA;AACtB,CAAC;AAED,MAAMI,gBAAgB,GAAG,CAACC,OAAoB,GAAc;IAC1D,MAAMC,MAAM,GAAGlB,QAAQ,CAACU,IAAI,KAAKO,OAAO;IAExC,OAAOC,MAAM,GACTC,MAAM,CAACC,UAAU,GAAGpB,QAAQ,CAACqB,eAAe,CAACP,WAAW,GACxDG,OAAO,CAACK,YAAY,GAAGL,OAAO,CAACM,YAAY,CAAA;AACjD,CAAC;AAED,MAAMC,eAAe,GAAG,CAACP,OAAoB,GAAa;IACxD,OAAOQ,QAAQ,CAACN,MAAM,CAACO,gBAAgB,CAACT,OAAO,CAAC,CAACU,YAAY,EAAE,EAAE,CAAC,IAAI,CAAC,CAAA;AACzE,CAAC;AAED,MAAMC,gBAAgB,GAAG,CACvBX,OAAoB,EACpBY,QAAgB,EAChBC,KAAc,GACL;IACT,IAAIA,KAAK,EAAE;QACTb,OAAO,CAACb,KAAK,CAAC2B,WAAW,CAACF,QAAQ,EAAEC,KAAK,CAAC;IAC5C,OAAO;QACLb,OAAO,CAACb,KAAK,CAAC4B,cAAc,CAACH,QAAQ,CAAC;IACxC,CAAC;AACH,CAAC;AAED,OAAO,MAAMI,aAAa,GAAG,WAAgD;QAA/ChB,OAAoB,oEAAGjB,QAAQ,CAACU,IAAI;IAChE,MAAMwB,UAAU,GAAGtC,WAAW,CAAC,IAAM;QACnC,IAAI,CAACoB,gBAAgB,CAACC,OAAO,CAAC,EAAE,OAAM;QAEtC,MAAMkB,cAAc,GAAG;YACrBR,YAAY,EAAEV,OAAO,CAACb,KAAK,CAACuB,YAAY;YACxClB,QAAQ,EAAEQ,OAAO,CAACb,KAAK,CAACK,QAAQ;SACjC;QAED,MAAMkB,YAAY,GAAGH,eAAe,CAACP,OAAO,CAAC,GAAGnB,gBAAgB,EAAE;QAClE8B,gBAAgB,CAACX,OAAO,EAAE,eAAe,EAAE,CAAC,EAAEU,YAAY,CAAC,EAAE,CAAC,CAAC;QAC/DC,gBAAgB,CAACX,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC;QAE/C,MAAMmB,YAAY,GAAG,IAAM;YACzB,MAAM,EAAET,YAAY,CAAA,EAAElB,QAAQ,CAAA,EAAE,GAAG0B,cAAc;YAEjDP,gBAAgB,CAACX,OAAO,EAAE,eAAe,EAAEU,YAAY,CAAC;YACxDC,gBAAgB,CAACX,OAAO,EAAE,UAAU,EAAER,QAAQ,CAAC;QACjD,CAAC;QAED,OAAO2B,YAAY,CAAA;IACrB,CAAC,EAAE;QAACnB,OAAO;KAAC,CAAC;IAEbpB,eAAe,CAAC,IAAM;QACpB,MAAMuC,YAAY,GAAGF,UAAU,EAAE;QACjC,OAAOE,YAAY,CAAA;IACrB,CAAC,EAAE;QAACF,UAAU;KAAC,CAAC;AAClB,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/hooks/useLockScroll.ts"],"sourcesContent":["import { useCallback, useLayoutEffect } from 'react'\n\nconst getScrollbarSize = (): number => {\n  const tempDiv = document.createElement('div')\n\n  Object.assign(tempDiv.style, {\n    position: 'absolute',\n    left: '-9000px',\n    width: '100px',\n    height: '100px',\n    overflow: 'scroll',\n  })\n\n  document.body.appendChild(tempDiv)\n  const scrollbarSize = tempDiv.offsetWidth - tempDiv.clientWidth\n  document.body.removeChild(tempDiv)\n\n  return scrollbarSize\n}\n\nconst isVerticalScroll = (element: HTMLElement): boolean => {\n  const isBody = document.body === element\n\n  return isBody\n    ? window.innerWidth > document.documentElement.clientWidth\n    : element.scrollHeight > element.clientHeight\n}\n\nconst getPaddingRight = (element: HTMLElement): number => {\n  return parseInt(window.getComputedStyle(element).paddingRight, 10) || 0\n}\n\nconst setStyleProperty = (\n  element: HTMLElement,\n  property: string,\n  value?: string,\n): void => {\n  if (value) {\n    element.style.setProperty(property, value)\n  } else {\n    element.style.removeProperty(property)\n  }\n}\n\nexport const useLockScroll = (element: HTMLElement = document.body): void => {\n  const lockScroll = useCallback(() => {\n    if (!isVerticalScroll(element)) return\n\n    const previousValues = {\n      paddingRight: element.style.paddingRight,\n      overflow: element.style.overflow,\n    }\n\n    const paddingRight = getPaddingRight(element) + getScrollbarSize()\n    setStyleProperty(element, 'padding-right', `${paddingRight}px`)\n    setStyleProperty(element, 'overflow', 'hidden')\n\n    const unlockScroll = () => {\n      const { paddingRight, overflow } = previousValues\n\n      setStyleProperty(element, 'padding-right', paddingRight)\n      setStyleProperty(element, 'overflow', overflow)\n    }\n\n    return unlockScroll\n  }, [element])\n\n  useLayoutEffect(() => {\n    const unlockScroll = lockScroll()\n    return unlockScroll\n  }, [lockScroll])\n}\n"],"names":["useCallback","useLayoutEffect","getScrollbarSize","tempDiv","document","createElement","Object","assign","style","position","left","width","height","overflow","body","appendChild","scrollbarSize","offsetWidth","clientWidth","removeChild","isVerticalScroll","element","isBody","window","innerWidth","documentElement","scrollHeight","clientHeight","getPaddingRight","parseInt","getComputedStyle","paddingRight","setStyleProperty","property","value","setProperty","removeProperty","useLockScroll","lockScroll","previousValues","unlockScroll"],"mappings":"AAAA,SAASA,WAAW,EAAEC,eAAe,QAAQ,OAAO,CAAA;AAEpD,MAAMC,gBAAgB,GAAG,IAAc;IACrC,MAAMC,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAE7CC,MAAM,CAACC,MAAM,CAACJ,OAAO,CAACK,KAAK,EAAE;QAC3BC,QAAQ,EAAE,UAAU;QACpBC,IAAI,EAAE,SAAS;QACfC,KAAK,EAAE,OAAO;QACdC,MAAM,EAAE,OAAO;QACfC,QAAQ,EAAE,QAAQ;KACnB,CAAC;IAEFT,QAAQ,CAACU,IAAI,CAACC,WAAW,CAACZ,OAAO,CAAC;IAClC,MAAMa,aAAa,GAAGb,OAAO,CAACc,WAAW,GAAGd,OAAO,CAACe,WAAW;IAC/Dd,QAAQ,CAACU,IAAI,CAACK,WAAW,CAAChB,OAAO,CAAC;IAElC,OAAOa,aAAa,CAAA;AACtB,CAAC;AAED,MAAMI,gBAAgB,GAAG,CAACC,OAAoB,GAAc;IAC1D,MAAMC,MAAM,GAAGlB,QAAQ,CAACU,IAAI,KAAKO,OAAO;IAExC,OAAOC,MAAM,GACTC,MAAM,CAACC,UAAU,GAAGpB,QAAQ,CAACqB,eAAe,CAACP,WAAW,GACxDG,OAAO,CAACK,YAAY,GAAGL,OAAO,CAACM,YAAY,CAAA;AACjD,CAAC;AAED,MAAMC,eAAe,GAAG,CAACP,OAAoB,GAAa;IACxD,OAAOQ,QAAQ,CAACN,MAAM,CAACO,gBAAgB,CAACT,OAAO,CAAC,CAACU,YAAY,EAAE,EAAE,CAAC,IAAI,CAAC,CAAA;AACzE,CAAC;AAED,MAAMC,gBAAgB,GAAG,CACvBX,OAAoB,EACpBY,QAAgB,EAChBC,KAAc,GACL;IACT,IAAIA,KAAK,EAAE;QACTb,OAAO,CAACb,KAAK,CAAC2B,WAAW,CAACF,QAAQ,EAAEC,KAAK,CAAC;IAC5C,OAAO;QACLb,OAAO,CAACb,KAAK,CAAC4B,cAAc,CAACH,QAAQ,CAAC;IACxC,CAAC;AACH,CAAC;AAED,OAAO,MAAMI,aAAa,GAAG,WAAgD;QAA/ChB,OAAoB,oEAAGjB,QAAQ,CAACU,IAAI;IAChE,MAAMwB,UAAU,GAAGtC,WAAW,CAAC,IAAM;QACnC,IAAI,CAACoB,gBAAgB,CAACC,OAAO,CAAC,EAAE,OAAM;QAEtC,MAAMkB,cAAc,GAAG;YACrBR,YAAY,EAAEV,OAAO,CAACb,KAAK,CAACuB,YAAY;YACxClB,QAAQ,EAAEQ,OAAO,CAACb,KAAK,CAACK,QAAQ;SACjC;QAED,MAAMkB,YAAY,GAAGH,eAAe,CAACP,OAAO,CAAC,GAAGnB,gBAAgB,EAAE;QAClE8B,gBAAgB,CAACX,OAAO,EAAE,eAAe,EAAE,CAAC,EAAEU,YAAY,CAAC,EAAE,CAAC,CAAC;QAC/DC,gBAAgB,CAACX,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC;QAE/C,MAAMmB,YAAY,GAAG,IAAM;YACzB,MAAM,EAAET,YAAY,CAAA,EAAElB,QAAQ,CAAA,EAAE,GAAG0B,cAAc;YAEjDP,gBAAgB,CAACX,OAAO,EAAE,eAAe,EAAEU,YAAY,CAAC;YACxDC,gBAAgB,CAACX,OAAO,EAAE,UAAU,EAAER,QAAQ,CAAC;QACjD,CAAC;QAED,OAAO2B,YAAY,CAAA;IACrB,CAAC,EAAE;QAACnB,OAAO;KAAC,CAAC;IAEbpB,eAAe,CAAC,IAAM;QACpB,MAAMuC,YAAY,GAAGF,UAAU,EAAE;QACjC,OAAOE,YAAY,CAAA;IACrB,CAAC,EAAE;QAACF,UAAU;KAAC,CAAC;AAClB,CAAC,CAAA"}

package/dist/esm/hooks/useMergeRefs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/hooks/useMergeRefs.ts"],"sourcesContent":["import { useMergeRefs as useCallbackMergeRefs } from 'use-callback-ref'\nimport React from 'react'\n\nexport const useMergeRefs = <T extends HTMLElement>(\n  refs: (React.ForwardedRef<T | null> | undefined)[]\n): React.MutableRefObject<T | null> => {\n  return useCallbackMergeRefs(\n    refs.filter((ref): ref is React.ForwardedRef<T> => !!ref)\n  )\n}\n"],"names":["useMergeRefs","useCallbackMergeRefs","React","refs","filter","ref"],"mappings":"AAAA,SAASA,YAAY,IAAIC,oBAAoB,QAAQ,kBAAkB,CAAA;AACvE,OAAOC,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,MAAMF,YAAY,GAAG,CAC1BG,IAAkD,GACb;IACrC,OAAOF,oBAAoB,CACzBE,IAAI,CAACC,MAAM,CAAC,CAACC,GAAG,GAAmC,CAAC,CAACA,GAAG,CAAC,CAC1D,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/hooks/useMergeRefs.ts"],"sourcesContent":["import { useMergeRefs as useCallbackMergeRefs } from 'use-callback-ref'\nimport React from 'react'\n\nexport const useMergeRefs = <T extends HTMLElement>(\n  refs: (React.ForwardedRef<T | null> | undefined)[],\n): React.MutableRefObject<T | null> => {\n  return useCallbackMergeRefs(\n    refs.filter((ref): ref is React.ForwardedRef<T> => !!ref),\n  )\n}\n"],"names":["useMergeRefs","useCallbackMergeRefs","React","refs","filter","ref"],"mappings":"AAAA,SAASA,YAAY,IAAIC,oBAAoB,QAAQ,kBAAkB,CAAA;AACvE,OAAOC,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,MAAMF,YAAY,GAAG,CAC1BG,IAAkD,GACb;IACrC,OAAOF,oBAAoB,CACzBE,IAAI,CAACC,MAAM,CAAC,CAACC,GAAG,GAAmC,CAAC,CAACA,GAAG,CAAC,CAC1D,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/hooks/useOutsideClick.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/hooks/useOutsideClick.ts"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react'\n\nexport const useOutsideClick = <T extends HTMLDivElement>(\n  callback?: () => void\n): {\n  ref: React.RefObject<T>\n} => {\n  const ref = useRef<T>(null)\n\n  const handleOutsideClick = useCallback(\n    (event: MouseEvent) => {\n      const popover = ref.current\n      const { target } = event\n\n      if (!(target instanceof Element)) return\n\n      const isOutside = popover?.contains(target) === false\n      if (isOutside) callback?.()\n    },\n    [callback]\n  )\n\n  useEffect(() => {\n    document.addEventListener('mousedown', handleOutsideClick)\n\n    return () => document.removeEventListener('mousedown', handleOutsideClick)\n  }, [handleOutsideClick])\n\n  return { ref }\n}\n"],"names":["React","useCallback","useEffect","useRef","useOutsideClick","callback","ref","handleOutsideClick","event","popover","current","target","Element","isOutside","contains","document","addEventListener","removeEventListener"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO,CAAA;AAE7D,OAAO,MAAMC,eAAe,GAAG,CAC7BC,QAAqB,GAGlB;IACH,MAAMC,GAAG,GAAGH,MAAM,CAAI,IAAI,CAAC;IAE3B,MAAMI,kBAAkB,GAAGN,WAAW,CACpC,CAACO,KAAiB,GAAK;QACrB,MAAMC,OAAO,GAAGH,GAAG,CAACI,OAAO;QAC3B,MAAM,EAAEC,MAAM,CAAA,EAAE,GAAGH,KAAK;QAExB,IAAI,CAAC,CAACG,MAAM,YAAYC,OAAO,CAAC,EAAE,OAAM;QAExC,MAAMC,SAAS,GAAGJ,CAAAA,OAAO,aAAPA,OAAO,WAAU,GAAjBA,KAAAA,CAAiB,GAAjBA,OAAO,CAAEK,QAAQ,CAACH,MAAM,CAAC,MAAK,KAAK;QACrD,IAAIE,SAAS,EAAER,QAAQ,aAARA,QAAQ,WAAI,GAAZA,KAAAA,CAAY,GAAZA,QAAQ,EAAI,CAAA;IAC7B,CAAC,EACD;QAACA,QAAQ;KAAC,CACX;IAEDH,SAAS,CAAC,IAAM;QACda,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAET,kBAAkB,CAAC;QAE1D,OAAO,IAAMQ,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEV,kBAAkB,CAAC,CAAA;IAC5E,CAAC,EAAE;QAACA,kBAAkB;KAAC,CAAC;IAExB,OAAO;QAAED,GAAG;KAAE,CAAA;AAChB,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/hooks/useOutsideClick.ts"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react'\n\nexport const useOutsideClick = <T extends HTMLDivElement>(\n  callback?: () => void,\n): {\n  ref: React.RefObject<T>\n} => {\n  const ref = useRef<T>(null)\n\n  const handleOutsideClick = useCallback(\n    (event: MouseEvent) => {\n      const popover = ref.current\n      const { target } = event\n\n      if (!(target instanceof Element)) return\n\n      const isOutside = popover?.contains(target) === false\n      if (isOutside) callback?.()\n    },\n    [callback],\n  )\n\n  useEffect(() => {\n    document.addEventListener('mousedown', handleOutsideClick)\n\n    return () => document.removeEventListener('mousedown', handleOutsideClick)\n  }, [handleOutsideClick])\n\n  return { ref }\n}\n"],"names":["React","useCallback","useEffect","useRef","useOutsideClick","callback","ref","handleOutsideClick","event","popover","current","target","Element","isOutside","contains","document","addEventListener","removeEventListener"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO,CAAA;AAE7D,OAAO,MAAMC,eAAe,GAAG,CAC7BC,QAAqB,GAGlB;IACH,MAAMC,GAAG,GAAGH,MAAM,CAAI,IAAI,CAAC;IAE3B,MAAMI,kBAAkB,GAAGN,WAAW,CACpC,CAACO,KAAiB,GAAK;QACrB,MAAMC,OAAO,GAAGH,GAAG,CAACI,OAAO;QAC3B,MAAM,EAAEC,MAAM,CAAA,EAAE,GAAGH,KAAK;QAExB,IAAI,CAAC,CAACG,MAAM,YAAYC,OAAO,CAAC,EAAE,OAAM;QAExC,MAAMC,SAAS,GAAGJ,CAAAA,OAAO,aAAPA,OAAO,WAAU,GAAjBA,KAAAA,CAAiB,GAAjBA,OAAO,CAAEK,QAAQ,CAACH,MAAM,CAAC,MAAK,KAAK;QACrD,IAAIE,SAAS,EAAER,QAAQ,aAARA,QAAQ,WAAI,GAAZA,KAAAA,CAAY,GAAZA,QAAQ,EAAI,CAAA;IAC7B,CAAC,EACD;QAACA,QAAQ;KAAC,CACX;IAEDH,SAAS,CAAC,IAAM;QACda,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAET,kBAAkB,CAAC;QAE1D,OAAO,IAAMQ,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEV,kBAAkB,CAAC,CAAA;IAC5E,CAAC,EAAE;QAACA,kBAAkB;KAAC,CAAC;IAExB,OAAO;QAAED,GAAG;KAAE,CAAA;AAChB,CAAC,CAAA"}

package/dist/esm/icons/converter/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../packages/icons/converter/index.js"],"sourcesContent":["const svgr = require('@svgr/core').default\nconst svgrSvgo = require('@svgr/plugin-svgo').default\nconst svgrJsx = require('@svgr/plugin-jsx').default\nconst svgrPrettier = require('@svgr/plugin-prettier').default\nconst indexTemplate = require('./template.index.js')\n\nconst fs = require('fs/promises')\nconst { extname, resolve } = require('path')\n\nconst SRC_DIR = resolve(__dirname, '../svg')\nconst DEST_FILE = resolve(__dirname, '../index.tsx')\n\nconst svgoConfig = {\n  plugins: [\n    { removeStyleElement: true },\n    { removeScriptElement: true },\n    { removeViewBox: false },\n    { removeTitle: false },\n    { removeUnknownsAndDefaults: false },\n    {\n      removeAttrs: {\n        attrs: [\n          '(class|style)',\n          'svg:fill',\n          'aria-labelledby',\n          'aria-describedby',\n          'xmlns:xlink',\n          'xmlns',\n          'data-name',\n        ],\n      },\n    },\n  ],\n  multipass: true,\n}\n\nconst upperFirst = (string) => {\n  return string.charAt(0).toUpperCase() + string.slice(1)\n}\n\nconst convertToPascalCase = (name) => {\n  return name\n    .match(/([a-z0-9]+)/gi)\n    .map(upperFirst)\n    .join('')\n}\n\nconst readFolder = async (folder) => {\n  const files = await fs.readdir(folder)\n  const filtered = files.filter((file) => extname(file) === '.svg')\n\n  return await Promise.all(\n    filtered.map(async (file) => {\n      const data = await fs.readFile(resolve(folder, file))\n\n      return {\n        code: data.toString(),\n        name: file.replace('.svg', ''),\n      }\n    })\n  )\n}\n\nconst convertFiles = async () => {\n  const svgData = await readFolder(SRC_DIR)\n\n  const componentsCode = await Promise.all(\n    svgData.map(async ({ code, name }) => {\n      const componentName = convertToPascalCase(name)\n\n      return await svgr(\n        code,\n        {\n          icon: false,\n          ref: true,\n          svgo: true,\n          typescript: true,\n          svgoConfig,\n          svgProps: {\n            fill: 'currentColor',\n          },\n          plugins: [svgrSvgo, svgrJsx, svgrPrettier],\n          template: require('./template.component.js'),\n        },\n        { componentName }\n      )\n    })\n  )\n\n  const content = indexTemplate(componentsCode)\n  fs.writeFile(DEST_FILE, content)\n}\n\nconvertFiles()\n"],"names":["svgr","require","default","svgrSvgo","svgrJsx","svgrPrettier","indexTemplate","fs","extname","resolve","SRC_DIR","__dirname","DEST_FILE","svgoConfig","plugins","removeStyleElement","removeScriptElement","removeViewBox","removeTitle","removeUnknownsAndDefaults","removeAttrs","attrs","multipass","upperFirst","string","charAt","toUpperCase","slice","convertToPascalCase","name","match","map","join","readFolder","folder","files","readdir","filtered","filter","file","Promise","all","data","readFile","code","toString","replace","convertFiles","svgData","componentsCode","componentName","icon","ref","svgo","typescript","svgProps","fill","template","content","writeFile"],"mappings":"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"}
+{"version":3,"sources":["../../../../packages/icons/converter/index.js"],"sourcesContent":["const svgr = require('@svgr/core').default\nconst svgrSvgo = require('@svgr/plugin-svgo').default\nconst svgrJsx = require('@svgr/plugin-jsx').default\nconst svgrPrettier = require('@svgr/plugin-prettier').default\nconst indexTemplate = require('./template.index.js')\n\nconst fs = require('fs/promises')\nconst { extname, resolve } = require('path')\n\nconst SRC_DIR = resolve(__dirname, '../svg')\nconst DEST_FILE = resolve(__dirname, '../index.tsx')\n\nconst svgoConfig = {\n  plugins: [\n    { removeStyleElement: true },\n    { removeScriptElement: true },\n    { removeViewBox: false },\n    { removeTitle: false },\n    { removeUnknownsAndDefaults: false },\n    {\n      removeAttrs: {\n        attrs: [\n          '(class|style)',\n          'svg:fill',\n          'aria-labelledby',\n          'aria-describedby',\n          'xmlns:xlink',\n          'xmlns',\n          'data-name',\n        ],\n      },\n    },\n  ],\n  multipass: true,\n}\n\nconst upperFirst = (string) => {\n  return string.charAt(0).toUpperCase() + string.slice(1)\n}\n\nconst convertToPascalCase = (name) => {\n  return name\n    .match(/([a-z0-9]+)/gi)\n    .map(upperFirst)\n    .join('')\n}\n\nconst readFolder = async (folder) => {\n  const files = await fs.readdir(folder)\n  const filtered = files.filter((file) => extname(file) === '.svg')\n\n  return await Promise.all(\n    filtered.map(async (file) => {\n      const data = await fs.readFile(resolve(folder, file))\n\n      return {\n        code: data.toString(),\n        name: file.replace('.svg', ''),\n      }\n    }),\n  )\n}\n\nconst convertFiles = async () => {\n  const svgData = await readFolder(SRC_DIR)\n\n  const componentsCode = await Promise.all(\n    svgData.map(async ({ code, name }) => {\n      const componentName = convertToPascalCase(name)\n\n      return await svgr(\n        code,\n        {\n          icon: false,\n          ref: true,\n          svgo: true,\n          typescript: true,\n          svgoConfig,\n          svgProps: {\n            fill: 'currentColor',\n          },\n          plugins: [svgrSvgo, svgrJsx, svgrPrettier],\n          template: require('./template.component.js'),\n        },\n        { componentName },\n      )\n    }),\n  )\n\n  const content = indexTemplate(componentsCode)\n  fs.writeFile(DEST_FILE, content)\n}\n\nconvertFiles()\n"],"names":["svgr","require","default","svgrSvgo","svgrJsx","svgrPrettier","indexTemplate","fs","extname","resolve","SRC_DIR","__dirname","DEST_FILE","svgoConfig","plugins","removeStyleElement","removeScriptElement","removeViewBox","removeTitle","removeUnknownsAndDefaults","removeAttrs","attrs","multipass","upperFirst","string","charAt","toUpperCase","slice","convertToPascalCase","name","match","map","join","readFolder","folder","files","readdir","filtered","filter","file","Promise","all","data","readFile","code","toString","replace","convertFiles","svgData","componentsCode","componentName","icon","ref","svgo","typescript","svgProps","fill","template","content","writeFile"],"mappings":"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"}

package/dist/esm/icons/converter/template.component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../packages/icons/converter/template.component.js"],"sourcesContent":["module.exports = function template(\n  { template },\n  opts,\n  { interfaces, componentName, props, jsx }\n) {\n  return template.ast`\n    ${interfaces}\n    export const ${componentName} = React.forwardRef(\n      function ${componentName}(${props}) {\n        return ${jsx};\n      }\n    )\n  `\n}\n"],"names":["module","exports","template","opts","interfaces","componentName","props","jsx","ast"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAG,SAASC,QAAQ,CAChC,KAAY,EACZC,IAAI,EACJ,MAAyC,EACzC;QAHA,EAAED,QAAQ,CAAA,EAAE,GAAZ,KAAY,EAEZ,EAAEE,UAAU,CAAA,EAAEC,aAAa,CAAA,EAAEC,KAAK,CAAA,EAAEC,GAAG,CAAA,EAAE,GAAzC,MAAyC;IAEzC,OAAOL,QAAQ,CAACM,GAAG,CAAC;IAClB,EAAEJ,UAAU,CAAC;iBACA,EAAEC,aAAa,CAAC;eAClB,EAAEA,aAAa,CAAC,CAAC,EAAEC,KAAK,CAAC;eACzB,EAAEC,GAAG,CAAC;;;EAGnB,CAAC,CAAA;AACH,CAAC"}
+{"version":3,"sources":["../../../../packages/icons/converter/template.component.js"],"sourcesContent":["module.exports = function template(\n  { template },\n  opts,\n  { interfaces, componentName, props, jsx },\n) {\n  return template.ast`\n    ${interfaces}\n    export const ${componentName} = React.forwardRef(\n      function ${componentName}(${props}) {\n        return ${jsx};\n      }\n    )\n  `\n}\n"],"names":["module","exports","template","opts","interfaces","componentName","props","jsx","ast"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAG,SAASC,QAAQ,CAChC,KAAY,EACZC,IAAI,EACJ,MAAyC,EACzC;QAHA,EAAED,QAAQ,CAAA,EAAE,GAAZ,KAAY,EAEZ,EAAEE,UAAU,CAAA,EAAEC,aAAa,CAAA,EAAEC,KAAK,CAAA,EAAEC,GAAG,CAAA,EAAE,GAAzC,MAAyC;IAEzC,OAAOL,QAAQ,CAACM,GAAG,CAAC;IAClB,EAAEJ,UAAU,CAAC;iBACA,EAAEC,aAAa,CAAC;eAClB,EAAEA,aAAa,CAAC,CAAC,EAAEC,KAAK,CAAC;eACzB,EAAEC,GAAG,CAAC;;;EAGnB,CAAC,CAAA;AACH,CAAC"}