cakeinpanic-ui 1.0.0

package/dist/cjs/input/OptionsSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsSlider.js","sources":["../../../src/input/OptionsSlider.tsx"],"sourcesContent":["import { SliderInput } from './SliderInput.js'\nimport { OptionsSliderInputProps } from './types.js'\n\nexport const OptionsSlider = ({\n  options,\n  value,\n  onChange,\n  ...rest\n}: OptionsSliderInputProps) => {\n  let sliderIndex = options.findIndex((option) => option.value === value)\n\n  if (sliderIndex === -1) {\n    sliderIndex = 0\n  }\n\n  const max = options.length - 1\n\n  const getLabel = (optionIndex: number) => {\n    return options[optionIndex].label\n  }\n\n  const handleSliderChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const optionIndex = Number(e.target.value)\n    onChange(options[optionIndex].value, optionIndex)\n  }\n\n  const labels = options.map(({ label }, index) => ({ value: index, label }))\n  return (\n    <SliderInput\n      min={0}\n      max={max}\n      value={sliderIndex}\n      onChange={handleSliderChange}\n      getLabel={getLabel}\n      labels={labels}\n      borderNone={true}\n      onLabelClick={(optionIndex) =>\n        onChange(options[optionIndex].value, optionIndex)\n      }\n      {...rest}\n    />\n  )\n}\n"],"names":["OptionsSlider","_ref","options","value","onChange","rest","sliderIndex","findIndex","option","max","length","getLabel","optionIndex","label","handleSliderChange","e","Number","target","labels","map","_ref2","index","_jsx","SliderInput","min","borderNone","onLabelClick"],"mappings":";;;;;;;AAGaA,MAAAA,aAAa,GAAGC,IAAA,IAKE;EAAA,IALD;IAC5BC,OAAO;IACPC,KAAK;IACLC,QAAQ;IACR,GAAGC,IAAAA;AACoB,GAAC,GAAAJ,IAAA,CAAA;AACxB,EAAA,IAAIK,WAAW,GAAGJ,OAAO,CAACK,SAAS,CAAEC,MAAM,IAAKA,MAAM,CAACL,KAAK,KAAKA,KAAK,CAAC,CAAA;AAEvE,EAAA,IAAIG,WAAW,KAAK,CAAC,CAAC,EAAE;AACtBA,IAAAA,WAAW,GAAG,CAAC,CAAA;AACjB,GAAA;AAEA,EAAA,MAAMG,GAAG,GAAGP,OAAO,CAACQ,MAAM,GAAG,CAAC,CAAA;EAE9B,MAAMC,QAAQ,GAAIC,WAAmB,IAAK;AACxC,IAAA,OAAOV,OAAO,CAACU,WAAW,CAAC,CAACC,KAAK,CAAA;GAClC,CAAA;EAED,MAAMC,kBAAkB,GAAIC,CAAsC,IAAK;IACrE,MAAMH,WAAW,GAAGI,MAAM,CAACD,CAAC,CAACE,MAAM,CAACd,KAAK,CAAC,CAAA;IAC1CC,QAAQ,CAACF,OAAO,CAACU,WAAW,CAAC,CAACT,KAAK,EAAES,WAAW,CAAC,CAAA;GAClD,CAAA;EAED,MAAMM,MAAM,GAAGhB,OAAO,CAACiB,GAAG,CAAC,CAAAC,KAAA,EAAYC,KAAK,KAAA;IAAA,IAAhB;AAAER,MAAAA,KAAAA;AAAM,KAAC,GAAAO,KAAA,CAAA;IAAA,OAAa;AAAEjB,MAAAA,KAAK,EAAEkB,KAAK;AAAER,MAAAA,KAAAA;KAAO,CAAA;AAAA,GAAC,CAAC,CAAA;EAC3E,oBACES,cAAA,CAACC,uBAAW,EAAA;AACVC,IAAAA,GAAG,EAAE,CAAE;AACPf,IAAAA,GAAG,EAAEA,GAAI;AACTN,IAAAA,KAAK,EAAEG,WAAY;AACnBF,IAAAA,QAAQ,EAAEU,kBAAmB;AAC7BH,IAAAA,QAAQ,EAAEA,QAAS;AACnBO,IAAAA,MAAM,EAAEA,MAAO;AACfO,IAAAA,UAAU,EAAE,IAAK;AACjBC,IAAAA,YAAY,EAAGd,WAAW,IACxBR,QAAQ,CAACF,OAAO,CAACU,WAAW,CAAC,CAACT,KAAK,EAAES,WAAW,CACjD;IAAA,GACGP,IAAAA;AAAI,GACT,CAAC,CAAA;AAEN;;;;"}

