cakeinpanic-ui 1.0.0

package/dist/esm/input/SliderInputStyles.mjs

@@ -0,0 +1,138 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+
+const RangeInputSlider = styled.input`
+  width: 100%;
+  background-color: transparent;
+  -webkit-appearance: none;
+  position: absolute;
+  margin: 0;
+  top: 56px;
+  left: 0;
+  right: 0;
+
+  &:focus {
+    outline: none;
+  }
+
+  &::-webkit-slider-runnable-track {
+    background: transparent;
+    border: 0;
+    border-radius: 10px;
+    width: 100%;
+    height: 2px;
+    cursor: pointer;
+  }
+
+  &::-webkit-slider-thumb {
+    margin-top: -8px;
+    width: 18px;
+    height: 18px;
+    background: #ffffff;
+    box-shadow:
+      0 0.5px 4px rgba(0, 0, 0, 0.12),
+      0 6px 13px rgba(0, 0, 0, 0.12);
+    border: 0;
+    border-radius: 50px;
+    cursor: pointer;
+    -webkit-appearance: none;
+  }
+
+  &::-moz-range-track {
+    background: #00a3ff;
+    border: 0;
+    border-radius: 10px;
+    width: 100%;
+    height: 2px;
+    cursor: pointer;
+  }
+
+  &::-moz-range-thumb {
+    width: 18px;
+    height: 18px;
+    background: #ffffff;
+    border: 0;
+    border-radius: 50px;
+    cursor: pointer;
+  }
+
+  &::-ms-track {
+    background: transparent;
+    color: transparent;
+    width: 100%;
+    height: 2px;
+    cursor: pointer;
+  }
+`;
+const Track = styled.div`
+  height: 1px;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: var(--lido-color-border);
+
+  ${props => props.borderNone && `
+    background: none;
+    `};
+
+  &:before {
+    content: '';
+    position: absolute;
+    display: block;
+    height: 2px;
+    bottom: 0;
+    left: 0;
+    background: var(--lido-color-primary);
+    width: ${props => props.fillPercentage || 0}%;
+  }
+`;
+const Slider = styled.div`
+  position: relative;
+  height: 56px;
+  padding: 16px 20px;
+  box-sizing: border-box;
+
+  background: var(--lido-color-accentControlBg);
+  border-right: 1px solid var(--lido-color-border);
+  border-left: 1px solid var(--lido-color-border);
+  border-top: 1px solid var(--lido-color-border);
+
+  ${props => props.borderNone && `
+    border-right: none;
+    border-left: none;
+    border-top: none;
+    `};
+
+  border-radius: 10px;
+  overflow: hidden;
+`;
+const SliderWrapper = styled.div`
+  position: relative;
+`;
+const LabelContainer = styled.div`
+  display: flex;
+  justify-content: space-between;
+  margin-top: 8px;
+`;
+const Label = styled.span`
+  font-style: normal;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 20px;
+  color: var(--lido-color-text);
+  opacity: 0.5;
+`;
+const LabelButton = styled.button`
+  border: none;
+  background-color: transparent;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 20px;
+  color: var(--lido-color-text);
+  opacity: 0.5;
+  cursor: pointer;
+`;
+
+export { Label, LabelButton, LabelContainer, RangeInputSlider, Slider, SliderWrapper, Track };
+//# sourceMappingURL=SliderInputStyles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SliderInputStyles.mjs","sources":["../../../src/input/SliderInputStyles.ts"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const RangeInputSlider = styled.input`\n  width: 100%;\n  background-color: transparent;\n  -webkit-appearance: none;\n  position: absolute;\n  margin: 0;\n  top: 56px;\n  left: 0;\n  right: 0;\n\n  &:focus {\n    outline: none;\n  }\n\n  &::-webkit-slider-runnable-track {\n    background: transparent;\n    border: 0;\n    border-radius: 10px;\n    width: 100%;\n    height: 2px;\n    cursor: pointer;\n  }\n\n  &::-webkit-slider-thumb {\n    margin-top: -8px;\n    width: 18px;\n    height: 18px;\n    background: #ffffff;\n    box-shadow:\n      0 0.5px 4px rgba(0, 0, 0, 0.12),\n      0 6px 13px rgba(0, 0, 0, 0.12);\n    border: 0;\n    border-radius: 50px;\n    cursor: pointer;\n    -webkit-appearance: none;\n  }\n\n  &::-moz-range-track {\n    background: #00a3ff;\n    border: 0;\n    border-radius: 10px;\n    width: 100%;\n    height: 2px;\n    cursor: pointer;\n  }\n\n  &::-moz-range-thumb {\n    width: 18px;\n    height: 18px;\n    background: #ffffff;\n    border: 0;\n    border-radius: 50px;\n    cursor: pointer;\n  }\n\n  &::-ms-track {\n    background: transparent;\n    color: transparent;\n    width: 100%;\n    height: 2px;\n    cursor: pointer;\n  }\n`\n\nexport const Track = styled.div<{\n  fillPercentage: number\n  borderNone?: boolean\n}>`\n  height: 1px;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background: var(--lido-color-border);\n\n  ${(props) =>\n    props.borderNone &&\n    `\n    background: none;\n    `};\n\n  &:before {\n    content: '';\n    position: absolute;\n    display: block;\n    height: 2px;\n    bottom: 0;\n    left: 0;\n    background: var(--lido-color-primary);\n    width: ${(props) => props.fillPercentage || 0}%;\n  }\n`\n\nexport const Slider = styled.div<{\n  borderNone?: boolean\n}>`\n  position: relative;\n  height: 56px;\n  padding: 16px 20px;\n  box-sizing: border-box;\n\n  background: var(--lido-color-accentControlBg);\n  border-right: 1px solid var(--lido-color-border);\n  border-left: 1px solid var(--lido-color-border);\n  border-top: 1px solid var(--lido-color-border);\n\n  ${(props) =>\n    props.borderNone &&\n    `\n    border-right: none;\n    border-left: none;\n    border-top: none;\n    `};\n\n  border-radius: 10px;\n  overflow: hidden;\n`\n\nexport const SliderWrapper = styled.div`\n  position: relative;\n`\n\nexport const LabelContainer = styled.div`\n  display: flex;\n  justify-content: space-between;\n  margin-top: 8px;\n`\n\nexport const Label = styled.span`\n  font-style: normal;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 20px;\n  color: var(--lido-color-text);\n  opacity: 0.5;\n`\n\nexport const LabelButton = styled.button`\n  border: none;\n  background-color: transparent;\n  font-style: normal;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 20px;\n  color: var(--lido-color-text);\n  opacity: 0.5;\n  cursor: pointer;\n`\n"],"names":["RangeInputSlider","styled","input","Track","div","props","borderNone","fillPercentage","Slider","SliderWrapper","LabelContainer","Label","span","LabelButton","button"],"mappings":";;AAEaA,MAAAA,gBAAgB,GAAGC,MAAM,CAACC,KAAK,CAAA;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,KAAK,GAAGF,MAAM,CAACG,GAG1B,CAAA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAKC,KAAK,IACNA,KAAK,CAACC,UAAU,IAChB,CAAA;AACJ;AACA,IAAK,CAAA,CAAA;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAA,EAAcD,KAAK,IAAKA,KAAK,CAACE,cAAc,IAAI,CAAC,CAAA;AACjD;AACA,EAAC;AAEYC,MAAAA,MAAM,GAAGP,MAAM,CAACG,GAE3B,CAAA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAKC,KAAK,IACNA,KAAK,CAACC,UAAU,IAChB,CAAA;AACJ;AACA;AACA;AACA,IAAK,CAAA,CAAA;AACL;AACA;AACA;AACA,EAAC;AAEYG,MAAAA,aAAa,GAAGR,MAAM,CAACG,GAAG,CAAA;AACvC;AACA,EAAC;AAEYM,MAAAA,cAAc,GAAGT,MAAM,CAACG,GAAG,CAAA;AACxC;AACA;AACA;AACA,EAAC;AAEYO,MAAAA,KAAK,GAAGV,MAAM,CAACW,IAAI,CAAA;AAChC;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,WAAW,GAAGZ,MAAM,CAACa,MAAM,CAAA;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/dist/esm/input/Textarea.mjs

