@lidofinance/lido-ui 1.10.13 → 2.0.0-next.2

package/dist/esm/input/src/LabelStyles.js

@@ -0,0 +1,62 @@
+import styled, { css } from "styled-components";
+const colors = {
+    default: css`
+    color: var(--lido-color-textSecondary);
+  `,
+    accent: css`
+    color: var(--lido-color-accentContrastSecondary);
+  `
+};
+export const labelEmptyValueCSS = css`
+  ${(param)=>{
+    let { $color  } = param;
+    return colors[$color];
+}}
+
+  transform: scale(1);
+  opacity: 0.5;
+`;
+export const labelFilledValueCSS = css`
+  ${(param)=>{
+    let { $color  } = param;
+    return colors[$color];
+}}
+
+  transform: translateY(-14px) scale(0.75);
+  opacity: 1;
+`;
+export const labelFocusCSS = css`
+  color: var(--lido-color-primary);
+  opacity: 1;
+`;
+export const labelErrorCSS = css`
+  color: var(--lido-color-error);
+`;
+export const labelWarningCSS = css`
+  color: var(--lido-color-warning);
+`;
+export const InputLabelStyle = styled.span`
+  position: absolute;
+  left: 0;
+  top: 50%;
+  font-size: 1em;
+  line-height: 1.25em;
+  margin: -0.625em 0 0 0;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  color: inherit;
+  transform-origin: 0% 100%;
+  transition: transform ${(param)=>{
+    let { theme  } = param;
+    return theme.duration.fast;
+}} ease;
+  transition-property: transform, opacity, color;
+  ${labelFilledValueCSS};
+`;
+export const TextareaLabelStyle = styled(InputLabelStyle)`
+  top: 27px;
+`;
+
+//# sourceMappingURL=LabelStyles.js.map

package/dist/esm/input/src/LabelStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/input/src/LabelStyles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { InputColors } from './types'\n\nconst colors = {\n  default: css`\n    color: var(--lido-color-textSecondary);\n  `,\n  accent: css`\n    color: var(--lido-color-accentContrastSecondary);\n  `,\n}\n\nexport const labelEmptyValueCSS = css<{ $color: InputColors }>`\n  ${({ $color }) => colors[$color]}\n\n  transform: scale(1);\n  opacity: 0.5;\n`\n\nexport const labelFilledValueCSS = css<{ $color: InputColors }>`\n  ${({ $color }) => colors[$color]}\n\n  transform: translateY(-14px) scale(0.75);\n  opacity: 1;\n`\n\nexport const labelFocusCSS = css`\n  color: var(--lido-color-primary);\n  opacity: 1;\n`\n\nexport const labelErrorCSS = css`\n  color: var(--lido-color-error);\n`\n\nexport const labelWarningCSS = css`\n  color: var(--lido-color-warning);\n`\n\nexport const InputLabelStyle = styled.span`\n  position: absolute;\n  left: 0;\n  top: 50%;\n  font-size: 1em;\n  line-height: 1.25em;\n  margin: -0.625em 0 0 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n  color: inherit;\n  transform-origin: 0% 100%;\n  transition: transform ${({ theme }) => theme.duration.fast} ease;\n  transition-property: transform, opacity, color;\n  ${labelFilledValueCSS};\n`\n\nexport const TextareaLabelStyle = styled(InputLabelStyle)`\n  top: 27px;\n`\n"],"names":["styled","css","colors","default","accent","labelEmptyValueCSS","$color","labelFilledValueCSS","labelFocusCSS","labelErrorCSS","labelWarningCSS","InputLabelStyle","span","theme","duration","fast","TextareaLabelStyle"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB,CAAA;AAG/C,MAAMC,MAAM,GAAG;IACbC,OAAO,EAAEF,GAAG,CAAC;;EAEb,CAAC;IACDG,MAAM,EAAEH,GAAG,CAAC;;EAEZ,CAAC;CACF;AAED,OAAO,MAAMI,kBAAkB,GAAGJ,GAAG,AAAyB,CAAC;EAC7D,EAAE,SAAgBC;QAAf,EAAEI,MAAM,CAAA,EAAE;WAAKJ,MAAM,CAACI,MAAM,CAAC;AAAD,CAAC,CAAC;;;;AAInC,CAAC,CAAA;AAED,OAAO,MAAMC,mBAAmB,GAAGN,GAAG,AAAyB,CAAC;EAC9D,EAAE,SAAgBC;QAAf,EAAEI,MAAM,CAAA,EAAE;WAAKJ,MAAM,CAACI,MAAM,CAAC;AAAD,CAAC,CAAC;;;;AAInC,CAAC,CAAA;AAED,OAAO,MAAME,aAAa,GAAGP,GAAG,CAAC;;;AAGjC,CAAC,CAAA;AAED,OAAO,MAAMQ,aAAa,GAAGR,GAAG,CAAC;;AAEjC,CAAC,CAAA;AAED,OAAO,MAAMS,eAAe,GAAGT,GAAG,CAAC;;AAEnC,CAAC,CAAA;AAED,OAAO,MAAMU,eAAe,GAAGX,MAAM,CAACY,IAAI,CAAC;;;;;;;;;;;;;wBAanB,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACC,IAAI;AAAD,CAAC,CAAC;;EAE3D,EAAER,mBAAmB,CAAC;AACxB,CAAC,CAAA;AAED,OAAO,MAAMS,kBAAkB,GAAGhB,MAAM,CAACW,eAAe,CAAC,CAAC;;AAE1D,CAAC,CAAA"}

package/dist/esm/input/src/Textarea.js

