@lidofinance/lido-ui 3.32.0 → 3.34.0

package/dist/esm/input/Textarea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.mjs","sources":["../../../packages/input/Textarea.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  InputWrapperStyle,\n  InputContentStyle,\n  TextareaStyle,\n  InputMessageStyle,\n  InputControlWrapperStyle,\n} from './InputStyles.js'\nimport { TextareaLabelStyle } from './LabelStyles.js'\nimport { TextareaProps } from './types.js'\n\nexport const Textarea = forwardRef(\n  (\n    {\n      label,\n      error,\n      warning,\n      success,\n      active = false,\n      fullwidth = false,\n      placeholder = ' ',\n      className,\n      style,\n      variant = 'default',\n      color = 'default',\n      id,\n      disabled = false,\n      wrapperRef,\n      children,\n      ...rest\n    }: TextareaProps,\n    ref?: ForwardedRef<HTMLInputElement>,\n  ) => {\n    const hasLabel = !!label && variant === 'default'\n\n    const hasError = !!error\n    const hasErrorMessage = hasError && typeof error !== 'boolean'\n    const hasWarning = !hasError && !!warning // `error` overrides `warning`\n    const hasWarningMessage = hasWarning && typeof warning !== 'boolean'\n    const hasSuccess = !!success && !error\n    const hasSuccessMessage = hasSuccess && typeof success !== 'boolean'\n\n    return (\n      <InputWrapperStyle\n        className={className}\n        style={style}\n        $disabled={disabled}\n        $fullwidth={fullwidth}\n        htmlFor={id}\n        ref={wrapperRef}\n      >\n        <InputContentStyle\n          $color={color}\n          $variant={variant}\n          $error={hasError}\n          $warning={hasWarning}\n          $active={active}\n          $disabled={disabled}\n        >\n          <InputControlWrapperStyle>\n            <TextareaStyle\n              $labeled={hasLabel}\n              $color={color}\n              placeholder={placeholder}\n              aria-invalid={hasError}\n              ref={ref}\n              {...rest}\n            />\n            {hasLabel && (\n              <TextareaLabelStyle $color={color}>{label}</TextareaLabelStyle>\n            )}\n          </InputControlWrapperStyle>\n        </InputContentStyle>\n\n        {hasErrorMessage && (\n          <InputMessageStyle $variant='error' $bordered>\n            {error}\n          </InputMessageStyle>\n        )}\n        {hasWarningMessage && (\n          <InputMessageStyle $variant='warning' $bordered>\n            {warning}\n          </InputMessageStyle>\n        )}\n        {hasSuccessMessage && (\n          <InputMessageStyle $variant='success' $bordered>\n            {success}\n          </InputMessageStyle>\n        )}\n      </InputWrapperStyle>\n    )\n  },\n)\nTextarea.displayName = 'Textarea'\n"],"names":["Textarea","forwardRef","ref","label","error","warning","success","active","fullwidth","placeholder","className","style","variant","color","id","disabled","wrapperRef","children","rest","hasLabel","hasError","hasErrorMessage","hasWarning","hasWarningMessage","hasSuccess","hasSuccessMessage","_jsxs","_jsx","displayName"],"mappings":"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"}
+{"version":3,"file":"Textarea.mjs","sources":["../../../packages/input/Textarea.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  InputWrapperStyle,\n  InputContentStyle,\n  TextareaStyle,\n  InputMessageStyle,\n  InputControlWrapperStyle,\n} from './InputStyles.js'\nimport { TextareaLabelStyle } from './LabelStyles.js'\nimport { TextareaProps } from './types.js'\n\nexport const Textarea = forwardRef(\n  (\n    {\n      label,\n      error,\n      warning,\n      success,\n      active = false,\n      fullwidth = false,\n      placeholder = ' ',\n      className,\n      style,\n      variant = 'default',\n      color = 'default',\n      id,\n      disabled = false,\n      wrapperRef,\n      children,\n      ...rest\n    }: TextareaProps,\n    ref?: ForwardedRef<HTMLInputElement>,\n  ) => {\n    const hasLabel = !!label && variant === 'default'\n\n    const hasError = !!error\n    const hasErrorMessage = hasError && typeof error !== 'boolean'\n    const hasWarning = !hasError && !!warning // `error` overrides `warning`\n    const hasWarningMessage = hasWarning && typeof warning !== 'boolean'\n    const hasSuccess = !!success && !error\n    const hasSuccessMessage = hasSuccess && typeof success !== 'boolean'\n\n    return (\n      <InputWrapperStyle\n        className={className}\n        style={style}\n        $disabled={disabled}\n        $fullwidth={fullwidth}\n        htmlFor={id}\n        ref={wrapperRef}\n      >\n        <InputContentStyle\n          $color={color}\n          $variant={variant}\n          $error={hasError}\n          $warning={hasWarning}\n          $active={active}\n          $disabled={disabled}\n        >\n          <InputControlWrapperStyle>\n            <TextareaStyle\n              $labeled={hasLabel}\n              $color={color}\n              placeholder={placeholder}\n              aria-invalid={hasError}\n              ref={ref}\n              {...rest}\n            />\n            {hasLabel && (\n              <TextareaLabelStyle $color={color}>{label}</TextareaLabelStyle>\n            )}\n          </InputControlWrapperStyle>\n        </InputContentStyle>\n\n        {hasErrorMessage && (\n          <InputMessageStyle $variant='error' $bordered>\n            {error}\n          </InputMessageStyle>\n        )}\n        {hasWarningMessage && (\n          <InputMessageStyle $variant='warning' $bordered>\n            {warning}\n          </InputMessageStyle>\n        )}\n        {hasSuccessMessage && (\n          <InputMessageStyle $variant='success' $bordered>\n            {success}\n          </InputMessageStyle>\n        )}\n      </InputWrapperStyle>\n    )\n  },\n)\nTextarea.displayName = 'Textarea'\n"],"names":["Textarea","forwardRef","_ref","ref","label","error","warning","success","active","fullwidth","placeholder","className","style","variant","color","id","disabled","wrapperRef","children","rest","hasLabel","hasError","hasErrorMessage","hasWarning","hasWarningMessage","hasSuccess","hasSuccessMessage","_jsxs","InputWrapperStyle","$disabled","$fullwidth","htmlFor","_jsx","InputContentStyle","$color","$variant","$error","$warning","$active","InputControlWrapperStyle","TextareaStyle","$labeled","TextareaLabelStyle","InputMessageStyle","$bordered","displayName"],"mappings":";;;;;AAWO,MAAMA,QAAQ,gBAAGC,UAAU,CAChC,CAAAC,IAAA,EAmBEC,GAAoC,KACjC;EAAA,IAnBH;IACEC,KAAK;IACLC,KAAK;IACLC,OAAO;IACPC,OAAO;AACPC,IAAAA,MAAM,GAAG,KAAK;AACdC,IAAAA,SAAS,GAAG,KAAK;AACjBC,IAAAA,WAAW,GAAG,GAAG;IACjBC,SAAS;IACTC,KAAK;AACLC,IAAAA,OAAO,GAAG,SAAS;AACnBC,IAAAA,KAAK,GAAG,SAAS;IACjBC,EAAE;AACFC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,UAAU;IACVC,QAAQ;IACR,GAAGC,IAAAA;AACU,GAAC,GAAAjB,IAAA,CAAA;EAGhB,MAAMkB,QAAQ,GAAG,CAAC,CAAChB,KAAK,IAAIS,OAAO,KAAK,SAAS,CAAA;AAEjD,EAAA,MAAMQ,QAAQ,GAAG,CAAC,CAAChB,KAAK,CAAA;AACxB,EAAA,MAAMiB,eAAe,GAAGD,QAAQ,IAAI,OAAOhB,KAAK,KAAK,SAAS,CAAA;EAC9D,MAAMkB,UAAU,GAAG,CAACF,QAAQ,IAAI,CAAC,CAACf,OAAO,CAAC;AAC1C,EAAA,MAAMkB,iBAAiB,GAAGD,UAAU,IAAI,OAAOjB,OAAO,KAAK,SAAS,CAAA;AACpE,EAAA,MAAMmB,UAAU,GAAG,CAAC,CAAClB,OAAO,IAAI,CAACF,KAAK,CAAA;AACtC,EAAA,MAAMqB,iBAAiB,GAAGD,UAAU,IAAI,OAAOlB,OAAO,KAAK,SAAS,CAAA;EAEpE,oBACEoB,IAAA,CAACC,iBAAiB,EAAA;AAChBjB,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,KAAK,EAAEA,KAAM;AACbiB,IAAAA,SAAS,EAAEb,QAAS;AACpBc,IAAAA,UAAU,EAAErB,SAAU;AACtBsB,IAAAA,OAAO,EAAEhB,EAAG;AACZZ,IAAAA,GAAG,EAAEc,UAAW;IAAAC,QAAA,EAAA,cAEhBc,GAAA,CAACC,iBAAiB,EAAA;AAChBC,MAAAA,MAAM,EAAEpB,KAAM;AACdqB,MAAAA,QAAQ,EAAEtB,OAAQ;AAClBuB,MAAAA,MAAM,EAAEf,QAAS;AACjBgB,MAAAA,QAAQ,EAAEd,UAAW;AACrBe,MAAAA,OAAO,EAAE9B,MAAO;AAChBqB,MAAAA,SAAS,EAAEb,QAAS;MAAAE,QAAA,eAEpBS,IAAA,CAACY,wBAAwB,EAAA;QAAArB,QAAA,EAAA,cACvBc,GAAA,CAACQ,aAAa,EAAA;AACZC,UAAAA,QAAQ,EAAErB,QAAS;AACnBc,UAAAA,MAAM,EAAEpB,KAAM;AACdJ,UAAAA,WAAW,EAAEA,WAAY;AACzB,UAAA,cAAA,EAAcW,QAAS;AACvBlB,UAAAA,GAAG,EAAEA,GAAI;UAAA,GACLgB,IAAAA;AAAI,SACT,CAAC,EACDC,QAAQ,iBACPY,GAAA,CAACU,kBAAkB,EAAA;AAACR,UAAAA,MAAM,EAAEpB,KAAM;AAAAI,UAAAA,QAAA,EAAEd,KAAAA;AAAK,SAAqB,CAC/D,CAAA;OACuB,CAAA;AAAC,KACV,CAAC,EAEnBkB,eAAe,iBACdU,GAAA,CAACW,iBAAiB,EAAA;AAACR,MAAAA,QAAQ,EAAC,OAAO;MAACS,SAAS,EAAA,IAAA;AAAA1B,MAAAA,QAAA,EAC1Cb,KAAAA;AAAK,KACW,CACpB,EACAmB,iBAAiB,iBAChBQ,GAAA,CAACW,iBAAiB,EAAA;AAACR,MAAAA,QAAQ,EAAC,SAAS;MAACS,SAAS,EAAA,IAAA;AAAA1B,MAAAA,QAAA,EAC5CZ,OAAAA;AAAO,KACS,CACpB,EACAoB,iBAAiB,iBAChBM,GAAA,CAACW,iBAAiB,EAAA;AAACR,MAAAA,QAAQ,EAAC,SAAS;MAACS,SAAS,EAAA,IAAA;AAAA1B,MAAAA,QAAA,EAC5CX,OAAAA;AAAO,KACS,CACpB,CAAA;AAAA,GACgB,CAAC,CAAA;AAExB,CACF,EAAC;AACDP,QAAQ,CAAC6C,WAAW,GAAG,UAAU;;;;"}

package/dist/esm/input/types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.mjs","sources":["../../../packages/input/types.ts"],"sourcesContent":["import { ChangeEventHandler, ReactNode, RefObject } from 'react'\nimport { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum InputMessageVariant {\n  error,\n  warning,\n  success,\n}\nexport type InputMessageVariants = keyof typeof InputMessageVariant\n\nexport enum InputType {\n  text,\n  password,\n  number,\n  email,\n  search,\n  tel,\n  url,\n}\nexport type InputTypes = keyof typeof InputType\n\nexport enum InputVariant {\n  small,\n  default,\n}\nexport type InputVariants = keyof typeof InputVariant\n\nexport enum InputColor {\n  default,\n  accent,\n}\nexport type InputColors = keyof typeof InputColor\n\ntype CommonProps = {\n  label?: ReactNode\n  error?: ReactNode | boolean\n  warning?: ReactNode | boolean\n  success?: ReactNode | boolean\n  variant?: InputVariants\n  color?: InputColors\n  active?: boolean\n  fullwidth?: boolean\n  wrapperRef?: RefObject<HTMLLabelElement>\n  as?: never\n}\n\nexport type InputProps = LidoComponentProps<\n  'input',\n  CommonProps & {\n    type?: InputTypes\n    leftDecorator?: ReactNode\n    rightDecorator?: ReactNode\n  }\n>\n\nexport type TextareaProps = LidoComponentProps<'textarea', CommonProps>\n\nexport type InputGroupProps = LidoComponentProps<\n  'span',\n  {\n    fullwidth?: boolean\n    error?: ReactNode\n    success?: ReactNode\n    warning?: ReactNode\n  }\n>\n\ninterface ValueLabel {\n  value: number\n  label: ReactNode\n}\n\ntype SliderProps = {\n  value: number\n  onChange?: ChangeEventHandler<HTMLInputElement>\n  min?: number\n  max?: number\n  minLabel?: ReactNode\n  maxLabel?: ReactNode\n  step?: number\n  getLabel?: (value: number) => ReactNode\n  borderNone?: boolean\n  labels?: ValueLabel[]\n  onLabelClick?: (value: number) => unknown\n}\n\nexport type SliderInputProps = LidoComponentProps<'input', SliderProps>\n\ntype SliderOptionValue = string | number\n\ninterface SliderOption {\n  value: SliderOptionValue\n  label: ReactNode\n}\n\ninterface OptionsSliderProps {\n  options: [SliderOption, SliderOption, ...SliderOption[]] // this is declaration like T[] but with \"at least 2 elements\" constraint\n  value?: SliderOptionValue // if value is not provided, component should act isolated; initial value should be first option\n  onChange: (value: SliderOptionValue, valueIndex: number) => unknown\n}\n\nexport type OptionsSliderInputProps = Omit<\n  SliderInputProps,\n  'value' | 'onChange'\n> &\n  OptionsSliderProps\n"],"names":["InputMessageVariant","InputType","InputVariant","InputColor"],"mappings":"AAIYA,IAAAA,mBAAZ,0BAAYA,mBAAZ,EAAA;AAAYA,EAAAA,mBAAZ,CAAYA,mBAAZ,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAYA,EAAAA,mBAAZ,CAAYA,mBAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAYA,EAAAA,mBAAZ,CAAYA,mBAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAAYA,mBAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOYC,IAAAA,SAAZ,0BAAYA,SAAZ,EAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAAYA,EAAAA,SAAZ,CAAYA,SAAZ,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAAA,EAAA,OAAYA,SAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAWYC,IAAAA,YAAZ,0BAAYA,YAAZ,EAAA;AAAYA,EAAAA,YAAZ,CAAYA,YAAZ,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAYA,EAAAA,YAAZ,CAAYA,YAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAAYA,YAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMYC,IAAAA,UAAZ,0BAAYA,UAAZ,EAAA;AAAYA,EAAAA,UAAZ,CAAYA,UAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAYA,EAAAA,UAAZ,CAAYA,UAAZ,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAYA,UAAZ,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
+{"version":3,"file":"types.mjs","sources":["../../../packages/input/types.ts"],"sourcesContent":["import { ChangeEventHandler, ReactNode, RefObject } from 'react'\nimport { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum InputMessageVariant {\n  error,\n  warning,\n  success,\n}\nexport type InputMessageVariants = keyof typeof InputMessageVariant\n\nexport enum InputType {\n  text,\n  password,\n  number,\n  email,\n  search,\n  tel,\n  url,\n}\nexport type InputTypes = keyof typeof InputType\n\nexport enum InputVariant {\n  small,\n  default,\n}\nexport type InputVariants = keyof typeof InputVariant\n\nexport enum InputColor {\n  default,\n  accent,\n}\nexport type InputColors = keyof typeof InputColor\n\ntype CommonProps = {\n  label?: ReactNode\n  error?: ReactNode | boolean\n  warning?: ReactNode | boolean\n  success?: ReactNode | boolean\n  variant?: InputVariants\n  color?: InputColors\n  active?: boolean\n  fullwidth?: boolean\n  wrapperRef?: RefObject<HTMLLabelElement>\n  as?: never\n}\n\nexport type InputProps = LidoComponentProps<\n  'input',\n  CommonProps & {\n    type?: InputTypes\n    leftDecorator?: ReactNode\n    rightDecorator?: ReactNode\n  }\n>\n\nexport type TextareaProps = LidoComponentProps<'textarea', CommonProps>\n\nexport type InputGroupProps = LidoComponentProps<\n  'span',\n  {\n    fullwidth?: boolean\n    error?: ReactNode\n    success?: ReactNode\n    warning?: ReactNode\n  }\n>\n\ninterface ValueLabel {\n  value: number\n  label: ReactNode\n}\n\ntype SliderProps = {\n  value: number\n  onChange?: ChangeEventHandler<HTMLInputElement>\n  min?: number\n  max?: number\n  minLabel?: ReactNode\n  maxLabel?: ReactNode\n  step?: number\n  getLabel?: (value: number) => ReactNode\n  borderNone?: boolean\n  labels?: ValueLabel[]\n  onLabelClick?: (value: number) => unknown\n}\n\nexport type SliderInputProps = LidoComponentProps<'input', SliderProps>\n\ntype SliderOptionValue = string | number\n\ninterface SliderOption {\n  value: SliderOptionValue\n  label: ReactNode\n}\n\ninterface OptionsSliderProps {\n  options: [SliderOption, SliderOption, ...SliderOption[]] // this is declaration like T[] but with \"at least 2 elements\" constraint\n  value?: SliderOptionValue // if value is not provided, component should act isolated; initial value should be first option\n  onChange: (value: SliderOptionValue, valueIndex: number) => unknown\n}\n\nexport type OptionsSliderInputProps = Omit<\n  SliderInputProps,\n  'value' | 'onChange'\n> &\n  OptionsSliderProps\n"],"names":["InputMessageVariant","InputType","InputVariant","InputColor"],"mappings":"AAIYA,IAAAA,mBAAmB,0BAAnBA,mBAAmB,EAAA;AAAnBA,EAAAA,mBAAmB,CAAnBA,mBAAmB,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAnBA,EAAAA,mBAAmB,CAAnBA,mBAAmB,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAnBA,EAAAA,mBAAmB,CAAnBA,mBAAmB,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAAnBA,mBAAmB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOnBC,IAAAA,SAAS,0BAATA,SAAS,EAAA;AAATA,EAAAA,SAAS,CAATA,SAAS,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAATA,EAAAA,SAAS,CAATA,SAAS,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAATA,EAAAA,SAAS,CAATA,SAAS,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAATA,EAAAA,SAAS,CAATA,SAAS,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAATA,EAAAA,SAAS,CAATA,SAAS,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAATA,EAAAA,SAAS,CAATA,SAAS,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAATA,EAAAA,SAAS,CAATA,SAAS,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAAA,EAAA,OAATA,SAAS,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAWTC,IAAAA,YAAY,0BAAZA,YAAY,EAAA;AAAZA,EAAAA,YAAY,CAAZA,YAAY,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAZA,EAAAA,YAAY,CAAZA,YAAY,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAAZA,YAAY,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMZC,IAAAA,UAAU,0BAAVA,UAAU,EAAA;AAAVA,EAAAA,UAAU,CAAVA,UAAU,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAVA,EAAAA,UAAU,CAAVA,UAAU,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAVA,UAAU,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/lido-logo/LidoLogo.mjs

@@ -3,7 +3,8 @@ import { LidoLogoStyles } from './LidoLogoStyles.mjs';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 const LidoLogo = /*#__PURE__*/forwardRef((props, ref) => {
-  return /*#__PURE__*/jsx(LidoLogoStyles, { ...props,
+  return /*#__PURE__*/jsx(LidoLogoStyles, {
+    ...props,
     ref: ref,
     children: /*#__PURE__*/jsxs("svg", {
       width: "89",

package/dist/esm/lido-logo/LidoLogo.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LidoLogo.mjs","sources":["../../../packages/lido-logo/LidoLogo.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { LidoLogoStyles } from './LidoLogoStyles.js'\nimport { LidoLogoProps } from './types.js'\n\nexport const LidoLogo = forwardRef(\n  (props: LidoLogoProps, ref?: ForwardedRef<HTMLDivElement>) => {\n    return (\n      <LidoLogoStyles {...props} ref={ref}>\n        <svg\n          width='89'\n          height='20'\n          fill='currentColor'\n          xmlns='http://www.w3.org/2000/svg'\n        >\n          <path d='M27.172 4.094h2.25v9.656h5.531v2.156h-7.781V4.094zm17.617 0h2.25v11.812h-2.25V4.094zm13.021 0h3.75c.774 0 1.512.162 2.212.487.7.313 1.319.738 1.856 1.275a6.078 6.078 0 0 1 1.275 1.875c.313.713.469 1.469.469 2.269s-.156 1.556-.469 2.269a6.078 6.078 0 0 1-1.275 1.875 6.435 6.435 0 0 1-1.856 1.293c-.7.313-1.438.47-2.212.47h-3.75V4.093zm3.75 9.656c.462 0 .906-.1 1.33-.3.438-.2.82-.469 1.144-.806.338-.338.6-.732.788-1.181.2-.463.3-.95.3-1.463 0-.512-.1-.994-.3-1.444a3.576 3.576 0 0 0-.788-1.2 3.717 3.717 0 0 0-1.143-.806 3.09 3.09 0 0 0-1.331-.3h-1.5v7.5h1.5zM82.558 16a5.56 5.56 0 0 1-2.213-.45 5.978 5.978 0 0 1-1.818-1.275 6.625 6.625 0 0 1-1.238-1.912A6.118 6.118 0 0 1 76.84 10c0-.838.15-1.619.45-2.344a6.304 6.304 0 0 1 1.238-1.912 5.575 5.575 0 0 1 1.818-1.275A5.367 5.367 0 0 1 82.558 4a5.24 5.24 0 0 1 2.194.469c.7.3 1.306.725 1.818 1.275a5.868 5.868 0 0 1 1.238 1.912c.312.725.469 1.506.469 2.344 0 .85-.157 1.637-.47 2.363a6.144 6.144 0 0 1-1.237 1.912 5.689 5.689 0 0 1-1.818 1.275c-.688.3-1.42.45-2.194.45zm0-2.156c.462 0 .906-.094 1.331-.281a3.31 3.31 0 0 0 1.106-.788 4.13 4.13 0 0 0 .75-1.219c.188-.475.282-.993.282-1.556 0-.563-.094-1.075-.282-1.537a3.855 3.855 0 0 0-.75-1.22 3.263 3.263 0 0 0-2.437-1.088 3.333 3.333 0 0 0-1.35.282 3.25 3.25 0 0 0-1.088.807 3.854 3.854 0 0 0-.75 1.219A4.057 4.057 0 0 0 79.09 10c0 .563.093 1.081.28 1.556.188.463.438.869.75 1.219.313.338.675.6 1.088.787a3.3 3.3 0 0 0 1.35.282z' />\n          <path\n            fillRule='evenodd'\n            clipRule='evenodd'\n            d='m7.005 0 4.949 7.748-4.949 2.884-4.948-2.884L7.005 0zM3.572 7.381l3.433-5.376 3.434 5.376-3.434 2.002L3.572 7.38z'\n            fill='#00A3FF'\n          />\n          <path\n            d='M6.998 12.335 1.258 8.99l-.157.245a6.999 6.999 0 1 0 11.796 0l-.157-.245-5.742 3.346z'\n            fill='#00A3FF'\n          />\n        </svg>\n      </LidoLogoStyles>\n    )\n  },\n)\nLidoLogo.displayName = 'LidoLogo'\n"],"names":["LidoLogo","forwardRef","props","ref","_jsx","_jsxs","displayName"],"mappings":";;;;AAIO,MAAMA,QAAQ,gBAAGC,UAAU,CAChC,CAACC,KAAD,EAAuBC,GAAvB,KAA8D;EAC5D,oBACEC,GAAA,CAAC,cAAD,EAAA,EAAA,GAAoBF,KAApB;AAA2B,IAAA,GAAG,EAAEC,GAAhC;IAAA,QACE,eAAAE,IAAA,CAAA,KAAA,EAAA;AACE,MAAA,KAAK,EAAC,IADR;AAEE,MAAA,MAAM,EAAC,IAFT;AAGE,MAAA,IAAI,EAAC,cAHP;AAIE,MAAA,KAAK,EAAC,4BAJR;MAAA,QAME,EAAA,cAAAD,GAAA,CAAA,MAAA,EAAA;AAAM,QAAA,CAAC,EAAC,y5CAAA;AAAR,OAAA,CANF,eAOEA,GAAA,CAAA,MAAA,EAAA;AACE,QAAA,QAAQ,EAAC,SADX;AAEE,QAAA,QAAQ,EAAC,SAFX;AAGE,QAAA,CAAC,EAAC,mHAHJ;AAIE,QAAA,IAAI,EAAC,SAAA;AAJP,OAAA,CAPF,eAaEA,GAAA,CAAA,MAAA,EAAA;AACE,QAAA,CAAC,EAAC,uFADJ;AAEE,QAAA,IAAI,EAAC,SAAA;OAfT,CAAA,CAAA;AAAA,KAAA,CAAA;GAFJ,CAAA,CAAA;AAsBD,CAxB+B,EAA3B;AA0BPJ,QAAQ,CAACM,WAAT,GAAuB,UAAvB;;;;"}
+{"version":3,"file":"LidoLogo.mjs","sources":["../../../packages/lido-logo/LidoLogo.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { LidoLogoStyles } from './LidoLogoStyles.js'\nimport { LidoLogoProps } from './types.js'\n\nexport const LidoLogo = forwardRef(\n  (props: LidoLogoProps, ref?: ForwardedRef<HTMLDivElement>) => {\n    return (\n      <LidoLogoStyles {...props} ref={ref}>\n        <svg\n          width='89'\n          height='20'\n          fill='currentColor'\n          xmlns='http://www.w3.org/2000/svg'\n        >\n          <path d='M27.172 4.094h2.25v9.656h5.531v2.156h-7.781V4.094zm17.617 0h2.25v11.812h-2.25V4.094zm13.021 0h3.75c.774 0 1.512.162 2.212.487.7.313 1.319.738 1.856 1.275a6.078 6.078 0 0 1 1.275 1.875c.313.713.469 1.469.469 2.269s-.156 1.556-.469 2.269a6.078 6.078 0 0 1-1.275 1.875 6.435 6.435 0 0 1-1.856 1.293c-.7.313-1.438.47-2.212.47h-3.75V4.093zm3.75 9.656c.462 0 .906-.1 1.33-.3.438-.2.82-.469 1.144-.806.338-.338.6-.732.788-1.181.2-.463.3-.95.3-1.463 0-.512-.1-.994-.3-1.444a3.576 3.576 0 0 0-.788-1.2 3.717 3.717 0 0 0-1.143-.806 3.09 3.09 0 0 0-1.331-.3h-1.5v7.5h1.5zM82.558 16a5.56 5.56 0 0 1-2.213-.45 5.978 5.978 0 0 1-1.818-1.275 6.625 6.625 0 0 1-1.238-1.912A6.118 6.118 0 0 1 76.84 10c0-.838.15-1.619.45-2.344a6.304 6.304 0 0 1 1.238-1.912 5.575 5.575 0 0 1 1.818-1.275A5.367 5.367 0 0 1 82.558 4a5.24 5.24 0 0 1 2.194.469c.7.3 1.306.725 1.818 1.275a5.868 5.868 0 0 1 1.238 1.912c.312.725.469 1.506.469 2.344 0 .85-.157 1.637-.47 2.363a6.144 6.144 0 0 1-1.237 1.912 5.689 5.689 0 0 1-1.818 1.275c-.688.3-1.42.45-2.194.45zm0-2.156c.462 0 .906-.094 1.331-.281a3.31 3.31 0 0 0 1.106-.788 4.13 4.13 0 0 0 .75-1.219c.188-.475.282-.993.282-1.556 0-.563-.094-1.075-.282-1.537a3.855 3.855 0 0 0-.75-1.22 3.263 3.263 0 0 0-2.437-1.088 3.333 3.333 0 0 0-1.35.282 3.25 3.25 0 0 0-1.088.807 3.854 3.854 0 0 0-.75 1.219A4.057 4.057 0 0 0 79.09 10c0 .563.093 1.081.28 1.556.188.463.438.869.75 1.219.313.338.675.6 1.088.787a3.3 3.3 0 0 0 1.35.282z' />\n          <path\n            fillRule='evenodd'\n            clipRule='evenodd'\n            d='m7.005 0 4.949 7.748-4.949 2.884-4.948-2.884L7.005 0zM3.572 7.381l3.433-5.376 3.434 5.376-3.434 2.002L3.572 7.38z'\n            fill='#00A3FF'\n          />\n          <path\n            d='M6.998 12.335 1.258 8.99l-.157.245a6.999 6.999 0 1 0 11.796 0l-.157-.245-5.742 3.346z'\n            fill='#00A3FF'\n          />\n        </svg>\n      </LidoLogoStyles>\n    )\n  },\n)\nLidoLogo.displayName = 'LidoLogo'\n"],"names":["LidoLogo","forwardRef","props","ref","_jsx","LidoLogoStyles","children","_jsxs","width","height","fill","xmlns","d","fillRule","clipRule","displayName"],"mappings":";;;;AAIO,MAAMA,QAAQ,gBAAGC,UAAU,CAChC,CAACC,KAAoB,EAAEC,GAAkC,KAAK;EAC5D,oBACEC,GAAA,CAACC,cAAc,EAAA;AAAA,IAAA,GAAKH,KAAK;AAAEC,IAAAA,GAAG,EAAEA,GAAI;AAAAG,IAAAA,QAAA,eAClCC,IAAA,CAAA,KAAA,EAAA;AACEC,MAAAA,KAAK,EAAC,IAAI;AACVC,MAAAA,MAAM,EAAC,IAAI;AACXC,MAAAA,IAAI,EAAC,cAAc;AACnBC,MAAAA,KAAK,EAAC,4BAA4B;AAAAL,MAAAA,QAAA,gBAElCF,GAAA,CAAA,MAAA,EAAA;AAAMQ,QAAAA,CAAC,EAAC,y5CAAA;OAA25C,CAAC,eACp6CR,GAAA,CAAA,MAAA,EAAA;AACES,QAAAA,QAAQ,EAAC,SAAS;AAClBC,QAAAA,QAAQ,EAAC,SAAS;AAClBF,QAAAA,CAAC,EAAC,mHAAmH;AACrHF,QAAAA,IAAI,EAAC,SAAA;OACN,CAAC,eACFN,GAAA,CAAA,MAAA,EAAA;AACEQ,QAAAA,CAAC,EAAC,uFAAuF;AACzFF,QAAAA,IAAI,EAAC,SAAA;AAAS,OACf,CAAC,CAAA;KACC,CAAA;AAAC,GACQ,CAAC,CAAA;AAErB,CACF,EAAC;AACDV,QAAQ,CAACe,WAAW,GAAG,UAAU;;;;"}

package/dist/esm/lido-logo/LidoLogoStyles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LidoLogoStyles.mjs","sources":["../../../packages/lido-logo/LidoLogoStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const LidoLogoStyles = styled.div`\n  color: var(--lido-color-text);\n  line-height: 0;\n`\n"],"names":["LidoLogoStyles","styled","div"],"mappings":";;AAEaA,MAAAA,cAAc,GAAGC,MAAM,CAACC,GAAI,CAAA;AACzC;AACA;AACA;;;;"}
+{"version":3,"file":"LidoLogoStyles.mjs","sources":["../../../packages/lido-logo/LidoLogoStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const LidoLogoStyles = styled.div`\n  color: var(--lido-color-text);\n  line-height: 0;\n`\n"],"names":["LidoLogoStyles","styled","div"],"mappings":";;AAEaA,MAAAA,cAAc,GAAGC,MAAM,CAACC,GAAG,CAAA;AACxC;AACA;AACA;;;;"}

package/dist/esm/link/Link.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Link.mjs","sources":["../../../packages/link/Link.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { LinkStyle } from './LinkStyles.js'\nimport { LinkProps } from './types.js'\n\nexport const Link = forwardRef(\n  (props: LinkProps, ref?: ForwardedRef<HTMLAnchorElement>) => {\n    return (\n      <LinkStyle target='_blank' rel='nofollow noopener' ref={ref} {...props} />\n    )\n  },\n)\nLink.displayName = 'Link'\n"],"names":["Link","forwardRef","props","ref","_jsx","displayName"],"mappings":";;;;AAIO,MAAMA,IAAI,gBAAGC,UAAU,CAC5B,CAACC,KAAD,EAAmBC,GAAnB,KAA6D;AAC3D,EAAA,oBACEC,IAAC,SAAD,EAAA;AAAW,IAAA,MAAM,EAAC,QAAlB;AAA2B,IAAA,GAAG,EAAC,mBAA/B;AAAmD,IAAA,GAAG,EAAED,GAAxD;IAAA,GAAiED,KAAAA;GADnE,CAAA,CAAA;AAGD,CAL2B,EAAvB;AAOPF,IAAI,CAACK,WAAL,GAAmB,MAAnB;;;;"}
+{"version":3,"file":"Link.mjs","sources":["../../../packages/link/Link.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { LinkStyle } from './LinkStyles.js'\nimport { LinkProps } from './types.js'\n\nexport const Link = forwardRef(\n  (props: LinkProps, ref?: ForwardedRef<HTMLAnchorElement>) => {\n    return (\n      <LinkStyle target='_blank' rel='nofollow noopener' ref={ref} {...props} />\n    )\n  },\n)\nLink.displayName = 'Link'\n"],"names":["Link","forwardRef","props","ref","_jsx","LinkStyle","target","rel","displayName"],"mappings":";;;;AAIO,MAAMA,IAAI,gBAAGC,UAAU,CAC5B,CAACC,KAAgB,EAAEC,GAAqC,KAAK;EAC3D,oBACEC,GAAA,CAACC,SAAS,EAAA;AAACC,IAAAA,MAAM,EAAC,QAAQ;AAACC,IAAAA,GAAG,EAAC,mBAAmB;AAACJ,IAAAA,GAAG,EAAEA,GAAI;IAAA,GAAKD,KAAAA;AAAK,GAAG,CAAC,CAAA;AAE9E,CACF,EAAC;AACDF,IAAI,CAACQ,WAAW,GAAG,MAAM;;;;"}

package/dist/esm/link/LinkStyles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LinkStyles.mjs","sources":["../../../packages/link/LinkStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { LinkProps } from './types.js'\n\nexport const LinkStyle = styled.a`\n  text-decoration: none;\n  color: var(--lido-color-primary);\n\n  :hover {\n    color: var(--lido-color-primaryHover);\n  }\n\n  ${(props: LinkProps) =>\n    props.fadeVisited &&\n    css`\n      :visited {\n        color: var(--lido-color-primaryVisited);\n      }\n    `}\n`\n"],"names":["LinkStyle","styled","a","props","fadeVisited","css"],"mappings":";;;AAGaA,MAAAA,SAAS,GAAGC,MAAM,CAACC,CAAE,CAAA;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAKC,KAAD,IACAA,KAAK,CAACC,WAAN,IACAC,GAAI,CAAA;AACR;AACA;AACA;AACA,IAAM,CAAA,CAAA;AACN;;;;"}
+{"version":3,"file":"LinkStyles.mjs","sources":["../../../packages/link/LinkStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { LinkProps } from './types.js'\n\nexport const LinkStyle = styled.a`\n  text-decoration: none;\n  color: var(--lido-color-primary);\n\n  :hover {\n    color: var(--lido-color-primaryHover);\n  }\n\n  ${(props: LinkProps) =>\n    props.fadeVisited &&\n    css`\n      :visited {\n        color: var(--lido-color-primaryVisited);\n      }\n    `}\n`\n"],"names":["LinkStyle","styled","a","props","fadeVisited","css"],"mappings":";;;AAGaA,MAAAA,SAAS,GAAGC,MAAM,CAACC,CAAC,CAAA;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAKC,KAAgB,IACjBA,KAAK,CAACC,WAAW,IACjBC,GAAG,CAAA;AACP;AACA;AACA;AACA,IAAK,CAAA,CAAA;AACL;;;;"}

package/dist/esm/loaders/InlineLoader.mjs

@@ -7,11 +7,9 @@ const InlineLoader = /*#__PURE__*/forwardRef((_ref, ref) => {
     color,
     ...rest
   } = _ref;
-
   const heightAdjuster = /*#__PURE__*/jsx(Fragment, {
     children: "\xA0"
   });
-
   return /*#__PURE__*/jsx(InlineLoaderStyle, {
     $color: color,
     ...rest,

package/dist/esm/loaders/InlineLoader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InlineLoader.mjs","sources":["../../../packages/loaders/InlineLoader.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { InlineLoaderProps } from './types.js'\nimport { InlineLoaderStyle } from './InlineLoaderStyles.js'\n\nexport const InlineLoader = forwardRef(\n  (\n    { color, ...rest }: InlineLoaderProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const heightAdjuster = <>&nbsp;</>\n\n    return (\n      <InlineLoaderStyle $color={color} {...rest} ref={ref}>\n        {heightAdjuster}\n      </InlineLoaderStyle>\n    )\n  },\n)\nInlineLoader.displayName = 'InlineLoader'\n"],"names":["InlineLoader","forwardRef","ref","color","rest","heightAdjuster","_jsx","_Fragment","displayName"],"mappings":";;;;MAIaA,YAAY,gBAAGC,UAAU,CACpC,CAAA,IAAA,EAEEC,GAFF,KAGK;EAAA,IAFH;IAAEC,KAAF;IAAS,GAAGC,IAAAA;GAET,GAAA,IAAA,CAAA;;AACH,EAAA,MAAMC,cAAc,gBAAGC,GAAA,CAAAC,QAAA,EAAA;AAAA,IAAA,QAAA,EAAA,MAAA;GAAvB,CAAA,CAAA;;AAEA,EAAA,oBACED,IAAC,iBAAD,EAAA;AAAmB,IAAA,MAAM,EAAEH,KAA3B;AAAA,IAAA,GAAsCC,IAAtC;AAA4C,IAAA,GAAG,EAAEF,GAAjD;IAAA,QACGG,EAAAA,cAAAA;GAFL,CAAA,CAAA;AAKD,CAZmC,EAA/B;AAcPL,YAAY,CAACQ,WAAb,GAA2B,cAA3B;;;;"}
+{"version":3,"file":"InlineLoader.mjs","sources":["../../../packages/loaders/InlineLoader.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { InlineLoaderProps } from './types.js'\nimport { InlineLoaderStyle } from './InlineLoaderStyles.js'\n\nexport const InlineLoader = forwardRef(\n  (\n    { color, ...rest }: InlineLoaderProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const heightAdjuster = <>&nbsp;</>\n\n    return (\n      <InlineLoaderStyle $color={color} {...rest} ref={ref}>\n        {heightAdjuster}\n      </InlineLoaderStyle>\n    )\n  },\n)\nInlineLoader.displayName = 'InlineLoader'\n"],"names":["InlineLoader","forwardRef","_ref","ref","color","rest","heightAdjuster","_jsx","_Fragment","children","InlineLoaderStyle","$color","displayName"],"mappings":";;;;AAIO,MAAMA,YAAY,gBAAGC,UAAU,CACpC,CAAAC,IAAA,EAEEC,GAAkC,KAC/B;EAAA,IAFH;IAAEC,KAAK;IAAE,GAAGC,IAAAA;AAAwB,GAAC,GAAAH,IAAA,CAAA;AAGrC,EAAA,MAAMI,cAAc,gBAAGC,GAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,EAAE,MAAA;AAAM,GAAE,CAAC,CAAA;EAElC,oBACEF,GAAA,CAACG,iBAAiB,EAAA;AAACC,IAAAA,MAAM,EAAEP,KAAM;AAAA,IAAA,GAAKC,IAAI;AAAEF,IAAAA,GAAG,EAAEA,GAAI;AAAAM,IAAAA,QAAA,EAClDH,cAAAA;AAAc,GACE,CAAC,CAAA;AAExB,CACF,EAAC;AACDN,YAAY,CAACY,WAAW,GAAG,cAAc;;;;"}

package/dist/esm/loaders/InlineLoaderStyles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InlineLoaderStyles.mjs","sources":["../../../packages/loaders/InlineLoaderStyles.tsx"],"sourcesContent":["import styled, { keyframes } from '../utils/styled-components-wrapper.js'\nimport { InlineLoaderColors } from './types.js'\n\nexport const translation = keyframes`\n  100% {\n    background-position: 0 0;\n  }\n`\n\nexport const InlineLoaderStyle = styled.span<{ $color?: InlineLoaderColors }>`\n  --loader-color: ${({ $color }) =>\n    $color ? `var(--lido-color-${$color})` : 'currentColor'};\n\n  width: 100%;\n  display: inline-block;\n  vertical-align: top;\n  border-radius: 1000px;\n  position: relative;\n  overflow: hidden;\n  user-select: none;\n  opacity: 0.05;\n  animation: ${translation} 2s infinite;\n  background-size: 300% 100%;\n  background-position: 100% 0;\n  background-image: linear-gradient(\n    90deg,\n    var(--loader-color) 0,\n    var(--loader-color) 33.33%,\n    transparent 44.44%,\n    transparent 55.55%,\n    var(--loader-color) 66.66%,\n    var(--loader-color) 100%\n  );\n\n  &::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: var(--loader-color);\n    opacity: 0.2;\n  }\n`\n"],"names":["translation","keyframes","InlineLoaderStyle","styled","span","$color"],"mappings":";;;AAGO,MAAMA,WAAW,GAAGC,SAAU,CAAA;AACrC;AACA;AACA;AACA,EAJO;AAMMC,MAAAA,iBAAiB,GAAGC,MAAM,CAACC,IAAsC,CAAA;AAC9E,kBAAoB,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;GAAH,GAAA,IAAA,CAAA;AAAA,EAAA,OAChBA,MAAM,GAAI,CAAA,iBAAA,EAAmBA,MAAO,CAAA,CAAA,CAA9B,GAAmC,cADzB,CAAA;AAAA,CACwC,CAAA;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAA,EAAeL,WAAY,CAAA;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}
+{"version":3,"file":"InlineLoaderStyles.mjs","sources":["../../../packages/loaders/InlineLoaderStyles.tsx"],"sourcesContent":["import styled, { keyframes } from '../utils/styled-components-wrapper.js'\nimport { InlineLoaderColors } from './types.js'\n\nexport const translation = keyframes`\n  100% {\n    background-position: 0 0;\n  }\n`\n\nexport const InlineLoaderStyle = styled.span<{ $color?: InlineLoaderColors }>`\n  --loader-color: ${({ $color }) =>\n    $color ? `var(--lido-color-${$color})` : 'currentColor'};\n\n  width: 100%;\n  display: inline-block;\n  vertical-align: top;\n  border-radius: 1000px;\n  position: relative;\n  overflow: hidden;\n  user-select: none;\n  opacity: 0.05;\n  animation: ${translation} 2s infinite;\n  background-size: 300% 100%;\n  background-position: 100% 0;\n  background-image: linear-gradient(\n    90deg,\n    var(--loader-color) 0,\n    var(--loader-color) 33.33%,\n    transparent 44.44%,\n    transparent 55.55%,\n    var(--loader-color) 66.66%,\n    var(--loader-color) 100%\n  );\n\n  &::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: var(--loader-color);\n    opacity: 0.2;\n  }\n`\n"],"names":["translation","keyframes","InlineLoaderStyle","styled","span","_ref","$color"],"mappings":";;;AAGO,MAAMA,WAAW,GAAGC,SAAS,CAAA;AACpC;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,iBAAiB,GAAGC,MAAM,CAACC,IAAqC,CAAA;AAC7E,kBAAA,EAAoBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAC3BC,MAAM,GAAG,CAAA,iBAAA,EAAoBA,MAAM,CAAA,CAAA,CAAG,GAAG,cAAc,CAAA;AAAA,CAAA,CAAA;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAA,EAAeN,WAAW,CAAA;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/dist/esm/loaders/Loader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.mjs","sources":["../../../packages/loaders/Loader.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { LoaderProps, LoaderSize } from './types.js'\nimport {\n  LoaderStyle,\n  LoaderCircleBgStyle,\n  LoaderCircleFgStyle,\n} from './LoaderStyles.js'\n\nexport const Loader = forwardRef(\n  (\n    { size = 'medium', thickness = 3, color = 'primary', ...rest }: LoaderProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const pxSize = LoaderSize[size]\n    const center = pxSize / 2\n    const radius = pxSize / 2 - thickness / 2\n\n    return (\n      <LoaderStyle $size={pxSize} $color={color} {...rest} ref={ref}>\n        <svg width={pxSize} height={pxSize} viewBox={`0 0 ${pxSize} ${pxSize}`}>\n          <LoaderCircleBgStyle\n            $thickness={thickness}\n            cx={center}\n            cy={center}\n            r={radius}\n          />\n          <LoaderCircleFgStyle\n            $thickness={thickness}\n            cx={center}\n            cy={center}\n            r={radius}\n          />\n        </svg>\n      </LoaderStyle>\n    )\n  },\n)\nLoader.displayName = 'Loader'\n"],"names":["Loader","forwardRef","ref","size","thickness","color","rest","pxSize","LoaderSize","center","radius","_jsx","_jsxs","displayName"],"mappings":";;;;;MAQaA,MAAM,gBAAGC,UAAU,CAC9B,CAAA,IAAA,EAEEC,GAFF,KAGK;EAAA,IAFH;AAAEC,IAAAA,IAAI,GAAG,QAAT;AAAmBC,IAAAA,SAAS,GAAG,CAA/B;AAAkCC,IAAAA,KAAK,GAAG,SAA1C;IAAqD,GAAGC,IAAAA;GAErD,GAAA,IAAA,CAAA;AACH,EAAA,MAAMC,MAAM,GAAGC,UAAU,CAACL,IAAD,CAAzB,CAAA;AACA,EAAA,MAAMM,MAAM,GAAGF,MAAM,GAAG,CAAxB,CAAA;EACA,MAAMG,MAAM,GAAGH,MAAM,GAAG,CAAT,GAAaH,SAAS,GAAG,CAAxC,CAAA;AAEA,EAAA,oBACEO,IAAC,WAAD,EAAA;AAAa,IAAA,KAAK,EAAEJ,MAApB;AAA4B,IAAA,MAAM,EAAEF,KAApC;AAAA,IAAA,GAA+CC,IAA/C;AAAqD,IAAA,GAAG,EAAEJ,GAA1D;IAAA,QACE,eAAAU,IAAA,CAAA,KAAA,EAAA;AAAK,MAAA,KAAK,EAAEL,MAAZ;AAAoB,MAAA,MAAM,EAAEA,MAA5B;AAAoC,MAAA,OAAO,EAAG,CAAA,IAAA,EAAMA,MAAO,CAAA,CAAA,EAAGA,MAAO,CAArE,CAAA;AAAA,MAAA,QAAA,EAAA,cACEI,IAAC,mBAAD,EAAA;AACE,QAAA,UAAU,EAAEP,SADd;AAEE,QAAA,EAAE,EAAEK,MAFN;AAGE,QAAA,EAAE,EAAEA,MAHN;AAIE,QAAA,CAAC,EAAEC,MAAAA;OALP,CAAA,eAOEC,IAAC,mBAAD,EAAA;AACE,QAAA,UAAU,EAAEP,SADd;AAEE,QAAA,EAAE,EAAEK,MAFN;AAGE,QAAA,EAAE,EAAEA,MAHN;AAIE,QAAA,CAAC,EAAEC,MAAAA;OAXP,CAAA,CAAA;AAAA,KAAA,CAAA;GAFJ,CAAA,CAAA;AAkBD,CA3B6B,EAAzB;AA6BPV,MAAM,CAACa,WAAP,GAAqB,QAArB;;;;"}
+{"version":3,"file":"Loader.mjs","sources":["../../../packages/loaders/Loader.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { LoaderProps, LoaderSize } from './types.js'\nimport {\n  LoaderStyle,\n  LoaderCircleBgStyle,\n  LoaderCircleFgStyle,\n} from './LoaderStyles.js'\n\nexport const Loader = forwardRef(\n  (\n    { size = 'medium', thickness = 3, color = 'primary', ...rest }: LoaderProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const pxSize = LoaderSize[size]\n    const center = pxSize / 2\n    const radius = pxSize / 2 - thickness / 2\n\n    return (\n      <LoaderStyle $size={pxSize} $color={color} {...rest} ref={ref}>\n        <svg width={pxSize} height={pxSize} viewBox={`0 0 ${pxSize} ${pxSize}`}>\n          <LoaderCircleBgStyle\n            $thickness={thickness}\n            cx={center}\n            cy={center}\n            r={radius}\n          />\n          <LoaderCircleFgStyle\n            $thickness={thickness}\n            cx={center}\n            cy={center}\n            r={radius}\n          />\n        </svg>\n      </LoaderStyle>\n    )\n  },\n)\nLoader.displayName = 'Loader'\n"],"names":["Loader","forwardRef","_ref","ref","size","thickness","color","rest","pxSize","LoaderSize","center","radius","_jsx","LoaderStyle","$size","$color","children","_jsxs","width","height","viewBox","LoaderCircleBgStyle","$thickness","cx","cy","r","LoaderCircleFgStyle","displayName"],"mappings":";;;;;AAQO,MAAMA,MAAM,gBAAGC,UAAU,CAC9B,CAAAC,IAAA,EAEEC,GAAkC,KAC/B;EAAA,IAFH;AAAEC,IAAAA,IAAI,GAAG,QAAQ;AAAEC,IAAAA,SAAS,GAAG,CAAC;AAAEC,IAAAA,KAAK,GAAG,SAAS;IAAE,GAAGC,IAAAA;AAAkB,GAAC,GAAAL,IAAA,CAAA;AAG3E,EAAA,MAAMM,MAAM,GAAGC,UAAU,CAACL,IAAI,CAAC,CAAA;AAC/B,EAAA,MAAMM,MAAM,GAAGF,MAAM,GAAG,CAAC,CAAA;EACzB,MAAMG,MAAM,GAAGH,MAAM,GAAG,CAAC,GAAGH,SAAS,GAAG,CAAC,CAAA;EAEzC,oBACEO,GAAA,CAACC,WAAW,EAAA;AAACC,IAAAA,KAAK,EAAEN,MAAO;AAACO,IAAAA,MAAM,EAAET,KAAM;AAAA,IAAA,GAAKC,IAAI;AAAEJ,IAAAA,GAAG,EAAEA,GAAI;AAAAa,IAAAA,QAAA,eAC5DC,IAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,KAAK,EAAEV,MAAO;AAACW,MAAAA,MAAM,EAAEX,MAAO;AAACY,MAAAA,OAAO,EAAE,CAAA,IAAA,EAAOZ,MAAM,CAAA,CAAA,EAAIA,MAAM,CAAG,CAAA;MAAAQ,QAAA,EAAA,cACrEJ,GAAA,CAACS,mBAAmB,EAAA;AAClBC,QAAAA,UAAU,EAAEjB,SAAU;AACtBkB,QAAAA,EAAE,EAAEb,MAAO;AACXc,QAAAA,EAAE,EAAEd,MAAO;AACXe,QAAAA,CAAC,EAAEd,MAAAA;AAAO,OACX,CAAC,eACFC,GAAA,CAACc,mBAAmB,EAAA;AAClBJ,QAAAA,UAAU,EAAEjB,SAAU;AACtBkB,QAAAA,EAAE,EAAEb,MAAO;AACXc,QAAAA,EAAE,EAAEd,MAAO;AACXe,QAAAA,CAAC,EAAEd,MAAAA;AAAO,OACX,CAAC,CAAA;KACC,CAAA;AAAC,GACK,CAAC,CAAA;AAElB,CACF,EAAC;AACDX,MAAM,CAAC2B,WAAW,GAAG,QAAQ;;;;"}

package/dist/esm/loaders/LoaderStyles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LoaderStyles.mjs","sources":["../../../packages/loaders/LoaderStyles.tsx"],"sourcesContent":["import styled, { keyframes } from '../utils/styled-components-wrapper.js'\nimport { LoaderColors } from './types.js'\n\nexport const rotation = keyframes`\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n`\n\nexport const LoaderStyle = styled.div<{\n  $size: number\n  $color: LoaderColors\n}>`\n  margin: 0;\n  padding: 0;\n  line-height: 0;\n  width: ${(props) => props.$size}px;\n  height: ${(props) => props.$size}px;\n  color: ${({ $color }) => `var(--lido-color-${$color})`};\n`\n\nexport const LoaderCircleBgStyle = styled.circle<{ $thickness: number }>`\n  fill: none;\n  stroke: currentcolor;\n  stroke-width: ${(props) => props.$thickness};\n  opacity: 0.2;\n`\n\nexport const LoaderCircleFgStyle = styled.circle<{\n  $thickness: number\n  r: number\n}>`\n  fill: none;\n  stroke: currentcolor;\n  stroke-linecap: round;\n  stroke-width: ${(props) => props.$thickness};\n  stroke-dasharray: ${(props) => {\n    const circumference = 2 * props.r * Math.PI\n    const filledPart = 0.25\n\n    return `${circumference * filledPart} ${circumference * (1 - filledPart)}`\n  }};\n  transform: rotate(0deg);\n  transform-origin: 50% 50%;\n  animation: ${rotation} 1.4s linear infinite;\n`\n"],"names":["rotation","keyframes","LoaderStyle","styled","div","props","$size","$color","LoaderCircleBgStyle","circle","$thickness","LoaderCircleFgStyle","circumference","r","Math","PI","filledPart"],"mappings":";;;AAGO,MAAMA,QAAQ,GAAGC,SAAU,CAAA;AAClC;AACA;AACA;AACA;AACA;AACA;AACA,EAPO;AASMC,MAAAA,WAAW,GAAGC,MAAM,CAACC,GAG/B,CAAA;AACH;AACA;AACA;AACA,SAAA,EAAYC,KAAD,IAAWA,KAAK,CAACC,KAAM,CAAA;AAClC,UAAA,EAAaD,KAAD,IAAWA,KAAK,CAACC,KAAM,CAAA;AACnC,SAAW,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;GAAH,GAAA,IAAA,CAAA;EAAA,OAAiB,CAAA,iBAAA,EAAmBA,MAAO,CAA3C,CAAA,CAAA,CAAA;AAAA,CAA8C,CAAA;AACzD,EAVO;AAYMC,MAAAA,mBAAmB,GAAGL,MAAM,CAACM,MAA+B,CAAA;AACzE;AACA;AACA,gBAAA,EAAmBJ,KAAD,IAAWA,KAAK,CAACK,UAAW,CAAA;AAC9C;AACA,EALO;AAOMC,MAAAA,mBAAmB,GAAGR,MAAM,CAACM,MAGvC,CAAA;AACH;AACA;AACA;AACA,gBAAA,EAAmBJ,KAAD,IAAWA,KAAK,CAACK,UAAW,CAAA;AAC9C,oBAAA,EAAuBL,KAAD,IAAW;EAC7B,MAAMO,aAAa,GAAG,CAAIP,GAAAA,KAAK,CAACQ,CAAV,GAAcC,IAAI,CAACC,EAAzC,CAAA;EACA,MAAMC,UAAU,GAAG,IAAnB,CAAA;EAEA,OAAQ,CAAA,EAAEJ,aAAa,GAAGI,UAAW,CAAA,CAAA,EAAGJ,aAAa,IAAI,CAAA,GAAII,UAAR,CAAoB,CAAzE,CAAA,CAAA;AACD,CAAC,CAAA;AACJ;AACA;AACA,aAAA,EAAehB,QAAS,CAAA;AACxB;;;;"}
+{"version":3,"file":"LoaderStyles.mjs","sources":["../../../packages/loaders/LoaderStyles.tsx"],"sourcesContent":["import styled, { keyframes } from '../utils/styled-components-wrapper.js'\nimport { LoaderColors } from './types.js'\n\nexport const rotation = keyframes`\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n`\n\nexport const LoaderStyle = styled.div<{\n  $size: number\n  $color: LoaderColors\n}>`\n  margin: 0;\n  padding: 0;\n  line-height: 0;\n  width: ${(props) => props.$size}px;\n  height: ${(props) => props.$size}px;\n  color: ${({ $color }) => `var(--lido-color-${$color})`};\n`\n\nexport const LoaderCircleBgStyle = styled.circle<{ $thickness: number }>`\n  fill: none;\n  stroke: currentcolor;\n  stroke-width: ${(props) => props.$thickness};\n  opacity: 0.2;\n`\n\nexport const LoaderCircleFgStyle = styled.circle<{\n  $thickness: number\n  r: number\n}>`\n  fill: none;\n  stroke: currentcolor;\n  stroke-linecap: round;\n  stroke-width: ${(props) => props.$thickness};\n  stroke-dasharray: ${(props) => {\n    const circumference = 2 * props.r * Math.PI\n    const filledPart = 0.25\n\n    return `${circumference * filledPart} ${circumference * (1 - filledPart)}`\n  }};\n  transform: rotate(0deg);\n  transform-origin: 50% 50%;\n  animation: ${rotation} 1.4s linear infinite;\n`\n"],"names":["rotation","keyframes","LoaderStyle","styled","div","props","$size","_ref","$color","LoaderCircleBgStyle","circle","$thickness","LoaderCircleFgStyle","circumference","r","Math","PI","filledPart"],"mappings":";;;AAGO,MAAMA,QAAQ,GAAGC,SAAS,CAAA;AACjC;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,WAAW,GAAGC,MAAM,CAACC,GAGhC,CAAA;AACF;AACA;AACA;AACA,SAAA,EAAYC,KAAK,IAAKA,KAAK,CAACC,KAAK,CAAA;AACjC,UAAA,EAAaD,KAAK,IAAKA,KAAK,CAACC,KAAK,CAAA;AAClC,SAAA,EAAWC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAK,CAAA,iBAAA,EAAoBC,MAAM,CAAG,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AACxD,EAAC;AAEYC,MAAAA,mBAAmB,GAAGN,MAAM,CAACO,MAA8B,CAAA;AACxE;AACA;AACA,gBAAA,EAAmBL,KAAK,IAAKA,KAAK,CAACM,UAAU,CAAA;AAC7C;AACA,EAAC;AAEYC,MAAAA,mBAAmB,GAAGT,MAAM,CAACO,MAGxC,CAAA;AACF;AACA;AACA;AACA,gBAAA,EAAmBL,KAAK,IAAKA,KAAK,CAACM,UAAU,CAAA;AAC7C,oBAAA,EAAuBN,KAAK,IAAK;EAC7B,MAAMQ,aAAa,GAAG,CAAC,GAAGR,KAAK,CAACS,CAAC,GAAGC,IAAI,CAACC,EAAE,CAAA;EAC3C,MAAMC,UAAU,GAAG,IAAI,CAAA;EAEvB,OAAO,CAAA,EAAGJ,aAAa,GAAGI,UAAU,CAAA,CAAA,EAAIJ,aAAa,IAAI,CAAC,GAAGI,UAAU,CAAC,CAAE,CAAA,CAAA;AAC5E,CAAC,CAAA;AACH;AACA;AACA,aAAA,EAAejB,QAAQ,CAAA;AACvB;;;;"}

package/dist/esm/loaders/types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.mjs","sources":["../../../packages/loaders/types.ts"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum LoaderSize {\n  small = 18,\n  medium = 24,\n  large = 64,\n}\nexport type LoaderSizes = keyof typeof LoaderSize\n\nexport enum LoaderColor {\n  primary,\n  secondary,\n  foreground,\n  success,\n}\nexport type LoaderColors = keyof typeof LoaderColor\n\nexport type LoaderProps = LidoComponentProps<\n  'div',\n  {\n    size?: LoaderSizes\n    color?: LoaderColors\n    thickness?: number\n  }\n>\n\nexport enum InlineLoaderColor {\n  text,\n  secondary,\n  foreground,\n}\nexport type InlineLoaderColors = keyof typeof InlineLoaderColor\nexport type InlineLoaderProps = LidoComponentProps<\n  'div',\n  {\n    color?: InlineLoaderColors\n  }\n>\n"],"names":["LoaderSize","LoaderColor","InlineLoaderColor"],"mappings":"AAGYA,IAAAA,UAAZ,0BAAYA,UAAZ,EAAA;AAAYA,EAAAA,UAAZ,CAAYA,UAAZ,CAAA,OAAA,CAAA,GAAA,EAAA,CAAA,GAAA,OAAA,CAAA;AAAYA,EAAAA,UAAZ,CAAYA,UAAZ,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAA,CAAA;AAAYA,EAAAA,UAAZ,CAAYA,UAAZ,CAAA,OAAA,CAAA,GAAA,EAAA,CAAA,GAAA,OAAA,CAAA;AAAA,EAAA,OAAYA,UAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOYC,IAAAA,WAAZ,0BAAYA,WAAZ,EAAA;AAAYA,EAAAA,WAAZ,CAAYA,WAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAYA,EAAAA,WAAZ,CAAYA,WAAZ,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAA,CAAA;AAAYA,EAAAA,WAAZ,CAAYA,WAAZ,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAA,CAAA;AAAYA,EAAAA,WAAZ,CAAYA,WAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAAYA,WAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAiBYC,IAAAA,iBAAZ,0BAAYA,iBAAZ,EAAA;AAAYA,EAAAA,iBAAZ,CAAYA,iBAAZ,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAYA,EAAAA,iBAAZ,CAAYA,iBAAZ,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAA,CAAA;AAAYA,EAAAA,iBAAZ,CAAYA,iBAAZ,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAA,CAAA;AAAA,EAAA,OAAYA,iBAAZ,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
+{"version":3,"file":"types.mjs","sources":["../../../packages/loaders/types.ts"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum LoaderSize {\n  small = 18,\n  medium = 24,\n  large = 64,\n}\nexport type LoaderSizes = keyof typeof LoaderSize\n\nexport enum LoaderColor {\n  primary,\n  secondary,\n  foreground,\n  success,\n}\nexport type LoaderColors = keyof typeof LoaderColor\n\nexport type LoaderProps = LidoComponentProps<\n  'div',\n  {\n    size?: LoaderSizes\n    color?: LoaderColors\n    thickness?: number\n  }\n>\n\nexport enum InlineLoaderColor {\n  text,\n  secondary,\n  foreground,\n}\nexport type InlineLoaderColors = keyof typeof InlineLoaderColor\nexport type InlineLoaderProps = LidoComponentProps<\n  'div',\n  {\n    color?: InlineLoaderColors\n  }\n>\n"],"names":["LoaderSize","LoaderColor","InlineLoaderColor"],"mappings":"AAGYA,IAAAA,UAAU,0BAAVA,UAAU,EAAA;AAAVA,EAAAA,UAAU,CAAVA,UAAU,CAAA,OAAA,CAAA,GAAA,EAAA,CAAA,GAAA,OAAA,CAAA;AAAVA,EAAAA,UAAU,CAAVA,UAAU,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAA,CAAA;AAAVA,EAAAA,UAAU,CAAVA,UAAU,CAAA,OAAA,CAAA,GAAA,EAAA,CAAA,GAAA,OAAA,CAAA;AAAA,EAAA,OAAVA,UAAU,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOVC,IAAAA,WAAW,0BAAXA,WAAW,EAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAiBXC,IAAAA,iBAAiB,0BAAjBA,iBAAiB,EAAA;AAAjBA,EAAAA,iBAAiB,CAAjBA,iBAAiB,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAjBA,EAAAA,iBAAiB,CAAjBA,iBAAiB,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAA,CAAA;AAAjBA,EAAAA,iBAAiB,CAAjBA,iBAAiB,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAA,CAAA;AAAA,EAAA,OAAjBA,iBAAiB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/main-menu/MainMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MainMenu.mjs","sources":["../../../packages/main-menu/MainMenu.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { MainMenuProps } from './types.js'\nimport { Nav } from './MainMenuStyles.js'\n\nexport const MainMenu = forwardRef(\n  (\n    { children, ...rest }: MainMenuProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return (\n      <Nav ref={ref} {...rest}>\n        {children}\n      </Nav>\n    )\n  },\n)\nMainMenu.displayName = 'MainMenu'\n"],"names":["MainMenu","forwardRef","ref","children","rest","_jsx","displayName"],"mappings":";;;;MAIaA,QAAQ,gBAAGC,UAAU,CAChC,CAAA,IAAA,EAEEC,GAFF,KAGK;EAAA,IAFH;IAAEC,QAAF;IAAY,GAAGC,IAAAA;GAEZ,GAAA,IAAA,CAAA;AACH,EAAA,oBACEC,IAAC,GAAD,EAAA;AAAK,IAAA,GAAG,EAAEH,GAAV;AAAA,IAAA,GAAmBE,IAAnB;IAAA,QACGD,EAAAA,QAAAA;GAFL,CAAA,CAAA;AAKD,CAV+B,EAA3B;AAYPH,QAAQ,CAACM,WAAT,GAAuB,UAAvB;;;;"}
+{"version":3,"file":"MainMenu.mjs","sources":["../../../packages/main-menu/MainMenu.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { MainMenuProps } from './types.js'\nimport { Nav } from './MainMenuStyles.js'\n\nexport const MainMenu = forwardRef(\n  (\n    { children, ...rest }: MainMenuProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return (\n      <Nav ref={ref} {...rest}>\n        {children}\n      </Nav>\n    )\n  },\n)\nMainMenu.displayName = 'MainMenu'\n"],"names":["MainMenu","forwardRef","_ref","ref","children","rest","_jsx","Nav","displayName"],"mappings":";;;;AAIO,MAAMA,QAAQ,gBAAGC,UAAU,CAChC,CAAAC,IAAA,EAEEC,GAAkC,KAC/B;EAAA,IAFH;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAoB,GAAC,GAAAH,IAAA,CAAA;EAGpC,oBACEI,GAAA,CAACC,GAAG,EAAA;AAACJ,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GAAKE,IAAI;AAAAD,IAAAA,QAAA,EACpBA,QAAAA;AAAQ,GACN,CAAC,CAAA;AAEV,CACF,EAAC;AACDJ,QAAQ,CAACQ,WAAW,GAAG,UAAU;;;;"}

package/dist/esm/main-menu/MainMenuItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MainMenuItem.mjs","sources":["../../../packages/main-menu/MainMenuItem.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { MainMenuItemProps } from './types.js'\nimport { NavLink } from './MainMenuItemStyles.js'\n\nexport const MainMenuItem = forwardRef(\n  (\n    { icon, children, active, ...restProps }: MainMenuItemProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return (\n      <NavLink ref={ref} active={Boolean(active)} {...restProps}>\n        {icon}\n        <span>{children}</span>\n      </NavLink>\n    )\n  },\n)\nMainMenuItem.displayName = 'MainMenuItem'\n"],"names":["MainMenuItem","forwardRef","ref","icon","children","active","restProps","_jsxs","Boolean","_jsx","displayName"],"mappings":";;;;MAIaA,YAAY,gBAAGC,UAAU,CACpC,CAAA,IAAA,EAEEC,GAFF,KAGK;EAAA,IAFH;IAAEC,IAAF;IAAQC,QAAR;IAAkBC,MAAlB;IAA0B,GAAGC,SAAAA;GAE1B,GAAA,IAAA,CAAA;AACH,EAAA,oBACEC,KAAC,OAAD,EAAA;AAAS,IAAA,GAAG,EAAEL,GAAd;AAAmB,IAAA,MAAM,EAAEM,OAAO,CAACH,MAAD,CAAlC;AAAA,IAAA,GAAgDC,SAAhD;AAAA,IAAA,QAAA,EAAA,CACGH,IADH,eAEEM,GAAA,CAAA,MAAA,EAAA;MAAA,QAAOL,EAAAA,QAAAA;KAFT,CAAA,CAAA;GADF,CAAA,CAAA;AAMD,CAXmC,EAA/B;AAaPJ,YAAY,CAACU,WAAb,GAA2B,cAA3B;;;;"}
+{"version":3,"file":"MainMenuItem.mjs","sources":["../../../packages/main-menu/MainMenuItem.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { MainMenuItemProps } from './types.js'\nimport { NavLink } from './MainMenuItemStyles.js'\n\nexport const MainMenuItem = forwardRef(\n  (\n    { icon, children, active, ...restProps }: MainMenuItemProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return (\n      <NavLink ref={ref} active={Boolean(active)} {...restProps}>\n        {icon}\n        <span>{children}</span>\n      </NavLink>\n    )\n  },\n)\nMainMenuItem.displayName = 'MainMenuItem'\n"],"names":["MainMenuItem","forwardRef","_ref","ref","icon","children","active","restProps","_jsxs","NavLink","Boolean","_jsx","displayName"],"mappings":";;;;AAIO,MAAMA,YAAY,gBAAGC,UAAU,CACpC,CAAAC,IAAA,EAEEC,GAAkC,KAC/B;EAAA,IAFH;IAAEC,IAAI;IAAEC,QAAQ;IAAEC,MAAM;IAAE,GAAGC,SAAAA;AAA6B,GAAC,GAAAL,IAAA,CAAA;EAG3D,oBACEM,IAAA,CAACC,OAAO,EAAA;AAACN,IAAAA,GAAG,EAAEA,GAAI;AAACG,IAAAA,MAAM,EAAEI,OAAO,CAACJ,MAAM,CAAE;AAAA,IAAA,GAAKC,SAAS;IAAAF,QAAA,EAAA,CACtDD,IAAI,eACLO,GAAA,CAAA,MAAA,EAAA;AAAAN,MAAAA,QAAA,EAAOA,QAAAA;AAAQ,KAAO,CAAC,CAAA;AAAA,GAChB,CAAC,CAAA;AAEd,CACF,EAAC;AACDL,YAAY,CAACY,WAAW,GAAG,cAAc;;;;"}

package/dist/esm/main-menu/MainMenuItemStyles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MainMenuItemStyles.mjs","sources":["../../../packages/main-menu/MainMenuItemStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const NavLink = styled.a<{ active: boolean }>`\n  cursor: pointer;\n  color: var(--lido-color-secondary);\n  font-size: ${({ theme }) => theme.fontSizesMap.xxxs}px;\n  line-height: 1.7em;\n  font-weight: 800;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  opacity: ${(props) => (props.active ? 1 : 0.8)};\n\n  :hover {\n    opacity: 1;\n    color: var(--lido-color-secondary);\n  }\n\n  :not(:last-of-type) {\n    margin-right: 32px;\n  }\n\n  svg {\n    fill: var(\n      --lido-color-${({ active }) => (active ? `primary` : `secondary`)}\n    );\n  }\n\n  ${({ theme }) => theme.mediaQueries.md} {\n    flex-direction: column;\n    text-transform: none;\n    font-weight: 500;\n    font-size: ${({ theme }) => theme.fontSizesMap.xxxs}px;\n    line-height: 1.2em;\n    letter-spacing: 0;\n  }\n`\n"],"names":["NavLink","styled","a","theme","fontSizesMap","xxxs","props","active","mediaQueries","md"],"mappings":";;AAEaA,MAAAA,OAAO,GAAGC,MAAM,CAACC,CAAuB,CAAA;AACrD;AACA;AACA,aAAe,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,IAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,IAAlC,CAAA;AAAA,CAAuC,CAAA;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAcC,EAAAA,KAAD,IAAYA,KAAK,CAACC,MAAN,GAAe,CAAf,GAAmB,GAAK,CAAA;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAqB,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEA,IAAAA,MAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAiBA,MAAM,GAAI,CAAJ,OAAA,CAAA,GAAgB,CAAvC,SAAA,CAAA,CAAA;AAAA,CAAmD,CAAA;AACxE;AACA;AACA;AACA,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEJ,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACK,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC;AACA;AACA;AACA,eAAiB,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEN,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,IAAlC,CAAA;AAAA,CAAuC,CAAA;AACxD;AACA;AACA;AACA;;;;"}
+{"version":3,"file":"MainMenuItemStyles.mjs","sources":["../../../packages/main-menu/MainMenuItemStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const NavLink = styled.a<{ active: boolean }>`\n  cursor: pointer;\n  color: var(--lido-color-secondary);\n  font-size: ${({ theme }) => theme.fontSizesMap.xxxs}px;\n  line-height: 1.7em;\n  font-weight: 800;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  opacity: ${(props) => (props.active ? 1 : 0.8)};\n\n  :hover {\n    opacity: 1;\n    color: var(--lido-color-secondary);\n  }\n\n  :not(:last-of-type) {\n    margin-right: 32px;\n  }\n\n  svg {\n    fill: var(\n      --lido-color-${({ active }) => (active ? `primary` : `secondary`)}\n    );\n  }\n\n  ${({ theme }) => theme.mediaQueries.md} {\n    flex-direction: column;\n    text-transform: none;\n    font-weight: 500;\n    font-size: ${({ theme }) => theme.fontSizesMap.xxxs}px;\n    line-height: 1.2em;\n    letter-spacing: 0;\n  }\n`\n"],"names":["NavLink","styled","a","_ref","theme","fontSizesMap","xxxs","props","active","_ref2","_ref3","mediaQueries","md","_ref4"],"mappings":";;AAEaA,MAAAA,OAAO,GAAGC,MAAM,CAACC,CAAsB,CAAA;AACpD;AACA;AACA,aAAA,EAAeC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,YAAY,CAACC,IAAI,CAAA;AAAA,CAAA,CAAA;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAcC,EAAAA,KAAK,IAAMA,KAAK,CAACC,MAAM,GAAG,CAAC,GAAG,GAAI,CAAA;AAChD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAA,EAAqBC,KAAA,IAAA;EAAA,IAAC;AAAED,IAAAA,MAAAA;AAAO,GAAC,GAAAC,KAAA,CAAA;AAAA,EAAA,OAAMD,MAAM,GAAG,CAAS,OAAA,CAAA,GAAG,CAAW,SAAA,CAAA,CAAA;AAAA,CAAC,CAAA;AACvE;AACA;AACA;AACA,EAAA,EAAIE,KAAA,IAAA;EAAA,IAAC;AAAEN,IAAAA,KAAAA;AAAM,GAAC,GAAAM,KAAA,CAAA;AAAA,EAAA,OAAKN,KAAK,CAACO,YAAY,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACxC;AACA;AACA;AACA,eAAA,EAAiBC,KAAA,IAAA;EAAA,IAAC;AAAET,IAAAA,KAAAA;AAAM,GAAC,GAAAS,KAAA,CAAA;AAAA,EAAA,OAAKT,KAAK,CAACC,YAAY,CAACC,IAAI,CAAA;AAAA,CAAA,CAAA;AACvD;AACA;AACA;AACA;;;;"}

package/dist/esm/main-menu/MainMenuStyles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MainMenuStyles.mjs","sources":["../../../packages/main-menu/MainMenuStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\n\nexport const desktopCss = css`\n  margin: 0 46px;\n  display: flex;\n\n  svg {\n    margin-right: 10px;\n  }\n`\n\nconst mobileCss = css`\n  margin: 0;\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 8px;\n  background-color: var(--lido-color-foreground);\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  border-top: 1px solid var(--lido-color-border);\n\n  svg {\n    margin-right: 0;\n    margin-bottom: 7px;\n  }\n`\n\nexport const Nav = styled.div`\n  ${desktopCss}\n  ${({ theme }) => theme.mediaQueries.md} {\n    ${mobileCss}\n  }\n\n  z-index: 5;\n`\n"],"names":["desktopCss","css","mobileCss","Nav","styled","div","theme","mediaQueries","md"],"mappings":";;;AAEO,MAAMA,UAAU,GAAGC,GAAI,CAAA;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA,EAPO;AASP,MAAMC,SAAS,GAAGD,GAAI,CAAA;AACtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAjBA,CAAA;AAmBaE,MAAAA,GAAG,GAAGC,MAAM,CAACC,GAAI,CAAA;AAC9B,EAAA,EAAIL,UAAW,CAAA;AACf,EAAI,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEM,IAAAA,KAAAA;GAAH,GAAA,IAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC,IAAA,EAAMN,SAAU,CAAA;AAChB;AACA;AACA;AACA;;;;"}
+{"version":3,"file":"MainMenuStyles.mjs","sources":["../../../packages/main-menu/MainMenuStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\n\nexport const desktopCss = css`\n  margin: 0 46px;\n  display: flex;\n\n  svg {\n    margin-right: 10px;\n  }\n`\n\nconst mobileCss = css`\n  margin: 0;\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 8px;\n  background-color: var(--lido-color-foreground);\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  border-top: 1px solid var(--lido-color-border);\n\n  svg {\n    margin-right: 0;\n    margin-bottom: 7px;\n  }\n`\n\nexport const Nav = styled.div`\n  ${desktopCss}\n  ${({ theme }) => theme.mediaQueries.md} {\n    ${mobileCss}\n  }\n\n  z-index: 5;\n`\n"],"names":["desktopCss","css","mobileCss","Nav","styled","div","_ref","theme","mediaQueries","md"],"mappings":";;;AAEO,MAAMA,UAAU,GAAGC,GAAG,CAAA;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAED,MAAMC,SAAS,GAAGD,GAAG,CAAA;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAA;AAEYE,MAAAA,GAAG,GAAGC,MAAM,CAACC,GAAG,CAAA;AAC7B,EAAA,EAAIL,UAAU,CAAA;AACd,EAAA,EAAIM,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,YAAY,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACxC,IAAA,EAAMP,SAAS,CAAA;AACf;AACA;AACA;AACA;;;;"}

package/dist/esm/modal/Modal.mjs

@@ -22,7 +22,6 @@ const Modal = /*#__PURE__*/forwardRef((_ref, ref) => {
   const withSubtitle = !!subtitle;
   const withCloseButton = !!onClose;
   const withBackButton = !!onBack;
-
   const modalHeader = /*#__PURE__*/jsxs(ModalHeaderStyle, {
     $short: !title,
     children: [withBackButton && /*#__PURE__*/jsx(ModalBackStyle, {
@@ -42,7 +41,6 @@ const Modal = /*#__PURE__*/forwardRef((_ref, ref) => {
       onClick: onClose
     })]
   });
-
   return /*#__PURE__*/jsx(ModalOverlay, {
     ref: ref,
     in: open,

package/dist/esm/modal/Modal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.mjs","sources":["../../../packages/modal/Modal.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  ModalStyle,\n  ModalBaseStyle,\n  ModalHeaderStyle,\n  ModalTitleStyle,\n  ModalTitleIconStyle,\n  ModalTitleTextStyle,\n  ModalCloseStyle,\n  ModalContentStyle,\n  ModalBackStyle,\n  ModalSubtitleStyle,\n} from './ModalStyles.js'\nimport { ModalProps } from './types.js'\nimport { ModalOverlay } from './ModalOverlay.js'\n\nexport const Modal = forwardRef(\n  (\n    {\n      children,\n      title,\n      titleIcon,\n      subtitle,\n      center = false,\n      extra,\n      open,\n      onClose,\n      onBack,\n      windowSize = 'sm',\n      windowProps,\n      ...rest\n    }: ModalProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const withTitleIcon = !!titleIcon\n    const withSubtitle = !!subtitle\n    const withCloseButton = !!onClose\n    const withBackButton = !!onBack\n\n    const modalHeader = (\n      <ModalHeaderStyle $short={!title}>\n        {withBackButton && <ModalBackStyle onClick={onBack} />}\n        <ModalTitleStyle\n          $center={center}\n          $withTitleIcon={withTitleIcon}\n          $withCloseButton={withCloseButton}\n          $withBackButton={withBackButton}\n        >\n          {withTitleIcon && (\n            <ModalTitleIconStyle $center={center}>\n              {titleIcon}\n            </ModalTitleIconStyle>\n          )}\n          <ModalTitleTextStyle>{title}</ModalTitleTextStyle>\n        </ModalTitleStyle>\n        {withCloseButton && <ModalCloseStyle onClick={onClose} />}\n      </ModalHeaderStyle>\n    )\n\n    return (\n      <ModalOverlay\n        ref={ref}\n        in={open}\n        onClose={onClose}\n        onBack={onBack}\n        {...rest}\n      >\n        <ModalStyle $center={center} $size={windowSize} {...windowProps}>\n          <ModalBaseStyle>\n            {modalHeader}\n            {withSubtitle && (\n              <ModalSubtitleStyle>{subtitle}</ModalSubtitleStyle>\n            )}\n            <ModalContentStyle>{children}</ModalContentStyle>\n          </ModalBaseStyle>\n          {extra}\n        </ModalStyle>\n      </ModalOverlay>\n    )\n  },\n)\nModal.displayName = 'Modal'\n"],"names":["Modal","forwardRef","ref","children","title","titleIcon","subtitle","center","extra","open","onClose","onBack","windowSize","windowProps","rest","withTitleIcon","withSubtitle","withCloseButton","withBackButton","modalHeader","_jsxs","_jsx","displayName"],"mappings":";;;;;MAgBaA,KAAK,gBAAGC,UAAU,CAC7B,CAAA,IAAA,EAeEC,GAfF,KAgBK;EAAA,IAfH;IACEC,QADF;IAEEC,KAFF;IAGEC,SAHF;IAIEC,QAJF;AAKEC,IAAAA,MAAM,GAAG,KALX;IAMEC,KANF;IAOEC,IAPF;IAQEC,OARF;IASEC,MATF;AAUEC,IAAAA,UAAU,GAAG,IAVf;IAWEC,WAXF;IAYE,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;AACH,EAAA,MAAMC,aAAa,GAAG,CAAC,CAACV,SAAxB,CAAA;AACA,EAAA,MAAMW,YAAY,GAAG,CAAC,CAACV,QAAvB,CAAA;AACA,EAAA,MAAMW,eAAe,GAAG,CAAC,CAACP,OAA1B,CAAA;AACA,EAAA,MAAMQ,cAAc,GAAG,CAAC,CAACP,MAAzB,CAAA;;EAEA,MAAMQ,WAAW,gBACfC,IAAA,CAAC,gBAAD,EAAA;IAAkB,MAAM,EAAE,CAAChB,KAA3B;IAAA,QACGc,EAAAA,CAAAA,cAAc,iBAAIG,GAAA,CAAC,cAAD,EAAA;AAAgB,MAAA,OAAO,EAAEV,MAAAA;KAD9C,CAAA,eAEES,KAAC,eAAD,EAAA;AACE,MAAA,OAAO,EAAEb,MADX;AAEE,MAAA,cAAc,EAAEQ,aAFlB;AAGE,MAAA,gBAAgB,EAAEE,eAHpB;AAIE,MAAA,eAAe,EAAEC,cAJnB;MAAA,QAMGH,EAAAA,CAAAA,aAAa,iBACZM,GAAA,CAAC,mBAAD,EAAA;AAAqB,QAAA,OAAO,EAAEd,MAA9B;QAAA,QACGF,EAAAA,SAAAA;OARP,CAAA,eAWEgB,IAAC,mBAAD,EAAA;QAAA,QAAsBjB,EAAAA,KAAAA;OAXxB,CAAA,CAAA;AAAA,KAAA,CAFF,EAeGa,eAAe,iBAAII,GAAA,CAAC,eAAD,EAAA;AAAiB,MAAA,OAAO,EAAEX,OAAAA;KAfhD,CAAA,CAAA;GADF,CAAA,CAAA;;AAoBA,EAAA,oBACEW,IAAC,YAAD,EAAA;AACE,IAAA,GAAG,EAAEnB,GADP;AAEE,IAAA,EAAE,EAAEO,IAFN;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,MAAM,EAAEC,MAJV;AAAA,IAAA,GAKMG,IALN;AAAA,IAAA,QAAA,eAOEM,KAAC,UAAD,EAAA;AAAY,MAAA,OAAO,EAAEb,MAArB;AAA6B,MAAA,KAAK,EAAEK,UAApC;AAAA,MAAA,GAAoDC,WAApD;AAAA,MAAA,QAAA,EAAA,cACEO,KAAC,cAAD,EAAA;AAAA,QAAA,QAAA,EAAA,CACGD,WADH,EAEGH,YAAY,iBACXK,IAAC,kBAAD,EAAA;UAAA,QAAqBf,EAAAA,QAAAA;SAHzB,CAAA,eAKEe,IAAC,iBAAD,EAAA;UAAA,QAAoBlB,EAAAA,QAAAA;SALtB,CAAA,CAAA;AAAA,OAAA,CADF,EAQGK,KARH,CAAA;AAAA,KAAA,CAAA;GARJ,CAAA,CAAA;AAoBD,CA/D4B,EAAxB;AAiEPR,KAAK,CAACsB,WAAN,GAAoB,OAApB;;;;"}
+{"version":3,"file":"Modal.mjs","sources":["../../../packages/modal/Modal.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  ModalStyle,\n  ModalBaseStyle,\n  ModalHeaderStyle,\n  ModalTitleStyle,\n  ModalTitleIconStyle,\n  ModalTitleTextStyle,\n  ModalCloseStyle,\n  ModalContentStyle,\n  ModalBackStyle,\n  ModalSubtitleStyle,\n} from './ModalStyles.js'\nimport { ModalProps } from './types.js'\nimport { ModalOverlay } from './ModalOverlay.js'\n\nexport const Modal = forwardRef(\n  (\n    {\n      children,\n      title,\n      titleIcon,\n      subtitle,\n      center = false,\n      extra,\n      open,\n      onClose,\n      onBack,\n      windowSize = 'sm',\n      windowProps,\n      ...rest\n    }: ModalProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const withTitleIcon = !!titleIcon\n    const withSubtitle = !!subtitle\n    const withCloseButton = !!onClose\n    const withBackButton = !!onBack\n\n    const modalHeader = (\n      <ModalHeaderStyle $short={!title}>\n        {withBackButton && <ModalBackStyle onClick={onBack} />}\n        <ModalTitleStyle\n          $center={center}\n          $withTitleIcon={withTitleIcon}\n          $withCloseButton={withCloseButton}\n          $withBackButton={withBackButton}\n        >\n          {withTitleIcon && (\n            <ModalTitleIconStyle $center={center}>\n              {titleIcon}\n            </ModalTitleIconStyle>\n          )}\n          <ModalTitleTextStyle>{title}</ModalTitleTextStyle>\n        </ModalTitleStyle>\n        {withCloseButton && <ModalCloseStyle onClick={onClose} />}\n      </ModalHeaderStyle>\n    )\n\n    return (\n      <ModalOverlay\n        ref={ref}\n        in={open}\n        onClose={onClose}\n        onBack={onBack}\n        {...rest}\n      >\n        <ModalStyle $center={center} $size={windowSize} {...windowProps}>\n          <ModalBaseStyle>\n            {modalHeader}\n            {withSubtitle && (\n              <ModalSubtitleStyle>{subtitle}</ModalSubtitleStyle>\n            )}\n            <ModalContentStyle>{children}</ModalContentStyle>\n          </ModalBaseStyle>\n          {extra}\n        </ModalStyle>\n      </ModalOverlay>\n    )\n  },\n)\nModal.displayName = 'Modal'\n"],"names":["Modal","forwardRef","_ref","ref","children","title","titleIcon","subtitle","center","extra","open","onClose","onBack","windowSize","windowProps","rest","withTitleIcon","withSubtitle","withCloseButton","withBackButton","modalHeader","_jsxs","ModalHeaderStyle","$short","_jsx","ModalBackStyle","onClick","ModalTitleStyle","$center","$withTitleIcon","$withCloseButton","$withBackButton","ModalTitleIconStyle","ModalTitleTextStyle","ModalCloseStyle","ModalOverlay","in","ModalStyle","$size","ModalBaseStyle","ModalSubtitleStyle","ModalContentStyle","displayName"],"mappings":";;;;;AAgBO,MAAMA,KAAK,gBAAGC,UAAU,CAC7B,CAAAC,IAAA,EAeEC,GAAkC,KAC/B;EAAA,IAfH;IACEC,QAAQ;IACRC,KAAK;IACLC,SAAS;IACTC,QAAQ;AACRC,IAAAA,MAAM,GAAG,KAAK;IACdC,KAAK;IACLC,IAAI;IACJC,OAAO;IACPC,MAAM;AACNC,IAAAA,UAAU,GAAG,IAAI;IACjBC,WAAW;IACX,GAAGC,IAAAA;AACO,GAAC,GAAAb,IAAA,CAAA;AAGb,EAAA,MAAMc,aAAa,GAAG,CAAC,CAACV,SAAS,CAAA;AACjC,EAAA,MAAMW,YAAY,GAAG,CAAC,CAACV,QAAQ,CAAA;AAC/B,EAAA,MAAMW,eAAe,GAAG,CAAC,CAACP,OAAO,CAAA;AACjC,EAAA,MAAMQ,cAAc,GAAG,CAAC,CAACP,MAAM,CAAA;AAE/B,EAAA,MAAMQ,WAAW,gBACfC,IAAA,CAACC,gBAAgB,EAAA;IAACC,MAAM,EAAE,CAAClB,KAAM;AAAAD,IAAAA,QAAA,EAC9Be,CAAAA,cAAc,iBAAIK,GAAA,CAACC,cAAc,EAAA;AAACC,MAAAA,OAAO,EAAEd,MAAAA;AAAO,KAAE,CAAC,eACtDS,IAAA,CAACM,eAAe,EAAA;AACdC,MAAAA,OAAO,EAAEpB,MAAO;AAChBqB,MAAAA,cAAc,EAAEb,aAAc;AAC9Bc,MAAAA,gBAAgB,EAAEZ,eAAgB;AAClCa,MAAAA,eAAe,EAAEZ,cAAe;AAAAf,MAAAA,QAAA,EAE/BY,CAAAA,aAAa,iBACZQ,GAAA,CAACQ,mBAAmB,EAAA;AAACJ,QAAAA,OAAO,EAAEpB,MAAO;AAAAJ,QAAAA,QAAA,EAClCE,SAAAA;AAAS,OACS,CACtB,eACDkB,GAAA,CAACS,mBAAmB,EAAA;AAAA7B,QAAAA,QAAA,EAAEC,KAAAA;AAAK,OAAsB,CAAC,CAAA;AAAA,KACnC,CAAC,EACjBa,eAAe,iBAAIM,GAAA,CAACU,eAAe,EAAA;AAACR,MAAAA,OAAO,EAAEf,OAAAA;AAAQ,KAAE,CAAC,CAAA;AAAA,GACzC,CACnB,CAAA;EAED,oBACEa,GAAA,CAACW,YAAY,EAAA;AACXhC,IAAAA,GAAG,EAAEA,GAAI;AACTiC,IAAAA,EAAE,EAAE1B,IAAK;AACTC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,MAAM,EAAEA,MAAO;AAAA,IAAA,GACXG,IAAI;IAAAX,QAAA,eAERiB,IAAA,CAACgB,UAAU,EAAA;AAACT,MAAAA,OAAO,EAAEpB,MAAO;AAAC8B,MAAAA,KAAK,EAAEzB,UAAW;AAAA,MAAA,GAAKC,WAAW;MAAAV,QAAA,EAAA,cAC7DiB,IAAA,CAACkB,cAAc,EAAA;AAAAnC,QAAAA,QAAA,GACZgB,WAAW,EACXH,YAAY,iBACXO,GAAA,CAACgB,kBAAkB,EAAA;AAAApC,UAAAA,QAAA,EAAEG,QAAAA;AAAQ,SAAqB,CACnD,eACDiB,GAAA,CAACiB,iBAAiB,EAAA;AAAArC,UAAAA,QAAA,EAAEA,QAAAA;AAAQ,SAAoB,CAAC,CAAA;OACnC,CAAC,EAChBK,KAAK,CAAA;KACI,CAAA;AAAC,GACD,CAAC,CAAA;AAEnB,CACF,EAAC;AACDT,KAAK,CAAC0C,WAAW,GAAG,OAAO;;;;"}

package/dist/esm/modal/ModalButton.mjs

@@ -32,7 +32,8 @@ const ModalButton = /*#__PURE__*/forwardRef((_ref, ref) => {
     icon,
     ...rest
   } = _ref;
-  const AdaptiveIconProps = icon.props.width || icon.props.height ? icon.props : { ...iconSize[size]
+  const AdaptiveIconProps = icon.props.width || icon.props.height ? icon.props : {
+    ...iconSize[size]
   };
   const AdaptiveIcon = /*#__PURE__*/cloneElement(icon, AdaptiveIconProps);
   return /*#__PURE__*/jsx(ModalButtonStyle, {

package/dist/esm/modal/ModalButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalButton.mjs","sources":["../../../packages/modal/ModalButton.tsx"],"sourcesContent":["import { cloneElement, ForwardedRef, forwardRef } from 'react'\nimport {\n  ModalButtonStyle,\n  ModalButtonContentStyle,\n} from './ModalButtonStyles.js'\nimport { ModalButtonIconProps } from './types.js'\n\nconst iconSize = {\n  xxs: {\n    width: '16px',\n    height: '16px',\n  },\n  xs: {\n    width: '24px',\n    height: '24px',\n  },\n  sm: {\n    width: '32px',\n    height: '32px',\n  },\n  md: {\n    width: '48px',\n    height: '48px',\n  },\n  lg: {\n    width: '64px',\n    height: '64px',\n  },\n}\n\nexport const ModalButton = forwardRef(\n  (\n    {\n      size = 'md',\n      loading = false,\n      children,\n      icon,\n      ...rest\n    }: ModalButtonIconProps,\n    ref?: ForwardedRef<HTMLButtonElement>,\n  ) => {\n    const AdaptiveIconProps =\n      icon.props.width || icon.props.height ? icon.props : { ...iconSize[size] }\n    const AdaptiveIcon = cloneElement(icon, AdaptiveIconProps)\n\n    return (\n      <ModalButtonStyle\n        type='button'\n        size={size}\n        loading={loading}\n        ref={ref}\n        icon={icon}\n        {...rest}\n      >\n        <ModalButtonContentStyle>\n          {children} {AdaptiveIcon}\n        </ModalButtonContentStyle>\n      </ModalButtonStyle>\n    )\n  },\n)\nModalButton.displayName = 'ModalButton'\n"],"names":["iconSize","xxs","width","height","xs","sm","md","lg","ModalButton","forwardRef","ref","size","loading","children","icon","rest","AdaptiveIconProps","props","AdaptiveIcon","cloneElement","_jsx","_jsxs","displayName"],"mappings":";;;;AAOA,MAAMA,QAAQ,GAAG;AACfC,EAAAA,GAAG,EAAE;AACHC,IAAAA,KAAK,EAAE,MADJ;AAEHC,IAAAA,MAAM,EAAE,MAAA;GAHK;AAKfC,EAAAA,EAAE,EAAE;AACFF,IAAAA,KAAK,EAAE,MADL;AAEFC,IAAAA,MAAM,EAAE,MAAA;GAPK;AASfE,EAAAA,EAAE,EAAE;AACFH,IAAAA,KAAK,EAAE,MADL;AAEFC,IAAAA,MAAM,EAAE,MAAA;GAXK;AAafG,EAAAA,EAAE,EAAE;AACFJ,IAAAA,KAAK,EAAE,MADL;AAEFC,IAAAA,MAAM,EAAE,MAAA;GAfK;AAiBfI,EAAAA,EAAE,EAAE;AACFL,IAAAA,KAAK,EAAE,MADL;AAEFC,IAAAA,MAAM,EAAE,MAAA;AAFN,GAAA;AAjBW,CAAjB,CAAA;MAuBaK,WAAW,gBAAGC,UAAU,CACnC,CAAA,IAAA,EAQEC,GARF,KASK;EAAA,IARH;AACEC,IAAAA,IAAI,GAAG,IADT;AAEEC,IAAAA,OAAO,GAAG,KAFZ;IAGEC,QAHF;IAIEC,IAJF;IAKE,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;EACH,MAAMC,iBAAiB,GACrBF,IAAI,CAACG,KAAL,CAAWf,KAAX,IAAoBY,IAAI,CAACG,KAAL,CAAWd,MAA/B,GAAwCW,IAAI,CAACG,KAA7C,GAAqD,EAAE,GAAGjB,QAAQ,CAACW,IAAD,CAAA;GADpE,CAAA;AAEA,EAAA,MAAMO,YAAY,gBAAGC,YAAY,CAACL,IAAD,EAAOE,iBAAP,CAAjC,CAAA;AAEA,EAAA,oBACEI,IAAC,gBAAD,EAAA;AACE,IAAA,IAAI,EAAC,QADP;AAEE,IAAA,IAAI,EAAET,IAFR;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,GAAG,EAAEF,GAJP;AAKE,IAAA,IAAI,EAAEI,IALR;AAAA,IAAA,GAMMC,IANN;AAAA,IAAA,QAAA,eAQEM,KAAC,uBAAD,EAAA;MAAA,QACGR,EAAAA,CAAAA,QADH,OACcK,YADd,CAAA;AAAA,KAAA,CAAA;GATJ,CAAA,CAAA;AAcD,CA7BkC,EAA9B;AA+BPV,WAAW,CAACc,WAAZ,GAA0B,aAA1B;;;;"}
+{"version":3,"file":"ModalButton.mjs","sources":["../../../packages/modal/ModalButton.tsx"],"sourcesContent":["import { cloneElement, ForwardedRef, forwardRef } from 'react'\nimport {\n  ModalButtonStyle,\n  ModalButtonContentStyle,\n} from './ModalButtonStyles.js'\nimport { ModalButtonIconProps } from './types.js'\n\nconst iconSize = {\n  xxs: {\n    width: '16px',\n    height: '16px',\n  },\n  xs: {\n    width: '24px',\n    height: '24px',\n  },\n  sm: {\n    width: '32px',\n    height: '32px',\n  },\n  md: {\n    width: '48px',\n    height: '48px',\n  },\n  lg: {\n    width: '64px',\n    height: '64px',\n  },\n}\n\nexport const ModalButton = forwardRef(\n  (\n    {\n      size = 'md',\n      loading = false,\n      children,\n      icon,\n      ...rest\n    }: ModalButtonIconProps,\n    ref?: ForwardedRef<HTMLButtonElement>,\n  ) => {\n    const AdaptiveIconProps =\n      icon.props.width || icon.props.height ? icon.props : { ...iconSize[size] }\n    const AdaptiveIcon = cloneElement(icon, AdaptiveIconProps)\n\n    return (\n      <ModalButtonStyle\n        type='button'\n        size={size}\n        loading={loading}\n        ref={ref}\n        icon={icon}\n        {...rest}\n      >\n        <ModalButtonContentStyle>\n          {children} {AdaptiveIcon}\n        </ModalButtonContentStyle>\n      </ModalButtonStyle>\n    )\n  },\n)\nModalButton.displayName = 'ModalButton'\n"],"names":["iconSize","xxs","width","height","xs","sm","md","lg","ModalButton","forwardRef","_ref","ref","size","loading","children","icon","rest","AdaptiveIconProps","props","AdaptiveIcon","cloneElement","_jsx","ModalButtonStyle","type","_jsxs","ModalButtonContentStyle","displayName"],"mappings":";;;;AAOA,MAAMA,QAAQ,GAAG;AACfC,EAAAA,GAAG,EAAE;AACHC,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,MAAM,EAAE,MAAA;GACT;AACDC,EAAAA,EAAE,EAAE;AACFF,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,MAAM,EAAE,MAAA;GACT;AACDE,EAAAA,EAAE,EAAE;AACFH,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,MAAM,EAAE,MAAA;GACT;AACDG,EAAAA,EAAE,EAAE;AACFJ,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,MAAM,EAAE,MAAA;GACT;AACDI,EAAAA,EAAE,EAAE;AACFL,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,MAAM,EAAE,MAAA;AACV,GAAA;AACF,CAAC,CAAA;AAEM,MAAMK,WAAW,gBAAGC,UAAU,CACnC,CAAAC,IAAA,EAQEC,GAAqC,KAClC;EAAA,IARH;AACEC,IAAAA,IAAI,GAAG,IAAI;AACXC,IAAAA,OAAO,GAAG,KAAK;IACfC,QAAQ;IACRC,IAAI;IACJ,GAAGC,IAAAA;AACiB,GAAC,GAAAN,IAAA,CAAA;AAGvB,EAAA,MAAMO,iBAAiB,GACrBF,IAAI,CAACG,KAAK,CAAChB,KAAK,IAAIa,IAAI,CAACG,KAAK,CAACf,MAAM,GAAGY,IAAI,CAACG,KAAK,GAAG;IAAE,GAAGlB,QAAQ,CAACY,IAAI,CAAA;GAAG,CAAA;AAC5E,EAAA,MAAMO,YAAY,gBAAGC,YAAY,CAACL,IAAI,EAAEE,iBAAiB,CAAC,CAAA;EAE1D,oBACEI,GAAA,CAACC,gBAAgB,EAAA;AACfC,IAAAA,IAAI,EAAC,QAAQ;AACbX,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,OAAO,EAAEA,OAAQ;AACjBF,IAAAA,GAAG,EAAEA,GAAI;AACTI,IAAAA,IAAI,EAAEA,IAAK;AAAA,IAAA,GACPC,IAAI;IAAAF,QAAA,eAERU,IAAA,CAACC,uBAAuB,EAAA;AAAAX,MAAAA,QAAA,EACrBA,CAAAA,QAAQ,EAAC,GAAC,EAACK,YAAY,CAAA;KACD,CAAA;AAAC,GACV,CAAC,CAAA;AAEvB,CACF,EAAC;AACDX,WAAW,CAACkB,WAAW,GAAG,aAAa;;;;"}

package/dist/esm/modal/ModalButtonStyles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalButtonStyles.mjs","sources":["../../../packages/modal/ModalButtonStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Button } from '../button/index.js'\n\nexport const ModalButtonStyle = styled(Button)`\n  border: ${({ active }) =>\n    active\n      ? `1px solid var(--lido-color-primary)`\n      : `1px solid var(--lido-color-background)`};\n  background-color: ${({ active }) =>\n    active ? 'rgba(0, 163, 255, 0.1);' : `var(--lido-color-background)`};\n  color: var(--lido-color-text);\n\n  :not(:disabled):hover,\n  :focus-visible {\n    background-color: rgb(0 163 255 / 10%);\n    color: var(--lido-color-text);\n  }\n`\n\nexport const ModalButtonContentStyle = styled.span`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n`\n"],"names":["ModalButtonStyle","styled","Button","active","ModalButtonContentStyle","span"],"mappings":";;;;MAGaA,gBAAgB,GAAGC,MAAM,CAACC,MAAD,CAAS,CAAA;AAC/C,UAAY,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;GAAH,GAAA,IAAA,CAAA;AAAA,EAAA,OACRA,MAAM,GACD,CADC,mCAAA,CAAA,GAED,CAHG,sCAAA,CAAA,CAAA;AAAA,CAGqC,CAAA;AACjD,oBAAsB,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEA,IAAAA,MAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAClBA,MAAM,GAAG,yBAAH,GAAgC,CADpB,4BAAA,CAAA,CAAA;AAAA,CACkD,CAAA;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAdO;AAgBMC,MAAAA,uBAAuB,GAAGH,MAAM,CAACI,IAAK,CAAA;AACnD;AACA;AACA;AACA;AACA;;;;"}
+{"version":3,"file":"ModalButtonStyles.mjs","sources":["../../../packages/modal/ModalButtonStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Button } from '../button/index.js'\n\nexport const ModalButtonStyle = styled(Button)`\n  border: ${({ active }) =>\n    active\n      ? `1px solid var(--lido-color-primary)`\n      : `1px solid var(--lido-color-background)`};\n  background-color: ${({ active }) =>\n    active ? 'rgba(0, 163, 255, 0.1);' : `var(--lido-color-background)`};\n  color: var(--lido-color-text);\n\n  :not(:disabled):hover,\n  :focus-visible {\n    background-color: rgb(0 163 255 / 10%);\n    color: var(--lido-color-text);\n  }\n`\n\nexport const ModalButtonContentStyle = styled.span`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n`\n"],"names":["ModalButtonStyle","styled","Button","_ref","active","_ref2","ModalButtonContentStyle","span"],"mappings":";;;;MAGaA,gBAAgB,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAA;AAC9C,UAAA,EAAYC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OACnBC,MAAM,GACF,CAAqC,mCAAA,CAAA,GACrC,CAAwC,sCAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAChD,oBAAA,EAAsBC,KAAA,IAAA;EAAA,IAAC;AAAED,IAAAA,MAAAA;AAAO,GAAC,GAAAC,KAAA,CAAA;AAAA,EAAA,OAC7BD,MAAM,GAAG,yBAAyB,GAAG,CAA8B,4BAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYE,MAAAA,uBAAuB,GAAGL,MAAM,CAACM,IAAI,CAAA;AAClD;AACA;AACA;AACA;AACA;;;;"}

package/dist/esm/modal/ModalExtra.mjs

@@ -3,7 +3,8 @@ import { ModalExtraStyle } from './ModalExtraStyles.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 const ModalExtra = /*#__PURE__*/forwardRef((props, ref) => {
-  return /*#__PURE__*/jsx(ModalExtraStyle, { ...props,
+  return /*#__PURE__*/jsx(ModalExtraStyle, {
+    ...props,
     ref: ref
   });
 });

package/dist/esm/modal/ModalExtra.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalExtra.mjs","sources":["../../../packages/modal/ModalExtra.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { ModalExtraStyle } from './ModalExtraStyles.js'\nimport { ModalExtraProps } from './types.js'\n\nexport const ModalExtra = forwardRef(\n  (props: ModalExtraProps, ref?: ForwardedRef<HTMLDivElement>) => {\n    return <ModalExtraStyle {...props} ref={ref} />\n  },\n)\nModalExtra.displayName = 'ModalExtra'\n"],"names":["ModalExtra","forwardRef","props","ref","_jsx","displayName"],"mappings":";;;;AAIO,MAAMA,UAAU,gBAAGC,UAAU,CAClC,CAACC,KAAD,EAAyBC,GAAzB,KAAgE;EAC9D,oBAAOC,GAAA,CAAC,eAAD,EAAA,EAAA,GAAqBF,KAArB;AAA4B,IAAA,GAAG,EAAEC,GAAAA;GAAxC,CAAA,CAAA;AACD,CAHiC,EAA7B;AAKPH,UAAU,CAACK,WAAX,GAAyB,YAAzB;;;;"}
+{"version":3,"file":"ModalExtra.mjs","sources":["../../../packages/modal/ModalExtra.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { ModalExtraStyle } from './ModalExtraStyles.js'\nimport { ModalExtraProps } from './types.js'\n\nexport const ModalExtra = forwardRef(\n  (props: ModalExtraProps, ref?: ForwardedRef<HTMLDivElement>) => {\n    return <ModalExtraStyle {...props} ref={ref} />\n  },\n)\nModalExtra.displayName = 'ModalExtra'\n"],"names":["ModalExtra","forwardRef","props","ref","_jsx","ModalExtraStyle","displayName"],"mappings":";;;;AAIO,MAAMA,UAAU,gBAAGC,UAAU,CAClC,CAACC,KAAsB,EAAEC,GAAkC,KAAK;EAC9D,oBAAOC,GAAA,CAACC,eAAe,EAAA;AAAA,IAAA,GAAKH,KAAK;AAAEC,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAE,CAAC,CAAA;AACjD,CACF,EAAC;AACDH,UAAU,CAACM,WAAW,GAAG,YAAY;;;;"}

package/dist/esm/modal/ModalExtraStyles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalExtraStyles.mjs","sources":["../../../packages/modal/ModalExtraStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const ModalExtraStyle = styled.div`\n  margin-top: ${({ theme }) => -theme.borderRadiusesMap.xl}px;\n  color: var(--lido-color-accentContrast);\n  background: var(--lido-color-accent);\n  padding: ${({ theme }) => theme.spaceMap.xxl}px;\n  padding-top: ${({ theme }) =>\n    theme.borderRadiusesMap.xl + theme.spaceMap.xxl}px;\n  border-bottom-left-radius: inherit;\n  border-bottom-right-radius: inherit;\n\n  ${({ theme }) => theme.mediaQueries.md} {\n    padding: ${({ theme }) => theme.spaceMap.lg}px;\n    padding-top: ${({ theme }) =>\n      theme.borderRadiusesMap.xl + theme.spaceMap.lg}px;\n  }\n`\n"],"names":["ModalExtraStyle","styled","div","theme","borderRadiusesMap","xl","spaceMap","xxl","mediaQueries","md","lg"],"mappings":";;AAEaA,MAAAA,eAAe,GAAGC,MAAM,CAACC,GAAI,CAAA;AAC1C,cAAgB,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,IAAA,CAAA;AAAA,EAAA,OAAe,CAACA,KAAK,CAACC,iBAAN,CAAwBC,EAAxC,CAAA;AAAA,CAA2C,CAAA;AAC3D;AACA;AACA,WAAa,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEF,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACG,QAAN,CAAeC,GAA9B,CAAA;AAAA,CAAkC,CAAA;AAC/C,eAAiB,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEJ,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;EAAA,OACbA,KAAK,CAACC,iBAAN,CAAwBC,EAAxB,GAA6BF,KAAK,CAACG,QAAN,CAAeC,GAD/B,CAAA;AAAA,CACmC,CAAA;AACpD;AACA;AACA;AACA,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEJ,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACK,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC,aAAe,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEN,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACG,QAAN,CAAeI,EAA9B,CAAA;AAAA,CAAiC,CAAA;AAChD,iBAAmB,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEP,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;EAAA,OACbA,KAAK,CAACC,iBAAN,CAAwBC,EAAxB,GAA6BF,KAAK,CAACG,QAAN,CAAeI,EAD/B,CAAA;AAAA,CACkC,CAAA;AACrD;AACA;;;;"}
+{"version":3,"file":"ModalExtraStyles.mjs","sources":["../../../packages/modal/ModalExtraStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const ModalExtraStyle = styled.div`\n  margin-top: ${({ theme }) => -theme.borderRadiusesMap.xl}px;\n  color: var(--lido-color-accentContrast);\n  background: var(--lido-color-accent);\n  padding: ${({ theme }) => theme.spaceMap.xxl}px;\n  padding-top: ${({ theme }) =>\n    theme.borderRadiusesMap.xl + theme.spaceMap.xxl}px;\n  border-bottom-left-radius: inherit;\n  border-bottom-right-radius: inherit;\n\n  ${({ theme }) => theme.mediaQueries.md} {\n    padding: ${({ theme }) => theme.spaceMap.lg}px;\n    padding-top: ${({ theme }) =>\n      theme.borderRadiusesMap.xl + theme.spaceMap.lg}px;\n  }\n`\n"],"names":["ModalExtraStyle","styled","div","_ref","theme","borderRadiusesMap","xl","_ref2","spaceMap","xxl","_ref3","_ref4","mediaQueries","md","_ref5","lg","_ref6"],"mappings":";;AAEaA,MAAAA,eAAe,GAAGC,MAAM,CAACC,GAAG,CAAA;AACzC,cAAA,EAAgBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAK,CAACC,KAAK,CAACC,iBAAiB,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AAC1D;AACA;AACA,WAAA,EAAaC,KAAA,IAAA;EAAA,IAAC;AAAEH,IAAAA,KAAAA;AAAM,GAAC,GAAAG,KAAA,CAAA;AAAA,EAAA,OAAKH,KAAK,CAACI,QAAQ,CAACC,GAAG,CAAA;AAAA,CAAA,CAAA;AAC9C,eAAA,EAAiBC,KAAA,IAAA;EAAA,IAAC;AAAEN,IAAAA,KAAAA;AAAM,GAAC,GAAAM,KAAA,CAAA;EAAA,OACvBN,KAAK,CAACC,iBAAiB,CAACC,EAAE,GAAGF,KAAK,CAACI,QAAQ,CAACC,GAAG,CAAA;AAAA,CAAA,CAAA;AACnD;AACA;AACA;AACA,EAAA,EAAIE,KAAA,IAAA;EAAA,IAAC;AAAEP,IAAAA,KAAAA;AAAM,GAAC,GAAAO,KAAA,CAAA;AAAA,EAAA,OAAKP,KAAK,CAACQ,YAAY,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACxC,aAAA,EAAeC,KAAA,IAAA;EAAA,IAAC;AAAEV,IAAAA,KAAAA;AAAM,GAAC,GAAAU,KAAA,CAAA;AAAA,EAAA,OAAKV,KAAK,CAACI,QAAQ,CAACO,EAAE,CAAA;AAAA,CAAA,CAAA;AAC/C,iBAAA,EAAmBC,KAAA,IAAA;EAAA,IAAC;AAAEZ,IAAAA,KAAAA;AAAM,GAAC,GAAAY,KAAA,CAAA;EAAA,OACvBZ,KAAK,CAACC,iBAAiB,CAACC,EAAE,GAAGF,KAAK,CAACI,QAAQ,CAACO,EAAE,CAAA;AAAA,CAAA,CAAA;AACpD;AACA;;;;"}

package/dist/esm/modal/ModalOverlay.mjs

@@ -39,7 +39,7 @@ forwardRef((_ref, externalRef) => {
   } = useModalClose(onClose);
   const mergedRef = useMergeRefs([controlRef, closeRef, externalRef]);
   if (!ModalRoot) return null;
-  return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/jsx(ModalPortalStyle, {
+  return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/jsx(ModalPortalStyle, {
     $closable: closable,
     $duration: duration,
     $transition: transitionStatus,

package/dist/esm/modal/ModalOverlay.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalOverlay.mjs","sources":["../../../packages/modal/ModalOverlay.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport ReactDOM from 'react-dom'\nimport { useMergeRefs, useEscape, useLockScroll } from '../hooks/index.js'\nimport { withTransition } from '../transition/index.js'\nimport { modalRoot } from '../utils/index.js'\nimport { ModalOverlayInnerProps } from './types.js'\nimport {\n  ModalPortalStyle,\n  ModalOverflowStyle,\n  ModalContentStyle,\n} from './ModalOverlayStyles.js'\nimport { useModalFocus } from './useModalFocus.js'\nimport { useModalClose } from './useModalClose.js'\n\nexport const ModalOverlay = withTransition(\n  // eslint-disable-next-line react/display-name\n  forwardRef(\n    (\n      {\n        onClose,\n        onBack,\n        duration,\n        transitionStatus,\n        ...rest\n      }: ModalOverlayInnerProps,\n      externalRef?: ForwardedRef<HTMLDivElement>,\n    ) => {\n      const closable = !!onClose\n\n      useEscape(onClose)\n      useLockScroll()\n\n      const controlRef = useModalFocus()\n      const { ref: closeRef, handleClick } = useModalClose(onClose)\n\n      const mergedRef = useMergeRefs([controlRef, closeRef, externalRef])\n\n      if (!modalRoot) return null\n\n      return ReactDOM.createPortal(\n        <ModalPortalStyle\n          $closable={closable}\n          $duration={duration}\n          $transition={transitionStatus}\n          onClick={handleClick}\n        >\n          <ModalOverflowStyle>\n            <ModalContentStyle\n              tabIndex={-1}\n              role='dialog'\n              aria-modal='true'\n              ref={mergedRef}\n              $transition={transitionStatus}\n              $duration={duration}\n              {...rest}\n            />\n          </ModalOverflowStyle>\n        </ModalPortalStyle>,\n        modalRoot,\n      )\n    },\n  ),\n)\nModalOverlay.displayName = 'ModalOverlay'\n"],"names":["ModalOverlay","withTransition","forwardRef","externalRef","onClose","onBack","duration","transitionStatus","rest","closable","useEscape","useLockScroll","controlRef","useModalFocus","ref","closeRef","handleClick","useModalClose","mergedRef","useMergeRefs","modalRoot","ReactDOM","createPortal","_jsx","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;AAcO,MAAMA,YAAY,GAAGC,cAAc;AAAA;AACxC;AACAC,UAAU,CACR,CAQEC,IAAAA,EAAAA,WARF,KASK;EAAA,IARH;IACEC,OADF;IAEEC,MAFF;IAGEC,QAHF;IAIEC,gBAJF;IAKE,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;AACH,EAAA,MAAMC,QAAQ,GAAG,CAAC,CAACL,OAAnB,CAAA;EAEAM,SAAS,CAACN,OAAD,CAAT,CAAA;EACAO,aAAa,EAAA,CAAA;EAEb,MAAMC,UAAU,GAAGC,aAAa,EAAhC,CAAA;EACA,MAAM;AAAEC,IAAAA,GAAG,EAAEC,QAAP;AAAiBC,IAAAA,WAAAA;GAAgBC,GAAAA,aAAa,CAACb,OAAD,CAApD,CAAA;EAEA,MAAMc,SAAS,GAAGC,YAAY,CAAC,CAACP,UAAD,EAAaG,QAAb,EAAuBZ,WAAvB,CAAD,CAA9B,CAAA;AAEA,EAAA,IAAI,CAACiB,SAAL,EAAgB,OAAO,IAAP,CAAA;AAEhB,EAAA,oBAAOC,QAAQ,CAACC,YAAT,eACLC,IAAC,gBAAD,EAAA;AACE,IAAA,SAAS,EAAEd,QADb;AAEE,IAAA,SAAS,EAAEH,QAFb;AAGE,IAAA,WAAW,EAAEC,gBAHf;AAIE,IAAA,OAAO,EAAES,WAJX;AAAA,IAAA,QAAA,eAMEO,IAAC,kBAAD,EAAA;AAAA,MAAA,QAAA,eACEA,IAAC,iBAAD,EAAA;QACE,QAAQ,EAAE,CAAC,CADb;AAEE,QAAA,IAAI,EAAC,QAFP;AAGE,QAAA,YAAA,EAAW,MAHb;AAIE,QAAA,GAAG,EAAEL,SAJP;AAKE,QAAA,WAAW,EAAEX,gBALf;AAME,QAAA,SAAS,EAAED,QANb;QAAA,GAOME,IAAAA;AAPN,OAAA,CAAA;AADF,KAAA,CAAA;GAPG,CAAA,EAmBLY,SAnBK,CAAP,CAAA;AAqBD,CA5CO,CAF8B,EAAnC;AAiDPpB,YAAY,CAACwB,WAAb,GAA2B,cAA3B;;;;"}
+{"version":3,"file":"ModalOverlay.mjs","sources":["../../../packages/modal/ModalOverlay.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport ReactDOM from 'react-dom'\nimport { useMergeRefs, useEscape, useLockScroll } from '../hooks/index.js'\nimport { withTransition } from '../transition/index.js'\nimport { modalRoot } from '../utils/index.js'\nimport { ModalOverlayInnerProps } from './types.js'\nimport {\n  ModalPortalStyle,\n  ModalOverflowStyle,\n  ModalContentStyle,\n} from './ModalOverlayStyles.js'\nimport { useModalFocus } from './useModalFocus.js'\nimport { useModalClose } from './useModalClose.js'\n\nexport const ModalOverlay = withTransition(\n  // eslint-disable-next-line react/display-name\n  forwardRef(\n    (\n      {\n        onClose,\n        onBack,\n        duration,\n        transitionStatus,\n        ...rest\n      }: ModalOverlayInnerProps,\n      externalRef?: ForwardedRef<HTMLDivElement>,\n    ) => {\n      const closable = !!onClose\n\n      useEscape(onClose)\n      useLockScroll()\n\n      const controlRef = useModalFocus()\n      const { ref: closeRef, handleClick } = useModalClose(onClose)\n\n      const mergedRef = useMergeRefs([controlRef, closeRef, externalRef])\n\n      if (!modalRoot) return null\n\n      return ReactDOM.createPortal(\n        <ModalPortalStyle\n          $closable={closable}\n          $duration={duration}\n          $transition={transitionStatus}\n          onClick={handleClick}\n        >\n          <ModalOverflowStyle>\n            <ModalContentStyle\n              tabIndex={-1}\n              role='dialog'\n              aria-modal='true'\n              ref={mergedRef}\n              $transition={transitionStatus}\n              $duration={duration}\n              {...rest}\n            />\n          </ModalOverflowStyle>\n        </ModalPortalStyle>,\n        modalRoot,\n      )\n    },\n  ),\n)\nModalOverlay.displayName = 'ModalOverlay'\n"],"names":["ModalOverlay","withTransition","forwardRef","_ref","externalRef","onClose","onBack","duration","transitionStatus","rest","closable","useEscape","useLockScroll","controlRef","useModalFocus","ref","closeRef","handleClick","useModalClose","mergedRef","useMergeRefs","modalRoot","ReactDOM","createPortal","_jsx","ModalPortalStyle","$closable","$duration","$transition","onClick","children","ModalOverflowStyle","ModalContentStyle","tabIndex","role","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;AAcO,MAAMA,YAAY,GAAGC,cAAc;AAAA;AACxC;AACAC,UAAU,CACR,CAAAC,IAAA,EAQEC,WAA0C,KACvC;EAAA,IARH;IACEC,OAAO;IACPC,MAAM;IACNC,QAAQ;IACRC,gBAAgB;IAChB,GAAGC,IAAAA;AACmB,GAAC,GAAAN,IAAA,CAAA;AAGzB,EAAA,MAAMO,QAAQ,GAAG,CAAC,CAACL,OAAO,CAAA;EAE1BM,SAAS,CAACN,OAAO,CAAC,CAAA;AAClBO,EAAAA,aAAa,EAAE,CAAA;AAEf,EAAA,MAAMC,UAAU,GAAGC,aAAa,EAAE,CAAA;EAClC,MAAM;AAAEC,IAAAA,GAAG,EAAEC,QAAQ;AAAEC,IAAAA,WAAAA;AAAY,GAAC,GAAGC,aAAa,CAACb,OAAO,CAAC,CAAA;EAE7D,MAAMc,SAAS,GAAGC,YAAY,CAAC,CAACP,UAAU,EAAEG,QAAQ,EAAEZ,WAAW,CAAC,CAAC,CAAA;AAEnE,EAAA,IAAI,CAACiB,SAAS,EAAE,OAAO,IAAI,CAAA;AAE3B,EAAA,oBAAOC,QAAQ,CAACC,YAAY,cAC1BC,GAAA,CAACC,gBAAgB,EAAA;AACfC,IAAAA,SAAS,EAAEhB,QAAS;AACpBiB,IAAAA,SAAS,EAAEpB,QAAS;AACpBqB,IAAAA,WAAW,EAAEpB,gBAAiB;AAC9BqB,IAAAA,OAAO,EAAEZ,WAAY;IAAAa,QAAA,eAErBN,GAAA,CAACO,kBAAkB,EAAA;MAAAD,QAAA,eACjBN,GAAA,CAACQ,iBAAiB,EAAA;QAChBC,QAAQ,EAAE,CAAC,CAAE;AACbC,QAAAA,IAAI,EAAC,QAAQ;AACb,QAAA,YAAA,EAAW,MAAM;AACjBnB,QAAAA,GAAG,EAAEI,SAAU;AACfS,QAAAA,WAAW,EAAEpB,gBAAiB;AAC9BmB,QAAAA,SAAS,EAAEpB,QAAS;QAAA,GAChBE,IAAAA;OACL,CAAA;KACiB,CAAA;GACJ,CAAC,EACnBY,SACF,CAAC,CAAA;AACH,CACF,CACF,EAAC;AACDrB,YAAY,CAACmC,WAAW,GAAG,cAAc;;;;"}

package/dist/esm/modal/ModalOverlayStyles.mjs

@@ -6,7 +6,6 @@ const getOpacity = _ref => {
   } = _ref;
   return ['exiting', 'exited'].includes($transition) ? 0 : 1;
 };
-
 const ModalPortalStyle = styled.div`
   position: fixed;
   inset: 0;
@@ -34,14 +33,12 @@ const ModalOverflowStyle = styled.div`
   overflow-x: hidden;
   display: flex;
 `;
-
 const getTransform = _ref4 => {
   let {
     $transition
   } = _ref4;
   return ['exiting', 'exited'].includes($transition) ? 'translateY(6px)' : 'translateY(0)';
 };
-
 const ModalContentStyle = styled.div`
   box-sizing: border-box;
   max-width: 100%;

package/dist/esm/modal/ModalOverlayStyles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalOverlayStyles.mjs","sources":["../../../packages/modal/ModalOverlayStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { TransitionInnerProps } from '../transition/index.js'\n\ntype TransitionProps = {\n  $duration: number\n  $transition: TransitionInnerProps['transitionStatus']\n}\n\nconst getOpacity = ({ $transition }: TransitionProps) => {\n  return ['exiting', 'exited'].includes($transition) ? 0 : 1\n}\n\nexport const ModalPortalStyle = styled.div<\n  { $closable: boolean } & TransitionProps\n>`\n  position: fixed;\n  inset: 0;\n  z-index: 300;\n  background: var(--lido-color-overlay);\n  cursor: ${({ $closable }) => ($closable ? 'pointer' : 'default')};\n  transition: opacity ${({ $duration }) => $duration}ms ease;\n  opacity: ${getOpacity};\n`\n\nexport const ModalOverflowStyle = styled.div`\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  overflow: auto;\n  overflow-x: hidden;\n  display: flex;\n`\n\nconst getTransform = ({ $transition }: TransitionProps) => {\n  return ['exiting', 'exited'].includes($transition)\n    ? 'translateY(6px)'\n    : 'translateY(0)'\n}\n\nexport const ModalContentStyle = styled.div<TransitionProps>`\n  box-sizing: border-box;\n  max-width: 100%;\n  padding: ${({ theme }) => theme.spaceMap.lg}px;\n  outline: none;\n  margin: auto;\n  cursor: default;\n  transition: transform ${({ $duration }) => $duration}ms ease-out;\n  transform: ${getTransform};\n  pointer-events: none;\n\n  & > * {\n    pointer-events: auto;\n  }\n`\n"],"names":["getOpacity","$transition","includes","ModalPortalStyle","styled","div","$closable","$duration","ModalOverflowStyle","getTransform","ModalContentStyle","theme","spaceMap","lg"],"mappings":";;AAQA,MAAMA,UAAU,GAAG,IAAsC,IAAA;EAAA,IAArC;AAAEC,IAAAA,WAAAA;GAAmC,GAAA,IAAA,CAAA;EACvD,OAAO,CAAC,SAAD,EAAY,QAAZ,CAAA,CAAsBC,QAAtB,CAA+BD,WAA/B,CAAA,GAA8C,CAA9C,GAAkD,CAAzD,CAAA;AACD,CAFD,CAAA;;AAIaE,MAAAA,gBAAgB,GAAGC,MAAM,CAACC,GAErC,CAAA;AACF;AACA;AACA;AACA;AACA,UAAY,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,SAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAoBA,SAAS,GAAG,SAAH,GAAe,SAA5C,CAAA;AAAA,CAAuD,CAAA;AACnE,sBAAwB,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,SAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAmBA,SAAnB,CAAA;AAAA,CAA6B,CAAA;AACrD,WAAA,EAAaP,UAAW,CAAA;AACxB,EAVO;AAYMQ,MAAAA,kBAAkB,GAAGJ,MAAM,CAACC,GAAI,CAAA;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA,EAPO;;AASP,MAAMI,YAAY,GAAG,KAAsC,IAAA;EAAA,IAArC;AAAER,IAAAA,WAAAA;GAAmC,GAAA,KAAA,CAAA;EACzD,OAAO,CAAC,SAAD,EAAY,QAAZ,CAAA,CAAsBC,QAAtB,CAA+BD,WAA/B,CAAA,GACH,iBADG,GAEH,eAFJ,CAAA;AAGD,CAJD,CAAA;;AAMaS,MAAAA,iBAAiB,GAAGN,MAAM,CAACC,GAAqB,CAAA;AAC7D;AACA;AACA,WAAa,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEM,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,QAAN,CAAeC,EAA9B,CAAA;AAAA,CAAiC,CAAA;AAC9C;AACA;AACA;AACA,wBAA0B,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEN,IAAAA,SAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAmBA,SAAnB,CAAA;AAAA,CAA6B,CAAA;AACvD,aAAA,EAAeE,YAAa,CAAA;AAC5B;AACA;AACA;AACA;AACA;AACA;;;;"}
+{"version":3,"file":"ModalOverlayStyles.mjs","sources":["../../../packages/modal/ModalOverlayStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { TransitionInnerProps } from '../transition/index.js'\n\ntype TransitionProps = {\n  $duration: number\n  $transition: TransitionInnerProps['transitionStatus']\n}\n\nconst getOpacity = ({ $transition }: TransitionProps) => {\n  return ['exiting', 'exited'].includes($transition) ? 0 : 1\n}\n\nexport const ModalPortalStyle = styled.div<\n  { $closable: boolean } & TransitionProps\n>`\n  position: fixed;\n  inset: 0;\n  z-index: 300;\n  background: var(--lido-color-overlay);\n  cursor: ${({ $closable }) => ($closable ? 'pointer' : 'default')};\n  transition: opacity ${({ $duration }) => $duration}ms ease;\n  opacity: ${getOpacity};\n`\n\nexport const ModalOverflowStyle = styled.div`\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  overflow: auto;\n  overflow-x: hidden;\n  display: flex;\n`\n\nconst getTransform = ({ $transition }: TransitionProps) => {\n  return ['exiting', 'exited'].includes($transition)\n    ? 'translateY(6px)'\n    : 'translateY(0)'\n}\n\nexport const ModalContentStyle = styled.div<TransitionProps>`\n  box-sizing: border-box;\n  max-width: 100%;\n  padding: ${({ theme }) => theme.spaceMap.lg}px;\n  outline: none;\n  margin: auto;\n  cursor: default;\n  transition: transform ${({ $duration }) => $duration}ms ease-out;\n  transform: ${getTransform};\n  pointer-events: none;\n\n  & > * {\n    pointer-events: auto;\n  }\n`\n"],"names":["getOpacity","_ref","$transition","includes","ModalPortalStyle","styled","div","_ref2","$closable","_ref3","$duration","ModalOverflowStyle","getTransform","_ref4","ModalContentStyle","_ref5","theme","spaceMap","lg","_ref6"],"mappings":";;AAQA,MAAMA,UAAU,GAAGC,IAAA,IAAsC;EAAA,IAArC;AAAEC,IAAAA,WAAAA;AAA6B,GAAC,GAAAD,IAAA,CAAA;AAClD,EAAA,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,CAACE,QAAQ,CAACD,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAC5D,CAAC,CAAA;AAEYE,MAAAA,gBAAgB,GAAGC,MAAM,CAACC,GAEtC,CAAA;AACD;AACA;AACA;AACA;AACA,UAAA,EAAYC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAMC,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;AAAA,CAAC,CAAA;AAClE,sBAAA,EAAwBC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAKC,SAAS,CAAA;AAAA,CAAA,CAAA;AACpD,WAAA,EAAaV,UAAU,CAAA;AACvB,EAAC;AAEYW,MAAAA,kBAAkB,GAAGN,MAAM,CAACC,GAAG,CAAA;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAED,MAAMM,YAAY,GAAGC,KAAA,IAAsC;EAAA,IAArC;AAAEX,IAAAA,WAAAA;AAA6B,GAAC,GAAAW,KAAA,CAAA;AACpD,EAAA,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,CAACV,QAAQ,CAACD,WAAW,CAAC,GAC9C,iBAAiB,GACjB,eAAe,CAAA;AACrB,CAAC,CAAA;AAEYY,MAAAA,iBAAiB,GAAGT,MAAM,CAACC,GAAoB,CAAA;AAC5D;AACA;AACA,WAAA,EAAaS,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,QAAQ,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AAC7C;AACA;AACA;AACA,wBAAA,EAA0BC,KAAA,IAAA;EAAA,IAAC;AAAET,IAAAA,SAAAA;AAAU,GAAC,GAAAS,KAAA,CAAA;AAAA,EAAA,OAAKT,SAAS,CAAA;AAAA,CAAA,CAAA;AACtD,aAAA,EAAeE,YAAY,CAAA;AAC3B;AACA;AACA;AACA;AACA;AACA;;;;"}

package/dist/esm/modal/ModalStyles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalStyles.mjs","sources":["../../../packages/modal/ModalStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Close, ArrowBack } from '../icons/index.js'\nimport { ButtonIcon } from '../button/index.js'\nimport { ModalWindowSizes } from './types.js'\n\nexport const ModalWindowSizesMap = {\n  sm: css`\n    width: 432px;\n  `,\n  md: css`\n    width: 520px;\n  `,\n  lg: css`\n    width: 960px;\n  `,\n}\n\nexport const ModalStyle = styled.div<{\n  $center: boolean\n  $size: ModalWindowSizes\n}>`\n  ${({\n    theme: { fontSizesMap, borderRadiusesMap, colors, boxShadows },\n    $center,\n    $size,\n  }) => css`\n    max-width: 100%;\n    font-weight: 400;\n    font-size: ${fontSizesMap.xs}px;\n    line-height: 1.5em;\n    text-align: ${$center ? 'center' : 'left'};\n    border-radius: ${borderRadiusesMap.xl}px;\n    box-shadow: ${boxShadows.xxl} ${colors.shadowDark};\n\n    ${ModalWindowSizesMap[$size]}\n  `}\n`\n\nexport const ModalBaseStyle = styled.div`\n  ${({ theme: { colors } }) => css`\n    color: ${colors.text};\n    background: ${colors.foreground};\n    border-radius: inherit;\n    position: relative;\n    z-index: 1;\n  `}\n`\n\nexport const ModalHeaderStyle = styled.div<{\n  $short: boolean\n}>`\n  ${({ theme: { spaceMap, fontSizesMap, mediaQueries }, $short }) => css`\n    display: flex;\n    align-items: flex-start;\n    min-height: 32px;\n    margin-bottom: ${$short ? -spaceMap.md : 0}px;\n    padding: ${spaceMap.xl}px ${spaceMap.xxl}px;\n    font-size: ${fontSizesMap.md}px;\n    line-height: 1.5em;\n\n    ${mediaQueries.md} {\n      padding: ${spaceMap.lg}px;\n    }\n  `}\n`\n\nexport const ModalTitleStyle = styled.div<{\n  $center: boolean\n  $withTitleIcon: boolean\n  $withCloseButton: boolean\n  $withBackButton: boolean\n}>`\n  ${({\n    theme: { fontSizesMap, spaceMap, mediaQueries },\n    $center,\n    $withBackButton,\n    $withCloseButton,\n    $withTitleIcon,\n  }) => css`\n    font-size: ${fontSizesMap.sm}px;\n    line-height: 1.5em;\n    font-weight: 700;\n    margin-left: ${$center && !$withBackButton ? spaceMap.xxl : '0'}px;\n    margin-right: ${$center && !$withCloseButton ? spaceMap.xxl : '0'}px;\n    padding-top: ${$withTitleIcon ? spaceMap.sm : '0'}px;\n    padding-left: 0;\n    padding-right: ${spaceMap.sm}px;\n    flex-grow: 1;\n    align-self: center;\n\n    ${mediaQueries.md} {\n      padding-right: ${spaceMap.xs}px;\n    }\n  `}\n`\n\nexport const ModalTitleIconStyle = styled.div<{\n  $center: boolean\n}>`\n  ${({ theme: { spaceMap }, $center }) => css`\n    display: ${$center ? 'flex' : 'block'};\n    justify-content: ${$center ? 'center' : 'flex-start'};\n    line-height: 0.7;\n    margin-bottom: ${spaceMap.md}px;\n  `}\n`\n\nexport const ModalTitleTextStyle = styled.div`\n  margin: ${({ theme }) => theme.spaceMap.xs}px 0;\n`\n\nexport const ModalSubtitleStyle = styled.div`\n  ${({ theme: { colors, fontSizesMap, spaceMap, mediaQueries } }) => css`\n    color: ${colors.textSecondary};\n    font-size: ${fontSizesMap.xs}px;\n    font-weight: 400;\n    line-height: 24px;\n    margin-top: -${spaceMap.xl}px;\n    padding: 0 ${spaceMap.xxl}px ${spaceMap.sm}px;\n\n    ${mediaQueries.md} {\n      padding-left: ${spaceMap.xl}px;\n      padding-right: ${spaceMap.xl}px;\n    }\n  `}\n`\n\nexport const ModalContentStyle = styled.div`\n  ${({ theme: { spaceMap, mediaQueries } }) => css`\n    padding: 0 ${spaceMap.xxl}px ${spaceMap.xxl}px;\n\n    ${mediaQueries.md} {\n      padding: 0 ${spaceMap.lg}px ${spaceMap.lg}px;\n    }\n  `}\n`\n\nexport const ModalCloseStyle = styled(ButtonIcon).attrs({\n  icon: <Close />,\n  color: 'secondary',\n  variant: 'ghost',\n  size: 'xs',\n})`\n  margin: 0 -10px 0 0;\n  color: var(--lido-color-textSecondary);\n  flex-shrink: 0;\n  border-radius: 50%;\n`\n\nexport const ModalBackStyle = styled(ButtonIcon).attrs({\n  icon: <ArrowBack />,\n  color: 'secondary',\n  variant: 'ghost',\n  size: 'xs',\n})`\n  ${({ theme: { colors, spaceMap } }) => css`\n    color: ${colors.textSecondary};\n    flex-shrink: 0;\n    margin: 0 ${spaceMap.sm}px 0 -6px;\n    border-radius: 50%;\n    background: transparent !important;\n  `}\n`\n"],"names":["ModalWindowSizesMap","sm","css","md","lg","ModalStyle","styled","div","theme","fontSizesMap","borderRadiusesMap","colors","boxShadows","$center","$size","xs","xl","xxl","shadowDark","ModalBaseStyle","text","foreground","ModalHeaderStyle","spaceMap","mediaQueries","$short","ModalTitleStyle","$withBackButton","$withCloseButton","$withTitleIcon","ModalTitleIconStyle","ModalTitleTextStyle","ModalSubtitleStyle","textSecondary","ModalContentStyle","ModalCloseStyle","ButtonIcon","attrs","icon","_jsx","color","variant","size","ModalBackStyle"],"mappings":"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"}
+{"version":3,"file":"ModalStyles.mjs","sources":["../../../packages/modal/ModalStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Close, ArrowBack } from '../icons/index.js'\nimport { ButtonIcon } from '../button/index.js'\nimport { ModalWindowSizes } from './types.js'\n\nexport const ModalWindowSizesMap = {\n  sm: css`\n    width: 432px;\n  `,\n  md: css`\n    width: 520px;\n  `,\n  lg: css`\n    width: 960px;\n  `,\n}\n\nexport const ModalStyle = styled.div<{\n  $center: boolean\n  $size: ModalWindowSizes\n}>`\n  ${({\n    theme: { fontSizesMap, borderRadiusesMap, colors, boxShadows },\n    $center,\n    $size,\n  }) => css`\n    max-width: 100%;\n    font-weight: 400;\n    font-size: ${fontSizesMap.xs}px;\n    line-height: 1.5em;\n    text-align: ${$center ? 'center' : 'left'};\n    border-radius: ${borderRadiusesMap.xl}px;\n    box-shadow: ${boxShadows.xxl} ${colors.shadowDark};\n\n    ${ModalWindowSizesMap[$size]}\n  `}\n`\n\nexport const ModalBaseStyle = styled.div`\n  ${({ theme: { colors } }) => css`\n    color: ${colors.text};\n    background: ${colors.foreground};\n    border-radius: inherit;\n    position: relative;\n    z-index: 1;\n  `}\n`\n\nexport const ModalHeaderStyle = styled.div<{\n  $short: boolean\n}>`\n  ${({ theme: { spaceMap, fontSizesMap, mediaQueries }, $short }) => css`\n    display: flex;\n    align-items: flex-start;\n    min-height: 32px;\n    margin-bottom: ${$short ? -spaceMap.md : 0}px;\n    padding: ${spaceMap.xl}px ${spaceMap.xxl}px;\n    font-size: ${fontSizesMap.md}px;\n    line-height: 1.5em;\n\n    ${mediaQueries.md} {\n      padding: ${spaceMap.lg}px;\n    }\n  `}\n`\n\nexport const ModalTitleStyle = styled.div<{\n  $center: boolean\n  $withTitleIcon: boolean\n  $withCloseButton: boolean\n  $withBackButton: boolean\n}>`\n  ${({\n    theme: { fontSizesMap, spaceMap, mediaQueries },\n    $center,\n    $withBackButton,\n    $withCloseButton,\n    $withTitleIcon,\n  }) => css`\n    font-size: ${fontSizesMap.sm}px;\n    line-height: 1.5em;\n    font-weight: 700;\n    margin-left: ${$center && !$withBackButton ? spaceMap.xxl : '0'}px;\n    margin-right: ${$center && !$withCloseButton ? spaceMap.xxl : '0'}px;\n    padding-top: ${$withTitleIcon ? spaceMap.sm : '0'}px;\n    padding-left: 0;\n    padding-right: ${spaceMap.sm}px;\n    flex-grow: 1;\n    align-self: center;\n\n    ${mediaQueries.md} {\n      padding-right: ${spaceMap.xs}px;\n    }\n  `}\n`\n\nexport const ModalTitleIconStyle = styled.div<{\n  $center: boolean\n}>`\n  ${({ theme: { spaceMap }, $center }) => css`\n    display: ${$center ? 'flex' : 'block'};\n    justify-content: ${$center ? 'center' : 'flex-start'};\n    line-height: 0.7;\n    margin-bottom: ${spaceMap.md}px;\n  `}\n`\n\nexport const ModalTitleTextStyle = styled.div`\n  margin: ${({ theme }) => theme.spaceMap.xs}px 0;\n`\n\nexport const ModalSubtitleStyle = styled.div`\n  ${({ theme: { colors, fontSizesMap, spaceMap, mediaQueries } }) => css`\n    color: ${colors.textSecondary};\n    font-size: ${fontSizesMap.xs}px;\n    font-weight: 400;\n    line-height: 24px;\n    margin-top: -${spaceMap.xl}px;\n    padding: 0 ${spaceMap.xxl}px ${spaceMap.sm}px;\n\n    ${mediaQueries.md} {\n      padding-left: ${spaceMap.xl}px;\n      padding-right: ${spaceMap.xl}px;\n    }\n  `}\n`\n\nexport const ModalContentStyle = styled.div`\n  ${({ theme: { spaceMap, mediaQueries } }) => css`\n    padding: 0 ${spaceMap.xxl}px ${spaceMap.xxl}px;\n\n    ${mediaQueries.md} {\n      padding: 0 ${spaceMap.lg}px ${spaceMap.lg}px;\n    }\n  `}\n`\n\nexport const ModalCloseStyle = styled(ButtonIcon).attrs({\n  icon: <Close />,\n  color: 'secondary',\n  variant: 'ghost',\n  size: 'xs',\n})`\n  margin: 0 -10px 0 0;\n  color: var(--lido-color-textSecondary);\n  flex-shrink: 0;\n  border-radius: 50%;\n`\n\nexport const ModalBackStyle = styled(ButtonIcon).attrs({\n  icon: <ArrowBack />,\n  color: 'secondary',\n  variant: 'ghost',\n  size: 'xs',\n})`\n  ${({ theme: { colors, spaceMap } }) => css`\n    color: ${colors.textSecondary};\n    flex-shrink: 0;\n    margin: 0 ${spaceMap.sm}px 0 -6px;\n    border-radius: 50%;\n    background: transparent !important;\n  `}\n`\n"],"names":["ModalWindowSizesMap","sm","css","md","lg","ModalStyle","styled","div","_ref","theme","fontSizesMap","borderRadiusesMap","colors","boxShadows","$center","$size","xs","xl","xxl","shadowDark","ModalBaseStyle","_ref2","text","foreground","ModalHeaderStyle","_ref3","spaceMap","mediaQueries","$short","ModalTitleStyle","_ref4","$withBackButton","$withCloseButton","$withTitleIcon","ModalTitleIconStyle","_ref5","ModalTitleTextStyle","_ref6","ModalSubtitleStyle","_ref7","textSecondary","ModalContentStyle","_ref8","ModalCloseStyle","ButtonIcon","attrs","icon","_jsx","Close","color","variant","size","ModalBackStyle","ArrowBack","_ref9"],"mappings":"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"}