@@ -0,0 +1,77 @@
+import { forwardRef } from 'react';
+import { InputWrapperStyle, InputContentStyle, InputControlWrapperStyle, TextareaStyle, InputMessageStyle } from './InputStyles.mjs';
+import { TextareaLabelStyle } from './LabelStyles.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const Textarea = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    label,
+    error,
+    warning,
+    success,
+    active = false,
+    fullwidth = false,
+    placeholder = ' ',
+    className,
+    style,
+    variant = 'default',
+    color = 'default',
+    id,
+    disabled = false,
+    wrapperRef,
+    children,
+    ...rest
+  } = _ref;
+  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__*/jsxs(InputWrapperStyle, {
+    className: className,
+    style: style,
+    $disabled: disabled,
+    $fullwidth: fullwidth,
+    htmlFor: id,
+    ref: wrapperRef,
+    children: [/*#__PURE__*/jsx(InputContentStyle, {
+      $color: color,
+      $variant: variant,
+      $error: hasError,
+      $warning: hasWarning,
+      $active: active,
+      $disabled: disabled,
+      children: /*#__PURE__*/jsxs(InputControlWrapperStyle, {
+        children: [/*#__PURE__*/jsx(TextareaStyle, {
+          $labeled: hasLabel,
+          $color: color,
+          placeholder: placeholder,
+          "aria-invalid": hasError,
+          ref: ref,
+          ...rest
+        }), hasLabel && /*#__PURE__*/jsx(TextareaLabelStyle, {
+          $color: color,
+          children: label
+        })]
+      })
+    }), hasErrorMessage && /*#__PURE__*/jsx(InputMessageStyle, {
+      $variant: "error",
+      $bordered: true,
+      children: error
+    }), hasWarningMessage && /*#__PURE__*/jsx(InputMessageStyle, {
+      $variant: "warning",
+      $bordered: true,
+      children: warning
+    }), hasSuccessMessage && /*#__PURE__*/jsx(InputMessageStyle, {
+      $variant: "success",
+      $bordered: true,
+      children: success
+    })]
+  });
+});
+Textarea.displayName = 'Textarea';
+
+export { Textarea };
+//# sourceMappingURL=Textarea.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.mjs","sources":["../../../src/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":"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"}