@@ -0,0 +1,52 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { InputWrapperStyle, InputContentStyle, TextareaStyle, InputMessageStyle } from "./InputStyles";
+import { TextareaLabelStyle } from "./LabelStyles";
+function Textarea(props, ref) {
+    const { label , error , warning , success , active =false , fullwidth =false , placeholder =' ' , className , style , variant ='default' , color ='default' , wrapperRef , children , ...rest } = props;
+    const { id , disabled =false  } = props;
+    const wrapperProps = {
+        className,
+        style
+    };
+    const hasLabel = !!label && variant === 'default';
+    const hasError = !!error;
+    const hasErrorMessage = hasError && typeof error !== 'boolean';
+    const hasWarning = !hasError && !!warning // `error` overrides `warning`
+    ;
+    const hasWarningMessage = hasWarning && typeof warning !== 'boolean';
+    const hasSuccess = !!success && !error;
+    const hasSuccessMessage = hasSuccess && typeof success !== 'boolean';
+    return /*#__PURE__*/ React.createElement(InputWrapperStyle, _extends({
+        $error: hasError,
+        $warning: hasWarning,
+        $active: active,
+        $disabled: disabled,
+        $fullwidth: fullwidth,
+        $color: color,
+        htmlFor: id,
+        ref: wrapperRef
+    }, wrapperProps), /*#__PURE__*/ React.createElement(InputContentStyle, {
+        $variant: variant
+    }, /*#__PURE__*/ React.createElement(TextareaStyle, _extends({
+        $labeled: hasLabel,
+        $color: color,
+        placeholder: placeholder,
+        "aria-invalid": hasError,
+        ref: ref
+    }, rest)), hasLabel && /*#__PURE__*/ React.createElement(TextareaLabelStyle, {
+        $color: color
+    }, label)), hasErrorMessage && /*#__PURE__*/ React.createElement(InputMessageStyle, {
+        $variant: "error",
+        $bordered: true
+    }, error), hasWarningMessage && /*#__PURE__*/ React.createElement(InputMessageStyle, {
+        $variant: "warning",
+        $bordered: true
+    }, warning), hasSuccessMessage && /*#__PURE__*/ React.createElement(InputMessageStyle, {
+        $variant: "success",
+        $bordered: true
+    }, success));
+}
+export default /*#__PURE__*/ forwardRef(Textarea);
+
+//# sourceMappingURL=Textarea.js.map

package/dist/esm/input/src/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/input/src/Textarea.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport {\n  InputWrapperStyle,\n  InputContentStyle,\n  TextareaStyle,\n  InputMessageStyle,\n} from './InputStyles'\nimport { TextareaLabelStyle } from './LabelStyles'\nimport { TextareaProps } from './types'\n\nfunction Textarea(props: TextareaProps, ref?: ForwardedRef<HTMLInputElement>) {\n  const {\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    wrapperRef,\n    children,\n    ...rest\n  } = props\n\n  const { id, disabled = false } = props\n  const wrapperProps = { className, style }\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      $error={hasError}\n      $warning={hasWarning}\n      $active={active}\n      $disabled={disabled}\n      $fullwidth={fullwidth}\n      $color={color}\n      htmlFor={id}\n      ref={wrapperRef}\n      {...wrapperProps}\n    >\n      <InputContentStyle $variant={variant}>\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      </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\nexport default forwardRef(Textarea)\n"],"names":["React","forwardRef","InputWrapperStyle","InputContentStyle","TextareaStyle","InputMessageStyle","TextareaLabelStyle","Textarea","props","ref","label","error","warning","success","active","fullwidth","placeholder","className","style","variant","color","wrapperRef","children","rest","id","disabled","wrapperProps","hasLabel","hasError","hasErrorMessage","hasWarning","hasWarningMessage","hasSuccess","hasSuccessMessage","$error","$warning","$active","$disabled","$fullwidth","$color","htmlFor","$variant","$labeled","aria-invalid","$bordered"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SACEC,iBAAiB,EACjBC,iBAAiB,EACjBC,aAAa,EACbC,iBAAiB,QACZ,eAAe,CAAA;AACtB,SAASC,kBAAkB,QAAQ,eAAe,CAAA;AAGlD,SAASC,QAAQ,CAACC,KAAoB,EAAEC,GAAoC,EAAE;IAC5E,MAAM,EACJC,KAAK,CAAA,EACLC,KAAK,CAAA,EACLC,OAAO,CAAA,EACPC,OAAO,CAAA,EACPC,MAAM,EAAG,KAAK,CAAA,EACdC,SAAS,EAAG,KAAK,CAAA,EACjBC,WAAW,EAAG,GAAG,CAAA,EACjBC,SAAS,CAAA,EACTC,KAAK,CAAA,EACLC,OAAO,EAAG,SAAS,CAAA,EACnBC,KAAK,EAAG,SAAS,CAAA,EACjBC,UAAU,CAAA,EACVC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR,GAAGf,KAAK;IAET,MAAM,EAAEgB,EAAE,CAAA,EAAEC,QAAQ,EAAG,KAAK,CAAA,EAAE,GAAGjB,KAAK;IACtC,MAAMkB,YAAY,GAAG;QAAET,SAAS;QAAEC,KAAK;KAAE;IAEzC,MAAMS,QAAQ,GAAG,CAAC,CAACjB,KAAK,IAAIS,OAAO,KAAK,SAAS;IAEjD,MAAMS,QAAQ,GAAG,CAAC,CAACjB,KAAK;IACxB,MAAMkB,eAAe,GAAGD,QAAQ,IAAI,OAAOjB,KAAK,KAAK,SAAS;IAC9D,MAAMmB,UAAU,GAAG,CAACF,QAAQ,IAAI,CAAC,CAAChB,OAAO,CAAC,8BAA8B;IAA/B;IACzC,MAAMmB,iBAAiB,GAAGD,UAAU,IAAI,OAAOlB,OAAO,KAAK,SAAS;IACpE,MAAMoB,UAAU,GAAG,CAAC,CAACnB,OAAO,IAAI,CAACF,KAAK;IACtC,MAAMsB,iBAAiB,GAAGD,UAAU,IAAI,OAAOnB,OAAO,KAAK,SAAS;IAEpE,qBACE,oBAACX,iBAAiB;QAChBgC,MAAM,EAAEN,QAAQ;QAChBO,QAAQ,EAAEL,UAAU;QACpBM,OAAO,EAAEtB,MAAM;QACfuB,SAAS,EAAEZ,QAAQ;QACnBa,UAAU,EAAEvB,SAAS;QACrBwB,MAAM,EAAEnB,KAAK;QACboB,OAAO,EAAEhB,EAAE;QACXf,GAAG,EAAEY,UAAU;OACXK,YAAY,iBAEhB,oBAACvB,iBAAiB;QAACsC,QAAQ,EAAEtB,OAAO;qBAClC,oBAACf,aAAa;QACZsC,QAAQ,EAAEf,QAAQ;QAClBY,MAAM,EAAEnB,KAAK;QACbJ,WAAW,EAAEA,WAAW;QACxB2B,cAAY,EAAEf,QAAQ;QACtBnB,GAAG,EAAEA,GAAG;OACJc,IAAI,EACR,EACDI,QAAQ,kBACP,oBAACrB,kBAAkB;QAACiC,MAAM,EAAEnB,KAAK;OAAGV,KAAK,CAAsB,AAChE,CACiB,EAEnBmB,eAAe,kBACd,oBAACxB,iBAAiB;QAACoC,QAAQ,EAAC,OAAO;QAACG,SAAS,EAATA,IAAS;OAC1CjC,KAAK,CACY,AACrB,EACAoB,iBAAiB,kBAChB,oBAAC1B,iBAAiB;QAACoC,QAAQ,EAAC,SAAS;QAACG,SAAS,EAATA,IAAS;OAC5ChC,OAAO,CACU,AACrB,EACAqB,iBAAiB,kBAChB,oBAAC5B,iBAAiB;QAACoC,QAAQ,EAAC,SAAS;QAACG,SAAS,EAATA,IAAS;OAC5C/B,OAAO,CACU,AACrB,CACiB,CACrB;AACH,CAAC;AAED,6BAAeZ,UAAU,CAACM,QAAQ,CAAC,CAAA"}