package/dist/cjs/input/SliderInput.js

@@ -0,0 +1,63 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const SliderInputStyles = require('./SliderInputStyles.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const SliderInput = _ref => {
+  let {
+    value,
+    onChange,
+    onLabelClick,
+    min = 0,
+    max = 100,
+    step = 1,
+    minLabel,
+    maxLabel,
+    getLabel = val => String(val),
+    borderNone,
+    labels,
+    ...rest
+  } = _ref;
+  const fillPercentage = (value - min) / (max - min) * 100;
+  const LabelComponent = onLabelClick ? SliderInputStyles.LabelButton : SliderInputStyles.Label;
+  const createClickHandler = value => () => onLabelClick?.(value);
+  return /*#__PURE__*/jsxRuntime.jsxs(SliderInputStyles.SliderWrapper, {
+    children: [/*#__PURE__*/jsxRuntime.jsxs(SliderInputStyles.Slider, {
+      borderNone: borderNone,
+      children: [getLabel(value), /*#__PURE__*/jsxRuntime.jsx(SliderInputStyles.Track, {
+        fillPercentage: fillPercentage,
+        borderNone: borderNone
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(SliderInputStyles.RangeInputSlider, {
+      type: "range",
+      value: value,
+      step: step,
+      onChange: onChange,
+      min: min,
+      max: max,
+      ...rest
+    }), /*#__PURE__*/jsxRuntime.jsxs(SliderInputStyles.LabelContainer, {
+      children: [minLabel && /*#__PURE__*/jsxRuntime.jsx(LabelComponent, {
+        onClick: createClickHandler(min),
+        children: minLabel
+      }), labels?.map(_ref2 => {
+        let {
+          value,
+          label
+        } = _ref2;
+        return /*#__PURE__*/jsxRuntime.jsx(LabelComponent, {
+          onClick: createClickHandler(value),
+          children: label
+        }, value);
+      }), maxLabel && /*#__PURE__*/jsxRuntime.jsx(LabelComponent, {
+        onClick: createClickHandler(max),
+        children: maxLabel
+      })]
+    })]
+  });
+};
+
+exports.SliderInput = SliderInput;
+//# sourceMappingURL=SliderInput.js.map

package/dist/cjs/input/SliderInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderInput.js","sources":["../../../src/input/SliderInput.tsx"],"sourcesContent":["import {\n  Label,\n  LabelButton,\n  LabelContainer,\n  RangeInputSlider,\n  Slider,\n  SliderWrapper,\n  Track,\n} from './SliderInputStyles.js'\nimport { SliderInputProps } from './types.js'\n\nexport const SliderInput = ({\n  value,\n  onChange,\n  onLabelClick,\n  min = 0,\n  max = 100,\n  step = 1,\n  minLabel,\n  maxLabel,\n  getLabel = (val) => String(val),\n  borderNone,\n  labels,\n  ...rest\n}: SliderInputProps) => {\n  const fillPercentage = ((value - min) / (max - min)) * 100\n  const LabelComponent = onLabelClick ? LabelButton : Label\n  const createClickHandler = (value: number) => () => onLabelClick?.(value)\n\n  return (\n    <SliderWrapper>\n      <Slider borderNone={borderNone}>\n        {getLabel(value)}\n        <Track fillPercentage={fillPercentage} borderNone={borderNone} />\n      </Slider>\n      <RangeInputSlider\n        type='range'\n        value={value}\n        step={step}\n        onChange={onChange}\n        min={min}\n        max={max}\n        {...rest}\n      />\n      <LabelContainer>\n        {minLabel && (\n          <LabelComponent onClick={createClickHandler(min)}>\n            {minLabel}\n          </LabelComponent>\n        )}\n        {labels?.map(({ value, label }) => (\n          <LabelComponent onClick={createClickHandler(value)} key={value}>\n            {label}\n          </LabelComponent>\n        ))}\n        {maxLabel && (\n          <LabelComponent onClick={createClickHandler(max)}>\n            {maxLabel}\n          </LabelComponent>\n        )}\n      </LabelContainer>\n    </SliderWrapper>\n  )\n}\n"],"names":["SliderInput","_ref","value","onChange","onLabelClick","min","max","step","minLabel","maxLabel","getLabel","val","String","borderNone","labels","rest","fillPercentage","LabelComponent","LabelButton","Label","createClickHandler","_jsxs","SliderWrapper","children","Slider","_jsx","Track","RangeInputSlider","type","LabelContainer","onClick","map","_ref2","label"],"mappings":";;;;;;;AAWaA,MAAAA,WAAW,GAAGC,IAAA,IAaH;EAAA,IAbI;IAC1BC,KAAK;IACLC,QAAQ;IACRC,YAAY;AACZC,IAAAA,GAAG,GAAG,CAAC;AACPC,IAAAA,GAAG,GAAG,GAAG;AACTC,IAAAA,IAAI,GAAG,CAAC;IACRC,QAAQ;IACRC,QAAQ;AACRC,IAAAA,QAAQ,GAAIC,GAAG,IAAKC,MAAM,CAACD,GAAG,CAAC;IAC/BE,UAAU;IACVC,MAAM;IACN,GAAGC,IAAAA;AACa,GAAC,GAAAd,IAAA,CAAA;AACjB,EAAA,MAAMe,cAAc,GAAI,CAACd,KAAK,GAAGG,GAAG,KAAKC,GAAG,GAAGD,GAAG,CAAC,GAAI,GAAG,CAAA;AAC1D,EAAA,MAAMY,cAAc,GAAGb,YAAY,GAAGc,6BAAW,GAAGC,uBAAK,CAAA;EACzD,MAAMC,kBAAkB,GAAIlB,KAAa,IAAK,MAAME,YAAY,GAAGF,KAAK,CAAC,CAAA;EAEzE,oBACEmB,eAAA,CAACC,+BAAa,EAAA;IAAAC,QAAA,EAAA,cACZF,eAAA,CAACG,wBAAM,EAAA;AAACX,MAAAA,UAAU,EAAEA,UAAW;MAAAU,QAAA,EAAA,CAC5Bb,QAAQ,CAACR,KAAK,CAAC,eAChBuB,cAAA,CAACC,uBAAK,EAAA;AAACV,QAAAA,cAAc,EAAEA,cAAe;AAACH,QAAAA,UAAU,EAAEA,UAAAA;AAAW,OAAE,CAAC,CAAA;AAAA,KAC3D,CAAC,eACTY,cAAA,CAACE,kCAAgB,EAAA;AACfC,MAAAA,IAAI,EAAC,OAAO;AACZ1B,MAAAA,KAAK,EAAEA,KAAM;AACbK,MAAAA,IAAI,EAAEA,IAAK;AACXJ,MAAAA,QAAQ,EAAEA,QAAS;AACnBE,MAAAA,GAAG,EAAEA,GAAI;AACTC,MAAAA,GAAG,EAAEA,GAAI;MAAA,GACLS,IAAAA;AAAI,KACT,CAAC,eACFM,eAAA,CAACQ,gCAAc,EAAA;AAAAN,MAAAA,QAAA,EACZf,CAAAA,QAAQ,iBACPiB,cAAA,CAACR,cAAc,EAAA;AAACa,QAAAA,OAAO,EAAEV,kBAAkB,CAACf,GAAG,CAAE;AAAAkB,QAAAA,QAAA,EAC9Cf,QAAAA;AAAQ,OACK,CACjB,EACAM,MAAM,EAAEiB,GAAG,CAACC,KAAA,IAAA;QAAA,IAAC;UAAE9B,KAAK;AAAE+B,UAAAA,KAAAA;AAAM,SAAC,GAAAD,KAAA,CAAA;QAAA,oBAC5BP,cAAA,CAACR,cAAc,EAAA;AAACa,UAAAA,OAAO,EAAEV,kBAAkB,CAAClB,KAAK,CAAE;AAAAqB,UAAAA,QAAA,EAChDU,KAAAA;AAAK,SAAA,EADiD/B,KAEzC,CAAC,CAAA;AAAA,OAClB,CAAC,EACDO,QAAQ,iBACPgB,cAAA,CAACR,cAAc,EAAA;AAACa,QAAAA,OAAO,EAAEV,kBAAkB,CAACd,GAAG,CAAE;AAAAiB,QAAAA,QAAA,EAC9Cd,QAAAA;AAAQ,OACK,CACjB,CAAA;AAAA,KACa,CAAC,CAAA;AAAA,GACJ,CAAC,CAAA;AAEpB;;;;"}

package/dist/cjs/input/SliderInputStyles.js

@@ -0,0 +1,148 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+
+const RangeInputSlider = styledComponentsWrapper.default.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 = styledComponentsWrapper.default.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 = styledComponentsWrapper.default.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 = styledComponentsWrapper.default.div`
+  position: relative;
+`;
+const LabelContainer = styledComponentsWrapper.default.div`
+  display: flex;
+  justify-content: space-between;
+  margin-top: 8px;
+`;
+const Label = styledComponentsWrapper.default.span`
+  font-style: normal;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 20px;
+  color: var(--lido-color-text);
+  opacity: 0.5;
+`;
+const LabelButton = styledComponentsWrapper.default.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;
+`;
+
+exports.Label = Label;
+exports.LabelButton = LabelButton;
+exports.LabelContainer = LabelContainer;
+exports.RangeInputSlider = RangeInputSlider;
+exports.Slider = Slider;
+exports.SliderWrapper = SliderWrapper;
+exports.Track = Track;
+//# sourceMappingURL=SliderInputStyles.js.map

package/dist/cjs/input/SliderInputStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderInputStyles.js","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,+BAAM,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,+BAAM,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,+BAAM,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,+BAAM,CAACG,GAAG,CAAA;AACvC;AACA,EAAC;AAEYM,MAAAA,cAAc,GAAGT,+BAAM,CAACG,GAAG,CAAA;AACxC;AACA;AACA;AACA,EAAC;AAEYO,MAAAA,KAAK,GAAGV,+BAAM,CAACW,IAAI,CAAA;AAChC;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,WAAW,GAAGZ,+BAAM,CAACa,MAAM,CAAA;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;"}

package/dist/cjs/input/Textarea.js

@@ -0,0 +1,81 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const InputStyles = require('./InputStyles.js');
+const LabelStyles = require('./LabelStyles.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const Textarea = /*#__PURE__*/React.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__*/jsxRuntime.jsxs(InputStyles.InputWrapperStyle, {
+    className: className,
+    style: style,
+    $disabled: disabled,
+    $fullwidth: fullwidth,
+    htmlFor: id,
+    ref: wrapperRef,
+    children: [/*#__PURE__*/jsxRuntime.jsx(InputStyles.InputContentStyle, {
+      $color: color,
+      $variant: variant,
+      $error: hasError,
+      $warning: hasWarning,
+      $active: active,
+      $disabled: disabled,
+      children: /*#__PURE__*/jsxRuntime.jsxs(InputStyles.InputControlWrapperStyle, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(InputStyles.TextareaStyle, {
+          $labeled: hasLabel,
+          $color: color,
+          placeholder: placeholder,
+          "aria-invalid": hasError,
+          ref: ref,
+          ...rest
+        }), hasLabel && /*#__PURE__*/jsxRuntime.jsx(LabelStyles.TextareaLabelStyle, {
+          $color: color,
+          children: label
+        })]
+      })
+    }), hasErrorMessage && /*#__PURE__*/jsxRuntime.jsx(InputStyles.InputMessageStyle, {
+      $variant: "error",
+      $bordered: true,
+      children: error
+    }), hasWarningMessage && /*#__PURE__*/jsxRuntime.jsx(InputStyles.InputMessageStyle, {
+      $variant: "warning",
+      $bordered: true,
+      children: warning
+    }), hasSuccessMessage && /*#__PURE__*/jsxRuntime.jsx(InputStyles.InputMessageStyle, {
+      $variant: "success",
+      $bordered: true,
+      children: success
+    })]
+  });
+});
+Textarea.displayName = 'Textarea';
+
+exports.Textarea = Textarea;
+//# sourceMappingURL=Textarea.js.map

package/dist/cjs/input/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","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/cjs/input/types.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+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;
+}({});
+
+exports.InputColor = InputColor;
+exports.InputMessageVariant = InputMessageVariant;
+exports.InputType = InputType;
+exports.InputVariant = InputVariant;
+//# sourceMappingURL=types.js.map

package/dist/cjs/input/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","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/cjs/lido-logo/LidoLogo.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const LidoLogoStyles = require('./LidoLogoStyles.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const LidoLogo = /*#__PURE__*/React.forwardRef((props, ref) => {
+  return /*#__PURE__*/jsxRuntime.jsx(LidoLogoStyles.LidoLogoStyles, {
+    ...props,
+    ref: ref,
+    children: /*#__PURE__*/jsxRuntime.jsxs("svg", {
+      width: "89",
+      height: "20",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [/*#__PURE__*/jsxRuntime.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__*/jsxRuntime.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__*/jsxRuntime.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';
+
+exports.LidoLogo = LidoLogo;
+//# sourceMappingURL=LidoLogo.js.map

package/dist/cjs/lido-logo/LidoLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LidoLogo.js","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,gBAAU,CAChC,CAACC,KAAoB,EAAEC,GAAkC,KAAK;EAC5D,oBACEC,cAAA,CAACC,6BAAc,EAAA;AAAA,IAAA,GAAKH,KAAK;AAAEC,IAAAA,GAAG,EAAEA,GAAI;AAAAG,IAAAA,QAAA,eAClCC,eAAA,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,cAAA,CAAA,MAAA,EAAA;AAAMQ,QAAAA,CAAC,EAAC,y5CAAA;OAA25C,CAAC,eACp6CR,cAAA,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,cAAA,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/cjs/lido-logo/LidoLogoStyles.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+
+const LidoLogoStyles = styledComponentsWrapper.default.div`
+  color: var(--lido-color-text);
+  line-height: 0;
+`;
+
+exports.LidoLogoStyles = LidoLogoStyles;
+//# sourceMappingURL=LidoLogoStyles.js.map

package/dist/cjs/lido-logo/LidoLogoStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LidoLogoStyles.js","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,+BAAM,CAACC,GAAG,CAAA;AACxC;AACA;AACA;;;;"}

package/dist/cjs/link/Link.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const LinkStyles = require('./LinkStyles.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const Link = /*#__PURE__*/React.forwardRef((props, ref) => {
+  return /*#__PURE__*/jsxRuntime.jsx(LinkStyles.LinkStyle, {
+    target: "_blank",
+    rel: "nofollow noopener",
+    ref: ref,
+    ...props
+  });
+});
+Link.displayName = 'Link';
+
+exports.Link = Link;
+//# sourceMappingURL=Link.js.map

package/dist/cjs/link/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","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,gBAAU,CAC5B,CAACC,KAAgB,EAAEC,GAAqC,KAAK;EAC3D,oBACEC,cAAA,CAACC,oBAAS,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/cjs/link/LinkStyles.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+const _styled = require('styled-components');
+
+const LinkStyle = styledComponentsWrapper.default.a`
+  text-decoration: none;
+  color: var(--lido-color-primary);
+
+  :hover {
+    color: var(--lido-color-primaryHover);
+  }
+
+  ${props => props.fadeVisited && _styled.css`
+      :visited {
+        color: var(--lido-color-primaryVisited);
+      }
+    `}
+`;
+
+exports.LinkStyle = LinkStyle;
+//# sourceMappingURL=LinkStyles.js.map

package/dist/cjs/link/LinkStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkStyles.js","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,+BAAM,CAACC,CAAC,CAAA;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAKC,KAAgB,IACjBA,KAAK,CAACC,WAAW,IACjBC,WAAG,CAAA;AACP;AACA;AACA;AACA,IAAK,CAAA,CAAA;AACL;;;;"}

package/dist/cjs/loaders/InlineLoader.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const InlineLoaderStyles = require('./InlineLoaderStyles.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const InlineLoader = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    color,
+    ...rest
+  } = _ref;
+  const heightAdjuster = /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: "\xA0"
+  });
+  return /*#__PURE__*/jsxRuntime.jsx(InlineLoaderStyles.InlineLoaderStyle, {
+    $color: color,
+    ...rest,
+    ref: ref,
+    children: heightAdjuster
+  });
+});
+InlineLoader.displayName = 'InlineLoader';
+
+exports.InlineLoader = InlineLoader;
+//# sourceMappingURL=InlineLoader.js.map

package/dist/cjs/loaders/InlineLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineLoader.js","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,gBAAU,CACpC,CAAAC,IAAA,EAEEC,GAAkC,KAC/B;EAAA,IAFH;IAAEC,KAAK;IAAE,GAAGC,IAAAA;AAAwB,GAAC,GAAAH,IAAA,CAAA;AAGrC,EAAA,MAAMI,cAAc,gBAAGC,cAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,EAAE,MAAA;AAAM,GAAE,CAAC,CAAA;EAElC,oBACEF,cAAA,CAACG,oCAAiB,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/cjs/loaders/InlineLoaderStyles.js

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+const _styled = require('styled-components');
+
+const translation = _styled.keyframes`
+  100% {
+    background-position: 0 0;
+  }
+`;
+const InlineLoaderStyle = styledComponentsWrapper.default.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;
+  }
+`;
+
+exports.InlineLoaderStyle = InlineLoaderStyle;
+exports.translation = translation;
+//# sourceMappingURL=InlineLoaderStyles.js.map

package/dist/cjs/loaders/InlineLoaderStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineLoaderStyles.js","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,iBAAS,CAAA;AACpC;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,iBAAiB,GAAGC,+BAAM,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/cjs/loaders/Loader.js

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const types = require('./types.js');
+const LoaderStyles = require('./LoaderStyles.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const Loader = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    size = 'medium',
+    thickness = 3,
+    color = 'primary',
+    ...rest
+  } = _ref;
+  const pxSize = types.LoaderSize[size];
+  const center = pxSize / 2;
+  const radius = pxSize / 2 - thickness / 2;
+  return /*#__PURE__*/jsxRuntime.jsx(LoaderStyles.LoaderStyle, {
+    $size: pxSize,
+    $color: color,
+    ...rest,
+    ref: ref,
+    children: /*#__PURE__*/jsxRuntime.jsxs("svg", {
+      width: pxSize,
+      height: pxSize,
+      viewBox: `0 0 ${pxSize} ${pxSize}`,
+      children: [/*#__PURE__*/jsxRuntime.jsx(LoaderStyles.LoaderCircleBgStyle, {
+        $thickness: thickness,
+        cx: center,
+        cy: center,
+        r: radius
+      }), /*#__PURE__*/jsxRuntime.jsx(LoaderStyles.LoaderCircleFgStyle, {
+        $thickness: thickness,
+        cx: center,
+        cy: center,
+        r: radius
+      })]
+    })
+  });
+});
+Loader.displayName = 'Loader';
+
+exports.Loader = Loader;
+//# sourceMappingURL=Loader.js.map