package/dist/esm/input/types.mjs

@@ -0,0 +1,29 @@
+let InputMessageVariant = /*#__PURE__*/function (InputMessageVariant) {
+  InputMessageVariant[InputMessageVariant["error"] = 0] = "error";
+  InputMessageVariant[InputMessageVariant["warning"] = 1] = "warning";
+  InputMessageVariant[InputMessageVariant["success"] = 2] = "success";
+  return InputMessageVariant;
+}({});
+let InputType = /*#__PURE__*/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";
+  return InputType;
+}({});
+let InputVariant = /*#__PURE__*/function (InputVariant) {
+  InputVariant[InputVariant["small"] = 0] = "small";
+  InputVariant[InputVariant["default"] = 1] = "default";
+  return InputVariant;
+}({});
+let InputColor = /*#__PURE__*/function (InputColor) {
+  InputColor[InputColor["default"] = 0] = "default";
+  InputColor[InputColor["accent"] = 1] = "accent";
+  return InputColor;
+}({});
+
+export { InputColor, InputMessageVariant, InputType, InputVariant };
+//# sourceMappingURL=types.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":["../../../src/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

@@ -0,0 +1,31 @@
+import { forwardRef } from 'react';
+import { LidoLogoStyles } from './LidoLogoStyles.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+const LidoLogo = /*#__PURE__*/forwardRef((props, ref) => {
+  return /*#__PURE__*/jsx(LidoLogoStyles, {
+    ...props,
+    ref: ref,
+    children: /*#__PURE__*/jsxs("svg", {
+      width: "89",
+      height: "20",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [/*#__PURE__*/jsx("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__*/jsx("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__*/jsx("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"
+      })]
+    })
+  });
+});
+LidoLogo.displayName = 'LidoLogo';
+
+export { LidoLogo };
+//# sourceMappingURL=LidoLogo.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LidoLogo.mjs","sources":["../../../src/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

@@ -0,0 +1,9 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+
+const LidoLogoStyles = styled.div`
+  color: var(--lido-color-text);
+  line-height: 0;
+`;
+
+export { LidoLogoStyles };
+//# sourceMappingURL=LidoLogoStyles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LidoLogoStyles.mjs","sources":["../../../src/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

@@ -0,0 +1,16 @@
+import { forwardRef } from 'react';
+import { LinkStyle } from './LinkStyles.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const Link = /*#__PURE__*/forwardRef((props, ref) => {
+  return /*#__PURE__*/jsx(LinkStyle, {
+    target: "_blank",
+    rel: "nofollow noopener",
+    ref: ref,
+    ...props
+  });
+});
+Link.displayName = 'Link';
+
+export { Link };
+//# sourceMappingURL=Link.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.mjs","sources":["../../../src/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

@@ -0,0 +1,20 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import { css } from 'styled-components';
+
+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);
+      }
+    `}
+`;
+
+export { LinkStyle };
+//# sourceMappingURL=LinkStyles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkStyles.mjs","sources":["../../../src/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

@@ -0,0 +1,23 @@
+import { forwardRef } from 'react';
+import { InlineLoaderStyle } from './InlineLoaderStyles.mjs';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+const InlineLoader = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    color,
+    ...rest
+  } = _ref;
+  const heightAdjuster = /*#__PURE__*/jsx(Fragment, {
+    children: "\xA0"
+  });
+  return /*#__PURE__*/jsx(InlineLoaderStyle, {
+    $color: color,
+    ...rest,
+    ref: ref,
+    children: heightAdjuster
+  });
+});
+InlineLoader.displayName = 'InlineLoader';
+
+export { InlineLoader };
+//# sourceMappingURL=InlineLoader.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InlineLoader.mjs","sources":["../../../src/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