package/dist/esm/input/src/index.js

@@ -0,0 +1,6 @@
+export { default as Input } from "./Input";
+export { default as InputGroup } from "./InputGroup";
+export { default as Textarea } from "./Textarea";
+export * from './types';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/input/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/input/src/index.ts"],"sourcesContent":["export { default as Input } from './Input'\nexport { default as InputGroup } from './InputGroup'\nexport { default as Textarea } from './Textarea'\nexport * from './types'\n"],"names":["default","Input","InputGroup","Textarea"],"mappings":"AAAA,SAASA,OAAO,IAAIC,KAAK,QAAQ,SAAS,CAAA;AAC1C,SAASD,OAAO,IAAIE,UAAU,QAAQ,cAAc,CAAA;AACpD,SAASF,OAAO,IAAIG,QAAQ,QAAQ,YAAY,CAAA;AAChD,cAAc,SAAS,CAAA"}

package/dist/esm/input/src/types.js

@@ -0,0 +1,29 @@
+import React from "react";
+export var InputMessageVariant;
+(function(InputMessageVariant) {
+    InputMessageVariant[InputMessageVariant["error"] = 0] = "error";
+    InputMessageVariant[InputMessageVariant["warning"] = 1] = "warning";
+    InputMessageVariant[InputMessageVariant["success"] = 2] = "success";
+})(InputMessageVariant || (InputMessageVariant = {}));
+export var InputType;
+(function(InputType) {
+    InputType[InputType["text"] = 0] = "text";
+    InputType[InputType["password"] = 1] = "password";
+    InputType[InputType["number"] = 2] = "number";
+    InputType[InputType["email"] = 3] = "email";
+    InputType[InputType["search"] = 4] = "search";
+    InputType[InputType["tel"] = 5] = "tel";
+    InputType[InputType["url"] = 6] = "url";
+})(InputType || (InputType = {}));
+export var InputVariant;
+(function(InputVariant) {
+    InputVariant[InputVariant["small"] = 0] = "small";
+    InputVariant[InputVariant["default"] = 1] = "default";
+})(InputVariant || (InputVariant = {}));
+export var InputColor;
+(function(InputColor) {
+    InputColor[InputColor["default"] = 0] = "default";
+    InputColor[InputColor["accent"] = 1] = "accent";
+})(InputColor || (InputColor = {}));
+
+//# sourceMappingURL=types.js.map

package/dist/esm/input/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/input/src/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport React from 'react'\nexport type { Theme } from '@lidofinance/theme'\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?: React.ReactNode\n  error?: React.ReactNode | boolean\n  warning?: React.ReactNode | boolean\n  success?: React.ReactNode | boolean\n  variant?: InputVariants\n  color?: InputColors\n  active?: boolean\n  fullwidth?: boolean\n  wrapperRef?: React.RefObject<HTMLLabelElement>\n  as?: never\n}\n\nexport type InputProps = LidoComponentProps<\n  'input',\n  CommonProps & {\n    type?: InputTypes\n    leftDecorator?: React.ReactNode\n    rightDecorator?: React.ReactNode\n  }\n>\n\nexport type TextareaProps = LidoComponentProps<'textarea', CommonProps>\n\nexport type InputGroupProps = LidoComponentProps<\n  'span',\n  {\n    fullwidth?: boolean\n    error?: React.ReactNode\n    success?: React.ReactNode\n  }\n>\n"],"names":["React","InputMessageVariant","error","warning","success","InputType","text","password","number","email","search","tel","url","InputVariant","small","default","InputColor","accent"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO,CAAA;WAGlB,mBAIN;UAJWC,mBAAmB;IAAnBA,mBAAmB,CAAnBA,mBAAmB,CAC7BC,OAAK,IAALA,CAAK,IAALA,OAAK;IADKD,mBAAmB,CAAnBA,mBAAmB,CAE7BE,SAAO,IAAPA,CAAO,IAAPA,SAAO;IAFGF,mBAAmB,CAAnBA,mBAAmB,CAG7BG,SAAO,IAAPA,CAAO,IAAPA,SAAO;GAHGH,mBAAmB,KAAnBA,mBAAmB;WAOxB,SAQN;UARWI,SAAS;IAATA,SAAS,CAATA,SAAS,CACnBC,MAAI,IAAJA,CAAI,IAAJA,MAAI;IADMD,SAAS,CAATA,SAAS,CAEnBE,UAAQ,IAARA,CAAQ,IAARA,UAAQ;IAFEF,SAAS,CAATA,SAAS,CAGnBG,QAAM,IAANA,CAAM,IAANA,QAAM;IAHIH,SAAS,CAATA,SAAS,CAInBI,OAAK,IAALA,CAAK,IAALA,OAAK;IAJKJ,SAAS,CAATA,SAAS,CAKnBK,QAAM,IAANA,CAAM,IAANA,QAAM;IALIL,SAAS,CAATA,SAAS,CAMnBM,KAAG,IAAHA,CAAG,IAAHA,KAAG;IANON,SAAS,CAATA,SAAS,CAOnBO,KAAG,IAAHA,CAAG,IAAHA,KAAG;GAPOP,SAAS,KAATA,SAAS;WAWd,YAGN;UAHWQ,YAAY;IAAZA,YAAY,CAAZA,YAAY,CACtBC,OAAK,IAALA,CAAK,IAALA,OAAK;IADKD,YAAY,CAAZA,YAAY,CAEtBE,SAAO,IAAPA,CAAO,IAAPA,SAAO;GAFGF,YAAY,KAAZA,YAAY;WAMjB,UAGN;UAHWG,UAAU;IAAVA,UAAU,CAAVA,UAAU,CACpBD,SAAO,IAAPA,CAAO,IAAPA,SAAO;IADGC,UAAU,CAAVA,UAAU,CAEpBC,QAAM,IAANA,CAAM,IAANA,QAAM;GAFID,UAAU,KAAVA,UAAU"}

