@lidofinance/lido-ui 3.8.1 → 3.9.0

package/dist/esm/select/useSelect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/select/useSelect.ts"],"sourcesContent":["import React, {\n  useCallback,\n  useMemo,\n  useState,\n  Children,\n  cloneElement,\n  useEffect,\n} from 'react'\nimport { isElement } from 'react-is'\nimport { SelectProps, SelectHandleChange, OptionValue } from './types'\n\ntype SelectHandleClick = (\n  event: React.MouseEvent<HTMLInputElement, MouseEvent>\n) => void\n\ntype SelectHandleKeyDown = (\n  event: React.KeyboardEvent<HTMLInputElement>\n) => void\n\ntype SelectHandleClose = () => void\n\ntype UseSelect = (props: SelectProps) => {\n  handleClick: SelectHandleClick\n  handleClose: SelectHandleClose\n  handleKeyDown: SelectHandleKeyDown\n  opened: boolean\n  title: string\n  options: React.ReactNode\n}\n\nexport const useSelect: UseSelect = (props) => {\n  const { disabled, onClick, onChange, onKeyDown, children } = props\n  const [opened, setOpened] = useState(false)\n\n  const handleOpen = useCallback(() => {\n    if (disabled) return\n    setOpened(true)\n  }, [disabled])\n\n  const handleClick: SelectHandleClick = useCallback(\n    (event) => {\n      handleOpen()\n      onClick?.(event)\n    },\n    [handleOpen, onClick]\n  )\n\n  const handleClose = useCallback(() => {\n    setOpened(false)\n  }, [])\n\n  const handleChange: SelectHandleChange = useCallback(\n    (value) => {\n      handleClose()\n      setLocalValue(value)\n      onChange?.(value)\n    },\n    [handleClose, onChange]\n  )\n\n  const handleKeyDown: SelectHandleKeyDown = useCallback(\n    (event) => {\n      if (['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(event.key)) {\n        event.preventDefault()\n        handleOpen()\n      }\n      onKeyDown?.(event)\n    },\n    [handleOpen, onKeyDown]\n  )\n\n  const outerValue = props.value ?? props.defaultValue ?? null\n  const [localValue, setLocalValue] = useState<OptionValue | null>(outerValue)\n\n  useEffect(() => {\n    setLocalValue(outerValue)\n  }, [outerValue])\n\n  const { values, options } = useMemo(() => {\n    const values = new Map<OptionValue, string>()\n\n    const options: React.ReactNode = Children.map(children, (child) => {\n      if (!isElement(child)) return child\n\n      const value = child.props.value\n      const title = String(child.props.children)\n\n      if (values.get(value) === undefined) {\n        values.set(value, title)\n      }\n\n      return cloneElement(child, {\n        active: value === localValue,\n        onChange: handleChange,\n      })\n    })\n\n    return { values, options }\n  }, [localValue, children, handleChange])\n\n  const selectedTitle = localValue != null ? values.get(localValue) : null\n  const defaultTitle = String(localValue ?? '')\n  const title = selectedTitle ?? defaultTitle\n\n  return {\n    handleClick,\n    handleClose,\n    handleKeyDown,\n    opened,\n    title,\n    options,\n  }\n}\n"],"names":["React","useCallback","useMemo","useState","Children","cloneElement","useEffect","isElement","useSelect","props","disabled","onClick","onChange","onKeyDown","children","opened","setOpened","handleOpen","handleClick","event","handleClose","handleChange","value","setLocalValue","handleKeyDown","includes","key","preventDefault","outerValue","defaultValue","localValue","values","options","Map","map","child","title","String","get","undefined","set","active","selectedTitle","defaultTitle"],"mappings":"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"}
+{"version":3,"sources":["../../../packages/select/useSelect.ts"],"sourcesContent":["import React, {\n  useCallback,\n  useMemo,\n  useState,\n  Children,\n  cloneElement,\n  useEffect,\n} from 'react'\nimport { isElement } from 'react-is'\nimport { SelectProps, SelectHandleChange, OptionValue } from './types'\n\ntype SelectHandleClick = (\n  event: React.MouseEvent<HTMLInputElement, MouseEvent>,\n) => void\n\ntype SelectHandleKeyDown = (\n  event: React.KeyboardEvent<HTMLInputElement>,\n) => void\n\ntype SelectHandleClose = () => void\n\ntype UseSelect = (props: SelectProps) => {\n  handleClick: SelectHandleClick\n  handleClose: SelectHandleClose\n  handleKeyDown: SelectHandleKeyDown\n  opened: boolean\n  title: string\n  options: React.ReactNode\n}\n\nexport const useSelect: UseSelect = (props) => {\n  const { disabled, onClick, onChange, onKeyDown, children } = props\n  const [opened, setOpened] = useState(false)\n\n  const handleOpen = useCallback(() => {\n    if (disabled) return\n    setOpened(true)\n  }, [disabled])\n\n  const handleClick: SelectHandleClick = useCallback(\n    (event) => {\n      handleOpen()\n      onClick?.(event)\n    },\n    [handleOpen, onClick],\n  )\n\n  const handleClose = useCallback(() => {\n    setOpened(false)\n  }, [])\n\n  const handleChange: SelectHandleChange = useCallback(\n    (value) => {\n      handleClose()\n      setLocalValue(value)\n      onChange?.(value)\n    },\n    [handleClose, onChange],\n  )\n\n  const handleKeyDown: SelectHandleKeyDown = useCallback(\n    (event) => {\n      if (['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(event.key)) {\n        event.preventDefault()\n        handleOpen()\n      }\n      onKeyDown?.(event)\n    },\n    [handleOpen, onKeyDown],\n  )\n\n  const outerValue = props.value ?? props.defaultValue ?? null\n  const [localValue, setLocalValue] = useState<OptionValue | null>(outerValue)\n\n  useEffect(() => {\n    setLocalValue(outerValue)\n  }, [outerValue])\n\n  const { values, options } = useMemo(() => {\n    const values = new Map<OptionValue, string>()\n\n    const options: React.ReactNode = Children.map(children, (child) => {\n      if (!isElement(child)) return child\n\n      const value = child.props.value\n      const title = String(child.props.children)\n\n      if (values.get(value) === undefined) {\n        values.set(value, title)\n      }\n\n      return cloneElement(child, {\n        active: value === localValue,\n        onChange: handleChange,\n      })\n    })\n\n    return { values, options }\n  }, [localValue, children, handleChange])\n\n  const selectedTitle = localValue != null ? values.get(localValue) : null\n  const defaultTitle = String(localValue ?? '')\n  const title = selectedTitle ?? defaultTitle\n\n  return {\n    handleClick,\n    handleClose,\n    handleKeyDown,\n    opened,\n    title,\n    options,\n  }\n}\n"],"names":["React","useCallback","useMemo","useState","Children","cloneElement","useEffect","isElement","useSelect","props","disabled","onClick","onChange","onKeyDown","children","opened","setOpened","handleOpen","handleClick","event","handleClose","handleChange","value","setLocalValue","handleKeyDown","includes","key","preventDefault","outerValue","defaultValue","localValue","values","options","Map","map","child","title","String","get","undefined","set","active","selectedTitle","defaultTitle"],"mappings":"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"}

package/dist/esm/select/useSelectWidth.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/select/useSelectWidth.ts"],"sourcesContent":["import React, { useCallback, useState, useEffect } from 'react'\n\nexport const useSelectWidth = <T extends HTMLElement>(\n  opened: boolean,\n  anchorRef: React.RefObject<T | null>\n): number | undefined => {\n  const [width, setWidth] = useState<number>()\n\n  const updateWidth = useCallback(() => {\n    if (!anchorRef.current) return\n    const rect = anchorRef.current.getBoundingClientRect()\n\n    setWidth(rect.width)\n  }, [anchorRef])\n\n  useEffect(() => {\n    if (!opened || !anchorRef.current) return\n\n    const observer = new ResizeObserver(updateWidth)\n    observer.observe(anchorRef.current)\n\n    return (): void => observer.disconnect()\n  }, [opened, anchorRef, updateWidth])\n\n  return width\n}\n"],"names":["React","useCallback","useState","useEffect","useSelectWidth","opened","anchorRef","width","setWidth","updateWidth","current","rect","getBoundingClientRect","observer","ResizeObserver","observe","disconnect"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,OAAO,CAAA;AAE/D,OAAO,MAAMC,cAAc,GAAG,CAC5BC,MAAe,EACfC,SAAoC,GACb;IACvB,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGN,QAAQ,EAAU;IAE5C,MAAMO,WAAW,GAAGR,WAAW,CAAC,IAAM;QACpC,IAAI,CAACK,SAAS,CAACI,OAAO,EAAE,OAAM;QAC9B,MAAMC,IAAI,GAAGL,SAAS,CAACI,OAAO,CAACE,qBAAqB,EAAE;QAEtDJ,QAAQ,CAACG,IAAI,CAACJ,KAAK,CAAC;IACtB,CAAC,EAAE;QAACD,SAAS;KAAC,CAAC;IAEfH,SAAS,CAAC,IAAM;QACd,IAAI,CAACE,MAAM,IAAI,CAACC,SAAS,CAACI,OAAO,EAAE,OAAM;QAEzC,MAAMG,QAAQ,GAAG,IAAIC,cAAc,CAACL,WAAW,CAAC;QAChDI,QAAQ,CAACE,OAAO,CAACT,SAAS,CAACI,OAAO,CAAC;QAEnC,OAAO,IAAYG,QAAQ,CAACG,UAAU,EAAE,CAAA;IAC1C,CAAC,EAAE;QAACX,MAAM;QAAEC,SAAS;QAAEG,WAAW;KAAC,CAAC;IAEpC,OAAOF,KAAK,CAAA;AACd,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/select/useSelectWidth.ts"],"sourcesContent":["import React, { useCallback, useState, useEffect } from 'react'\n\nexport const useSelectWidth = <T extends HTMLElement>(\n  opened: boolean,\n  anchorRef: React.RefObject<T | null>,\n): number | undefined => {\n  const [width, setWidth] = useState<number>()\n\n  const updateWidth = useCallback(() => {\n    if (!anchorRef.current) return\n    const rect = anchorRef.current.getBoundingClientRect()\n\n    setWidth(rect.width)\n  }, [anchorRef])\n\n  useEffect(() => {\n    if (!opened || !anchorRef.current) return\n\n    const observer = new ResizeObserver(updateWidth)\n    observer.observe(anchorRef.current)\n\n    return (): void => observer.disconnect()\n  }, [opened, anchorRef, updateWidth])\n\n  return width\n}\n"],"names":["React","useCallback","useState","useEffect","useSelectWidth","opened","anchorRef","width","setWidth","updateWidth","current","rect","getBoundingClientRect","observer","ResizeObserver","observe","disconnect"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,OAAO,CAAA;AAE/D,OAAO,MAAMC,cAAc,GAAG,CAC5BC,MAAe,EACfC,SAAoC,GACb;IACvB,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGN,QAAQ,EAAU;IAE5C,MAAMO,WAAW,GAAGR,WAAW,CAAC,IAAM;QACpC,IAAI,CAACK,SAAS,CAACI,OAAO,EAAE,OAAM;QAC9B,MAAMC,IAAI,GAAGL,SAAS,CAACI,OAAO,CAACE,qBAAqB,EAAE;QAEtDJ,QAAQ,CAACG,IAAI,CAACJ,KAAK,CAAC;IACtB,CAAC,EAAE;QAACD,SAAS;KAAC,CAAC;IAEfH,SAAS,CAAC,IAAM;QACd,IAAI,CAACE,MAAM,IAAI,CAACC,SAAS,CAACI,OAAO,EAAE,OAAM;QAEzC,MAAMG,QAAQ,GAAG,IAAIC,cAAc,CAACL,WAAW,CAAC;QAChDI,QAAQ,CAACE,OAAO,CAACT,SAAS,CAACI,OAAO,CAAC;QAEnC,OAAO,IAAYG,QAAQ,CAACG,UAAU,EAAE,CAAA;IAC1C,CAAC,EAAE;QAACX,MAAM;QAAEC,SAAS;QAAEG,WAAW;KAAC,CAAC;IAEpC,OAAOF,KAAK,CAAA;AACd,CAAC,CAAA"}

package/dist/esm/service-page/ServicePage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/service-page/ServicePage.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { ServicePageStyle, ServicePageInsideStyle } from './ServicePageStyles'\nimport { H1 } from '@lidofinance/heading'\nimport { Text } from '@lidofinance/text'\nimport { ServicePageProps } from './types'\n\nfunction ServicePage(\n  props: ServicePageProps,\n  ref?: ForwardedRef<HTMLDivElement>\n) {\n  const { title, children, ...rest } = props\n  return (\n    <ServicePageStyle {...rest} ref={ref}>\n      <ServicePageInsideStyle>\n        <H1>{title}</H1>\n        <Text color='secondary'>{children}</Text>\n      </ServicePageInsideStyle>\n    </ServicePageStyle>\n  )\n}\n\nexport default forwardRef(ServicePage)\n"],"names":["React","forwardRef","ServicePageStyle","ServicePageInsideStyle","H1","Text","ServicePage","props","ref","title","children","rest","color"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAASC,gBAAgB,EAAEC,sBAAsB,QAAQ,qBAAqB,CAAA;AAC9E,SAASC,EAAE,QAAQ,kBAAsB,CAAA;AACzC,SAASC,IAAI,QAAQ,eAAmB,CAAA;AAGxC,SAASC,WAAW,CAClBC,KAAuB,EACvBC,GAAkC,EAClC;IACA,MAAM,EAAEC,KAAK,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IAC1C,qBACE,oBAACL,gBAAgB,eAAKS,IAAI;QAAEH,GAAG,EAAEA,GAAG;sBAClC,oBAACL,sBAAsB,sBACrB,oBAACC,EAAE,QAAEK,KAAK,CAAM,gBAChB,oBAACJ,IAAI;QAACO,KAAK,EAAC,WAAW;OAAEF,QAAQ,CAAQ,CAClB,CACR,CACpB;AACH,CAAC;AAED,6BAAeT,UAAU,CAACK,WAAW,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/service-page/ServicePage.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { ServicePageStyle, ServicePageInsideStyle } from './ServicePageStyles'\nimport { H1 } from '@lidofinance/heading'\nimport { Text } from '@lidofinance/text'\nimport { ServicePageProps } from './types'\n\nfunction ServicePage(\n  props: ServicePageProps,\n  ref?: ForwardedRef<HTMLDivElement>,\n) {\n  const { title, children, ...rest } = props\n  return (\n    <ServicePageStyle {...rest} ref={ref}>\n      <ServicePageInsideStyle>\n        <H1>{title}</H1>\n        <Text color='secondary'>{children}</Text>\n      </ServicePageInsideStyle>\n    </ServicePageStyle>\n  )\n}\n\nexport default forwardRef(ServicePage)\n"],"names":["React","forwardRef","ServicePageStyle","ServicePageInsideStyle","H1","Text","ServicePage","props","ref","title","children","rest","color"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAASC,gBAAgB,EAAEC,sBAAsB,QAAQ,qBAAqB,CAAA;AAC9E,SAASC,EAAE,QAAQ,kBAAsB,CAAA;AACzC,SAASC,IAAI,QAAQ,eAAmB,CAAA;AAGxC,SAASC,WAAW,CAClBC,KAAuB,EACvBC,GAAkC,EAClC;IACA,MAAM,EAAEC,KAAK,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IAC1C,qBACE,oBAACL,gBAAgB,eAAKS,IAAI;QAAEH,GAAG,EAAEA,GAAG;sBAClC,oBAACL,sBAAsB,sBACrB,oBAACC,EAAE,QAAEK,KAAK,CAAM,gBAChB,oBAACJ,IAAI;QAACO,KAAK,EAAC,WAAW;OAAEF,QAAQ,CAAQ,CAClB,CACR,CACpB;AACH,CAAC;AAED,6BAAeT,UAAU,CAACK,WAAW,CAAC,CAAA"}

package/dist/esm/stack/StackItemStyles.js

@@ -6,16 +6,14 @@ export const StackItemStyle = styled.div`
     let { $spacing , theme  } = param;
     return $spacing ? theme.spaceMap[$spacing] / 2 : 0;
 }}px;
-
-  flex-grow: ${(param)=>{
+  flex: ${(param)=>{
     let { $grow  } = param;
     return $grow;
-}};
-  flex-shrink: ${(param)=>{
+}} ${(param)=>{
     let { $shrink  } = param;
     return $shrink;
-}};
-  flex-basis: ${(param)=>{
+}}
+    ${(param)=>{
     let { $basis  } = param;
     return $basis;
 }};

package/dist/esm/stack/StackItemStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/stack/StackItemStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport { StackSpacings } from './types'\n\nexport const StackItemStyle = styled.div<{\n  $grow: number\n  $shrink: number\n  $basis: string\n  $spacing?: StackSpacings\n  theme: Theme\n}>`\n  box-sizing: border-box;\n  margin: 0;\n  padding: ${({ $spacing, theme }) =>\n    $spacing ? theme.spaceMap[$spacing] / 2 : 0}px;\n\n  flex-grow: ${({ $grow }) => $grow};\n  flex-shrink: ${({ $shrink }) => $shrink};\n  flex-basis: ${({ $basis }) => $basis};\n`\n"],"names":["styled","StackItemStyle","div","$spacing","theme","spaceMap","$grow","$shrink","$basis"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB,CAAA;AAItC,OAAO,MAAMC,cAAc,GAAGD,MAAM,CAACE,GAAG,AAMtC,CAAC;;;WAGQ,EAAE,SACTC;QADU,EAAEA,QAAQ,CAAA,EAAEC,KAAK,CAAA,EAAE;WAC7BD,QAAQ,GAAGC,KAAK,CAACC,QAAQ,CAACF,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC;AAAD,CAAC,CAAC;;aAEnC,EAAE,SAAeG;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK;AAAD,CAAC,CAAC;eACrB,EAAE,SAAiBC;QAAhB,EAAEA,OAAO,CAAA,EAAE;WAAKA,OAAO;AAAD,CAAC,CAAC;cAC5B,EAAE,SAAgBC;QAAf,EAAEA,MAAM,CAAA,EAAE;WAAKA,MAAM;AAAD,CAAC,CAAC;AACvC,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/stack/StackItemStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport { StackSpacings } from './types'\n\nexport const StackItemStyle = styled.div<{\n  $grow: number\n  $shrink: number\n  $basis: string\n  $spacing?: StackSpacings\n  theme: Theme\n}>`\n  box-sizing: border-box;\n  margin: 0;\n  padding: ${({ $spacing, theme }) =>\n    $spacing ? theme.spaceMap[$spacing] / 2 : 0}px;\n  flex: ${({ $grow }) => $grow} ${({ $shrink }) => $shrink}\n    ${({ $basis }) => $basis};\n`\n"],"names":["styled","StackItemStyle","div","$spacing","theme","spaceMap","$grow","$shrink","$basis"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB,CAAA;AAItC,OAAO,MAAMC,cAAc,GAAGD,MAAM,CAACE,GAAG,AAMtC,CAAC;;;WAGQ,EAAE,SACTC;QADU,EAAEA,QAAQ,CAAA,EAAEC,KAAK,CAAA,EAAE;WAC7BD,QAAQ,GAAGC,KAAK,CAACC,QAAQ,CAACF,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC;AAAD,CAAC,CAAC;QACxC,EAAE,SAAeG;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK;AAAD,CAAC,CAAC,CAAC,EAAE,SAAiBC;QAAhB,EAAEA,OAAO,CAAA,EAAE;WAAKA,OAAO;AAAD,CAAC,CAAC;IACvD,EAAE,SAAgBC;QAAf,EAAEA,MAAM,CAAA,EAAE;WAAKA,MAAM;AAAD,CAAC,CAAC;AAC7B,CAAC,CAAA"}

package/dist/esm/stack/StackStyles.js

@@ -9,11 +9,10 @@ export const StackStyle = styled.div`
     let { $justify  } = param;
     return $justify;
 }};
-  flex-direction: ${(param)=>{
+  flex-flow: ${(param)=>{
     let { $direction  } = param;
     return $direction;
-}};
-  flex-wrap: ${(param)=>{
+}} ${(param)=>{
     let { $wrap  } = param;
     return $wrap;
 }};

package/dist/esm/stack/StackStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/stack/StackStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport {\n  StackAligns,\n  StackDirections,\n  StackJustifies,\n  StackSpacings,\n  StackWraps,\n} from './types'\n\nexport const StackStyle = styled.div<{\n  $align: StackAligns\n  $justify: StackJustifies\n  $direction: StackDirections\n  $wrap: StackWraps\n  $spacing?: StackSpacings\n  theme: Theme\n}>`\n  display: flex;\n  align-items: ${({ $align }) => $align};\n  justify-content: ${({ $justify }) => $justify};\n  flex-direction: ${({ $direction }) => $direction};\n  flex-wrap: ${({ $wrap }) => $wrap};\n  margin: ${({ $spacing, theme }) =>\n    $spacing ? -theme.spaceMap[$spacing] / 2 : 0}px;\n`\n"],"names":["styled","StackStyle","div","$align","$justify","$direction","$wrap","$spacing","theme","spaceMap"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB,CAAA;AAUtC,OAAO,MAAMC,UAAU,GAAGD,MAAM,CAACE,GAAG,AAOlC,CAAC;;eAEY,EAAE,SAAgBC;QAAf,EAAEA,MAAM,CAAA,EAAE;WAAKA,MAAM;AAAD,CAAC,CAAC;mBACrB,EAAE,SAAkBC;QAAjB,EAAEA,QAAQ,CAAA,EAAE;WAAKA,QAAQ;AAAD,CAAC,CAAC;kBAC9B,EAAE,SAAoBC;QAAnB,EAAEA,UAAU,CAAA,EAAE;WAAKA,UAAU;AAAD,CAAC,CAAC;aACtC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK;AAAD,CAAC,CAAC;UAC1B,EAAE,SACRC;QADS,EAAEA,QAAQ,CAAA,EAAEC,KAAK,CAAA,EAAE;WAC5BD,QAAQ,GAAG,CAACC,KAAK,CAACC,QAAQ,CAACF,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC;AAAD,CAAC,CAAC;AACjD,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/stack/StackStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport {\n  StackAligns,\n  StackDirections,\n  StackJustifies,\n  StackSpacings,\n  StackWraps,\n} from './types'\n\nexport const StackStyle = styled.div<{\n  $align: StackAligns\n  $justify: StackJustifies\n  $direction: StackDirections\n  $wrap: StackWraps\n  $spacing?: StackSpacings\n  theme: Theme\n}>`\n  display: flex;\n  align-items: ${({ $align }) => $align};\n  justify-content: ${({ $justify }) => $justify};\n  flex-flow: ${({ $direction }) => $direction} ${({ $wrap }) => $wrap};\n  margin: ${({ $spacing, theme }) =>\n    $spacing ? -theme.spaceMap[$spacing] / 2 : 0}px;\n`\n"],"names":["styled","StackStyle","div","$align","$justify","$direction","$wrap","$spacing","theme","spaceMap"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB,CAAA;AAUtC,OAAO,MAAMC,UAAU,GAAGD,MAAM,CAACE,GAAG,AAOlC,CAAC;;eAEY,EAAE,SAAgBC;QAAf,EAAEA,MAAM,CAAA,EAAE;WAAKA,MAAM;AAAD,CAAC,CAAC;mBACrB,EAAE,SAAkBC;QAAjB,EAAEA,QAAQ,CAAA,EAAE;WAAKA,QAAQ;AAAD,CAAC,CAAC;aACnC,EAAE,SAAoBC;QAAnB,EAAEA,UAAU,CAAA,EAAE;WAAKA,UAAU;AAAD,CAAC,CAAC,CAAC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK;AAAD,CAAC,CAAC;UAC5D,EAAE,SACRC;QADS,EAAEA,QAAQ,CAAA,EAAEC,KAAK,CAAA,EAAE;WAC5BD,QAAQ,GAAG,CAACC,KAAK,CAACC,QAAQ,CAACF,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC;AAAD,CAAC,CAAC;AACjD,CAAC,CAAA"}

package/dist/esm/styled-system/withStyledSystem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/styled-system/withStyledSystem.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n/* eslint-disable @typescript-eslint/ban-types */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport styled, {\n  AnyStyledComponent,\n  StyledComponent,\n  StyledComponentInnerComponent,\n  StyledComponentInnerOtherProps,\n  StyledComponentInnerAttrs,\n  DefaultTheme,\n} from 'styled-components'\nimport shouldForwardProp from '@styled-system/should-forward-prop'\nimport {\n  compose,\n  space,\n  color,\n  typography,\n  layout,\n  flexbox,\n  grid,\n  background,\n  border,\n  position,\n  shadow,\n} from 'styled-system'\n\nimport { StyledSystemProps } from './types'\nimport React from 'react'\n\ntype MergePropsWithSS<T extends object> = Omit<T, keyof StyledSystemProps> &\n  StyledSystemProps\n\nfunction withStyledSystem<\n  C extends AnyStyledComponent,\n  T extends object = DefaultTheme,\n  O extends object = {},\n  A extends keyof any = never\n>(\n  Component: C\n): StyledComponent<\n  StyledComponentInnerComponent<C>,\n  T,\n  MergePropsWithSS<O & StyledComponentInnerOtherProps<C>>,\n  A | StyledComponentInnerAttrs<C>\n>\n\nfunction withStyledSystem<\n  C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,\n  T extends object = DefaultTheme,\n  O extends object = {},\n  A extends keyof any = never\n>(Component: C): StyledComponent<C, T, MergePropsWithSS<O>, A>\n\nfunction withStyledSystem(Component: any) {\n  return styled(Component).withConfig<{}>({\n    shouldForwardProp,\n  })<StyledSystemProps>(\n    compose(\n      space,\n      color,\n      typography,\n      layout,\n      flexbox,\n      grid,\n      background,\n      border,\n      position,\n      shadow\n    )\n  )\n}\n\nexport default withStyledSystem\n"],"names":["styled","shouldForwardProp","compose","space","color","typography","layout","flexbox","grid","background","border","position","shadow","React","withStyledSystem","Component","withConfig"],"mappings":"AAAA,oEAAoE,GACpE,+CAA+C,GAC/C,qDAAqD,GAErD,OAAOA,MAAM,MAON,mBAAmB,CAAA;AAC1B,OAAOC,iBAAiB,MAAM,oCAAoC,CAAA;AAClE,SACEC,OAAO,EACPC,KAAK,EACLC,KAAK,EACLC,UAAU,EACVC,MAAM,EACNC,OAAO,EACPC,IAAI,EACJC,UAAU,EACVC,MAAM,EACNC,QAAQ,EACRC,MAAM,QACD,eAAe,CAAA;AAGtB,OAAOC,KAAK,MAAM,OAAO,CAAA;AA0BzB,SAASC,gBAAgB,CAACC,SAAc,EAAE;IACxC,OAAOf,MAAM,CAACe,SAAS,CAAC,CAACC,UAAU,CAAK;QACtCf,iBAAiB;KAClB,CAAC,CACAC,OAAO,CACLC,KAAK,EACLC,KAAK,EACLC,UAAU,EACVC,MAAM,EACNC,OAAO,EACPC,IAAI,EACJC,UAAU,EACVC,MAAM,EACNC,QAAQ,EACRC,MAAM,CACP,CACF,CAAA;AACH,CAAC;AAED,eAAeE,gBAAgB,CAAA"}
+{"version":3,"sources":["../../../packages/styled-system/withStyledSystem.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\n/* eslint-disable @typescript-eslint/ban-types */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport styled, {\n  AnyStyledComponent,\n  StyledComponent,\n  StyledComponentInnerComponent,\n  StyledComponentInnerOtherProps,\n  StyledComponentInnerAttrs,\n  DefaultTheme,\n} from 'styled-components'\nimport shouldForwardProp from '@styled-system/should-forward-prop'\nimport {\n  compose,\n  space,\n  color,\n  typography,\n  layout,\n  flexbox,\n  grid,\n  background,\n  border,\n  position,\n  shadow,\n} from 'styled-system'\n\nimport { StyledSystemProps } from './types'\nimport React from 'react'\n\ntype MergePropsWithSS<T extends object> = Omit<T, keyof StyledSystemProps> &\n  StyledSystemProps\n\nfunction withStyledSystem<\n  C extends AnyStyledComponent,\n  T extends object = DefaultTheme,\n  O extends object = {},\n  A extends keyof any = never,\n>(\n  Component: C,\n): StyledComponent<\n  StyledComponentInnerComponent<C>,\n  T,\n  MergePropsWithSS<O & StyledComponentInnerOtherProps<C>>,\n  A | StyledComponentInnerAttrs<C>\n>\n\nfunction withStyledSystem<\n  C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,\n  T extends object = DefaultTheme,\n  O extends object = {},\n  A extends keyof any = never,\n>(Component: C): StyledComponent<C, T, MergePropsWithSS<O>, A>\n\nfunction withStyledSystem(Component: any) {\n  return styled(Component).withConfig<{}>({\n    shouldForwardProp,\n  })<StyledSystemProps>(\n    compose(\n      space,\n      color,\n      typography,\n      layout,\n      flexbox,\n      grid,\n      background,\n      border,\n      position,\n      shadow,\n    ),\n  )\n}\n\nexport default withStyledSystem\n"],"names":["styled","shouldForwardProp","compose","space","color","typography","layout","flexbox","grid","background","border","position","shadow","React","withStyledSystem","Component","withConfig"],"mappings":"AAAA,oEAAoE,GACpE,+CAA+C,GAC/C,qDAAqD,GAErD,OAAOA,MAAM,MAON,mBAAmB,CAAA;AAC1B,OAAOC,iBAAiB,MAAM,oCAAoC,CAAA;AAClE,SACEC,OAAO,EACPC,KAAK,EACLC,KAAK,EACLC,UAAU,EACVC,MAAM,EACNC,OAAO,EACPC,IAAI,EACJC,UAAU,EACVC,MAAM,EACNC,QAAQ,EACRC,MAAM,QACD,eAAe,CAAA;AAGtB,OAAOC,KAAK,MAAM,OAAO,CAAA;AA0BzB,SAASC,gBAAgB,CAACC,SAAc,EAAE;IACxC,OAAOf,MAAM,CAACe,SAAS,CAAC,CAACC,UAAU,CAAK;QACtCf,iBAAiB;KAClB,CAAC,CACAC,OAAO,CACLC,KAAK,EACLC,KAAK,EACLC,UAAU,EACVC,MAAM,EACNC,OAAO,EACPC,IAAI,EACJC,UAAU,EACVC,MAAM,EACNC,QAAQ,EACRC,MAAM,CACP,CACF,CAAA;AACH,CAAC;AAED,eAAeE,gBAAgB,CAAA"}

package/dist/esm/table/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/table/styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { ArrowTop, ArrowBottom } from '@lidofinance/icons'\nimport {\n  TableAligns,\n  TableTextColors,\n  Theme,\n  ThTdVariants,\n  TrHighlights,\n} from './types'\n\ntype InjectedPropsTr = {\n  $highlight?: TrHighlights\n  $interactive: boolean\n}\n\ntype InjectedPropsThead = {\n  $sticky: boolean\n}\n\ntype InjectedPropsTh = {\n  $align: TableAligns\n  theme: Theme\n  $interactive: boolean\n  $variant?: ThTdVariants\n}\n\ntype InjectedPropsTd = {\n  $align: TableAligns\n  $textColor: TableTextColors\n  theme: Theme\n  $variant?: ThTdVariants\n  $interactive: boolean\n  $numeric: boolean\n}\n\nconst getMainColorTd = (props: InjectedPropsTd) =>\n  ({\n    primary: `var(--lido-color-primary)`,\n    secondary: `var(--lido-color-textSecondary)`,\n    warning: `var(--lido-color-warning)`,\n    error: `var(--lido-color-error)`,\n    success: `var(--lido-color-success)`,\n    default: `var(--lido-color-text)`,\n  }[props.$textColor])\n\nconst TdThAlign = {\n  left: css`\n    text-align: left;\n  `,\n  center: css`\n    text-align: center;\n  `,\n  right: css`\n    text-align: right;\n  `,\n}\n\nexport const ThTdContentStyle = styled.div`\n  position: relative;\n  min-height: 16px;\n`\n\nconst TdThVariants = {\n  string: css`\n    ${ThTdContentStyle} {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  `,\n  icon: css`\n    line-height: 0;\n    width: 24px;\n    text-align: center;\n\n    ${ThTdContentStyle} {\n      width: 24px;\n\n      svg {\n        margin: -4px 0;\n      }\n    }\n  `,\n}\n\nconst ThTdInteractive = css`\n  cursor: pointer;\n\n  &:hover {\n    color: var(--lido-color-primary);\n  }\n`\n\nexport const TableStyle = styled.table`\n  border-spacing: 0;\n`\n\nexport const TbodyStyle = styled.tbody`\n  & > tr::before,\n  & > tr::after {\n    content: '';\n    display: table-cell;\n    width: 32px;\n  }\n`\n\nconst TheadStickyStyle = css`\n  background: var(--lido-color-foreground);\n  top: 0;\n  position: sticky;\n  z-index: 5;\n`\n\nexport const TheadStyle = styled.thead<InjectedPropsThead>`\n  border-top: 1px solid var(--lido-color-borderLight);\n  border-bottom: 1px solid var(--lido-color-borderLight);\n\n  ${({ $sticky }) => $sticky && TheadStickyStyle}\n\n  & > tr::before,\n  & > tr::after {\n    content: '';\n    display: table-cell;\n    width: 32px;\n\n    border-top: 1px solid var(--lido-color-borderLight);\n    border-bottom: 1px solid var(--lido-color-borderLight);\n  }\n`\n\nexport const TfootStyle = styled.tfoot``\n\nconst TrColors = {\n  negative: css`\n    background: rgba(var(--lido-rgb-error), 0.07);\n  `,\n  positive: css`\n    background: rgba(var(--lido-rgb-success), 0.07);\n  `,\n  warning: css`\n    background: rgba(var(--lido-rgb-warning), 0.07);\n  `,\n}\n\nconst TrInteractive = css`\n  cursor: pointer;\n`\n\nexport const TrStyle = styled.tr<InjectedPropsTr>`\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 1.6em;\n  ${({ $highlight }) => $highlight && TrColors[$highlight]}\n  ${({ $interactive }) => $interactive && TrInteractive}\n`\n\nconst TdNumericStyle = css`\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n`\n\nexport const TdStyle = styled.td<InjectedPropsTd>`\n  border-bottom: 1px solid var(--lido-color-borderLight);\n  padding: 18px;\n\n  color: ${getMainColorTd};\n\n  ${(props) => TdThAlign[props.$align]}\n  ${({ $variant }) => $variant && TdThVariants[$variant]}\n  ${({ $interactive }) => $interactive && ThTdInteractive}\n  ${({ $numeric }) => $numeric && TdNumericStyle}\n\n  &:first-child {\n    padding-left: 0;\n  }\n\n  &:last-child {\n    padding-right: 0;\n  }\n`\n\nexport const ThStyle = styled.th<InjectedPropsTh>`\n  border-top: 1px solid var(--lido-color-borderLight);\n  border-bottom: 1px solid var(--lido-color-borderLight);\n\n  padding: 7px 18px;\n\n  font-weight: 700;\n  color: var(--lido-color-text);\n\n  ${(props) => TdThAlign[props.$align]}\n  ${({ $interactive }) => $interactive && ThTdInteractive}\n  ${({ $variant }) => $variant && TdThVariants[$variant]}\n\n  &:first-child {\n    padding-left: 0;\n  }\n\n  &:last-child {\n    padding-right: 0;\n  }\n`\n\nexport const ArrowTopStyle = styled(ArrowTop)`\n  margin: -7px 0 -7px 2px;\n`\n\nexport const ArrowBottomStyle = styled(ArrowBottom)`\n  margin: -7px 0 -7px 2px;\n`\n"],"names":["styled","css","ArrowTop","ArrowBottom","getMainColorTd","props","primary","secondary","warning","error","success","default","$textColor","TdThAlign","left","center","right","ThTdContentStyle","div","TdThVariants","string","icon","ThTdInteractive","TableStyle","table","TbodyStyle","tbody","TheadStickyStyle","TheadStyle","thead","$sticky","TfootStyle","tfoot","TrColors","negative","positive","TrInteractive","TrStyle","tr","theme","fontSizesMap","xxs","$highlight","$interactive","TdNumericStyle","TdStyle","td","$align","$variant","$numeric","ThStyle","th","ArrowTopStyle","ArrowBottomStyle"],"mappings":"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"}
+{"version":3,"sources":["../../../packages/table/styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { ArrowTop, ArrowBottom } from '@lidofinance/icons'\nimport {\n  TableAligns,\n  TableTextColors,\n  Theme,\n  ThTdVariants,\n  TrHighlights,\n} from './types'\n\ntype InjectedPropsTr = {\n  $highlight?: TrHighlights\n  $interactive: boolean\n}\n\ntype InjectedPropsThead = {\n  $sticky: boolean\n}\n\ntype InjectedPropsTh = {\n  $align: TableAligns\n  theme: Theme\n  $interactive: boolean\n  $variant?: ThTdVariants\n}\n\ntype InjectedPropsTd = {\n  $align: TableAligns\n  $textColor: TableTextColors\n  theme: Theme\n  $variant?: ThTdVariants\n  $interactive: boolean\n  $numeric: boolean\n}\n\nconst getMainColorTd = (props: InjectedPropsTd) =>\n  ({\n    primary: `var(--lido-color-primary)`,\n    secondary: `var(--lido-color-textSecondary)`,\n    warning: `var(--lido-color-warning)`,\n    error: `var(--lido-color-error)`,\n    success: `var(--lido-color-success)`,\n    default: `var(--lido-color-text)`,\n  })[props.$textColor]\n\nconst TdThAlign = {\n  left: css`\n    text-align: left;\n  `,\n  center: css`\n    text-align: center;\n  `,\n  right: css`\n    text-align: right;\n  `,\n}\n\nexport const ThTdContentStyle = styled.div`\n  position: relative;\n  min-height: 16px;\n`\n\nconst TdThVariants = {\n  string: css`\n    ${ThTdContentStyle} {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  `,\n  icon: css`\n    line-height: 0;\n    width: 24px;\n    text-align: center;\n\n    ${ThTdContentStyle} {\n      width: 24px;\n\n      svg {\n        margin: -4px 0;\n      }\n    }\n  `,\n}\n\nconst ThTdInteractive = css`\n  cursor: pointer;\n\n  &:hover {\n    color: var(--lido-color-primary);\n  }\n`\n\nexport const TableStyle = styled.table`\n  border-spacing: 0;\n`\n\nexport const TbodyStyle = styled.tbody`\n  & > tr::before,\n  & > tr::after {\n    content: '';\n    display: table-cell;\n    width: 32px;\n  }\n`\n\nconst TheadStickyStyle = css`\n  background: var(--lido-color-foreground);\n  top: 0;\n  position: sticky;\n  z-index: 5;\n`\n\nexport const TheadStyle = styled.thead<InjectedPropsThead>`\n  border-top: 1px solid var(--lido-color-borderLight);\n  border-bottom: 1px solid var(--lido-color-borderLight);\n\n  ${({ $sticky }) => $sticky && TheadStickyStyle}\n\n  & > tr::before,\n  & > tr::after {\n    content: '';\n    display: table-cell;\n    width: 32px;\n\n    border-top: 1px solid var(--lido-color-borderLight);\n    border-bottom: 1px solid var(--lido-color-borderLight);\n  }\n`\n\nexport const TfootStyle = styled.tfoot``\n\nconst TrColors = {\n  negative: css`\n    background: rgba(var(--lido-rgb-error), 0.07);\n  `,\n  positive: css`\n    background: rgba(var(--lido-rgb-success), 0.07);\n  `,\n  warning: css`\n    background: rgba(var(--lido-rgb-warning), 0.07);\n  `,\n}\n\nconst TrInteractive = css`\n  cursor: pointer;\n`\n\nexport const TrStyle = styled.tr<InjectedPropsTr>`\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 1.6em;\n  ${({ $highlight }) => $highlight && TrColors[$highlight]}\n  ${({ $interactive }) => $interactive && TrInteractive}\n`\n\nconst TdNumericStyle = css`\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n`\n\nexport const TdStyle = styled.td<InjectedPropsTd>`\n  border-bottom: 1px solid var(--lido-color-borderLight);\n  padding: 18px;\n\n  color: ${getMainColorTd};\n\n  ${(props) => TdThAlign[props.$align]}\n  ${({ $variant }) => $variant && TdThVariants[$variant]}\n  ${({ $interactive }) => $interactive && ThTdInteractive}\n  ${({ $numeric }) => $numeric && TdNumericStyle}\n\n  &:first-child {\n    padding-left: 0;\n  }\n\n  &:last-child {\n    padding-right: 0;\n  }\n`\n\nexport const ThStyle = styled.th<InjectedPropsTh>`\n  border-top: 1px solid var(--lido-color-borderLight);\n  border-bottom: 1px solid var(--lido-color-borderLight);\n\n  padding: 7px 18px;\n\n  font-weight: 700;\n  color: var(--lido-color-text);\n\n  ${(props) => TdThAlign[props.$align]}\n  ${({ $interactive }) => $interactive && ThTdInteractive}\n  ${({ $variant }) => $variant && TdThVariants[$variant]}\n\n  &:first-child {\n    padding-left: 0;\n  }\n\n  &:last-child {\n    padding-right: 0;\n  }\n`\n\nexport const ArrowTopStyle = styled(ArrowTop)`\n  margin: -7px 0 -7px 2px;\n`\n\nexport const ArrowBottomStyle = styled(ArrowBottom)`\n  margin: -7px 0 -7px 2px;\n`\n"],"names":["styled","css","ArrowTop","ArrowBottom","getMainColorTd","props","primary","secondary","warning","error","success","default","$textColor","TdThAlign","left","center","right","ThTdContentStyle","div","TdThVariants","string","icon","ThTdInteractive","TableStyle","table","TbodyStyle","tbody","TheadStickyStyle","TheadStyle","thead","$sticky","TfootStyle","tfoot","TrColors","negative","positive","TrInteractive","TrStyle","tr","theme","fontSizesMap","xxs","$highlight","$interactive","TdNumericStyle","TdStyle","td","$align","$variant","$numeric","ThStyle","th","ArrowTopStyle","ArrowBottomStyle"],"mappings":"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"}

package/dist/esm/theme/cookie-theme-provider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/theme/cookie-theme-provider.tsx"],"sourcesContent":["import React, {\n  createContext,\n  FC,\n  PropsWithChildren,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react'\nimport { ThemeProvider as StyledThemeProvider } from 'styled-components'\nimport {\n  DEFAULT_THEME_NAME,\n  prefersDarkThemeMediaQuery,\n  ThemeName,\n} from './constants'\nimport { themeMap } from './themes'\nimport { getThemeNameFromCookies } from './utils/cookies'\nimport { initColors } from './document-head-contents'\nimport { updateGlobalTheme } from './document-head-contents/element-theme-script'\nimport { ThemeContext } from './types'\n\nconst defaultThemeContext = {} as ThemeContext\nexport const ThemeToggleContext =\n  createContext<ThemeContext>(defaultThemeContext)\n\n// we need to initialize this before react component code if we're using this provider or ThemeProvider\ninitColors()\n\n/**\n * This is really complicated logic here. Comments will be added on specific lines\n *\n * Cookie theme provider acts differently from common theme provider.\n * 1. it can be nested, BUT it should re-use value provided by itself for optimisation purposes\n * 2. if it is top-level, it is not altering itself, but instead altering theme behavior on HTMLElement level\n * 3. it does not support custom themes, preferring pre-defined themes instead\n * */\n\nexport const CookieThemeProvider: FC<\n  PropsWithChildren<{\n    // Use themeNameParent if you need get cookie in SSR\n    initialThemeName?: ThemeName\n    overrideThemeName?: ThemeName\n  }>\n> = React.memo(\n  ({\n    children,\n    initialThemeName,\n    // overrideThemeName is mainly used for storybook\n    overrideThemeName,\n  }) => {\n    const parentTheme = useContext(ThemeToggleContext)\n    // we do not want to do nested injections, and we're checking\n    // if context we inject in this component is already provided\n    const isTopLevelProvider = Object.keys(parentTheme).length === 0\n    // we always start with default theme, or, if server wants to provide\n    // specific default theme, with server-provided theme to avoid hydration errors\n    const [internalThemeName, setThemeName] = useState<ThemeName>(\n      initialThemeName || DEFAULT_THEME_NAME\n    )\n    // since we're using this component to provide cookie-theme,\n    // we eventually want to respect theme provided in cookie, not general theme,\n    // so we're picking `parentTheme.themeName` if we have one.\n    // If user needs custom theme, not \"cookie theme\", he should use ThemeProvider instead.\n    const themeName = parentTheme.themeName || internalThemeName\n\n    const theme = themeMap[themeName]\n\n    // This logic is really hydrating everything, since we started with server-rendered default prop.\n    // It also follows cookie value change.\n    useEffect(() => {\n      // This logic is useless if we're nested - it is already done in top-level provider\n      if (!isTopLevelProvider) {\n        return\n      }\n\n      const setTheme = () => {\n        const systemThemeName = prefersDarkThemeMediaQuery?.matches\n          ? ThemeName.dark\n          : ThemeName.light\n        const themeNameCookie = getThemeNameFromCookies()\n        const newThemeName =\n          // first, if we have some override (e.g. in Storybook), we respect it\n          overrideThemeName ||\n          // then, if we have cookie theme, we use theme from cookie\n          themeNameCookie ||\n          // else, we follow theme we were provided in initialization from server,\n          // which means server explicitly wants specific theme by default, not \"follow-system\"\n          initialThemeName ||\n          // then, we use media query theme, if available (not all browsers may still support it)\n          systemThemeName ||\n          // and, finally, falling back to default\n          DEFAULT_THEME_NAME\n        setThemeName(newThemeName)\n        // and when theme is switched, we're setting global-level CSS variable data-attribute\n        // to modify CSS vars provided on a top-level\n        document.documentElement.dataset.lidoTheme = newThemeName\n      }\n\n      // Users may have auto-theme (switching on sunset or schedule or whatever) so we need to listen for this event\n      prefersDarkThemeMediaQuery?.addEventListener('change', setTheme)\n      setTheme()\n\n      // This code check that the theme cookie was changed on other tab or site (the same second-level domain)\n      const checkCookieThemeWasChanged = () => {\n        const themeNameCookie = getThemeNameFromCookies()\n\n        if (\n          themeNameCookie &&\n          (themeNameCookie === ThemeName.dark ||\n            themeNameCookie === ThemeName.light)\n        ) {\n          setThemeName(themeNameCookie)\n        }\n      }\n      window.addEventListener('focus', checkCookieThemeWasChanged)\n\n      return () => {\n        window.removeEventListener('focus', checkCookieThemeWasChanged)\n      }\n    }, [\n      initialThemeName,\n      isTopLevelProvider,\n      overrideThemeName,\n      parentTheme,\n      theme,\n    ])\n\n    const value = useMemo(\n      () => ({\n        themeName,\n        toggleTheme() {\n          setThemeName((themeName) => {\n            const newThemeName =\n              themeName === ThemeName.light ? ThemeName.dark : ThemeName.light\n            // note that we're writing cookie theme only on explicit calls,\n            // not on \"internal theme state\" change\n            updateGlobalTheme(newThemeName)\n            // we do not need to run setTheme here, as effect is triggered\n            return newThemeName\n          })\n        },\n      }),\n      [themeName]\n    )\n\n    if (isTopLevelProvider) {\n      // if this provider is top-level we rely on element-theme-script.tsx logic\n      // which defines data-lido-theme injection\n      return (\n        <ThemeToggleContext.Provider value={value}>\n          <StyledThemeProvider theme={theme}>{children}</StyledThemeProvider>\n        </ThemeToggleContext.Provider>\n      )\n    } else if (overrideThemeName) {\n      return (\n        <div style={{ display: 'contents' }} data-lido-theme={themeName}>\n          <StyledThemeProvider theme={theme}>{children}</StyledThemeProvider>\n        </div>\n      )\n    } else {\n      return <>{children}</>\n    }\n  }\n)\n\nCookieThemeProvider.displayName = 'CookieThemeProvider'\n"],"names":["React","createContext","useContext","useEffect","useMemo","useState","ThemeProvider","StyledThemeProvider","DEFAULT_THEME_NAME","prefersDarkThemeMediaQuery","ThemeName","themeMap","getThemeNameFromCookies","initColors","updateGlobalTheme","defaultThemeContext","ThemeToggleContext","CookieThemeProvider","memo","children","initialThemeName","overrideThemeName","parentTheme","isTopLevelProvider","Object","keys","length","internalThemeName","setThemeName","themeName","theme","setTheme","systemThemeName","matches","dark","light","themeNameCookie","newThemeName","document","documentElement","dataset","lidoTheme","addEventListener","checkCookieThemeWasChanged","window","removeEventListener","value","toggleTheme","Provider","div","style","display","data-lido-theme","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../packages/theme/cookie-theme-provider.tsx"],"sourcesContent":["import React, {\n  createContext,\n  FC,\n  PropsWithChildren,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react'\nimport { ThemeProvider as StyledThemeProvider } from 'styled-components'\nimport {\n  DEFAULT_THEME_NAME,\n  prefersDarkThemeMediaQuery,\n  ThemeName,\n} from './constants'\nimport { themeMap } from './themes'\nimport { getThemeNameFromCookies } from './utils/cookies'\nimport { initColors } from './document-head-contents'\nimport { updateGlobalTheme } from './document-head-contents/element-theme-script'\nimport { ThemeContext } from './types'\n\nconst defaultThemeContext = {} as ThemeContext\nexport const ThemeToggleContext =\n  createContext<ThemeContext>(defaultThemeContext)\n\n// we need to initialize this before react component code if we're using this provider or ThemeProvider\ninitColors()\n\n/**\n * This is really complicated logic here. Comments will be added on specific lines\n *\n * Cookie theme provider acts differently from common theme provider.\n * 1. it can be nested, BUT it should re-use value provided by itself for optimisation purposes\n * 2. if it is top-level, it is not altering itself, but instead altering theme behavior on HTMLElement level\n * 3. it does not support custom themes, preferring pre-defined themes instead\n * */\n\nexport const CookieThemeProvider: FC<\n  PropsWithChildren<{\n    // Use themeNameParent if you need get cookie in SSR\n    initialThemeName?: ThemeName\n    overrideThemeName?: ThemeName\n  }>\n> = React.memo(\n  ({\n    children,\n    initialThemeName,\n    // overrideThemeName is mainly used for storybook\n    overrideThemeName,\n  }) => {\n    const parentTheme = useContext(ThemeToggleContext)\n    // we do not want to do nested injections, and we're checking\n    // if context we inject in this component is already provided\n    const isTopLevelProvider = Object.keys(parentTheme).length === 0\n    // we always start with default theme, or, if server wants to provide\n    // specific default theme, with server-provided theme to avoid hydration errors\n    const [internalThemeName, setThemeName] = useState<ThemeName>(\n      initialThemeName || DEFAULT_THEME_NAME,\n    )\n    // since we're using this component to provide cookie-theme,\n    // we eventually want to respect theme provided in cookie, not general theme,\n    // so we're picking `parentTheme.themeName` if we have one.\n    // If user needs custom theme, not \"cookie theme\", he should use ThemeProvider instead.\n    const themeName = parentTheme.themeName || internalThemeName\n\n    const theme = themeMap[themeName]\n\n    // This logic is really hydrating everything, since we started with server-rendered default prop.\n    // It also follows cookie value change.\n    useEffect(() => {\n      // This logic is useless if we're nested - it is already done in top-level provider\n      if (!isTopLevelProvider) {\n        return\n      }\n\n      const setTheme = () => {\n        const systemThemeName = prefersDarkThemeMediaQuery?.matches\n          ? ThemeName.dark\n          : ThemeName.light\n        const themeNameCookie = getThemeNameFromCookies()\n        const newThemeName =\n          // first, if we have some override (e.g. in Storybook), we respect it\n          overrideThemeName ||\n          // then, if we have cookie theme, we use theme from cookie\n          themeNameCookie ||\n          // else, we follow theme we were provided in initialization from server,\n          // which means server explicitly wants specific theme by default, not \"follow-system\"\n          initialThemeName ||\n          // then, we use media query theme, if available (not all browsers may still support it)\n          systemThemeName ||\n          // and, finally, falling back to default\n          DEFAULT_THEME_NAME\n        setThemeName(newThemeName)\n        // and when theme is switched, we're setting global-level CSS variable data-attribute\n        // to modify CSS vars provided on a top-level\n        document.documentElement.dataset.lidoTheme = newThemeName\n      }\n\n      // Users may have auto-theme (switching on sunset or schedule or whatever) so we need to listen for this event\n      prefersDarkThemeMediaQuery?.addEventListener('change', setTheme)\n      setTheme()\n\n      // This code check that the theme cookie was changed on other tab or site (the same second-level domain)\n      const checkCookieThemeWasChanged = () => {\n        const themeNameCookie = getThemeNameFromCookies()\n\n        if (\n          themeNameCookie &&\n          (themeNameCookie === ThemeName.dark ||\n            themeNameCookie === ThemeName.light)\n        ) {\n          setThemeName(themeNameCookie)\n        }\n      }\n      window.addEventListener('focus', checkCookieThemeWasChanged)\n\n      return () => {\n        window.removeEventListener('focus', checkCookieThemeWasChanged)\n      }\n    }, [\n      initialThemeName,\n      isTopLevelProvider,\n      overrideThemeName,\n      parentTheme,\n      theme,\n    ])\n\n    const value = useMemo(\n      () => ({\n        themeName,\n        toggleTheme() {\n          setThemeName((themeName) => {\n            const newThemeName =\n              themeName === ThemeName.light ? ThemeName.dark : ThemeName.light\n            // note that we're writing cookie theme only on explicit calls,\n            // not on \"internal theme state\" change\n            updateGlobalTheme(newThemeName)\n            // we do not need to run setTheme here, as effect is triggered\n            return newThemeName\n          })\n        },\n      }),\n      [themeName],\n    )\n\n    if (isTopLevelProvider) {\n      // if this provider is top-level we rely on element-theme-script.tsx logic\n      // which defines data-lido-theme injection\n      return (\n        <ThemeToggleContext.Provider value={value}>\n          <StyledThemeProvider theme={theme}>{children}</StyledThemeProvider>\n        </ThemeToggleContext.Provider>\n      )\n    } else if (overrideThemeName) {\n      return (\n        <div style={{ display: 'contents' }} data-lido-theme={themeName}>\n          <StyledThemeProvider theme={theme}>{children}</StyledThemeProvider>\n        </div>\n      )\n    } else {\n      return <>{children}</>\n    }\n  },\n)\n\nCookieThemeProvider.displayName = 'CookieThemeProvider'\n"],"names":["React","createContext","useContext","useEffect","useMemo","useState","ThemeProvider","StyledThemeProvider","DEFAULT_THEME_NAME","prefersDarkThemeMediaQuery","ThemeName","themeMap","getThemeNameFromCookies","initColors","updateGlobalTheme","defaultThemeContext","ThemeToggleContext","CookieThemeProvider","memo","children","initialThemeName","overrideThemeName","parentTheme","isTopLevelProvider","Object","keys","length","internalThemeName","setThemeName","themeName","theme","setTheme","systemThemeName","matches","dark","light","themeNameCookie","newThemeName","document","documentElement","dataset","lidoTheme","addEventListener","checkCookieThemeWasChanged","window","removeEventListener","value","toggleTheme","Provider","div","style","display","data-lido-theme","displayName"],"mappings":"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"}

package/dist/esm/theme/utils/generate-css-color-variables.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../packages/theme/utils/generate-css-color-variables.ts"],"sourcesContent":["const toRgb = (color: string) => {\n  switch (true) {\n    case /^#[\\da-fA-F]{3}$/.test(color):\n      return [\n        color.slice(1, 2) + color.slice(1, 2),\n        color.slice(2, 3) + color.slice(2, 3),\n        color.slice(3, 4) + color.slice(3, 4),\n      ].map((val) => parseInt(val, 16))\n    case /^#[\\da-fA-F]{6}$/.test(color):\n      return [color.slice(1, 3), color.slice(3, 5), color.slice(5, 7)].map(\n        (val) => parseInt(val, 16)\n      )\n    case /^rgb\\(\\s*\\d+\\s*,\\s*\\d+\\s*,\\s*\\d+\\s*\\)$/.test(color):\n      return color\n        .replace(/^.*\\((.*)\\).*$/, '$1')\n        .split(',')\n        .map((n) => parseInt(n))\n        .slice(0, 3)\n    default:\n      return null\n  }\n}\n\nexport const generateCssColorVariables = (\n  colors: Record<string, string>\n): string => {\n  return [...Object.keys(colors)]\n    .map((key: string): string => {\n      const color = colors[key as keyof typeof colors]\n      const rgb = toRgb(color)\n      return rgb\n        ? `--lido-color-${key}: ${color};\\n--lido-rgb-${key}: ${rgb[0]},${rgb[1]},${rgb[2]};\\n`\n        : `--lido-color-${key}: ${color};\\n`\n    })\n    .join('')\n}\n"],"names":["toRgb","color","test","slice","map","val","parseInt","replace","split","n","generateCssColorVariables","colors","Object","keys","key","rgb","join"],"mappings":"AAAA,MAAMA,KAAK,GAAG,CAACC,KAAa,GAAK;IAC/B,OAAQ,IAAI;QACV,KAAK,mBAAmBC,IAAI,CAACD,KAAK,CAAC;YACjC,OAAO;gBACLA,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAGF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;gBACrCF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAGF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;gBACrCF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAGF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;aACtC,CAACC,GAAG,CAAC,CAACC,GAAG,GAAKC,QAAQ,CAACD,GAAG,EAAE,EAAE,CAAC,CAAC,CAAA;QACnC,KAAK,mBAAmBH,IAAI,CAACD,KAAK,CAAC;YACjC,OAAO;gBAACA,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;gBAAEF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;gBAAEF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;aAAC,CAACC,GAAG,CAClE,CAACC,GAAG,GAAKC,QAAQ,CAACD,GAAG,EAAE,EAAE,CAAC,CAC3B,CAAA;QACH,KAAK,yCAAyCH,IAAI,CAACD,KAAK,CAAC;YACvD,OAAOA,KAAK,CACTM,OAAO,mBAAmB,IAAI,CAAC,CAC/BC,KAAK,CAAC,GAAG,CAAC,CACVJ,GAAG,CAAC,CAACK,CAAC,GAAKH,QAAQ,CAACG,CAAC,CAAC,CAAC,CACvBN,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QAChB;YACE,OAAO,IAAI,CAAA;KACd;AACH,CAAC;AAED,OAAO,MAAMO,yBAAyB,GAAG,CACvCC,MAA8B,GACnB;IACX,OAAO;WAAIC,MAAM,CAACC,IAAI,CAACF,MAAM,CAAC;KAAC,CAC5BP,GAAG,CAAC,CAACU,GAAW,GAAa;QAC5B,MAAMb,KAAK,GAAGU,MAAM,CAACG,GAAG,CAAwB;QAChD,MAAMC,GAAG,GAAGf,KAAK,CAACC,KAAK,CAAC;QACxB,OAAOc,GAAG,GACN,CAAC,aAAa,EAAED,GAAG,CAAC,EAAE,EAAEb,KAAK,CAAC,cAAc,EAAEa,GAAG,CAAC,EAAE,EAAEC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAEA,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAEA,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GACrF,CAAC,aAAa,EAAED,GAAG,CAAC,EAAE,EAAEb,KAAK,CAAC,GAAG,CAAC,CAAA;IACxC,CAAC,CAAC,CACDe,IAAI,CAAC,EAAE,CAAC,CAAA;AACb,CAAC,CAAA"}
+{"version":3,"sources":["../../../../packages/theme/utils/generate-css-color-variables.ts"],"sourcesContent":["const toRgb = (color: string) => {\n  switch (true) {\n    case /^#[\\da-fA-F]{3}$/.test(color):\n      return [\n        color.slice(1, 2) + color.slice(1, 2),\n        color.slice(2, 3) + color.slice(2, 3),\n        color.slice(3, 4) + color.slice(3, 4),\n      ].map((val) => parseInt(val, 16))\n    case /^#[\\da-fA-F]{6}$/.test(color):\n      return [color.slice(1, 3), color.slice(3, 5), color.slice(5, 7)].map(\n        (val) => parseInt(val, 16),\n      )\n    case /^rgb\\(\\s*\\d+\\s*,\\s*\\d+\\s*,\\s*\\d+\\s*\\)$/.test(color):\n      return color\n        .replace(/^.*\\((.*)\\).*$/, '$1')\n        .split(',')\n        .map((n) => parseInt(n))\n        .slice(0, 3)\n    default:\n      return null\n  }\n}\n\nexport const generateCssColorVariables = (\n  colors: Record<string, string>,\n): string => {\n  return [...Object.keys(colors)]\n    .map((key: string): string => {\n      const color = colors[key as keyof typeof colors]\n      const rgb = toRgb(color)\n      return rgb\n        ? `--lido-color-${key}: ${color};\\n--lido-rgb-${key}: ${rgb[0]},${rgb[1]},${rgb[2]};\\n`\n        : `--lido-color-${key}: ${color};\\n`\n    })\n    .join('')\n}\n"],"names":["toRgb","color","test","slice","map","val","parseInt","replace","split","n","generateCssColorVariables","colors","Object","keys","key","rgb","join"],"mappings":"AAAA,MAAMA,KAAK,GAAG,CAACC,KAAa,GAAK;IAC/B,OAAQ,IAAI;QACV,KAAK,mBAAmBC,IAAI,CAACD,KAAK,CAAC;YACjC,OAAO;gBACLA,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAGF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;gBACrCF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAGF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;gBACrCF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAGF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;aACtC,CAACC,GAAG,CAAC,CAACC,GAAG,GAAKC,QAAQ,CAACD,GAAG,EAAE,EAAE,CAAC,CAAC,CAAA;QACnC,KAAK,mBAAmBH,IAAI,CAACD,KAAK,CAAC;YACjC,OAAO;gBAACA,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;gBAAEF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;gBAAEF,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;aAAC,CAACC,GAAG,CAClE,CAACC,GAAG,GAAKC,QAAQ,CAACD,GAAG,EAAE,EAAE,CAAC,CAC3B,CAAA;QACH,KAAK,yCAAyCH,IAAI,CAACD,KAAK,CAAC;YACvD,OAAOA,KAAK,CACTM,OAAO,mBAAmB,IAAI,CAAC,CAC/BC,KAAK,CAAC,GAAG,CAAC,CACVJ,GAAG,CAAC,CAACK,CAAC,GAAKH,QAAQ,CAACG,CAAC,CAAC,CAAC,CACvBN,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QAChB;YACE,OAAO,IAAI,CAAA;KACd;AACH,CAAC;AAED,OAAO,MAAMO,yBAAyB,GAAG,CACvCC,MAA8B,GACnB;IACX,OAAO;WAAIC,MAAM,CAACC,IAAI,CAACF,MAAM,CAAC;KAAC,CAC5BP,GAAG,CAAC,CAACU,GAAW,GAAa;QAC5B,MAAMb,KAAK,GAAGU,MAAM,CAACG,GAAG,CAAwB;QAChD,MAAMC,GAAG,GAAGf,KAAK,CAACC,KAAK,CAAC;QACxB,OAAOc,GAAG,GACN,CAAC,aAAa,EAAED,GAAG,CAAC,EAAE,EAAEb,KAAK,CAAC,cAAc,EAAEa,GAAG,CAAC,EAAE,EAAEC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAEA,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAEA,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GACrF,CAAC,aAAa,EAAED,GAAG,CAAC,EAAE,EAAEb,KAAK,CAAC,GAAG,CAAC,CAAA;IACxC,CAAC,CAAC,CACDe,IAAI,CAAC,EAAE,CAAC,CAAA;AACb,CAAC,CAAA"}

package/dist/esm/toast/ToastDefault.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/toast/ToastDefault.tsx"],"sourcesContent":["import { ReactText } from 'react'\nimport { toast, ToastOptions, ToastContent } from 'react-toastify'\nimport { TOASTS_DEFAULT_OPTIONS } from './toastsDefaultOptions'\n\nexport function ToastDefault(\n  content: ToastContent,\n  options?: ToastOptions\n): ReactText {\n  return toast(content, { ...TOASTS_DEFAULT_OPTIONS, ...(options || {}) })\n}\n"],"names":["toast","TOASTS_DEFAULT_OPTIONS","ToastDefault","content","options"],"mappings":"AACA,SAASA,KAAK,QAAoC,gBAAgB,CAAA;AAClE,SAASC,sBAAsB,QAAQ,wBAAwB,CAAA;AAE/D,OAAO,SAASC,YAAY,CAC1BC,OAAqB,EACrBC,OAAsB,EACX;IACX,OAAOJ,KAAK,CAACG,OAAO,EAAE;QAAE,GAAGF,sBAAsB;QAAE,GAAIG,OAAO,IAAI,EAAE;KAAG,CAAC,CAAA;AAC1E,CAAC"}
+{"version":3,"sources":["../../../packages/toast/ToastDefault.tsx"],"sourcesContent":["import { ReactText } from 'react'\nimport { toast, ToastOptions, ToastContent } from 'react-toastify'\nimport { TOASTS_DEFAULT_OPTIONS } from './toastsDefaultOptions'\n\nexport function ToastDefault(\n  content: ToastContent,\n  options?: ToastOptions,\n): ReactText {\n  return toast(content, { ...TOASTS_DEFAULT_OPTIONS, ...(options || {}) })\n}\n"],"names":["toast","TOASTS_DEFAULT_OPTIONS","ToastDefault","content","options"],"mappings":"AACA,SAASA,KAAK,QAAoC,gBAAgB,CAAA;AAClE,SAASC,sBAAsB,QAAQ,wBAAwB,CAAA;AAE/D,OAAO,SAASC,YAAY,CAC1BC,OAAqB,EACrBC,OAAsB,EACX;IACX,OAAOJ,KAAK,CAACG,OAAO,EAAE;QAAE,GAAGF,sBAAsB;QAAE,GAAIG,OAAO,IAAI,EAAE;KAAG,CAAC,CAAA;AAC1E,CAAC"}

package/dist/esm/toast/ToastError.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/toast/ToastError.tsx"],"sourcesContent":["import { ReactText } from 'react'\nimport { toast, ToastOptions, ToastContent } from 'react-toastify'\nimport { TOASTS_ERROR_OPTIONS } from './toastsDefaultOptions'\n\nexport function ToastError(\n  content: ToastContent,\n  options?: ToastOptions\n): ReactText {\n  return toast.error(content, { ...TOASTS_ERROR_OPTIONS, ...(options || {}) })\n}\n"],"names":["toast","TOASTS_ERROR_OPTIONS","ToastError","content","options","error"],"mappings":"AACA,SAASA,KAAK,QAAoC,gBAAgB,CAAA;AAClE,SAASC,oBAAoB,QAAQ,wBAAwB,CAAA;AAE7D,OAAO,SAASC,UAAU,CACxBC,OAAqB,EACrBC,OAAsB,EACX;IACX,OAAOJ,KAAK,CAACK,KAAK,CAACF,OAAO,EAAE;QAAE,GAAGF,oBAAoB;QAAE,GAAIG,OAAO,IAAI,EAAE;KAAG,CAAC,CAAA;AAC9E,CAAC"}
+{"version":3,"sources":["../../../packages/toast/ToastError.tsx"],"sourcesContent":["import { ReactText } from 'react'\nimport { toast, ToastOptions, ToastContent } from 'react-toastify'\nimport { TOASTS_ERROR_OPTIONS } from './toastsDefaultOptions'\n\nexport function ToastError(\n  content: ToastContent,\n  options?: ToastOptions,\n): ReactText {\n  return toast.error(content, { ...TOASTS_ERROR_OPTIONS, ...(options || {}) })\n}\n"],"names":["toast","TOASTS_ERROR_OPTIONS","ToastError","content","options","error"],"mappings":"AACA,SAASA,KAAK,QAAoC,gBAAgB,CAAA;AAClE,SAASC,oBAAoB,QAAQ,wBAAwB,CAAA;AAE7D,OAAO,SAASC,UAAU,CACxBC,OAAqB,EACrBC,OAAsB,EACX;IACX,OAAOJ,KAAK,CAACK,KAAK,CAACF,OAAO,EAAE;QAAE,GAAGF,oBAAoB;QAAE,GAAIG,OAAO,IAAI,EAAE;KAAG,CAAC,CAAA;AAC9E,CAAC"}

package/dist/esm/toast/ToastInfo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/toast/ToastInfo.tsx"],"sourcesContent":["import { ReactText } from 'react'\nimport { toast, ToastOptions, ToastContent } from 'react-toastify'\nimport { TOASTS_INFO_OPTIONS } from './toastsDefaultOptions'\n\nexport function ToastInfo(\n  content: ToastContent,\n  options?: ToastOptions\n): ReactText {\n  return toast.info(content, { ...TOASTS_INFO_OPTIONS, ...(options || {}) })\n}\n"],"names":["toast","TOASTS_INFO_OPTIONS","ToastInfo","content","options","info"],"mappings":"AACA,SAASA,KAAK,QAAoC,gBAAgB,CAAA;AAClE,SAASC,mBAAmB,QAAQ,wBAAwB,CAAA;AAE5D,OAAO,SAASC,SAAS,CACvBC,OAAqB,EACrBC,OAAsB,EACX;IACX,OAAOJ,KAAK,CAACK,IAAI,CAACF,OAAO,EAAE;QAAE,GAAGF,mBAAmB;QAAE,GAAIG,OAAO,IAAI,EAAE;KAAG,CAAC,CAAA;AAC5E,CAAC"}
+{"version":3,"sources":["../../../packages/toast/ToastInfo.tsx"],"sourcesContent":["import { ReactText } from 'react'\nimport { toast, ToastOptions, ToastContent } from 'react-toastify'\nimport { TOASTS_INFO_OPTIONS } from './toastsDefaultOptions'\n\nexport function ToastInfo(\n  content: ToastContent,\n  options?: ToastOptions,\n): ReactText {\n  return toast.info(content, { ...TOASTS_INFO_OPTIONS, ...(options || {}) })\n}\n"],"names":["toast","TOASTS_INFO_OPTIONS","ToastInfo","content","options","info"],"mappings":"AACA,SAASA,KAAK,QAAoC,gBAAgB,CAAA;AAClE,SAASC,mBAAmB,QAAQ,wBAAwB,CAAA;AAE5D,OAAO,SAASC,SAAS,CACvBC,OAAqB,EACrBC,OAAsB,EACX;IACX,OAAOJ,KAAK,CAACK,IAAI,CAACF,OAAO,EAAE;QAAE,GAAGF,mBAAmB;QAAE,GAAIG,OAAO,IAAI,EAAE;KAAG,CAAC,CAAA;AAC5E,CAAC"}

package/dist/esm/toast/ToastPending.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/toast/ToastPending.tsx"],"sourcesContent":["import React, { ReactText } from 'react'\nimport { toast, ToastOptions } from 'react-toastify'\nimport {\n  ToastPendingLoaderStyle,\n  ToastPendingStyle,\n  ToastPendingTextStyle,\n} from './ToastPendingStyles'\nimport { TOASTS_PENDING_OPTIONS } from './toastsDefaultOptions'\n\nexport function ToastPending(\n  content: JSX.Element,\n  options?: ToastOptions\n): ReactText {\n  return toast(\n    <ToastPendingStyle>\n      <ToastPendingLoaderStyle />\n      {/* eslint-disable-next-line */}\n      <ToastPendingTextStyle>{content as any}</ToastPendingTextStyle>\n    </ToastPendingStyle>,\n    { ...TOASTS_PENDING_OPTIONS, ...(options || {}) }\n  )\n}\n"],"names":["React","toast","ToastPendingLoaderStyle","ToastPendingStyle","ToastPendingTextStyle","TOASTS_PENDING_OPTIONS","ToastPending","content","options"],"mappings":"AAAA,OAAOA,KAAK,MAAqB,OAAO,CAAA;AACxC,SAASC,KAAK,QAAsB,gBAAgB,CAAA;AACpD,SACEC,uBAAuB,EACvBC,iBAAiB,EACjBC,qBAAqB,QAChB,sBAAsB,CAAA;AAC7B,SAASC,sBAAsB,QAAQ,wBAAwB,CAAA;AAE/D,OAAO,SAASC,YAAY,CAC1BC,OAAoB,EACpBC,OAAsB,EACX;IACX,OAAOP,KAAK,eACV,oBAACE,iBAAiB,sBAChB,oBAACD,uBAAuB,OAAG,gBAE3B,oBAACE,qBAAqB,QAAEG,OAAO,CAAgC,CAC7C,EACpB;QAAE,GAAGF,sBAAsB;QAAE,GAAIG,OAAO,IAAI,EAAE;KAAG,CAClD,CAAA;AACH,CAAC"}
+{"version":3,"sources":["../../../packages/toast/ToastPending.tsx"],"sourcesContent":["import React, { ReactText } from 'react'\nimport { toast, ToastOptions } from 'react-toastify'\nimport {\n  ToastPendingLoaderStyle,\n  ToastPendingStyle,\n  ToastPendingTextStyle,\n} from './ToastPendingStyles'\nimport { TOASTS_PENDING_OPTIONS } from './toastsDefaultOptions'\n\nexport function ToastPending(\n  content: JSX.Element,\n  options?: ToastOptions,\n): ReactText {\n  return toast(\n    <ToastPendingStyle>\n      <ToastPendingLoaderStyle />\n      {/* eslint-disable-next-line */}\n      <ToastPendingTextStyle>{content as any}</ToastPendingTextStyle>\n    </ToastPendingStyle>,\n    { ...TOASTS_PENDING_OPTIONS, ...(options || {}) },\n  )\n}\n"],"names":["React","toast","ToastPendingLoaderStyle","ToastPendingStyle","ToastPendingTextStyle","TOASTS_PENDING_OPTIONS","ToastPending","content","options"],"mappings":"AAAA,OAAOA,KAAK,MAAqB,OAAO,CAAA;AACxC,SAASC,KAAK,QAAsB,gBAAgB,CAAA;AACpD,SACEC,uBAAuB,EACvBC,iBAAiB,EACjBC,qBAAqB,QAChB,sBAAsB,CAAA;AAC7B,SAASC,sBAAsB,QAAQ,wBAAwB,CAAA;AAE/D,OAAO,SAASC,YAAY,CAC1BC,OAAoB,EACpBC,OAAsB,EACX;IACX,OAAOP,KAAK,eACV,oBAACE,iBAAiB,sBAChB,oBAACD,uBAAuB,OAAG,gBAE3B,oBAACE,qBAAqB,QAAEG,OAAO,CAAgC,CAC7C,EACpB;QAAE,GAAGF,sBAAsB;QAAE,GAAIG,OAAO,IAAI,EAAE;KAAG,CAClD,CAAA;AACH,CAAC"}

package/dist/esm/toast/ToastPendingStyles.js

@@ -14,6 +14,7 @@ export const ToastPendingLoaderStyle = styled(Loader)`
     let { theme  } = param;
     return theme.spaceMap.md;
 }}px;
+
   svg {
     color: var(--lido-color-accentContrast);
   }

package/dist/esm/toast/ToastPendingStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/toast/ToastPendingStyles.tsx"],"sourcesContent":["import { Loader } from '@lidofinance/loaders'\nimport styled from 'styled-components'\n\nexport const ToastPendingStyle = styled.div`\n  display: flex;\n  align-items: center;\n`\n\nexport const ToastPendingTextStyle = styled.div``\n\nexport const ToastPendingLoaderStyle = styled(Loader)`\n  margin: ${({ theme }) => -theme.spaceMap.xs}px;\n  margin-right: ${({ theme }) => theme.spaceMap.md}px;\n  svg {\n    color: var(--lido-color-accentContrast);\n  }\n`\n"],"names":["Loader","styled","ToastPendingStyle","div","ToastPendingTextStyle","ToastPendingLoaderStyle","theme","spaceMap","xs","md"],"mappings":"AAAA,SAASA,MAAM,QAAQ,kBAAsB,CAAA;AAC7C,OAAOC,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,MAAMC,iBAAiB,GAAGD,MAAM,CAACE,GAAG,CAAC;;;AAG5C,CAAC,CAAA;AAED,OAAO,MAAMC,qBAAqB,GAAGH,MAAM,CAACE,GAAG,CAAC,CAAC,CAAA;AAEjD,OAAO,MAAME,uBAAuB,GAAGJ,MAAM,CAACD,MAAM,CAAC,CAAC;UAC5C,EAAE,SAAe;QAAd,EAAEM,KAAK,CAAA,EAAE;WAAK,CAACA,KAAK,CAACC,QAAQ,CAACC,EAAE;AAAD,CAAC,CAAC;gBAC9B,EAAE,SAAeF;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACE,EAAE;AAAD,CAAC,CAAC;;;;AAInD,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/toast/ToastPendingStyles.tsx"],"sourcesContent":["import { Loader } from '@lidofinance/loaders'\nimport styled from 'styled-components'\n\nexport const ToastPendingStyle = styled.div`\n  display: flex;\n  align-items: center;\n`\n\nexport const ToastPendingTextStyle = styled.div``\n\nexport const ToastPendingLoaderStyle = styled(Loader)`\n  margin: ${({ theme }) => -theme.spaceMap.xs}px;\n  margin-right: ${({ theme }) => theme.spaceMap.md}px;\n\n  svg {\n    color: var(--lido-color-accentContrast);\n  }\n`\n"],"names":["Loader","styled","ToastPendingStyle","div","ToastPendingTextStyle","ToastPendingLoaderStyle","theme","spaceMap","xs","md"],"mappings":"AAAA,SAASA,MAAM,QAAQ,kBAAsB,CAAA;AAC7C,OAAOC,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,MAAMC,iBAAiB,GAAGD,MAAM,CAACE,GAAG,CAAC;;;AAG5C,CAAC,CAAA;AAED,OAAO,MAAMC,qBAAqB,GAAGH,MAAM,CAACE,GAAG,CAAC,CAAC,CAAA;AAEjD,OAAO,MAAME,uBAAuB,GAAGJ,MAAM,CAACD,MAAM,CAAC,CAAC;UAC5C,EAAE,SAAe;QAAd,EAAEM,KAAK,CAAA,EAAE;WAAK,CAACA,KAAK,CAACC,QAAQ,CAACC,EAAE;AAAD,CAAC,CAAC;gBAC9B,EAAE,SAAeF;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACE,EAAE;AAAD,CAAC,CAAC;;;;;AAKnD,CAAC,CAAA"}

package/dist/esm/toast/ToastSuccess.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/toast/ToastSuccess.tsx"],"sourcesContent":["import { ReactText } from 'react'\nimport { toast, ToastOptions, ToastContent } from 'react-toastify'\nimport { TOASTS_SUCCESS_OPTIONS } from './toastsDefaultOptions'\n\nexport function ToastSuccess(\n  content: ToastContent,\n  options?: ToastOptions\n): ReactText {\n  return toast.success(content, {\n    ...TOASTS_SUCCESS_OPTIONS,\n    ...(options || {}),\n  })\n}\n"],"names":["toast","TOASTS_SUCCESS_OPTIONS","ToastSuccess","content","options","success"],"mappings":"AACA,SAASA,KAAK,QAAoC,gBAAgB,CAAA;AAClE,SAASC,sBAAsB,QAAQ,wBAAwB,CAAA;AAE/D,OAAO,SAASC,YAAY,CAC1BC,OAAqB,EACrBC,OAAsB,EACX;IACX,OAAOJ,KAAK,CAACK,OAAO,CAACF,OAAO,EAAE;QAC5B,GAAGF,sBAAsB;QACzB,GAAIG,OAAO,IAAI,EAAE;KAClB,CAAC,CAAA;AACJ,CAAC"}
+{"version":3,"sources":["../../../packages/toast/ToastSuccess.tsx"],"sourcesContent":["import { ReactText } from 'react'\nimport { toast, ToastOptions, ToastContent } from 'react-toastify'\nimport { TOASTS_SUCCESS_OPTIONS } from './toastsDefaultOptions'\n\nexport function ToastSuccess(\n  content: ToastContent,\n  options?: ToastOptions,\n): ReactText {\n  return toast.success(content, {\n    ...TOASTS_SUCCESS_OPTIONS,\n    ...(options || {}),\n  })\n}\n"],"names":["toast","TOASTS_SUCCESS_OPTIONS","ToastSuccess","content","options","success"],"mappings":"AACA,SAASA,KAAK,QAAoC,gBAAgB,CAAA;AAClE,SAASC,sBAAsB,QAAQ,wBAAwB,CAAA;AAE/D,OAAO,SAASC,YAAY,CAC1BC,OAAqB,EACrBC,OAAsB,EACX;IACX,OAAOJ,KAAK,CAACK,OAAO,CAACF,OAAO,EAAE;QAC5B,GAAGF,sBAAsB;QACzB,GAAIG,OAAO,IAAI,EAAE;KAClB,CAAC,CAAA;AACJ,CAAC"}

package/dist/esm/transition/withTransition.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/transition/withTransition.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { useMergeRefs } from '@lidofinance/hooks'\nimport { Transition } from 'react-transition-group'\nimport { DEFAULT_DURATION } from './constants'\nimport { TransitionWrapperProps, TransitionInnerProps } from './types'\n\ntype WrappedProps<T> = Omit<T, keyof TransitionInnerProps> &\n  TransitionWrapperProps\n\nexport default function withTransition<\n  P extends TransitionInnerProps,\n  E extends HTMLElement\n>(\n  Component: React.ComponentType<P>\n): React.ForwardRefExoticComponent<\n  React.PropsWithoutRef<WrappedProps<P>> & React.RefAttributes<E>\n> {\n  function Wrapped(props: WrappedProps<P>, externalRef: ForwardedRef<E>) {\n    const {\n      in: state = false,\n      timeout = DEFAULT_DURATION,\n      mountOnEnter = true,\n      unmountOnExit = true,\n      appear = true,\n      enter = true,\n      exit = true,\n      addEndListener,\n      onEnter,\n      onEntering,\n      onEntered,\n      onExit,\n      onExiting,\n      onExited,\n      ...rest\n    } = props\n\n    const transitionProps = {\n      in: state,\n      timeout,\n      mountOnEnter,\n      unmountOnExit,\n      appear,\n      enter,\n      exit,\n      addEndListener,\n      onEnter,\n      onEntering,\n      onEntered,\n      onExit,\n      onExiting,\n      onExited,\n    }\n\n    const ref = useMergeRefs([externalRef])\n\n    return (\n      <Transition {...transitionProps} nodeRef={ref}>\n        {(status) => (\n          <Component\n            {...(rest as P)}\n            duration={timeout}\n            transitionStatus={status}\n            ref={ref}\n          />\n        )}\n      </Transition>\n    )\n  }\n\n  return forwardRef(Wrapped)\n}\n"],"names":["React","forwardRef","useMergeRefs","Transition","DEFAULT_DURATION","withTransition","Component","Wrapped","props","externalRef","in","state","timeout","mountOnEnter","unmountOnExit","appear","enter","exit","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","rest","transitionProps","ref","nodeRef","status","duration","transitionStatus"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAASC,YAAY,QAAQ,gBAAoB,CAAA;AACjD,SAASC,UAAU,QAAQ,wBAAwB,CAAA;AACnD,SAASC,gBAAgB,QAAQ,aAAa,CAAA;AAM9C,eAAe,SAASC,cAAc,CAIpCC,SAAiC,EAGjC;IACA,SAASC,OAAO,CAACC,KAAsB,EAAEC,WAA4B,EAAE;QACrE,MAAM,EACJC,EAAE,EAAEC,KAAK,GAAG,KAAK,CAAA,EACjBC,OAAO,EAAGR,gBAAgB,CAAA,EAC1BS,YAAY,EAAG,IAAI,CAAA,EACnBC,aAAa,EAAG,IAAI,CAAA,EACpBC,MAAM,EAAG,IAAI,CAAA,EACbC,KAAK,EAAG,IAAI,CAAA,EACZC,IAAI,EAAG,IAAI,CAAA,EACXC,cAAc,CAAA,EACdC,OAAO,CAAA,EACPC,UAAU,CAAA,EACVC,SAAS,CAAA,EACTC,MAAM,CAAA,EACNC,SAAS,CAAA,EACTC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR,GAAGjB,KAAK;QAET,MAAMkB,eAAe,GAAG;YACtBhB,EAAE,EAAEC,KAAK;YACTC,OAAO;YACPC,YAAY;YACZC,aAAa;YACbC,MAAM;YACNC,KAAK;YACLC,IAAI;YACJC,cAAc;YACdC,OAAO;YACPC,UAAU;YACVC,SAAS;YACTC,MAAM;YACNC,SAAS;YACTC,QAAQ;SACT;QAED,MAAMG,GAAG,GAAGzB,YAAY,CAAC;YAACO,WAAW;SAAC,CAAC;QAEvC,qBACE,oBAACN,UAAU,eAAKuB,eAAe;YAAEE,OAAO,EAAED,GAAG;YAC1C,CAACE,MAAM,iBACN,oBAACvB,SAAS,eACHmB,IAAI;gBACTK,QAAQ,EAAElB,OAAO;gBACjBmB,gBAAgB,EAAEF,MAAM;gBACxBF,GAAG,EAAEA,GAAG;eACR,AACH,CACU,CACd;IACH,CAAC;IAED,qBAAO1B,UAAU,CAACM,OAAO,CAAC,CAAA;AAC5B,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/transition/withTransition.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { useMergeRefs } from '@lidofinance/hooks'\nimport { Transition } from 'react-transition-group'\nimport { DEFAULT_DURATION } from './constants'\nimport { TransitionWrapperProps, TransitionInnerProps } from './types'\n\ntype WrappedProps<T> = Omit<T, keyof TransitionInnerProps> &\n  TransitionWrapperProps\n\nexport default function withTransition<\n  P extends TransitionInnerProps,\n  E extends HTMLElement,\n>(\n  Component: React.ComponentType<P>,\n): React.ForwardRefExoticComponent<\n  React.PropsWithoutRef<WrappedProps<P>> & React.RefAttributes<E>\n> {\n  function Wrapped(props: WrappedProps<P>, externalRef: ForwardedRef<E>) {\n    const {\n      in: state = false,\n      timeout = DEFAULT_DURATION,\n      mountOnEnter = true,\n      unmountOnExit = true,\n      appear = true,\n      enter = true,\n      exit = true,\n      addEndListener,\n      onEnter,\n      onEntering,\n      onEntered,\n      onExit,\n      onExiting,\n      onExited,\n      ...rest\n    } = props\n\n    const transitionProps = {\n      in: state,\n      timeout,\n      mountOnEnter,\n      unmountOnExit,\n      appear,\n      enter,\n      exit,\n      addEndListener,\n      onEnter,\n      onEntering,\n      onEntered,\n      onExit,\n      onExiting,\n      onExited,\n    }\n\n    const ref = useMergeRefs([externalRef])\n\n    return (\n      <Transition {...transitionProps} nodeRef={ref}>\n        {(status) => (\n          <Component\n            {...(rest as P)}\n            duration={timeout}\n            transitionStatus={status}\n            ref={ref}\n          />\n        )}\n      </Transition>\n    )\n  }\n\n  return forwardRef(Wrapped)\n}\n"],"names":["React","forwardRef","useMergeRefs","Transition","DEFAULT_DURATION","withTransition","Component","Wrapped","props","externalRef","in","state","timeout","mountOnEnter","unmountOnExit","appear","enter","exit","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","rest","transitionProps","ref","nodeRef","status","duration","transitionStatus"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAASC,YAAY,QAAQ,gBAAoB,CAAA;AACjD,SAASC,UAAU,QAAQ,wBAAwB,CAAA;AACnD,SAASC,gBAAgB,QAAQ,aAAa,CAAA;AAM9C,eAAe,SAASC,cAAc,CAIpCC,SAAiC,EAGjC;IACA,SAASC,OAAO,CAACC,KAAsB,EAAEC,WAA4B,EAAE;QACrE,MAAM,EACJC,EAAE,EAAEC,KAAK,GAAG,KAAK,CAAA,EACjBC,OAAO,EAAGR,gBAAgB,CAAA,EAC1BS,YAAY,EAAG,IAAI,CAAA,EACnBC,aAAa,EAAG,IAAI,CAAA,EACpBC,MAAM,EAAG,IAAI,CAAA,EACbC,KAAK,EAAG,IAAI,CAAA,EACZC,IAAI,EAAG,IAAI,CAAA,EACXC,cAAc,CAAA,EACdC,OAAO,CAAA,EACPC,UAAU,CAAA,EACVC,SAAS,CAAA,EACTC,MAAM,CAAA,EACNC,SAAS,CAAA,EACTC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR,GAAGjB,KAAK;QAET,MAAMkB,eAAe,GAAG;YACtBhB,EAAE,EAAEC,KAAK;YACTC,OAAO;YACPC,YAAY;YACZC,aAAa;YACbC,MAAM;YACNC,KAAK;YACLC,IAAI;YACJC,cAAc;YACdC,OAAO;YACPC,UAAU;YACVC,SAAS;YACTC,MAAM;YACNC,SAAS;YACTC,QAAQ;SACT;QAED,MAAMG,GAAG,GAAGzB,YAAY,CAAC;YAACO,WAAW;SAAC,CAAC;QAEvC,qBACE,oBAACN,UAAU,eAAKuB,eAAe;YAAEE,OAAO,EAAED,GAAG;YAC1C,CAACE,MAAM,iBACN,oBAACvB,SAAS,eACHmB,IAAI;gBACTK,QAAQ,EAAElB,OAAO;gBACjBmB,gBAAgB,EAAEF,MAAM;gBACxBF,GAAG,EAAEA,GAAG;eACR,AACH,CACU,CACd;IACH,CAAC;IAED,qBAAO1B,UAAU,CAACM,OAAO,CAAC,CAAA;AAC5B,CAAC,CAAA"}

package/dist/esm/utils/cookies-client-side.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/utils/cookies-client-side.ts"],"sourcesContent":["import { UAParser } from 'ua-parser-js'\nimport { getTopLevelDomain } from './get-top-level-domain'\n\nexport const setCrossDomainCookieClientSide = (\n  key: string,\n  value: string,\n  expire = 365\n): void => {\n  if (typeof window === 'undefined') {\n    return\n  }\n\n  const cookie = `${key}=${value};expires=${expire};path=/;domain=${getTopLevelDomain()};samesite=None;`\n  // 1. we want this cookie to be available on HTTP websites too.\n  // 2. there is a bug on localhost which causes Chrome to ignore cookies set without Secure,\n  // and Safari when cookies are set with Secure, so we're forcing cookie into both\n  const parser = new UAParser()\n  if (parser.getBrowser()?.name?.toLowerCase() === 'safari') {\n    if (window.location.protocol === 'https:') {\n      document.cookie = `${cookie}Secure;`\n    } else {\n      document.cookie = cookie\n    }\n  } else {\n    document.cookie = `${cookie}Secure;`\n  }\n}\n\nexport const getCrossDomainCookieClientSide = (key: string): string | null => {\n  const defaultValue = null\n\n  if (typeof window === 'undefined') {\n    return defaultValue\n  }\n\n  const cookieMatcher = new RegExp(`(^| )${key}=([^;]+)`)\n  return (document.cookie.match(cookieMatcher)?.[2] as string) ?? defaultValue\n}\n\nexport const getDomainCookieClientSide = (key: string): string | null => {\n  return getCrossDomainCookieClientSide(key)\n}\n\nexport const removeCookiesClientSide = (key: string): void => {\n  document.cookie = `${key}= ; expires = Thu, 01 Jan 1970 00:00:00 GMT`\n}\n"],"names":["UAParser","getTopLevelDomain","setCrossDomainCookieClientSide","key","value","expire","parser","window","cookie","getBrowser","name","toLowerCase","location","protocol","document","getCrossDomainCookieClientSide","defaultValue","cookieMatcher","RegExp","match","getDomainCookieClientSide","removeCookiesClientSide"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,cAAc,CAAA;AACvC,SAASC,iBAAiB,QAAQ,wBAAwB,CAAA;AAE1D,OAAO,MAAMC,8BAA8B,GAAG,SAC5CC,GAAW,EACXC,KAAa,EAEJ;QADTC,MAAM,oEAAG,GAAG;QAWRC,GAAmB;IATvB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;QACjC,OAAM;IACR,CAAC;IAED,MAAMC,MAAM,GAAG,CAAC,EAAEL,GAAG,CAAC,CAAC,EAAEC,KAAK,CAAC,SAAS,EAAEC,MAAM,CAAC,eAAe,EAAEJ,iBAAiB,EAAE,CAAC,eAAe,CAAC;IACtG,+DAA+D;IAC/D,2FAA2F;IAC3F,iFAAiF;IACjF,MAAMK,MAAM,GAAG,IAAIN,QAAQ,EAAE;IAC7B,IAAIM,CAAAA,CAAAA,GAAmB,GAAnBA,MAAM,CAACG,UAAU,EAAE,cAAnBH,GAAmB,WAAM,GAAzBA,KAAAA,CAAyB,GAAzBA,QAAAA,GAAmB,CAAEI,IAAI,6BAAA,GAAzBJ,KAAAA,CAAyB,GAAzBA,KAA2BK,WAAW,EAAE,MAAK,QAAQ,EAAE;QACzD,IAAIJ,MAAM,CAACK,QAAQ,CAACC,QAAQ,KAAK,QAAQ,EAAE;YACzCC,QAAQ,CAACN,MAAM,GAAG,CAAC,EAAEA,MAAM,CAAC,OAAO,CAAC;QACtC,OAAO;YACLM,QAAQ,CAACN,MAAM,GAAGA,MAAM;QAC1B,CAAC;IACH,OAAO;QACLM,QAAQ,CAACN,MAAM,GAAG,CAAC,EAAEA,MAAM,CAAC,OAAO,CAAC;IACtC,CAAC;AACH,CAAC,CAAA;AAED,OAAO,MAAMO,8BAA8B,GAAG,CAACZ,GAAW,GAAoB;QAQpEW,GAAoC;IAP5C,MAAME,YAAY,GAAG,IAAI;IAEzB,IAAI,OAAOT,MAAM,KAAK,WAAW,EAAE;QACjC,OAAOS,YAAY,CAAA;IACrB,CAAC;IAED,MAAMC,aAAa,GAAG,IAAIC,MAAM,CAAC,CAAC,KAAK,EAAEf,GAAG,CAAC,QAAQ,CAAC,CAAC;QAChD,IAAqD;IAA5D,OAAO,CAAA,IAAqD,GAApDW,CAAAA,GAAoC,GAApCA,QAAQ,CAACN,MAAM,CAACW,KAAK,CAACF,aAAa,CAAC,cAApCH,GAAoC,WAAK,GAAzCA,KAAAA,CAAyC,GAAzCA,GAAoC,AAAE,CAAC,CAAC,CAAC,cAA1C,IAAqD,cAArD,IAAqD,GAAIE,YAAY,CAAA;AAC9E,CAAC,CAAA;AAED,OAAO,MAAMI,yBAAyB,GAAG,CAACjB,GAAW,GAAoB;IACvE,OAAOY,8BAA8B,CAACZ,GAAG,CAAC,CAAA;AAC5C,CAAC,CAAA;AAED,OAAO,MAAMkB,uBAAuB,GAAG,CAAClB,GAAW,GAAW;IAC5DW,QAAQ,CAACN,MAAM,GAAG,CAAC,EAAEL,GAAG,CAAC,2CAA2C,CAAC;AACvE,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/utils/cookies-client-side.ts"],"sourcesContent":["import { UAParser } from 'ua-parser-js'\nimport { getTopLevelDomain } from './get-top-level-domain'\n\nexport const setCrossDomainCookieClientSide = (\n  key: string,\n  value: string,\n  expire = 365,\n): void => {\n  if (typeof window === 'undefined') {\n    return\n  }\n\n  const cookie = `${key}=${value};expires=${expire};path=/;domain=${getTopLevelDomain()};samesite=None;`\n  // 1. we want this cookie to be available on HTTP websites too.\n  // 2. there is a bug on localhost which causes Chrome to ignore cookies set without Secure,\n  // and Safari when cookies are set with Secure, so we're forcing cookie into both\n  const parser = new UAParser()\n  if (parser.getBrowser()?.name?.toLowerCase() === 'safari') {\n    if (window.location.protocol === 'https:') {\n      document.cookie = `${cookie}Secure;`\n    } else {\n      document.cookie = cookie\n    }\n  } else {\n    document.cookie = `${cookie}Secure;`\n  }\n}\n\nexport const getCrossDomainCookieClientSide = (key: string): string | null => {\n  const defaultValue = null\n\n  if (typeof window === 'undefined') {\n    return defaultValue\n  }\n\n  const cookieMatcher = new RegExp(`(^| )${key}=([^;]+)`)\n  return (document.cookie.match(cookieMatcher)?.[2] as string) ?? defaultValue\n}\n\nexport const getDomainCookieClientSide = (key: string): string | null => {\n  return getCrossDomainCookieClientSide(key)\n}\n\nexport const removeCookiesClientSide = (key: string): void => {\n  document.cookie = `${key}= ; expires = Thu, 01 Jan 1970 00:00:00 GMT`\n}\n"],"names":["UAParser","getTopLevelDomain","setCrossDomainCookieClientSide","key","value","expire","parser","window","cookie","getBrowser","name","toLowerCase","location","protocol","document","getCrossDomainCookieClientSide","defaultValue","cookieMatcher","RegExp","match","getDomainCookieClientSide","removeCookiesClientSide"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,cAAc,CAAA;AACvC,SAASC,iBAAiB,QAAQ,wBAAwB,CAAA;AAE1D,OAAO,MAAMC,8BAA8B,GAAG,SAC5CC,GAAW,EACXC,KAAa,EAEJ;QADTC,MAAM,oEAAG,GAAG;QAWRC,GAAmB;IATvB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;QACjC,OAAM;IACR,CAAC;IAED,MAAMC,MAAM,GAAG,CAAC,EAAEL,GAAG,CAAC,CAAC,EAAEC,KAAK,CAAC,SAAS,EAAEC,MAAM,CAAC,eAAe,EAAEJ,iBAAiB,EAAE,CAAC,eAAe,CAAC;IACtG,+DAA+D;IAC/D,2FAA2F;IAC3F,iFAAiF;IACjF,MAAMK,MAAM,GAAG,IAAIN,QAAQ,EAAE;IAC7B,IAAIM,CAAAA,CAAAA,GAAmB,GAAnBA,MAAM,CAACG,UAAU,EAAE,cAAnBH,GAAmB,WAAM,GAAzBA,KAAAA,CAAyB,GAAzBA,QAAAA,GAAmB,CAAEI,IAAI,6BAAA,GAAzBJ,KAAAA,CAAyB,GAAzBA,KAA2BK,WAAW,EAAE,MAAK,QAAQ,EAAE;QACzD,IAAIJ,MAAM,CAACK,QAAQ,CAACC,QAAQ,KAAK,QAAQ,EAAE;YACzCC,QAAQ,CAACN,MAAM,GAAG,CAAC,EAAEA,MAAM,CAAC,OAAO,CAAC;QACtC,OAAO;YACLM,QAAQ,CAACN,MAAM,GAAGA,MAAM;QAC1B,CAAC;IACH,OAAO;QACLM,QAAQ,CAACN,MAAM,GAAG,CAAC,EAAEA,MAAM,CAAC,OAAO,CAAC;IACtC,CAAC;AACH,CAAC,CAAA;AAED,OAAO,MAAMO,8BAA8B,GAAG,CAACZ,GAAW,GAAoB;QAQpEW,GAAoC;IAP5C,MAAME,YAAY,GAAG,IAAI;IAEzB,IAAI,OAAOT,MAAM,KAAK,WAAW,EAAE;QACjC,OAAOS,YAAY,CAAA;IACrB,CAAC;IAED,MAAMC,aAAa,GAAG,IAAIC,MAAM,CAAC,CAAC,KAAK,EAAEf,GAAG,CAAC,QAAQ,CAAC,CAAC;QAChD,IAAqD;IAA5D,OAAO,CAAA,IAAqD,GAApDW,CAAAA,GAAoC,GAApCA,QAAQ,CAACN,MAAM,CAACW,KAAK,CAACF,aAAa,CAAC,cAApCH,GAAoC,WAAK,GAAzCA,KAAAA,CAAyC,GAAzCA,GAAoC,AAAE,CAAC,CAAC,CAAC,cAA1C,IAAqD,cAArD,IAAqD,GAAIE,YAAY,CAAA;AAC9E,CAAC,CAAA;AAED,OAAO,MAAMI,yBAAyB,GAAG,CAACjB,GAAW,GAAoB;IACvE,OAAOY,8BAA8B,CAACZ,GAAG,CAAC,CAAA;AAC5C,CAAC,CAAA;AAED,OAAO,MAAMkB,uBAAuB,GAAG,CAAClB,GAAW,GAAW;IAC5DW,QAAQ,CAACN,MAAM,GAAG,CAAC,EAAEL,GAAG,CAAC,2CAA2C,CAAC;AACvE,CAAC,CAAA"}

package/dist/esm/utils/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/utils/types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\n\nexport type LidoComponentProps<\n  T extends keyof JSX.IntrinsicElements,\n  Props extends object = {}\n> = Props &\n  Omit<\n    JSX.IntrinsicElements[T] & {\n      as?: keyof JSX.IntrinsicElements\n      forwardedAs?: keyof JSX.IntrinsicElements\n    },\n    'ref' | keyof Props\n  >\n"],"names":[],"mappings":"AAAA,+CAA+C,GAE/C,WAUG"}
+{"version":3,"sources":["../../../packages/utils/types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\n\nexport type LidoComponentProps<\n  T extends keyof JSX.IntrinsicElements,\n  Props extends object = {},\n> = Props &\n  Omit<\n    JSX.IntrinsicElements[T] & {\n      as?: keyof JSX.IntrinsicElements\n      forwardedAs?: keyof JSX.IntrinsicElements\n    },\n    'ref' | keyof Props\n  >\n"],"names":[],"mappings":"AAAA,+CAA+C,GAE/C,WAUG"}

package/dist/types/accordion/AccordionStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionStyles.d.ts","sourceRoot":"","sources":["../../../packages/accordion/AccordionStyles.tsx"],"names":[],"mappings":";AAGA,eAAO,MAAM,cAAc,yGAI1B,CAAA;AAED,eAAO,MAAM,qBAAqB,yGAajC,CAAA;AAED,eAAO,MAAM,mBAAmB,yGAM/B,CAAA;AAED,eAAO,MAAM,mBAAmB;eAAoC,OAAO;SAO1E,CAAA;AAED,eAAO,MAAM,qBAAqB,yGA2BjC,CAAA"}
+{"version":3,"file":"AccordionStyles.d.ts","sourceRoot":"","sources":["../../../packages/accordion/AccordionStyles.tsx"],"names":[],"mappings":";AAGA,eAAO,MAAM,cAAc,yGAI1B,CAAA;AAED,eAAO,MAAM,qBAAqB,yGAajC,CAAA;AAED,eAAO,MAAM,mBAAmB,yGAM/B,CAAA;AAED,eAAO,MAAM,mBAAmB;eAAoC,OAAO;SAO1E,CAAA;AAED,eAAO,MAAM,qBAAqB,yGA6BjC,CAAA"}

package/dist/types/address/AddressStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddressStyles.d.ts","sourceRoot":"","sources":["../../../packages/address/AddressStyles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yGAIxB,CAAA;AAED,eAAO,MAAM,gBAAgB,0GAQ5B,CAAA;AAED,eAAO,MAAM,mBAAmB,0GAG/B,CAAA"}
+{"version":3,"file":"AddressStyles.d.ts","sourceRoot":"","sources":["../../../packages/address/AddressStyles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yGAIxB,CAAA;AAED,eAAO,MAAM,gBAAgB,0GAK5B,CAAA;AAED,eAAO,MAAM,mBAAmB,0GAG/B,CAAA"}

package/dist/types/addressBadge/AddressBadgeStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddressBadgeStyles.d.ts","sourceRoot":"","sources":["../../../packages/addressBadge/AddressBadgeStyles.tsx"],"names":[],"mappings":";AAGA,eAAO,MAAM,iBAAiB;;;;;;;;;;;uKAY7B,CAAA"}
+{"version":3,"file":"AddressBadgeStyles.d.ts","sourceRoot":"","sources":["../../../packages/addressBadge/AddressBadgeStyles.tsx"],"names":[],"mappings":";AAGA,eAAO,MAAM,iBAAiB;;;;;;;;;;;uKAc7B,CAAA"}

package/dist/types/button/ButtonStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonStyles.d.ts","sourceRoot":"","sources":["../../../packages/button/ButtonStyles.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAE1C,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAEnE,aAAK,aAAa,GAAG;IACnB,MAAM,EAAE,YAAY,CAAA;IACpB,KAAK,EAAE,WAAW,CAAA;IAClB,QAAQ,EAAE,cAAc,CAAA;IACxB,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,KAAK,CAAA;CACb,CAAA;AA4JD,eAAO,MAAM,WAAW,uHAmCvB,CAAA;AAED,eAAO,MAAM,MAAM,uCAKlB,CAAA;AAED,eAAO,MAAM,iBAAiB,0GAQ7B,CAAA;AAED,eAAO,MAAM,kBAAkB;aAA0B,OAAO;SAI/D,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;;;iJAO7B,CAAA"}
+{"version":3,"file":"ButtonStyles.d.ts","sourceRoot":"","sources":["../../../packages/button/ButtonStyles.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAE1C,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAEnE,aAAK,aAAa,GAAG;IACnB,MAAM,EAAE,YAAY,CAAA;IACpB,KAAK,EAAE,WAAW,CAAA;IAClB,QAAQ,EAAE,cAAc,CAAA;IACxB,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,KAAK,CAAA;CACb,CAAA;AAgKD,eAAO,MAAM,WAAW,uHAgCvB,CAAA;AAED,eAAO,MAAM,MAAM,uCAKlB,CAAA;AAED,eAAO,MAAM,iBAAiB,0GAQ7B,CAAA;AAED,eAAO,MAAM,kBAAkB;aAA0B,OAAO;SAI/D,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;;;iJAO7B,CAAA"}

package/dist/types/checkbox/CheckboxStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxStyles.d.ts","sourceRoot":"","sources":["../../../packages/checkbox/CheckboxStyles.tsx"],"names":[],"mappings":";AAGA,eAAO,MAAM,oBAAoB,2GAOhC,CAAA;AAED,eAAO,MAAM,iBAAiB,6sPAM7B,CAAA;AAED,eAAO,MAAM,kBAAkB,2GA6C9B,CAAA"}
+{"version":3,"file":"CheckboxStyles.d.ts","sourceRoot":"","sources":["../../../packages/checkbox/CheckboxStyles.tsx"],"names":[],"mappings":";AAGA,eAAO,MAAM,oBAAoB,2GAOhC,CAAA;AAED,eAAO,MAAM,iBAAiB,6sPAQ7B,CAAA;AAED,eAAO,MAAM,kBAAkB,2GA6C9B,CAAA"}

package/dist/types/chip/ChipStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChipStyles.d.ts","sourceRoot":"","sources":["../../../packages/chip/ChipStyles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtC,aAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,YAAY,CAAA;IACtB,YAAY,EAAE,OAAO,CAAA;CACtB,CAAA;AAqBD,eAAO,MAAM,gBAAgB,sHAc5B,CAAA"}
+{"version":3,"file":"ChipStyles.d.ts","sourceRoot":"","sources":["../../../packages/chip/ChipStyles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtC,aAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,YAAY,CAAA;IACtB,YAAY,EAAE,OAAO,CAAA;CACtB,CAAA;AAqBD,eAAO,MAAM,gBAAgB,sHAa5B,CAAA"}

package/dist/types/cookies-tooltip/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../packages/cookies-tooltip/styles.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,IAAI,yGAehB,CAAA;AAED,eAAO,MAAM,GAAG,yGAaf,CAAA;AAED,eAAO,MAAM,cAAc,yGAY1B,CAAA;AAED,eAAO,MAAM,IAAI,yGAchB,CAAA;AAED,eAAO,MAAM,WAAW,yGAEvB,CAAA;AAgCD,eAAO,MAAM,WAAW;;UAOvB,CAAA;AAED,eAAO,MAAM,aAAa;;UAQzB,CAAA;AAED,eAAO,MAAM,IAAI;;;oBAGhB,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../packages/cookies-tooltip/styles.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,IAAI,yGAehB,CAAA;AAED,eAAO,MAAM,GAAG,yGAaf,CAAA;AAED,eAAO,MAAM,cAAc,yGAY1B,CAAA;AAED,eAAO,MAAM,IAAI,yGAchB,CAAA;AAED,eAAO,MAAM,WAAW,yGAEvB,CAAA;AAkCD,eAAO,MAAM,WAAW;;UAOvB,CAAA;AAED,eAAO,MAAM,aAAa;;UAQzB,CAAA;AAED,eAAO,MAAM,IAAI;;;oBAGhB,CAAA"}

package/dist/types/input/SliderInputStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SliderInputStyles.d.ts","sourceRoot":"","sources":["../../../packages/input/SliderInputStyles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;UA4D5B,CAAA;AAED,eAAO,MAAM,KAAK;oBACA,MAAM;;SA0BvB,CAAA;AAED,eAAO,MAAM,MAAM;;SAuBlB,CAAA;AAED,eAAO,MAAM,aAAa,yGAEzB,CAAA;AAED,eAAO,MAAM,cAAc,yGAI1B,CAAA;AAED,eAAO,MAAM,KAAK,0GAOjB,CAAA;AAED,eAAO,MAAM,WAAW,4GAUvB,CAAA"}
+{"version":3,"file":"SliderInputStyles.d.ts","sourceRoot":"","sources":["../../../packages/input/SliderInputStyles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;UA8D5B,CAAA;AAED,eAAO,MAAM,KAAK;oBACA,MAAM;;SA0BvB,CAAA;AAED,eAAO,MAAM,MAAM;;SAuBlB,CAAA;AAED,eAAO,MAAM,aAAa,yGAEzB,CAAA;AAED,eAAO,MAAM,cAAc,yGAI1B,CAAA;AAED,eAAO,MAAM,KAAK,0GAOjB,CAAA;AAED,eAAO,MAAM,WAAW,4GAUvB,CAAA"}

package/dist/types/loaders/InlineLoaderStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InlineLoaderStyles.d.ts","sourceRoot":"","sources":["../../../packages/loaders/InlineLoaderStyles.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,uCAIvB,CAAA;AAED,eAAO,MAAM,iBAAiB;;SAmC7B,CAAA"}
+{"version":3,"file":"InlineLoaderStyles.d.ts","sourceRoot":"","sources":["../../../packages/loaders/InlineLoaderStyles.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,uCAIvB,CAAA;AAED,eAAO,MAAM,iBAAiB;;SAgC7B,CAAA"}

package/dist/types/main-menu/MainMenuStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MainMenuStyles.d.ts","sourceRoot":"","sources":["../../../packages/main-menu/MainMenuStyles.tsx"],"names":[],"mappings":"AACA,eAAO,MAAM,UAAU,wDAOtB,CAAA;AAqBD,eAAO,MAAM,GAAG,yGAMf,CAAA"}
+{"version":3,"file":"MainMenuStyles.d.ts","sourceRoot":"","sources":["../../../packages/main-menu/MainMenuStyles.tsx"],"names":[],"mappings":"AACA,eAAO,MAAM,UAAU,wDAOtB,CAAA;AAqBD,eAAO,MAAM,GAAG,yGAOf,CAAA"}

package/dist/types/modal/ModalButtonStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalButtonStyles.d.ts","sourceRoot":"","sources":["../../../packages/modal/ModalButtonStyles.tsx"],"names":[],"mappings":";AAIA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;yMAgB5B,CAAA;AAED,eAAO,MAAM,uBAAuB,0GAKnC,CAAA"}
+{"version":3,"file":"ModalButtonStyles.d.ts","sourceRoot":"","sources":["../../../packages/modal/ModalButtonStyles.tsx"],"names":[],"mappings":";AAIA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;yMAc5B,CAAA;AAED,eAAO,MAAM,uBAAuB,0GAKnC,CAAA"}

package/dist/types/modal/ModalOverlayStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalOverlayStyles.d.ts","sourceRoot":"","sources":["../../../packages/modal/ModalOverlayStyles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAE9D,aAAK,eAAe,GAAG;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,oBAAoB,CAAC,kBAAkB,CAAC,CAAA;CACtD,CAAA;AAMD,eAAO,MAAM,gBAAgB;eACd,OAAO;2BAYrB,CAAA;AAED,eAAO,MAAM,kBAAkB,yGAU9B,CAAA;AAQD,eAAO,MAAM,iBAAiB,sHAc7B,CAAA"}
+{"version":3,"file":"ModalOverlayStyles.d.ts","sourceRoot":"","sources":["../../../packages/modal/ModalOverlayStyles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAE9D,aAAK,eAAe,GAAG;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,oBAAoB,CAAC,kBAAkB,CAAC,CAAA;CACtD,CAAA;AAMD,eAAO,MAAM,gBAAgB;eACd,OAAO;2BASrB,CAAA;AAED,eAAO,MAAM,kBAAkB,yGAO9B,CAAA;AAQD,eAAO,MAAM,iBAAiB,sHAc7B,CAAA"}

package/dist/types/select/SelectIconStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectIconStyles.d.ts","sourceRoot":"","sources":["../../../packages/select/SelectIconStyles.tsx"],"names":[],"mappings":";AAGA,eAAO,MAAM,eAAe;;;;;;0GAI3B,CAAA;AAED,eAAO,MAAM,wBAAwB,0GAQpC,CAAA"}
+{"version":3,"file":"SelectIconStyles.d.ts","sourceRoot":"","sources":["../../../packages/select/SelectIconStyles.tsx"],"names":[],"mappings":";AAGA,eAAO,MAAM,eAAe;;;;;;0GAI3B,CAAA;AAED,eAAO,MAAM,wBAAwB,0GAOpC,CAAA"}

package/dist/types/stack/StackItemStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StackItemStyles.d.ts","sourceRoot":"","sources":["../../../packages/stack/StackItemStyles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAG1C,eAAO,MAAM,cAAc;WAClB,MAAM;aACJ,MAAM;YACP,MAAM;;WAEP,KAAK;SAUb,CAAA"}
+{"version":3,"file":"StackItemStyles.d.ts","sourceRoot":"","sources":["../../../packages/stack/StackItemStyles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAG1C,eAAO,MAAM,cAAc;WAClB,MAAM;aACJ,MAAM;YACP,MAAM;;WAEP,KAAK;SAQb,CAAA"}

package/dist/types/stack/StackStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StackStyles.d.ts","sourceRoot":"","sources":["../../../packages/stack/StackStyles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EACL,WAAW,EACX,eAAe,EACf,cAAc,EAEd,UAAU,EACX,MAAM,SAAS,CAAA;AAEhB,eAAO,MAAM,UAAU;YACb,WAAW;cACT,cAAc;gBACZ,eAAe;WACpB,UAAU;;WAEV,KAAK;SASb,CAAA"}
+{"version":3,"file":"StackStyles.d.ts","sourceRoot":"","sources":["../../../packages/stack/StackStyles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EACL,WAAW,EACX,eAAe,EACf,cAAc,EAEd,UAAU,EACX,MAAM,SAAS,CAAA;AAEhB,eAAO,MAAM,UAAU;YACb,WAAW;cACT,cAAc;gBACZ,eAAe;WACpB,UAAU;;WAEV,KAAK;SAQb,CAAA"}

package/dist/types/toast/ToastPendingStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastPendingStyles.d.ts","sourceRoot":"","sources":["../../../packages/toast/ToastPendingStyles.tsx"],"names":[],"mappings":";AAGA,eAAO,MAAM,iBAAiB,yGAG7B,CAAA;AAED,eAAO,MAAM,qBAAqB,yGAAe,CAAA;AAEjD,eAAO,MAAM,uBAAuB;;;;;;;iJAMnC,CAAA"}
+{"version":3,"file":"ToastPendingStyles.d.ts","sourceRoot":"","sources":["../../../packages/toast/ToastPendingStyles.tsx"],"names":[],"mappings":";AAGA,eAAO,MAAM,iBAAiB,yGAG7B,CAAA;AAED,eAAO,MAAM,qBAAqB,yGAAe,CAAA;AAEjD,eAAO,MAAM,uBAAuB;;;;;;;iJAOnC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lidofinance/lido-ui",
-  "version": "3.8.1",
+  "version": "3.9.0",
   "homepage": "https://github.com/lidofinance/ui",
   "repository": {
     "type": "git",
@@ -21,8 +21,12 @@
     "build": "zx ./scripts/build.cjs",
     "test": "jest",
     "test:coverage": "jest coverage",
-    "lint": "eslint .",
-    "lint:fix": "eslint --fix .",
+    "lint": "set +e; yarn lint:js; yarn lint:css; set -e",
+    "lint:fix": "set +e; yarn lint:js:fix; yarn lint:css:fix; set -e",
+    "lint:js": "eslint .",
+    "lint:js:fix": "eslint --fix .",
+    "lint:css": "stylelint '**/*Styles.tsx'",
+    "lint:css:fix": "yarn lint:css --fix",
     "types": "tsc --noEmit",
     "generate-swcrc": "zx ./scripts/generate-swcrc.cjs",
     "prepare": "husky install",
@@ -75,21 +79,21 @@
     "@types/react": "18.0.17",
     "@types/react-dom": "18.0.6",
     "@types/react-is": "17.0.2",
-    "@types/react-transition-group": "^4.4.5",
+    "@types/react-transition-group": "^4.4.6",
     "@types/styled-components": "^5.1.26",
-    "@types/styled-system": "^5.1.15",
+    "@types/styled-system": "^5.1.16",
     "@types/styled-system__should-forward-prop": "^5.1.2",
     "@types/ua-parser-js": "^0.7.36",
     "@typescript-eslint/eslint-plugin": "^5.36.1",
     "@typescript-eslint/parser": "^5.36.1",
-    "browserslist": "^4.21.3",
+    "browserslist": "^4.21.10",
     "conventional-changelog-conventionalcommits": "4.6.3",
-    "eslint": "7.32.0",
-    "eslint-config-prettier": "8.3.0",
-    "eslint-plugin-jsx-a11y": "6.4.1",
-    "eslint-plugin-prettier": "3.4.1",
-    "eslint-plugin-react": "7.24.0",
-    "eslint-plugin-react-hooks": "4.2.0",
+    "eslint": "8.46.0",
+    "eslint-config-prettier": "9.0.0",
+    "eslint-plugin-jsx-a11y": "6.7.1",
+    "eslint-plugin-prettier": "5.0.0",
+    "eslint-plugin-react": "7.33.1",
+    "eslint-plugin-react-hooks": "4.6.0",
     "husky": "^7.0.1",
     "jest": "^29.0.1",
     "jest-environment-jsdom": "^29.0.1",
@@ -98,7 +102,9 @@
     "jest-runner": "^29.0.1",
     "jest-styled-components": "^7.1.1",
     "lint-staged": "11.1.2",
-    "prettier": "2.3.2",
+    "postcss": "^8.4.27",
+    "postcss-styled-syntax": "^0.4.0",
+    "prettier": "^3.0.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-is": "18.2.0",
@@ -107,6 +113,9 @@
     "storybook-addon-swc": "^1.1.8",
     "storybook-dark-mode": "^1.1.0",
     "styled-components": "^5.3.5",
+    "stylelint": "^15.10.2",
+    "stylelint-config-standard": "^34.0.0",
+    "stylelint-prettier": "^4.0.2",
     "tslib": "2.3.1",
     "typescript": "4.8",
     "zx": "^7.0.8"