@@ -0,0 +1,48 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import { keyframes } from 'styled-components';
+
+const translation = keyframes`
+  100% {
+    background-position: 0 0;
+  }
+`;
+const InlineLoaderStyle = styled.span`
+  --loader-color: ${_ref => {
+  let {
+    $color
+  } = _ref;
+  return $color ? `var(--lido-color-${$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;
+    inset: 0;
+    background: var(--loader-color);
+    opacity: 0.2;
+  }
+`;
+
+export { InlineLoaderStyle, translation };
+//# sourceMappingURL=InlineLoaderStyles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InlineLoaderStyles.mjs","sources":["../../../src/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

@@ -0,0 +1,42 @@
+import { forwardRef } from 'react';
+import { LoaderSize } from './types.mjs';
+import { LoaderStyle, LoaderCircleBgStyle, LoaderCircleFgStyle } from './LoaderStyles.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+const Loader = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    size = 'medium',
+    thickness = 3,
+    color = 'primary',
+    ...rest
+  } = _ref;
+  const pxSize = LoaderSize[size];
+  const center = pxSize / 2;
+  const radius = pxSize / 2 - thickness / 2;
+  return /*#__PURE__*/jsx(LoaderStyle, {
+    $size: pxSize,
+    $color: color,
+    ...rest,
+    ref: ref,
+    children: /*#__PURE__*/jsxs("svg", {
+      width: pxSize,
+      height: pxSize,
+      viewBox: `0 0 ${pxSize} ${pxSize}`,
+      children: [/*#__PURE__*/jsx(LoaderCircleBgStyle, {
+        $thickness: thickness,
+        cx: center,
+        cy: center,
+        r: radius
+      }), /*#__PURE__*/jsx(LoaderCircleFgStyle, {
+        $thickness: thickness,
+        cx: center,
+        cy: center,
+        r: radius
+      })]
+    })
+  });
+});
+Loader.displayName = 'Loader';
+
+export { Loader };
+//# sourceMappingURL=Loader.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.mjs","sources":["../../../src/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

@@ -0,0 +1,47 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import { keyframes } from 'styled-components';
+
+const rotation = keyframes`
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+`;
+const LoaderStyle = styled.div`
+  margin: 0;
+  padding: 0;
+  line-height: 0;
+  width: ${props => props.$size}px;
+  height: ${props => props.$size}px;
+  color: ${_ref => {
+  let {
+    $color
+  } = _ref;
+  return `var(--lido-color-${$color})`;
+}};
+`;
+const LoaderCircleBgStyle = styled.circle`
+  fill: none;
+  stroke: currentcolor;
+  stroke-width: ${props => props.$thickness};
+  opacity: 0.2;
+`;
+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;
+`;
+
+export { LoaderCircleBgStyle, LoaderCircleFgStyle, LoaderStyle, rotation };
+//# sourceMappingURL=LoaderStyles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoaderStyles.mjs","sources":["../../../src/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

@@ -0,0 +1,22 @@
+let LoaderSize = /*#__PURE__*/function (LoaderSize) {
+  LoaderSize[LoaderSize["small"] = 18] = "small";
+  LoaderSize[LoaderSize["medium"] = 24] = "medium";
+  LoaderSize[LoaderSize["large"] = 64] = "large";
+  return LoaderSize;
+}({});
+let LoaderColor = /*#__PURE__*/function (LoaderColor) {
+  LoaderColor[LoaderColor["primary"] = 0] = "primary";
+  LoaderColor[LoaderColor["secondary"] = 1] = "secondary";
+  LoaderColor[LoaderColor["foreground"] = 2] = "foreground";
+  LoaderColor[LoaderColor["success"] = 3] = "success";
+  return LoaderColor;
+}({});
+let InlineLoaderColor = /*#__PURE__*/function (InlineLoaderColor) {
+  InlineLoaderColor[InlineLoaderColor["text"] = 0] = "text";
+  InlineLoaderColor[InlineLoaderColor["secondary"] = 1] = "secondary";
+  InlineLoaderColor[InlineLoaderColor["foreground"] = 2] = "foreground";
+  return InlineLoaderColor;
+}({});
+
+export { InlineLoaderColor, LoaderColor, LoaderSize };
+//# sourceMappingURL=types.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":["../../../src/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

@@ -0,0 +1,19 @@
+import { forwardRef } from 'react';
+import { Nav } from './MainMenuStyles.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const MainMenu = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    children,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsx(Nav, {
+    ref: ref,
+    ...rest,
+    children: children
+  });
+});
+MainMenu.displayName = 'MainMenu';
+
+export { MainMenu };
+//# sourceMappingURL=MainMenu.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MainMenu.mjs","sources":["../../../src/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;;;;"}