package/dist/esm/lido-logo/src/LidoLogo.js

@@ -0,0 +1,26 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { LidoLogoStyles } from "./LidoLogoStyles";
+function LidoLogo(props, ref) {
+    return /*#__PURE__*/ React.createElement(LidoLogoStyles, _extends({}, props, {
+        ref: ref
+    }), /*#__PURE__*/ React.createElement("svg", {
+        width: "89",
+        height: "20",
+        fill: "currentColor",
+        xmlns: "http://www.w3.org/2000/svg"
+    }, /*#__PURE__*/ React.createElement("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"
+    }), /*#__PURE__*/ React.createElement("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        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",
+        fill: "#00A3FF"
+    }), /*#__PURE__*/ React.createElement("path", {
+        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",
+        fill: "#00A3FF"
+    })));
+}
+export default /*#__PURE__*/ forwardRef(LidoLogo);
+
+//# sourceMappingURL=LidoLogo.js.map

package/dist/esm/lido-logo/src/LidoLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/lido-logo/src/LidoLogo.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { LidoLogoStyles } from './LidoLogoStyles'\nimport { LidoLogoProps } from './types'\n\nfunction LidoLogo(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\nexport default forwardRef(LidoLogo)\n"],"names":["React","forwardRef","LidoLogoStyles","LidoLogo","props","ref","svg","width","height","fill","xmlns","path","d","fillRule","clipRule"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAASC,cAAc,QAAQ,kBAAkB,CAAA;AAGjD,SAASC,QAAQ,CAACC,KAAoB,EAAEC,GAAkC,EAAE;IAC1E,qBACE,oBAACH,cAAc,eAAKE,KAAK;QAAEC,GAAG,EAAEA,GAAG;sBACjC,oBAACC,KAAG;QACFC,KAAK,EAAC,IAAI;QACVC,MAAM,EAAC,IAAI;QACXC,IAAI,EAAC,cAAc;QACnBC,KAAK,EAAC,4BAA4B;qBAElC,oBAACC,MAAI;QAACC,CAAC,EAAC,y5CAAy5C;MAAG,gBACp6C,oBAACD,MAAI;QACHE,QAAQ,EAAC,SAAS;QAClBC,QAAQ,EAAC,SAAS;QAClBF,CAAC,EAAC,mHAAmH;QACrHH,IAAI,EAAC,SAAS;MACd,gBACF,oBAACE,MAAI;QACHC,CAAC,EAAC,uFAAuF;QACzFH,IAAI,EAAC,SAAS;MACd,CACE,CACS,CAClB;AACH,CAAC;AAED,6BAAeR,UAAU,CAACE,QAAQ,CAAC,CAAA"}

package/dist/esm/lido-logo/src/LidoLogoStyles.js

@@ -0,0 +1,7 @@
+import styled from "styled-components";
+export const LidoLogoStyles = styled.div`
+  color: var(--lido-color-text);
+  line-height: 0;
+`;
+
+//# sourceMappingURL=LidoLogoStyles.js.map

package/dist/esm/lido-logo/src/LidoLogoStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/lido-logo/src/LidoLogoStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nexport const LidoLogoStyles = styled.div`\n  color: var(--lido-color-text);\n  line-height: 0;\n`\n"],"names":["styled","LidoLogoStyles","div"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,MAAMC,cAAc,GAAGD,MAAM,CAACE,GAAG,CAAC;;;AAGzC,CAAC,CAAA"}

package/dist/esm/lido-logo/src/index.js

@@ -0,0 +1,3 @@
+export { default as LidoLogo } from "./LidoLogo";
+
+//# sourceMappingURL=index.js.map

package/dist/esm/lido-logo/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/lido-logo/src/index.ts"],"sourcesContent":["export { default as LidoLogo } from './LidoLogo'\n"],"names":["default","LidoLogo"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAAQ,QAAQ,YAAY,CAAA"}

package/dist/esm/lido-logo/src/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/esm/lido-logo/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/lido-logo/src/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nexport type { Theme } from '@lidofinance/theme'\n\nexport type LidoLogoProps = LidoComponentProps<'div'>\n"],"names":[],"mappings":"AAAA,WAGqD"}

package/dist/esm/link/src/Link.js

@@ -0,0 +1,13 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { LinkStyle } from "./LinkStyles";
+function Link(props, ref) {
+    return /*#__PURE__*/ React.createElement(LinkStyle, _extends({
+        target: "_blank",
+        rel: "nofollow noopener",
+        ref: ref
+    }, props));
+}
+export default /*#__PURE__*/ forwardRef(Link);
+
+//# sourceMappingURL=Link.js.map

package/dist/esm/link/src/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/link/src/Link.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { LinkStyle } from './LinkStyles'\nimport { LinkProps } from './types'\n\nfunction Link(props: LinkProps, ref?: ForwardedRef<HTMLAnchorElement>) {\n  return (\n    <LinkStyle target='_blank' rel='nofollow noopener' ref={ref} {...props} />\n  )\n}\n\nexport default forwardRef(Link)\n"],"names":["React","forwardRef","LinkStyle","Link","props","ref","target","rel"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAASC,SAAS,QAAQ,cAAc,CAAA;AAGxC,SAASC,IAAI,CAACC,KAAgB,EAAEC,GAAqC,EAAE;IACrE,qBACE,oBAACH,SAAS;QAACI,MAAM,EAAC,QAAQ;QAACC,GAAG,EAAC,mBAAmB;QAACF,GAAG,EAAEA,GAAG;OAAMD,KAAK,EAAI,CAC3E;AACH,CAAC;AAED,6BAAeH,UAAU,CAACE,IAAI,CAAC,CAAA"}

package/dist/esm/link/src/LinkStyles.js

@@ -0,0 +1,17 @@
+import styled, { css } from "styled-components";
+export const LinkStyle = styled.a`
+  text-decoration: none;
+  color: var(--lido-color-primary);
+
+  :hover {
+    color: var(--lido-color-primaryHover);
+  }
+
+  ${(props)=>props.fadeVisited && css`
+      :visited {
+        color: var(--lido-color-primaryVisited);
+      }
+    `}
+`;
+
+//# sourceMappingURL=LinkStyles.js.map

package/dist/esm/link/src/LinkStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/link/src/LinkStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { LinkProps } from './types'\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":["styled","css","LinkStyle","a","props","fadeVisited"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB,CAAA;AAG/C,OAAO,MAAMC,SAAS,GAAGF,MAAM,CAACG,CAAC,CAAC;;;;;;;;EAQhC,EAAE,CAACC,KAAgB,GACjBA,KAAK,CAACC,WAAW,IACjBJ,GAAG,CAAC;;;;IAIJ,CAAC,CAAC;AACN,CAAC,CAAA"}

package/dist/esm/link/src/index.js

@@ -0,0 +1,4 @@
+export { default as Link } from "./Link";
+export * from './types';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/link/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/link/src/index.ts"],"sourcesContent":["export { default as Link } from './Link'\nexport * from './types'\n"],"names":["default","Link"],"mappings":"AAAA,SAASA,OAAO,IAAIC,IAAI,QAAQ,QAAQ,CAAA;AACxC,cAAc,SAAS,CAAA"}

package/dist/esm/link/src/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/esm/link/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/link/src/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nexport type { Theme } from '@lidofinance/theme'\n\nexport type LinkProps = LidoComponentProps<'a'> & { fadeVisited?: boolean }\n"],"names":[],"mappings":"AAAA,WAG2E"}

package/dist/esm/loaders/src/InlineLoader.js

@@ -0,0 +1,15 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { InlineLoaderStyle } from "./InlineLoaderStyles";
+function InlineLoader(props, ref) {
+    const { color , ...rest } = props;
+    const heightAdjuster = /*#__PURE__*/ React.createElement(React.Fragment, null, "\xa0");
+    return /*#__PURE__*/ React.createElement(InlineLoaderStyle, _extends({
+        $color: color
+    }, rest, {
+        ref: ref
+    }), heightAdjuster);
+}
+export default /*#__PURE__*/ forwardRef(InlineLoader);
+
+//# sourceMappingURL=InlineLoader.js.map

package/dist/esm/loaders/src/InlineLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/loaders/src/InlineLoader.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { InlineLoaderProps } from './types'\nimport { InlineLoaderStyle } from './InlineLoaderStyles'\n\nfunction InlineLoader(\n  props: InlineLoaderProps,\n  ref?: ForwardedRef<HTMLDivElement>\n) {\n  const { color, ...rest } = props\n  const heightAdjuster = <>&nbsp;</>\n\n  return (\n    <InlineLoaderStyle $color={color} {...rest} ref={ref}>\n      {heightAdjuster}\n    </InlineLoaderStyle>\n  )\n}\n\nexport default forwardRef(InlineLoader)\n"],"names":["React","forwardRef","InlineLoaderStyle","InlineLoader","props","ref","color","rest","heightAdjuster","$color"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AAEvD,SAASC,iBAAiB,QAAQ,sBAAsB,CAAA;AAExD,SAASC,YAAY,CACnBC,KAAwB,EACxBC,GAAkC,EAClC;IACA,MAAM,EAAEC,KAAK,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGH,KAAK;IAChC,MAAMI,cAAc,iBAAG,0CAAE,MAAM,CAAG;IAElC,qBACE,oBAACN,iBAAiB;QAACO,MAAM,EAAEH,KAAK;OAAMC,IAAI;QAAEF,GAAG,EAAEA,GAAG;QACjDG,cAAc,CACG,CACrB;AACH,CAAC;AAED,6BAAeP,UAAU,CAACE,YAAY,CAAC,CAAA"}

package/dist/esm/loaders/src/InlineLoaderStyles.js

@@ -0,0 +1,46 @@
+import styled, { keyframes } from "styled-components";
+export const translation = keyframes`
+  100% {
+    background-position: 0 0;
+  }
+`;
+export const InlineLoaderStyle = styled.span`
+  --loader-color: ${(param)=>{
+    let { theme , $color  } = param;
+    return $color ? theme.colors[$color] : 'currentColor';
+}};
+
+  width: 100%;
+  display: inline-block;
+  vertical-align: top;
+  border-radius: 1000px;
+  position: relative;
+  overflow: hidden;
+  user-select: none;
+  opacity: 0.05;
+  animation: ${translation} 2s infinite;
+  background-size: 300% 100%;
+  background-position: 100% 0;
+  background-image: linear-gradient(
+    90deg,
+    var(--loader-color) 0,
+    var(--loader-color) 33.33%,
+    transparent 44.44%,
+    transparent 55.55%,
+    var(--loader-color) 66.66%,
+    var(--loader-color) 100%
+  );
+
+  &:after {
+    content: '';
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background: var(--loader-color);
+    opacity: 0.2;
+  }
+`;
+
+//# sourceMappingURL=InlineLoaderStyles.js.map

package/dist/esm/loaders/src/InlineLoaderStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/loaders/src/InlineLoaderStyles.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { InlineLoaderColors } from './types'\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: ${({ theme, $color }) =>\n    $color ? theme.colors[$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    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background: var(--loader-color);\n    opacity: 0.2;\n  }\n`\n"],"names":["styled","keyframes","translation","InlineLoaderStyle","span","$color","theme","colors"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,SAAS,QAAQ,mBAAmB,CAAA;AAGrD,OAAO,MAAMC,WAAW,GAAGD,SAAS,CAAC;;;;AAIrC,CAAC,CAAA;AAED,OAAO,MAAME,iBAAiB,GAAGH,MAAM,CAACI,IAAI,AAAiC,CAAC;kBAC5D,EAAE,SAChBC;QADiB,EAAEC,KAAK,CAAA,EAAED,MAAM,CAAA,EAAE;WAClCA,MAAM,GAAGC,KAAK,CAACC,MAAM,CAACF,MAAM,CAAC,GAAG,cAAc;AAAD,CAAC,CAAC;;;;;;;;;;aAUtC,EAAEH,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;AAuB3B,CAAC,CAAA"}

package/dist/esm/loaders/src/Loader.js

@@ -0,0 +1,33 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { LoaderSize } from "./types";
+import { LoaderStyle, LoaderCircleBgStyle, LoaderCircleFgStyle } from "./LoaderStyles";
+function Loader(props, ref) {
+    const { size ='medium' , thickness =3 , color ='primary' , ...rest } = props;
+    const pxSize = LoaderSize[size];
+    const center = pxSize / 2;
+    const radius = pxSize / 2 - thickness / 2;
+    return /*#__PURE__*/ React.createElement(LoaderStyle, _extends({
+        $size: pxSize,
+        $color: color
+    }, rest, {
+        ref: ref
+    }), /*#__PURE__*/ React.createElement("svg", {
+        width: pxSize,
+        height: pxSize,
+        viewBox: `0 0 ${pxSize} ${pxSize}`
+    }, /*#__PURE__*/ React.createElement(LoaderCircleBgStyle, {
+        $thickness: thickness,
+        cx: center,
+        cy: center,
+        r: radius
+    }), /*#__PURE__*/ React.createElement(LoaderCircleFgStyle, {
+        $thickness: thickness,
+        cx: center,
+        cy: center,
+        r: radius
+    })));
+}
+export default /*#__PURE__*/ forwardRef(Loader);
+
+//# sourceMappingURL=Loader.js.map

package/dist/esm/loaders/src/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/loaders/src/Loader.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { LoaderProps, LoaderSize } from './types'\nimport {\n  LoaderStyle,\n  LoaderCircleBgStyle,\n  LoaderCircleFgStyle,\n} from './LoaderStyles'\n\nfunction Loader(props: LoaderProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const { size = 'medium', thickness = 3, color = 'primary', ...rest } = props\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\nexport default forwardRef(Loader)\n"],"names":["React","forwardRef","LoaderSize","LoaderStyle","LoaderCircleBgStyle","LoaderCircleFgStyle","Loader","props","ref","size","thickness","color","rest","pxSize","center","radius","$size","$color","svg","width","height","viewBox","$thickness","cx","cy","r"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAAsBC,UAAU,QAAQ,SAAS,CAAA;AACjD,SACEC,WAAW,EACXC,mBAAmB,EACnBC,mBAAmB,QACd,gBAAgB,CAAA;AAEvB,SAASC,MAAM,CAACC,KAAkB,EAAEC,GAAkC,EAAE;IACtE,MAAM,EAAEC,IAAI,EAAG,QAAQ,CAAA,EAAEC,SAAS,EAAG,CAAC,CAAA,EAAEC,KAAK,EAAG,SAAS,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGL,KAAK;IAE5E,MAAMM,MAAM,GAAGX,UAAU,CAACO,IAAI,CAAC;IAC/B,MAAMK,MAAM,GAAGD,MAAM,GAAG,CAAC;IACzB,MAAME,MAAM,GAAGF,MAAM,GAAG,CAAC,GAAGH,SAAS,GAAG,CAAC;IAEzC,qBACE,oBAACP,WAAW;QAACa,KAAK,EAAEH,MAAM;QAAEI,MAAM,EAAEN,KAAK;OAAMC,IAAI;QAAEJ,GAAG,EAAEA,GAAG;sBAC3D,oBAACU,KAAG;QAACC,KAAK,EAAEN,MAAM;QAAEO,MAAM,EAAEP,MAAM;QAAEQ,OAAO,EAAE,CAAC,IAAI,EAAER,MAAM,CAAC,CAAC,EAAEA,MAAM,CAAC,CAAC;qBACpE,oBAACT,mBAAmB;QAClBkB,UAAU,EAAEZ,SAAS;QACrBa,EAAE,EAAET,MAAM;QACVU,EAAE,EAAEV,MAAM;QACVW,CAAC,EAAEV,MAAM;MACT,gBACF,oBAACV,mBAAmB;QAClBiB,UAAU,EAAEZ,SAAS;QACrBa,EAAE,EAAET,MAAM;QACVU,EAAE,EAAEV,MAAM;QACVW,CAAC,EAAEV,MAAM;MACT,CACE,CACM,CACf;AACH,CAAC;AAED,6BAAed,UAAU,CAACK,MAAM,CAAC,CAAA"}

package/dist/esm/loaders/src/LoaderStyles.js

@@ -0,0 +1,39 @@
+import styled, { keyframes } from "styled-components";
+export const rotation = keyframes`
+  100% {
+    transform: rotate(360deg);
+  }
+`;
+export const LoaderStyle = styled.div`
+  margin: 0;
+  padding: 0;
+  line-height: 0;
+  width: ${(props)=>props.$size}px;
+  height: ${(props)=>props.$size}px;
+  color: ${(param)=>{
+    let { theme , $color  } = param;
+    return theme.colors[$color];
+}};
+`;
+export const LoaderCircleBgStyle = styled.circle`
+  fill: none;
+  stroke: currentColor;
+  stroke-width: ${(props)=>props.$thickness};
+  opacity: 0.2;
+`;
+export const LoaderCircleFgStyle = styled.circle`
+  fill: none;
+  stroke: currentColor;
+  stroke-linecap: round;
+  stroke-width: ${(props)=>props.$thickness};
+  stroke-dasharray: ${(props)=>{
+    const circumference = 2 * props.r * Math.PI;
+    const filledPart = 0.25;
+    return `${circumference * filledPart} ${circumference * (1 - filledPart)}`;
+}};
+  transform: rotate(0deg);
+  transform-origin: 50% 50%;
+  animation: ${rotation} 1.4s linear infinite;
+`;
+
+//# sourceMappingURL=LoaderStyles.js.map

package/dist/esm/loaders/src/LoaderStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/loaders/src/LoaderStyles.tsx"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { LoaderColors } from './types'\n\nexport const rotation = keyframes`\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: ${({ theme, $color }) => theme.colors[$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":["styled","keyframes","rotation","LoaderStyle","div","props","$size","theme","$color","colors","LoaderCircleBgStyle","circle","$thickness","LoaderCircleFgStyle","circumference","r","Math","PI","filledPart"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,SAAS,QAAQ,mBAAmB,CAAA;AAGrD,OAAO,MAAMC,QAAQ,GAAGD,SAAS,CAAC;;;;AAIlC,CAAC,CAAA;AAED,OAAO,MAAME,WAAW,GAAGH,MAAM,CAACI,GAAG,AAGnC,CAAC;;;;SAIM,EAAE,CAACC,KAAK,GAAKA,KAAK,CAACC,KAAK,CAAC;UACxB,EAAE,CAACD,KAAK,GAAKA,KAAK,CAACC,KAAK,CAAC;SAC1B,EAAE,SAAuBC;QAAtB,EAAEA,KAAK,CAAA,EAAEC,MAAM,CAAA,EAAE;WAAKD,KAAK,CAACE,MAAM,CAACD,MAAM,CAAC;AAAD,CAAC,CAAC;AACvD,CAAC,CAAA;AAED,OAAO,MAAME,mBAAmB,GAAGV,MAAM,CAACW,MAAM,AAAwB,CAAC;;;gBAGzD,EAAE,CAACN,KAAK,GAAKA,KAAK,CAACO,UAAU,CAAC;;AAE9C,CAAC,CAAA;AAED,OAAO,MAAMC,mBAAmB,GAAGb,MAAM,CAACW,MAAM,AAG9C,CAAC;;;;gBAIa,EAAE,CAACN,KAAK,GAAKA,KAAK,CAACO,UAAU,CAAC;oBAC1B,EAAE,CAACP,KAAK,GAAK;IAC7B,MAAMS,aAAa,GAAG,CAAC,GAAGT,KAAK,CAACU,CAAC,GAAGC,IAAI,CAACC,EAAE;IAC3C,MAAMC,UAAU,GAAG,IAAI;IAEvB,OAAO,CAAC,EAAEJ,aAAa,GAAGI,UAAU,CAAC,CAAC,EAAEJ,aAAa,GAAG,CAAC,CAAC,GAAGI,UAAU,CAAC,CAAC,CAAC,CAAA;AAC5E,CAAC,CAAC;;;aAGS,EAAEhB,QAAQ,CAAC;AACxB,CAAC,CAAA"}

package/dist/esm/loaders/src/index.js

@@ -0,0 +1,5 @@
+export { default as Loader } from "./Loader";
+export { default as InlineLoader } from "./InlineLoader";
+export * from './types';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/loaders/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/loaders/src/index.ts"],"sourcesContent":["export { default as Loader } from './Loader'\nexport { default as InlineLoader } from './InlineLoader'\nexport * from './types'\n"],"names":["default","Loader","InlineLoader"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,UAAU,CAAA;AAC5C,SAASD,OAAO,IAAIE,YAAY,QAAQ,gBAAgB,CAAA;AACxD,cAAc,SAAS,CAAA"}

package/dist/esm/loaders/src/types.js

@@ -0,0 +1,21 @@
+export var LoaderSize;
+(function(LoaderSize) {
+    LoaderSize[LoaderSize["small"] = 18] = "small";
+    LoaderSize[LoaderSize["medium"] = 24] = "medium";
+    LoaderSize[LoaderSize["large"] = 64] = "large";
+})(LoaderSize || (LoaderSize = {}));
+export var LoaderColor;
+(function(LoaderColor) {
+    LoaderColor[LoaderColor["primary"] = 0] = "primary";
+    LoaderColor[LoaderColor["secondary"] = 1] = "secondary";
+    LoaderColor[LoaderColor["foreground"] = 2] = "foreground";
+    LoaderColor[LoaderColor["success"] = 3] = "success";
+})(LoaderColor || (LoaderColor = {}));
+export var InlineLoaderColor;
+(function(InlineLoaderColor) {
+    InlineLoaderColor[InlineLoaderColor["text"] = 0] = "text";
+    InlineLoaderColor[InlineLoaderColor["secondary"] = 1] = "secondary";
+    InlineLoaderColor[InlineLoaderColor["foreground"] = 2] = "foreground";
+})(InlineLoaderColor || (InlineLoaderColor = {}));
+
+//# sourceMappingURL=types.js.map

package/dist/esm/loaders/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/loaders/src/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nexport type { Theme } from '@lidofinance/theme'\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","small","medium","large","LoaderColor","primary","secondary","foreground","success","InlineLoaderColor","text"],"mappings":"AAAA,WAGO,UAIN;UAJWA,UAAU;IAAVA,UAAU,CAAVA,UAAU,CACpBC,OAAK,IAAG,EAAE,IAAVA,OAAK;IADKD,UAAU,CAAVA,UAAU,CAEpBE,QAAM,IAAG,EAAE,IAAXA,QAAM;IAFIF,UAAU,CAAVA,UAAU,CAGpBG,OAAK,IAAG,EAAE,IAAVA,OAAK;GAHKH,UAAU,KAAVA,UAAU;WAOf,WAKN;UALWI,WAAW;IAAXA,WAAW,CAAXA,WAAW,CACrBC,SAAO,IAAPA,CAAO,IAAPA,SAAO;IADGD,WAAW,CAAXA,WAAW,CAErBE,WAAS,IAATA,CAAS,IAATA,WAAS;IAFCF,WAAW,CAAXA,WAAW,CAGrBG,YAAU,IAAVA,CAAU,IAAVA,YAAU;IAHAH,WAAW,CAAXA,WAAW,CAIrBI,SAAO,IAAPA,CAAO,IAAPA,SAAO;GAJGJ,WAAW,KAAXA,WAAW;WAiBhB,iBAIN;UAJWK,iBAAiB;IAAjBA,iBAAiB,CAAjBA,iBAAiB,CAC3BC,MAAI,IAAJA,CAAI,IAAJA,MAAI;IADMD,iBAAiB,CAAjBA,iBAAiB,CAE3BH,WAAS,IAATA,CAAS,IAATA,WAAS;IAFCG,iBAAiB,CAAjBA,iBAAiB,CAG3BF,YAAU,IAAVA,CAAU,IAAVA,YAAU;GAHAE,iBAAiB,KAAjBA,iBAAiB"}

package/dist/esm/main-menu/src/MainManuItem.js

@@ -0,0 +1,13 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { NavLink } from "./MainMenuItemStyles";
+function MainMenuItem(props, ref) {
+    const { icon , children , active , ...restProps } = props;
+    return /*#__PURE__*/ React.createElement(NavLink, _extends({
+        ref: ref,
+        active: Boolean(active)
+    }, restProps), icon, /*#__PURE__*/ React.createElement("span", null, children));
+}
+export default /*#__PURE__*/ forwardRef(MainMenuItem);
+
+//# sourceMappingURL=MainManuItem.js.map

package/dist/esm/main-menu/src/MainManuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/main-menu/src/MainManuItem.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { MainMenuItemProps } from './types'\nimport { NavLink } from './MainMenuItemStyles'\n\nfunction MainMenuItem(\n  props: MainMenuItemProps,\n  ref?: ForwardedRef<HTMLDivElement>\n) {\n  const { icon, children, active, ...restProps } = props\n  return (\n    <NavLink ref={ref} active={Boolean(active)} {...restProps}>\n      {icon}\n      <span>{children}</span>\n    </NavLink>\n  )\n}\n\nexport default forwardRef(MainMenuItem)\n"],"names":["React","forwardRef","NavLink","MainMenuItem","props","ref","icon","children","active","restProps","Boolean","span"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AAEvD,SAASC,OAAO,QAAQ,sBAAsB,CAAA;AAE9C,SAASC,YAAY,CACnBC,KAAwB,EACxBC,GAAkC,EAClC;IACA,MAAM,EAAEC,IAAI,CAAA,EAAEC,QAAQ,CAAA,EAAEC,MAAM,CAAA,EAAE,GAAGC,SAAS,EAAE,GAAGL,KAAK;IACtD,qBACE,oBAACF,OAAO;QAACG,GAAG,EAAEA,GAAG;QAAEG,MAAM,EAAEE,OAAO,CAACF,MAAM,CAAC;OAAMC,SAAS,GACtDH,IAAI,gBACL,oBAACK,MAAI,QAAEJ,QAAQ,CAAQ,CACf,CACX;AACH,CAAC;AAED,6BAAeN,UAAU,CAACE,YAAY,CAAC,CAAA"}

package/dist/esm/main-menu/src/MainMenu.js

@@ -0,0 +1,12 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { Nav } from "./MainMenuStyles";
+function MainMenu(props, ref) {
+    const { children , ...restProps } = props;
+    return /*#__PURE__*/ React.createElement(Nav, _extends({
+        ref: ref
+    }, restProps), children);
+}
+export default /*#__PURE__*/ forwardRef(MainMenu);
+
+//# sourceMappingURL=MainMenu.js.map

package/dist/esm/main-menu/src/MainMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/main-menu/src/MainMenu.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { MainMenuProps } from './types'\nimport { Nav } from './MainMenuStyles'\n\nfunction MainMenu(props: MainMenuProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const { children, ...restProps } = props\n  return (\n    <Nav ref={ref} {...restProps}>\n      {children}\n    </Nav>\n  )\n}\n\nexport default forwardRef(MainMenu)\n"],"names":["React","forwardRef","Nav","MainMenu","props","ref","children","restProps"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AAEvD,SAASC,GAAG,QAAQ,kBAAkB,CAAA;AAEtC,SAASC,QAAQ,CAACC,KAAoB,EAAEC,GAAkC,EAAE;IAC1E,MAAM,EAAEC,QAAQ,CAAA,EAAE,GAAGC,SAAS,EAAE,GAAGH,KAAK;IACxC,qBACE,oBAACF,GAAG;QAACG,GAAG,EAAEA,GAAG;OAAME,SAAS,GACzBD,QAAQ,CACL,CACP;AACH,CAAC;AAED,6BAAeL,UAAU,CAACE,QAAQ,CAAC,CAAA"}

package/dist/esm/main-menu/src/MainMenuItemStyles.js

@@ -0,0 +1,53 @@
+import styled from "styled-components";
+export const NavLink = styled.a`
+  cursor: pointer;
+  color: var(--lido-color-secondary);
+  font-size: ${(param)=>{
+    let { theme  } = param;
+    return theme.fontSizesMap.xxxs;
+}}px;
+  line-height: 1.7em;
+  font-weight: 800;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  opacity: ${(props)=>props.active ? 1 : 0.8};
+
+  :hover {
+    opacity: 1;
+    color: var(--lido-color-secondary);
+  }
+
+  :not(:last-of-type) {
+    margin-right: 32px;
+  }
+
+  svg {
+    fill: var(
+      --lido-color-${(param)=>{
+    let { active  } = param;
+    return active ? `primary` : `secondary`;
+}}
+    );
+  }
+
+  ${(param)=>{
+    let { theme  } = param;
+    return theme.mediaQueries.md;
+}} {
+    flex-direction: column;
+    text-transform: none;
+    font-weight: 500;
+    font-size: ${(param)=>{
+    let { theme  } = param;
+    return theme.fontSizesMap.xxxs;
+}}px;
+    line-height: 1.2em;
+    letter-spacing: 0;
+  }
+`;
+
+//# sourceMappingURL=MainMenuItemStyles.js.map

package/dist/esm/main-menu/src/MainMenuItemStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/main-menu/src/MainMenuItemStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\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":["styled","NavLink","a","theme","fontSizesMap","xxxs","props","active","mediaQueries","md"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,MAAMC,OAAO,GAAGD,MAAM,CAACE,CAAC,AAAqB,CAAC;;;aAGxC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,YAAY,CAACC,IAAI;AAAD,CAAC,CAAC;;;;;;;;;WAS3C,EAAE,CAACC,KAAK,GAAMA,KAAK,CAACC,MAAM,GAAG,CAAC,GAAG,GAAG,AAAC,CAAC;;;;;;;;;;;;;mBAa9B,EAAE,SAAgB;QAAf,EAAEA,MAAM,CAAA,EAAE;WAAMA,MAAM,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC;AAAA,CAAC,CAAC;;;;EAItE,EAAE,SAAeJ;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACK,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;;;eAI1B,EAAE,SAAeN;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,YAAY,CAACC,IAAI;AAAD,CAAC,CAAC;;;;AAIxD,CAAC,CAAA"}