@lidofinance/lido-ui 3.12.0 → 3.13.0

package/dist/cjs/addressBadge/AddressBadge.js

@@ -11,11 +11,12 @@ const _react = require("react");
 const _hooks = require("../hooks");
 const _addressBadgeStyles = require("./AddressBadgeStyles");
 const AddressBadge = /*#__PURE__*/ (0, _react.forwardRef)((param, ref)=>{
-    let { address , symbolsMobile =3 , symbolsDesktop =6  } = param;
+    let { address , symbolsMobile =3 , symbolsDesktop =6 , ...rest } = param;
     const isMobile = (0, _hooks.useBreakpoint)('md');
     return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_addressBadgeStyles.AddressBadgeStyle, {
         symbols: isMobile ? symbolsMobile : symbolsDesktop,
         address: address !== null && address !== void 0 ? address : '',
+        ...rest,
         ref: ref
     });
 });

package/dist/cjs/addressBadge/AddressBadge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/addressBadge/AddressBadge.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { useBreakpoint } from '../hooks'\nimport { AddressBadgeStyle } from './AddressBadgeStyles'\nimport { AddressBadgeProps } from './types'\n\nexport const AddressBadge = forwardRef(\n  (\n    { address, symbolsMobile = 3, symbolsDesktop = 6 }: AddressBadgeProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const isMobile = useBreakpoint('md')\n\n    return (\n      <AddressBadgeStyle\n        symbols={isMobile ? symbolsMobile : symbolsDesktop}\n        address={address ?? ''}\n        ref={ref}\n      />\n    )\n  },\n)\nAddressBadge.displayName = 'AddressBadge'\n"],"names":["AddressBadge","forwardRef","ref","address","symbolsMobile","symbolsDesktop","isMobile","useBreakpoint","AddressBadgeStyle","symbols","displayName"],"mappings":"AAAA;;;;+BAKaA,cAAY;;aAAZA,YAAY;;;uBALgB,OAAO;uBAClB,UAAU;oCACN,sBAAsB;AAGjD,MAAMA,YAAY,iBAAGC,IAAAA,MAAU,WAAA,EACpC,QAEEC,GAAkC,GAC/B;QAFH,EAAEC,OAAO,CAAA,EAAEC,aAAa,EAAG,CAAC,CAAA,EAAEC,cAAc,EAAG,CAAC,CAAA,EAAqB;IAGrE,MAAMC,QAAQ,GAAGC,IAAAA,MAAa,cAAA,EAAC,IAAI,CAAC;IAEpC,qBACE,qBAACC,mBAAiB,kBAAA;QAChBC,OAAO,EAAEH,QAAQ,GAAGF,aAAa,GAAGC,cAAc;QAClDF,OAAO,EAAEA,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,EAAE;QACtBD,GAAG,EAAEA,GAAG;MACR,CACH;AACH,CAAC,CACF;AACDF,YAAY,CAACU,WAAW,GAAG,cAAc"}
+{"version":3,"sources":["../../../packages/addressBadge/AddressBadge.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { useBreakpoint } from '../hooks'\nimport { AddressBadgeStyle } from './AddressBadgeStyles'\nimport { AddressBadgeProps } from './types'\n\nexport const AddressBadge = forwardRef(\n  (\n    {\n      address,\n      symbolsMobile = 3,\n      symbolsDesktop = 6,\n      ...rest\n    }: AddressBadgeProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const isMobile = useBreakpoint('md')\n\n    return (\n      <AddressBadgeStyle\n        symbols={isMobile ? symbolsMobile : symbolsDesktop}\n        address={address ?? ''}\n        {...rest}\n        ref={ref}\n      />\n    )\n  },\n)\nAddressBadge.displayName = 'AddressBadge'\n"],"names":["AddressBadge","forwardRef","ref","address","symbolsMobile","symbolsDesktop","rest","isMobile","useBreakpoint","AddressBadgeStyle","symbols","displayName"],"mappings":"AAAA;;;;+BAKaA,cAAY;;aAAZA,YAAY;;;uBALgB,OAAO;uBAClB,UAAU;oCACN,sBAAsB;AAGjD,MAAMA,YAAY,iBAAGC,IAAAA,MAAU,WAAA,EACpC,QAOEC,GAAkC,GAC/B;QAPH,EACEC,OAAO,CAAA,EACPC,aAAa,EAAG,CAAC,CAAA,EACjBC,cAAc,EAAG,CAAC,CAAA,EAClB,GAAGC,IAAI,EACW;IAGpB,MAAMC,QAAQ,GAAGC,IAAAA,MAAa,cAAA,EAAC,IAAI,CAAC;IAEpC,qBACE,qBAACC,mBAAiB,kBAAA;QAChBC,OAAO,EAAEH,QAAQ,GAAGH,aAAa,GAAGC,cAAc;QAClDF,OAAO,EAAEA,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,EAAE;QACrB,GAAGG,IAAI;QACRJ,GAAG,EAAEA,GAAG;MACR,CACH;AACH,CAAC,CACF;AACDF,YAAY,CAACW,WAAW,GAAG,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/addressBadge/types.ts"],"sourcesContent":["import { LidoComponentProps } from '../utils'\n\nexport type AddressBadgeProps = LidoComponentProps<\n  'div',\n  {\n    address?: string\n    symbolsMobile?: number\n    symbolsDesktop?: number\n  }\n>\n"],"names":[],"mappings":"AAAA"}
+{"version":3,"sources":["../../../packages/addressBadge/types.ts"],"sourcesContent":["import { IdenticonBadgeProps } from '../identicon'\n\nexport type AddressBadgeProps = Omit<\n  IdenticonBadgeProps,\n  'address' | 'symbol' | 'as' | 'forwardedAs'\n> & {\n  address?: string\n  symbolsMobile?: number\n  symbolsDesktop?: number\n}\n"],"names":[],"mappings":"AAAA"}

package/dist/cjs/content-theme/content-theme.js

@@ -8,14 +8,17 @@ Object.defineProperty(exports, "ContentTheme", {
 });
 const _jsxRuntime = require("react/jsx-runtime");
 const _styles = require("./styles");
-const ContentTheme = (props)=>{
+const ContentTheme = (param)=>{
+    let { darkContent , lightContent , ...rest } = param;
     return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [
             /*#__PURE__*/ (0, _jsxRuntime.jsx)(_styles.ContentThemeOnlyDark, {
-                children: props.darkContent
+                ...rest,
+                children: darkContent
             }),
             /*#__PURE__*/ (0, _jsxRuntime.jsx)(_styles.ContentThemeOnlyLight, {
-                children: props.lightContent
+                ...rest,
+                children: lightContent
             })
         ]
     });

package/dist/cjs/content-theme/content-theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/content-theme/content-theme.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { ContentThemeOnlyDark, ContentThemeOnlyLight } from './styles'\nimport { ContentThemeProps } from './types'\n\nexport const ContentTheme: FC<ContentThemeProps> = (\n  props: ContentThemeProps,\n) => {\n  return (\n    <>\n      <ContentThemeOnlyDark>{props.darkContent}</ContentThemeOnlyDark>\n      <ContentThemeOnlyLight>{props.lightContent}</ContentThemeOnlyLight>\n    </>\n  )\n}\n"],"names":["ContentTheme","props","ContentThemeOnlyDark","darkContent","ContentThemeOnlyLight","lightContent"],"mappings":"AAAA;;;;+BAIaA,cAAY;;aAAZA,YAAY;;;wBAHmC,UAAU;AAG/D,MAAMA,YAAY,GAA0B,CACjDC,KAAwB,GACrB;IACH,qBACE;;0BACE,qBAACC,OAAoB,qBAAA;0BAAED,KAAK,CAACE,WAAW;cAAwB;0BAChE,qBAACC,OAAqB,sBAAA;0BAAEH,KAAK,CAACI,YAAY;cAAyB;;MAClE,CACJ;AACH,CAAC"}
+{"version":3,"sources":["../../../packages/content-theme/content-theme.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { ContentThemeOnlyDark, ContentThemeOnlyLight } from './styles'\nimport { ContentThemeProps } from './types'\n\nexport const ContentTheme: FC<ContentThemeProps> = ({\n  darkContent,\n  lightContent,\n  ...rest\n}: ContentThemeProps) => {\n  return (\n    <>\n      <ContentThemeOnlyDark {...rest}>{darkContent}</ContentThemeOnlyDark>\n      <ContentThemeOnlyLight {...rest}>{lightContent}</ContentThemeOnlyLight>\n    </>\n  )\n}\n"],"names":["ContentTheme","darkContent","lightContent","rest","ContentThemeOnlyDark","ContentThemeOnlyLight"],"mappings":"AAAA;;;;+BAIaA,cAAY;;aAAZA,YAAY;;;wBAHmC,UAAU;AAG/D,MAAMA,YAAY,GAA0B,SAI1B;QAJ2B,EAClDC,WAAW,CAAA,EACXC,YAAY,CAAA,EACZ,GAAGC,IAAI,EACW;IAClB,qBACE;;0BACE,qBAACC,OAAoB,qBAAA;gBAAE,GAAGD,IAAI;0BAAGF,WAAW;cAAwB;0BACpE,qBAACI,OAAqB,sBAAA;gBAAE,GAAGF,IAAI;0BAAGD,YAAY;cAAyB;;MACtE,CACJ;AACH,CAAC"}

package/dist/cjs/input/OptionsSlider.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "OptionsSlider", {
 const _jsxRuntime = require("react/jsx-runtime");
 const _sliderInput = require("./SliderInput");
 const OptionsSlider = (param)=>{
-    let { options , value , onChange  } = param;
+    let { options , value , onChange , ...rest } = param;
     let sliderIndex = options.findIndex((option)=>option.value === value);
     if (sliderIndex === -1) {
         sliderIndex = 0;
@@ -37,7 +37,8 @@ const OptionsSlider = (param)=>{
         getLabel: getLabel,
         labels: labels,
         borderNone: true,
-        onLabelClick: (optionIndex)=>onChange(options[optionIndex].value, optionIndex)
+        onLabelClick: (optionIndex)=>onChange(options[optionIndex].value, optionIndex),
+        ...rest
     });
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/input/OptionsSlider.tsx"],"sourcesContent":["import { SliderInput } from './SliderInput'\nimport { OptionsSliderInputProps } from './types'\n\nexport const OptionsSlider = ({\n  options,\n  value,\n  onChange,\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    />\n  )\n}\n"],"names":["OptionsSlider","options","value","onChange","sliderIndex","findIndex","option","max","length","getLabel","optionIndex","label","handleSliderChange","e","Number","target","labels","map","index","SliderInput","min","borderNone","onLabelClick"],"mappings":"AAAA;;;;+BAGaA,eAAa;;aAAbA,aAAa;;;6BAHE,eAAe;AAGpC,MAAMA,aAAa,GAAG,SAIE;QAJD,EAC5BC,OAAO,CAAA,EACPC,KAAK,CAAA,EACLC,QAAQ,CAAA,EACgB;IACxB,IAAIC,WAAW,GAAGH,OAAO,CAACI,SAAS,CAAC,CAACC,MAAM,GAAKA,MAAM,CAACJ,KAAK,KAAKA,KAAK,CAAC;IAEvE,IAAIE,WAAW,KAAK,CAAC,CAAC,EAAE;QACtBA,WAAW,GAAG,CAAC;IACjB,CAAC;IAED,MAAMG,GAAG,GAAGN,OAAO,CAACO,MAAM,GAAG,CAAC;IAE9B,MAAMC,QAAQ,GAAG,CAACC,WAAmB,GAAK;QACxC,OAAOT,OAAO,CAACS,WAAW,CAAC,CAACC,KAAK,CAAA;IACnC,CAAC;IAED,MAAMC,kBAAkB,GAAG,CAACC,CAAsC,GAAK;QACrE,MAAMH,WAAW,GAAGI,MAAM,CAACD,CAAC,CAACE,MAAM,CAACb,KAAK,CAAC;QAC1CC,QAAQ,CAACF,OAAO,CAACS,WAAW,CAAC,CAACR,KAAK,EAAEQ,WAAW,CAAC;IACnD,CAAC;IAED,MAAMM,MAAM,GAAGf,OAAO,CAACgB,GAAG,CAAC,QAAYC,KAAK,GAAK;YAArB,EAAEP,KAAK,CAAA,EAAE;eAAa;YAAET,KAAK,EAAEgB,KAAK;YAAEP,KAAK;SAAE;IAAA,CAAC,CAAC;IAC3E,qBACE,qBAACQ,YAAW,YAAA;QACVC,GAAG,EAAE,CAAC;QACNb,GAAG,EAAEA,GAAG;QACRL,KAAK,EAAEE,WAAW;QAClBD,QAAQ,EAAES,kBAAkB;QAC5BH,QAAQ,EAAEA,QAAQ;QAClBO,MAAM,EAAEA,MAAM;QACdK,UAAU,EAAE,IAAI;QAChBC,YAAY,EAAE,CAACZ,WAAW,GACxBP,QAAQ,CAACF,OAAO,CAACS,WAAW,CAAC,CAACR,KAAK,EAAEQ,WAAW,CAAC;MAEnD,CACH;AACH,CAAC"}
+{"version":3,"sources":["../../../packages/input/OptionsSlider.tsx"],"sourcesContent":["import { SliderInput } from './SliderInput'\nimport { OptionsSliderInputProps } from './types'\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","options","value","onChange","rest","sliderIndex","findIndex","option","max","length","getLabel","optionIndex","label","handleSliderChange","e","Number","target","labels","map","index","SliderInput","min","borderNone","onLabelClick"],"mappings":"AAAA;;;;+BAGaA,eAAa;;aAAbA,aAAa;;;6BAHE,eAAe;AAGpC,MAAMA,aAAa,GAAG,SAKE;QALD,EAC5BC,OAAO,CAAA,EACPC,KAAK,CAAA,EACLC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACiB;IACxB,IAAIC,WAAW,GAAGJ,OAAO,CAACK,SAAS,CAAC,CAACC,MAAM,GAAKA,MAAM,CAACL,KAAK,KAAKA,KAAK,CAAC;IAEvE,IAAIG,WAAW,KAAK,CAAC,CAAC,EAAE;QACtBA,WAAW,GAAG,CAAC;IACjB,CAAC;IAED,MAAMG,GAAG,GAAGP,OAAO,CAACQ,MAAM,GAAG,CAAC;IAE9B,MAAMC,QAAQ,GAAG,CAACC,WAAmB,GAAK;QACxC,OAAOV,OAAO,CAACU,WAAW,CAAC,CAACC,KAAK,CAAA;IACnC,CAAC;IAED,MAAMC,kBAAkB,GAAG,CAACC,CAAsC,GAAK;QACrE,MAAMH,WAAW,GAAGI,MAAM,CAACD,CAAC,CAACE,MAAM,CAACd,KAAK,CAAC;QAC1CC,QAAQ,CAACF,OAAO,CAACU,WAAW,CAAC,CAACT,KAAK,EAAES,WAAW,CAAC;IACnD,CAAC;IAED,MAAMM,MAAM,GAAGhB,OAAO,CAACiB,GAAG,CAAC,QAAYC,KAAK,GAAK;YAArB,EAAEP,KAAK,CAAA,EAAE;eAAa;YAAEV,KAAK,EAAEiB,KAAK;YAAEP,KAAK;SAAE;IAAA,CAAC,CAAC;IAC3E,qBACE,qBAACQ,YAAW,YAAA;QACVC,GAAG,EAAE,CAAC;QACNb,GAAG,EAAEA,GAAG;QACRN,KAAK,EAAEG,WAAW;QAClBF,QAAQ,EAAEU,kBAAkB;QAC5BH,QAAQ,EAAEA,QAAQ;QAClBO,MAAM,EAAEA,MAAM;QACdK,UAAU,EAAE,IAAI;QAChBC,YAAY,EAAE,CAACZ,WAAW,GACxBR,QAAQ,CAACF,OAAO,CAACU,WAAW,CAAC,CAACT,KAAK,EAAES,WAAW,CAAC;QAElD,GAAGP,IAAI;MACR,CACH;AACH,CAAC"}

package/dist/cjs/input/SliderInput.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "SliderInput", {
 const _jsxRuntime = require("react/jsx-runtime");
 const _sliderInputStyles = require("./SliderInputStyles");
 const SliderInput = (param)=>{
-    let { value , onChange , onLabelClick , min =0 , max =100 , step =1 , minLabel , maxLabel , getLabel =(val)=>String(val) , borderNone , labels  } = param;
+    let { value , onChange , onLabelClick , min =0 , max =100 , step =1 , minLabel , maxLabel , getLabel =(val)=>String(val) , borderNone , labels , ...rest } = param;
     const fillPercentage = (value - min) / (max - min) * 100;
     const LabelComponent = onLabelClick ? _sliderInputStyles.LabelButton : _sliderInputStyles.Label;
     const createClickHandler = (value)=>{
@@ -30,11 +30,13 @@ const SliderInput = (param)=>{
                 ]
             }),
             /*#__PURE__*/ (0, _jsxRuntime.jsx)(_sliderInputStyles.RangeInputSlider, {
+                type: "range",
                 value: value,
                 step: step,
                 onChange: onChange,
                 min: min,
-                max: max
+                max: max,
+                ...rest
             }),
             /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_sliderInputStyles.LabelContainer, {
                 children: [

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/input/SliderInput.tsx"],"sourcesContent":["import {\n  Label,\n  LabelButton,\n  LabelContainer,\n  RangeInputSlider,\n  Slider,\n  SliderWrapper,\n  Track,\n} from './SliderInputStyles'\nimport { SliderInputProps } from './types'\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}: 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        value={value}\n        step={step}\n        onChange={onChange}\n        min={min}\n        max={max}\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","value","onChange","onLabelClick","min","max","step","minLabel","maxLabel","getLabel","val","String","borderNone","labels","fillPercentage","LabelComponent","LabelButton","Label","createClickHandler","SliderWrapper","Slider","Track","RangeInputSlider","LabelContainer","onClick","map","label"],"mappings":"AAAA;;;;+BAWaA,aAAW;;aAAXA,WAAW;;;mCAHjB,qBAAqB;AAGrB,MAAMA,WAAW,GAAG,SAYH;QAZI,EAC1BC,KAAK,CAAA,EACLC,QAAQ,CAAA,EACRC,YAAY,CAAA,EACZC,GAAG,EAAG,CAAC,CAAA,EACPC,GAAG,EAAG,GAAG,CAAA,EACTC,IAAI,EAAG,CAAC,CAAA,EACRC,QAAQ,CAAA,EACRC,QAAQ,CAAA,EACRC,QAAQ,EAAG,CAACC,GAAG,GAAKC,MAAM,CAACD,GAAG,CAAC,CAAA,EAC/BE,UAAU,CAAA,EACVC,MAAM,CAAA,EACW;IACjB,MAAMC,cAAc,GAAG,AAAC,CAACb,KAAK,GAAGG,GAAG,CAAC,GAAG,CAACC,GAAG,GAAGD,GAAG,CAAC,GAAI,GAAG;IAC1D,MAAMW,cAAc,GAAGZ,YAAY,GAAGa,kBAAW,YAAA,GAAGC,kBAAK,MAAA;IACzD,MAAMC,kBAAkB,GAAG,CAACjB,KAAa;QAAK,OAAA;YAAME,OAAAA,YAAY,aAAZA,YAAY,WAAS,GAArBA,KAAAA,CAAqB,GAArBA,YAAY,CAAGF,KAAK,CAAC,CAAA;SAAA,CAAA;KAAA;IAEzE,qBACE,sBAACkB,kBAAa,cAAA;;0BACZ,sBAACC,kBAAM,OAAA;gBAACR,UAAU,EAAEA,UAAU;;oBAC3BH,QAAQ,CAACR,KAAK,CAAC;kCAChB,qBAACoB,kBAAK,MAAA;wBAACP,cAAc,EAAEA,cAAc;wBAAEF,UAAU,EAAEA,UAAU;sBAAI;;cAC1D;0BACT,qBAACU,kBAAgB,iBAAA;gBACfrB,KAAK,EAAEA,KAAK;gBACZK,IAAI,EAAEA,IAAI;gBACVJ,QAAQ,EAAEA,QAAQ;gBAClBE,GAAG,EAAEA,GAAG;gBACRC,GAAG,EAAEA,GAAG;cACR;0BACF,sBAACkB,kBAAc,eAAA;;oBACZhB,QAAQ,kBACP,qBAACQ,cAAc;wBAACS,OAAO,EAAEN,kBAAkB,CAACd,GAAG,CAAC;kCAC7CG,QAAQ;sBACM,AAClB;oBACAM,MAAM,aAANA,MAAM,WAAK,GAAXA,KAAAA,CAAW,GAAXA,MAAM,CAAEY,GAAG,CAAC,uBACX;4BADY,EAAExB,KAAK,CAAA,EAAEyB,KAAK,CAAA,EAAE;+BAC5B,qBAACX,cAAc;4BAACS,OAAO,EAAEN,kBAAkB,CAACjB,KAAK,CAAC;sCAC/CyB,KAAK;2BADiDzB,KAAK,CAE7C;oBAAD,CACjB,CAAC;oBACDO,QAAQ,kBACP,qBAACO,cAAc;wBAACS,OAAO,EAAEN,kBAAkB,CAACb,GAAG,CAAC;kCAC7CG,QAAQ;sBACM,AAClB;;cACc;;MACH,CACjB;AACH,CAAC"}
+{"version":3,"sources":["../../../packages/input/SliderInput.tsx"],"sourcesContent":["import {\n  Label,\n  LabelButton,\n  LabelContainer,\n  RangeInputSlider,\n  Slider,\n  SliderWrapper,\n  Track,\n} from './SliderInputStyles'\nimport { SliderInputProps } from './types'\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","value","onChange","onLabelClick","min","max","step","minLabel","maxLabel","getLabel","val","String","borderNone","labels","rest","fillPercentage","LabelComponent","LabelButton","Label","createClickHandler","SliderWrapper","Slider","Track","RangeInputSlider","type","LabelContainer","onClick","map","label"],"mappings":"AAAA;;;;+BAWaA,aAAW;;aAAXA,WAAW;;;mCAHjB,qBAAqB;AAGrB,MAAMA,WAAW,GAAG,SAaH;QAbI,EAC1BC,KAAK,CAAA,EACLC,QAAQ,CAAA,EACRC,YAAY,CAAA,EACZC,GAAG,EAAG,CAAC,CAAA,EACPC,GAAG,EAAG,GAAG,CAAA,EACTC,IAAI,EAAG,CAAC,CAAA,EACRC,QAAQ,CAAA,EACRC,QAAQ,CAAA,EACRC,QAAQ,EAAG,CAACC,GAAG,GAAKC,MAAM,CAACD,GAAG,CAAC,CAAA,EAC/BE,UAAU,CAAA,EACVC,MAAM,CAAA,EACN,GAAGC,IAAI,EACU;IACjB,MAAMC,cAAc,GAAG,AAAC,CAACd,KAAK,GAAGG,GAAG,CAAC,GAAG,CAACC,GAAG,GAAGD,GAAG,CAAC,GAAI,GAAG;IAC1D,MAAMY,cAAc,GAAGb,YAAY,GAAGc,kBAAW,YAAA,GAAGC,kBAAK,MAAA;IACzD,MAAMC,kBAAkB,GAAG,CAAClB,KAAa;QAAK,OAAA;YAAME,OAAAA,YAAY,aAAZA,YAAY,WAAS,GAArBA,KAAAA,CAAqB,GAArBA,YAAY,CAAGF,KAAK,CAAC,CAAA;SAAA,CAAA;KAAA;IAEzE,qBACE,sBAACmB,kBAAa,cAAA;;0BACZ,sBAACC,kBAAM,OAAA;gBAACT,UAAU,EAAEA,UAAU;;oBAC3BH,QAAQ,CAACR,KAAK,CAAC;kCAChB,qBAACqB,kBAAK,MAAA;wBAACP,cAAc,EAAEA,cAAc;wBAAEH,UAAU,EAAEA,UAAU;sBAAI;;cAC1D;0BACT,qBAACW,kBAAgB,iBAAA;gBACfC,IAAI,EAAC,OAAO;gBACZvB,KAAK,EAAEA,KAAK;gBACZK,IAAI,EAAEA,IAAI;gBACVJ,QAAQ,EAAEA,QAAQ;gBAClBE,GAAG,EAAEA,GAAG;gBACRC,GAAG,EAAEA,GAAG;gBACP,GAAGS,IAAI;cACR;0BACF,sBAACW,kBAAc,eAAA;;oBACZlB,QAAQ,kBACP,qBAACS,cAAc;wBAACU,OAAO,EAAEP,kBAAkB,CAACf,GAAG,CAAC;kCAC7CG,QAAQ;sBACM,AAClB;oBACAM,MAAM,aAANA,MAAM,WAAK,GAAXA,KAAAA,CAAW,GAAXA,MAAM,CAAEc,GAAG,CAAC,uBACX;4BADY,EAAE1B,KAAK,CAAA,EAAE2B,KAAK,CAAA,EAAE;+BAC5B,qBAACZ,cAAc;4BAACU,OAAO,EAAEP,kBAAkB,CAAClB,KAAK,CAAC;sCAC/C2B,KAAK;2BADiD3B,KAAK,CAE7C;oBAAD,CACjB,CAAC;oBACDO,QAAQ,kBACP,qBAACQ,cAAc;wBAACU,OAAO,EAAEP,kBAAkB,CAACd,GAAG,CAAC;kCAC7CG,QAAQ;sBACM,AAClB;;cACc;;MACH,CACjB;AACH,CAAC"}

package/dist/cjs/input/SliderInputStyles.js

@@ -19,9 +19,7 @@ _export(exports, {
 });
 const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
 const _styledComponents = /*#__PURE__*/ _interopRequireDefault(require("styled-components"));
-const RangeInputSlider = _styledComponents.default.input.attrs({
-    type: 'range'
-})`
+const RangeInputSlider = _styledComponents.default.input`
   width: 100%;
   background-color: transparent;
   -webkit-appearance: none;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/input/SliderInputStyles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const RangeInputSlider = styled.input.attrs({ type: 'range' })`\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","Track","Slider","SliderWrapper","LabelContainer","Label","LabelButton","styled","input","attrs","type","div","props","borderNone","fillPercentage","span","button"],"mappings":"AAAA;;;;;;;;;;;IAEaA,gBAAgB,MAAhBA,gBAAgB;IAgEhBC,KAAK,MAALA,KAAK;IA6BLC,MAAM,MAANA,MAAM;IAyBNC,aAAa,MAAbA,aAAa;IAIbC,cAAc,MAAdA,cAAc;IAMdC,KAAK,MAALA,KAAK;IASLC,WAAW,MAAXA,WAAW;;;uEA3IL,mBAAmB;AAE/B,MAAMN,gBAAgB,GAAGO,iBAAM,QAAA,CAACC,KAAK,CAACC,KAAK,CAAC;IAAEC,IAAI,EAAE,OAAO;CAAE,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DtE,CAAC;AAEM,MAAMT,KAAK,GAAGM,iBAAM,QAAA,CAACI,GAAG,AAG7B,CAAC;;;;;;;;EAQD,EAAE,CAACC,KAAK,GACNA,KAAK,CAACC,UAAU,IAChB,CAAC;;IAED,CAAC,CAAC;;;;;;;;;;WAUK,EAAE,CAACD,KAAK,GAAKA,KAAK,CAACE,cAAc,IAAI,CAAC,CAAC;;AAElD,CAAC;AAEM,MAAMZ,MAAM,GAAGK,iBAAM,QAAA,CAACI,GAAG,AAE9B,CAAC;;;;;;;;;;;EAWD,EAAE,CAACC,KAAK,GACNA,KAAK,CAACC,UAAU,IAChB,CAAC;;;;IAID,CAAC,CAAC;;;;AAIN,CAAC;AAEM,MAAMV,aAAa,GAAGI,iBAAM,QAAA,CAACI,GAAG,CAAC;;AAExC,CAAC;AAEM,MAAMP,cAAc,GAAGG,iBAAM,QAAA,CAACI,GAAG,CAAC;;;;AAIzC,CAAC;AAEM,MAAMN,KAAK,GAAGE,iBAAM,QAAA,CAACQ,IAAI,CAAC;;;;;;;AAOjC,CAAC;AAEM,MAAMT,WAAW,GAAGC,iBAAM,QAAA,CAACS,MAAM,CAAC;;;;;;;;;;AAUzC,CAAC"}
+{"version":3,"sources":["../../../packages/input/SliderInputStyles.ts"],"sourcesContent":["import styled from 'styled-components'\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","Track","Slider","SliderWrapper","LabelContainer","Label","LabelButton","styled","input","div","props","borderNone","fillPercentage","span","button"],"mappings":"AAAA;;;;;;;;;;;IAEaA,gBAAgB,MAAhBA,gBAAgB;IAgEhBC,KAAK,MAALA,KAAK;IA6BLC,MAAM,MAANA,MAAM;IAyBNC,aAAa,MAAbA,aAAa;IAIbC,cAAc,MAAdA,cAAc;IAMdC,KAAK,MAALA,KAAK;IASLC,WAAW,MAAXA,WAAW;;;uEA3IL,mBAAmB;AAE/B,MAAMN,gBAAgB,GAAGO,iBAAM,QAAA,CAACC,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8D7C,CAAC;AAEM,MAAMP,KAAK,GAAGM,iBAAM,QAAA,CAACE,GAAG,AAG7B,CAAC;;;;;;;;EAQD,EAAE,CAACC,KAAK,GACNA,KAAK,CAACC,UAAU,IAChB,CAAC;;IAED,CAAC,CAAC;;;;;;;;;;WAUK,EAAE,CAACD,KAAK,GAAKA,KAAK,CAACE,cAAc,IAAI,CAAC,CAAC;;AAElD,CAAC;AAEM,MAAMV,MAAM,GAAGK,iBAAM,QAAA,CAACE,GAAG,AAE9B,CAAC;;;;;;;;;;;EAWD,EAAE,CAACC,KAAK,GACNA,KAAK,CAACC,UAAU,IAChB,CAAC;;;;IAID,CAAC,CAAC;;;;AAIN,CAAC;AAEM,MAAMR,aAAa,GAAGI,iBAAM,QAAA,CAACE,GAAG,CAAC;;AAExC,CAAC;AAEM,MAAML,cAAc,GAAGG,iBAAM,QAAA,CAACE,GAAG,CAAC;;;;AAIzC,CAAC;AAEM,MAAMJ,KAAK,GAAGE,iBAAM,QAAA,CAACM,IAAI,CAAC;;;;;;;AAOjC,CAAC;AAEM,MAAMP,WAAW,GAAGC,iBAAM,QAAA,CAACO,MAAM,CAAC;;;;;;;;;;AAUzC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/input/types.ts"],"sourcesContent":["import { LidoComponentProps } from '../utils'\nimport { ChangeEventHandler, ReactNode, RefObject } from 'react'\nexport type { Theme } from '../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?: 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  }\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 = LidoComponentProps<\n  'input',\n  OptionsSliderProps\n>\n"],"names":["InputMessageVariant","error","warning","success","InputType","text","password","number","email","search","tel","url","InputVariant","small","default","InputColor","accent"],"mappings":"AAAA;;;;;;;;;;;;;;;;IAIO,mBAIN;UAJWA,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;IAOxB,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;IAWd,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;IAMjB,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"}
+{"version":3,"sources":["../../../packages/input/types.ts"],"sourcesContent":["import { LidoComponentProps } from '../utils'\nimport { ChangeEventHandler, ReactNode, RefObject } from 'react'\nexport type { Theme } from '../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?: 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  }\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","error","warning","success","InputType","text","password","number","email","search","tel","url","InputVariant","small","default","InputColor","accent"],"mappings":"AAAA;;;;;;;;;;;;;;;;IAIO,mBAIN;UAJWA,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;IAOxB,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;IAWd,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;IAMjB,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/cjs/main-menu/MainMenu.js

@@ -10,10 +10,10 @@ const _jsxRuntime = require("react/jsx-runtime");
 const _react = require("react");
 const _mainMenuStyles = require("./MainMenuStyles");
 const MainMenu = /*#__PURE__*/ (0, _react.forwardRef)((param, ref)=>{
-    let { children , ...restProps } = param;
+    let { children , ...rest } = param;
     return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_mainMenuStyles.Nav, {
         ref: ref,
-        ...restProps,
+        ...rest,
         children: children
     });
 });

package/dist/cjs/main-menu/MainMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/main-menu/MainMenu.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { MainMenuProps } from './types'\nimport { Nav } from './MainMenuStyles'\n\nexport const MainMenu = forwardRef(\n  (\n    { children, ...restProps }: MainMenuProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return (\n      <Nav ref={ref} {...restProps}>\n        {children}\n      </Nav>\n    )\n  },\n)\nMainMenu.displayName = 'MainMenu'\n"],"names":["MainMenu","forwardRef","ref","children","restProps","Nav","displayName"],"mappings":"AAAA;;;;+BAIaA,UAAQ;;aAARA,QAAQ;;;uBAJoB,OAAO;gCAE5B,kBAAkB;AAE/B,MAAMA,QAAQ,iBAAGC,IAAAA,MAAU,WAAA,EAChC,QAEEC,GAAkC,GAC/B;QAFH,EAAEC,QAAQ,CAAA,EAAE,GAAGC,SAAS,EAAiB;IAGzC,qBACE,qBAACC,eAAG,IAAA;QAACH,GAAG,EAAEA,GAAG;QAAG,GAAGE,SAAS;kBACzBD,QAAQ;MACL,CACP;AACH,CAAC,CACF;AACDH,QAAQ,CAACM,WAAW,GAAG,UAAU"}
+{"version":3,"sources":["../../../packages/main-menu/MainMenu.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { MainMenuProps } from './types'\nimport { Nav } from './MainMenuStyles'\n\nexport const MainMenu = forwardRef(\n  (\n    { children, ...rest }: MainMenuProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return (\n      <Nav ref={ref} {...rest}>\n        {children}\n      </Nav>\n    )\n  },\n)\nMainMenu.displayName = 'MainMenu'\n"],"names":["MainMenu","forwardRef","ref","children","rest","Nav","displayName"],"mappings":"AAAA;;;;+BAIaA,UAAQ;;aAARA,QAAQ;;;uBAJoB,OAAO;gCAE5B,kBAAkB;AAE/B,MAAMA,QAAQ,iBAAGC,IAAAA,MAAU,WAAA,EAChC,QAEEC,GAAkC,GAC/B;QAFH,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAiB;IAGpC,qBACE,qBAACC,eAAG,IAAA;QAACH,GAAG,EAAEA,GAAG;QAAG,GAAGE,IAAI;kBACpBD,QAAQ;MACL,CACP;AACH,CAAC,CACF;AACDH,QAAQ,CAACM,WAAW,GAAG,UAAU"}

package/dist/cjs/pagination/Pagination.js

@@ -28,7 +28,7 @@ const PaginationBlock = (0, _styledComponents.default)(_box.Box)`
   gap: 8px;
 `;
 const Pagination = (param)=>{
-    let { onItemClick , pagesCount , activePage =1 , siblingCount ,  } = param;
+    let { onItemClick , pagesCount , activePage =1 , siblingCount , ...rest } = param;
     const [currentPage, setCurrPage] = (0, _react.useState)(getActiveItem(pagesCount, activePage));
     const showingPages = (0, _react.useMemo)(()=>(0, _getShowingPages.default)(pagesCount, currentPage, siblingCount), [
         pagesCount,
@@ -62,6 +62,7 @@ const Pagination = (param)=>{
         setCurrPage(currentPage + 1);
     };
     return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(PaginationBlock, {
+        ...rest,
         children: [
             /*#__PURE__*/ (0, _jsxRuntime.jsx)(_paginationItem.PaginationItem, {
                 disabled: currentPage === 1,

package/dist/cjs/pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/pagination/Pagination.tsx"],"sourcesContent":["import { useMemo, useState, useEffect, FC, MouseEvent } from 'react'\nimport styled from 'styled-components'\nimport { ArrowLeft, ArrowRight } from '../icons'\nimport { Box } from '../box'\nimport {\n  PaginationProps,\n  PaginationItemProps,\n  PaginationItemVariant,\n} from './types'\nimport getShowingPages from './getShowingPages'\nimport { PaginationItem } from './PaginationItem'\n\nconst getActiveItem = (length: number, activeItem: number): number => {\n  const isActiveNotInRange: boolean = activeItem >= length || activeItem < 0\n\n  if (!activeItem || isActiveNotInRange) {\n    return 1 // default active item will be the first one\n  }\n\n  return activeItem\n}\n\nconst PaginationBlock = styled(Box)`\n  display: flex;\n  gap: 8px;\n`\n\nexport const Pagination: FC<PaginationProps> = ({\n  onItemClick,\n  pagesCount,\n  activePage = 1,\n  siblingCount,\n}) => {\n  const [currentPage, setCurrPage] = useState(\n    getActiveItem(pagesCount, activePage),\n  )\n\n  const showingPages = useMemo<(string | number)[]>(\n    () => getShowingPages(pagesCount, currentPage, siblingCount),\n    [pagesCount, currentPage, siblingCount],\n  )\n\n  useEffect(() => {\n    setCurrPage((page) => (page !== activePage ? activePage : page))\n  }, [activePage])\n\n  if (pagesCount <= 0) {\n    return null\n  }\n\n  const onPageItemClick = (page: number, e: MouseEvent) => {\n    onItemClick(page, e)\n    setCurrPage(page)\n  }\n\n  const onPreviousClick = () => {\n    if (currentPage === 1) {\n      return // disabled\n    }\n\n    onItemClick(currentPage - 1)\n    setCurrPage(currentPage - 1)\n  }\n\n  const onNextClick = () => {\n    if (currentPage === pagesCount) {\n      return // disabled\n    }\n\n    onItemClick(currentPage + 1)\n    setCurrPage(currentPage + 1)\n  }\n\n  return (\n    <PaginationBlock>\n      <PaginationItem\n        disabled={currentPage === 1}\n        icon={<ArrowLeft />}\n        onClick={onPreviousClick}\n      />\n\n      {showingPages.map((page, index) => {\n        const isDisabled = page === '...'\n        const variant: PaginationItemProps['variant'] =\n          page === currentPage\n            ? PaginationItemVariant.active\n            : PaginationItemVariant.default\n\n        return (\n          <PaginationItem\n            key={page === '...' ? `${page}${index}` : page}\n            icon={page}\n            variant={variant}\n            disabled={isDisabled}\n            onClick={onPageItemClick.bind(null, page)}\n          />\n        )\n      })}\n\n      <PaginationItem\n        disabled={currentPage === pagesCount}\n        icon={<ArrowRight />}\n        onClick={onNextClick}\n      />\n    </PaginationBlock>\n  )\n}\n"],"names":["Pagination","getActiveItem","length","activeItem","isActiveNotInRange","PaginationBlock","styled","Box","onItemClick","pagesCount","activePage","siblingCount","currentPage","setCurrPage","useState","showingPages","useMemo","getShowingPages","useEffect","page","onPageItemClick","e","onPreviousClick","onNextClick","PaginationItem","disabled","icon","ArrowLeft","onClick","map","index","isDisabled","variant","PaginationItemVariant","active","default","bind","ArrowRight"],"mappings":"AAAA;;;;+BA2BaA,YAAU;;aAAVA,UAAU;;;;uBA3BsC,OAAO;uEACjD,mBAAmB;uBACA,UAAU;qBAC5B,QAAQ;uBAKrB,SAAS;sEACY,mBAAmB;gCAChB,kBAAkB;AAEjD,MAAMC,aAAa,GAAG,CAACC,MAAc,EAAEC,UAAkB,GAAa;IACpE,MAAMC,kBAAkB,GAAYD,UAAU,IAAID,MAAM,IAAIC,UAAU,GAAG,CAAC;IAE1E,IAAI,CAACA,UAAU,IAAIC,kBAAkB,EAAE;QACrC,OAAO,CAAC,CAAC,4CAA4C;SAA7C;IACV,CAAC;IAED,OAAOD,UAAU,CAAA;AACnB,CAAC;AAED,MAAME,eAAe,GAAGC,IAAAA,iBAAM,QAAA,EAACC,IAAG,IAAA,CAAC,CAAC;;;AAGpC,CAAC;AAEM,MAAMP,UAAU,GAAwB,SAKzC;QAL0C,EAC9CQ,WAAW,CAAA,EACXC,UAAU,CAAA,EACVC,UAAU,EAAG,CAAC,CAAA,EACdC,YAAY,CAAA,IACb;IACC,MAAM,CAACC,WAAW,EAAEC,WAAW,CAAC,GAAGC,IAAAA,MAAQ,SAAA,EACzCb,aAAa,CAACQ,UAAU,EAAEC,UAAU,CAAC,CACtC;IAED,MAAMK,YAAY,GAAGC,IAAAA,MAAO,QAAA,EAC1B,IAAMC,IAAAA,gBAAe,QAAA,EAACR,UAAU,EAAEG,WAAW,EAAED,YAAY,CAAC,EAC5D;QAACF,UAAU;QAAEG,WAAW;QAAED,YAAY;KAAC,CACxC;IAEDO,IAAAA,MAAS,UAAA,EAAC,IAAM;QACdL,WAAW,CAAC,CAACM,IAAI,GAAMA,IAAI,KAAKT,UAAU,GAAGA,UAAU,GAAGS,IAAI,AAAC,CAAC;IAClE,CAAC,EAAE;QAACT,UAAU;KAAC,CAAC;IAEhB,IAAID,UAAU,IAAI,CAAC,EAAE;QACnB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAMW,eAAe,GAAG,CAACD,IAAY,EAAEE,CAAa,GAAK;QACvDb,WAAW,CAACW,IAAI,EAAEE,CAAC,CAAC;QACpBR,WAAW,CAACM,IAAI,CAAC;IACnB,CAAC;IAED,MAAMG,eAAe,GAAG,IAAM;QAC5B,IAAIV,WAAW,KAAK,CAAC,EAAE;YACrB,OAAM,CAAC,WAAW;QACpB,CAAC;QAEDJ,WAAW,CAACI,WAAW,GAAG,CAAC,CAAC;QAC5BC,WAAW,CAACD,WAAW,GAAG,CAAC,CAAC;IAC9B,CAAC;IAED,MAAMW,WAAW,GAAG,IAAM;QACxB,IAAIX,WAAW,KAAKH,UAAU,EAAE;YAC9B,OAAM,CAAC,WAAW;QACpB,CAAC;QAEDD,WAAW,CAACI,WAAW,GAAG,CAAC,CAAC;QAC5BC,WAAW,CAACD,WAAW,GAAG,CAAC,CAAC;IAC9B,CAAC;IAED,qBACE,sBAACP,eAAe;;0BACd,qBAACmB,eAAc,eAAA;gBACbC,QAAQ,EAAEb,WAAW,KAAK,CAAC;gBAC3Bc,IAAI,gBAAE,qBAACC,MAAS,UAAA,KAAG;gBACnBC,OAAO,EAAEN,eAAe;cACxB;YAEDP,YAAY,CAACc,GAAG,CAAC,CAACV,IAAI,EAAEW,KAAK,GAAK;gBACjC,MAAMC,UAAU,GAAGZ,IAAI,KAAK,KAAK;gBACjC,MAAMa,OAAO,GACXb,IAAI,KAAKP,WAAW,GAChBqB,MAAqB,sBAAA,CAACC,MAAM,GAC5BD,MAAqB,sBAAA,CAACE,OAAO;gBAEnC,qBACE,qBAACX,eAAc,eAAA;oBAEbE,IAAI,EAAEP,IAAI;oBACVa,OAAO,EAAEA,OAAO;oBAChBP,QAAQ,EAAEM,UAAU;oBACpBH,OAAO,EAAER,eAAe,CAACgB,IAAI,CAAC,IAAI,EAAEjB,IAAI,CAAC;mBAJpCA,IAAI,KAAK,KAAK,GAAG,CAAC,EAAEA,IAAI,CAAC,EAAEW,KAAK,CAAC,CAAC,GAAGX,IAAI,CAK9C,CACH;YACH,CAAC,CAAC;0BAEF,qBAACK,eAAc,eAAA;gBACbC,QAAQ,EAAEb,WAAW,KAAKH,UAAU;gBACpCiB,IAAI,gBAAE,qBAACW,MAAU,WAAA,KAAG;gBACpBT,OAAO,EAAEL,WAAW;cACpB;;MACc,CACnB;AACH,CAAC"}
+{"version":3,"sources":["../../../packages/pagination/Pagination.tsx"],"sourcesContent":["import { useMemo, useState, useEffect, FC, MouseEvent } from 'react'\nimport styled from 'styled-components'\nimport { ArrowLeft, ArrowRight } from '../icons'\nimport { Box } from '../box'\nimport {\n  PaginationProps,\n  PaginationItemProps,\n  PaginationItemVariant,\n} from './types'\nimport getShowingPages from './getShowingPages'\nimport { PaginationItem } from './PaginationItem'\n\nconst getActiveItem = (length: number, activeItem: number): number => {\n  const isActiveNotInRange: boolean = activeItem >= length || activeItem < 0\n\n  if (!activeItem || isActiveNotInRange) {\n    return 1 // default active item will be the first one\n  }\n\n  return activeItem\n}\n\nconst PaginationBlock = styled(Box)`\n  display: flex;\n  gap: 8px;\n`\n\nexport const Pagination: FC<PaginationProps> = ({\n  onItemClick,\n  pagesCount,\n  activePage = 1,\n  siblingCount,\n  ...rest\n}) => {\n  const [currentPage, setCurrPage] = useState(\n    getActiveItem(pagesCount, activePage),\n  )\n\n  const showingPages = useMemo<(string | number)[]>(\n    () => getShowingPages(pagesCount, currentPage, siblingCount),\n    [pagesCount, currentPage, siblingCount],\n  )\n\n  useEffect(() => {\n    setCurrPage((page) => (page !== activePage ? activePage : page))\n  }, [activePage])\n\n  if (pagesCount <= 0) {\n    return null\n  }\n\n  const onPageItemClick = (page: number, e: MouseEvent) => {\n    onItemClick(page, e)\n    setCurrPage(page)\n  }\n\n  const onPreviousClick = () => {\n    if (currentPage === 1) {\n      return // disabled\n    }\n\n    onItemClick(currentPage - 1)\n    setCurrPage(currentPage - 1)\n  }\n\n  const onNextClick = () => {\n    if (currentPage === pagesCount) {\n      return // disabled\n    }\n\n    onItemClick(currentPage + 1)\n    setCurrPage(currentPage + 1)\n  }\n\n  return (\n    <PaginationBlock {...rest}>\n      <PaginationItem\n        disabled={currentPage === 1}\n        icon={<ArrowLeft />}\n        onClick={onPreviousClick}\n      />\n\n      {showingPages.map((page, index) => {\n        const isDisabled = page === '...'\n        const variant: PaginationItemProps['variant'] =\n          page === currentPage\n            ? PaginationItemVariant.active\n            : PaginationItemVariant.default\n\n        return (\n          <PaginationItem\n            key={page === '...' ? `${page}${index}` : page}\n            icon={page}\n            variant={variant}\n            disabled={isDisabled}\n            onClick={onPageItemClick.bind(null, page)}\n          />\n        )\n      })}\n\n      <PaginationItem\n        disabled={currentPage === pagesCount}\n        icon={<ArrowRight />}\n        onClick={onNextClick}\n      />\n    </PaginationBlock>\n  )\n}\n"],"names":["Pagination","getActiveItem","length","activeItem","isActiveNotInRange","PaginationBlock","styled","Box","onItemClick","pagesCount","activePage","siblingCount","rest","currentPage","setCurrPage","useState","showingPages","useMemo","getShowingPages","useEffect","page","onPageItemClick","e","onPreviousClick","onNextClick","PaginationItem","disabled","icon","ArrowLeft","onClick","map","index","isDisabled","variant","PaginationItemVariant","active","default","bind","ArrowRight"],"mappings":"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"}

package/dist/esm/addressBadge/AddressBadge.js

@@ -3,11 +3,12 @@ import { forwardRef } from 'react';
 import { useBreakpoint } from '../hooks';
 import { AddressBadgeStyle } from './AddressBadgeStyles';
 export const AddressBadge = /*#__PURE__*/ forwardRef((param, ref)=>{
-    let { address , symbolsMobile =3 , symbolsDesktop =6  } = param;
+    let { address , symbolsMobile =3 , symbolsDesktop =6 , ...rest } = param;
     const isMobile = useBreakpoint('md');
     return /*#__PURE__*/ _jsx(AddressBadgeStyle, {
         symbols: isMobile ? symbolsMobile : symbolsDesktop,
         address: address !== null && address !== void 0 ? address : '',
+        ...rest,
         ref: ref
     });
 });

package/dist/esm/addressBadge/AddressBadge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/addressBadge/AddressBadge.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { useBreakpoint } from '../hooks'\nimport { AddressBadgeStyle } from './AddressBadgeStyles'\nimport { AddressBadgeProps } from './types'\n\nexport const AddressBadge = forwardRef(\n  (\n    { address, symbolsMobile = 3, symbolsDesktop = 6 }: AddressBadgeProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const isMobile = useBreakpoint('md')\n\n    return (\n      <AddressBadgeStyle\n        symbols={isMobile ? symbolsMobile : symbolsDesktop}\n        address={address ?? ''}\n        ref={ref}\n      />\n    )\n  },\n)\nAddressBadge.displayName = 'AddressBadge'\n"],"names":["forwardRef","useBreakpoint","AddressBadgeStyle","AddressBadge","ref","address","symbolsMobile","symbolsDesktop","isMobile","symbols","displayName"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAChD,SAASC,aAAa,QAAQ,UAAU,CAAA;AACxC,SAASC,iBAAiB,QAAQ,sBAAsB,CAAA;AAGxD,OAAO,MAAMC,YAAY,iBAAGH,UAAU,CACpC,QAEEI,GAAkC,GAC/B;QAFH,EAAEC,OAAO,CAAA,EAAEC,aAAa,EAAG,CAAC,CAAA,EAAEC,cAAc,EAAG,CAAC,CAAA,EAAqB;IAGrE,MAAMC,QAAQ,GAAGP,aAAa,CAAC,IAAI,CAAC;IAEpC,qBACE,KAACC,iBAAiB;QAChBO,OAAO,EAAED,QAAQ,GAAGF,aAAa,GAAGC,cAAc;QAClDF,OAAO,EAAEA,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,EAAE;QACtBD,GAAG,EAAEA,GAAG;MACR,CACH;AACH,CAAC,CACF,CAAA;AACDD,YAAY,CAACO,WAAW,GAAG,cAAc"}
+{"version":3,"sources":["../../../packages/addressBadge/AddressBadge.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { useBreakpoint } from '../hooks'\nimport { AddressBadgeStyle } from './AddressBadgeStyles'\nimport { AddressBadgeProps } from './types'\n\nexport const AddressBadge = forwardRef(\n  (\n    {\n      address,\n      symbolsMobile = 3,\n      symbolsDesktop = 6,\n      ...rest\n    }: AddressBadgeProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const isMobile = useBreakpoint('md')\n\n    return (\n      <AddressBadgeStyle\n        symbols={isMobile ? symbolsMobile : symbolsDesktop}\n        address={address ?? ''}\n        {...rest}\n        ref={ref}\n      />\n    )\n  },\n)\nAddressBadge.displayName = 'AddressBadge'\n"],"names":["forwardRef","useBreakpoint","AddressBadgeStyle","AddressBadge","ref","address","symbolsMobile","symbolsDesktop","rest","isMobile","symbols","displayName"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAChD,SAASC,aAAa,QAAQ,UAAU,CAAA;AACxC,SAASC,iBAAiB,QAAQ,sBAAsB,CAAA;AAGxD,OAAO,MAAMC,YAAY,iBAAGH,UAAU,CACpC,QAOEI,GAAkC,GAC/B;QAPH,EACEC,OAAO,CAAA,EACPC,aAAa,EAAG,CAAC,CAAA,EACjBC,cAAc,EAAG,CAAC,CAAA,EAClB,GAAGC,IAAI,EACW;IAGpB,MAAMC,QAAQ,GAAGR,aAAa,CAAC,IAAI,CAAC;IAEpC,qBACE,KAACC,iBAAiB;QAChBQ,OAAO,EAAED,QAAQ,GAAGH,aAAa,GAAGC,cAAc;QAClDF,OAAO,EAAEA,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,EAAE;QACrB,GAAGG,IAAI;QACRJ,GAAG,EAAEA,GAAG;MACR,CACH;AACH,CAAC,CACF,CAAA;AACDD,YAAY,CAACQ,WAAW,GAAG,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/addressBadge/types.ts"],"sourcesContent":["import { LidoComponentProps } from '../utils'\n\nexport type AddressBadgeProps = LidoComponentProps<\n  'div',\n  {\n    address?: string\n    symbolsMobile?: number\n    symbolsDesktop?: number\n  }\n>\n"],"names":[],"mappings":"AAAA,WASC"}
+{"version":3,"sources":["../../../packages/addressBadge/types.ts"],"sourcesContent":["import { IdenticonBadgeProps } from '../identicon'\n\nexport type AddressBadgeProps = Omit<\n  IdenticonBadgeProps,\n  'address' | 'symbol' | 'as' | 'forwardedAs'\n> & {\n  address?: string\n  symbolsMobile?: number\n  symbolsDesktop?: number\n}\n"],"names":[],"mappings":"AAAA,WASC"}

package/dist/esm/content-theme/content-theme.js

@@ -1,13 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { ContentThemeOnlyDark, ContentThemeOnlyLight } from './styles';
-export const ContentTheme = (props)=>{
+export const ContentTheme = (param)=>{
+    let { darkContent , lightContent , ...rest } = param;
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
             /*#__PURE__*/ _jsx(ContentThemeOnlyDark, {
-                children: props.darkContent
+                ...rest,
+                children: darkContent
             }),
             /*#__PURE__*/ _jsx(ContentThemeOnlyLight, {
-                children: props.lightContent
+                ...rest,
+                children: lightContent
             })
         ]
     });

package/dist/esm/content-theme/content-theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/content-theme/content-theme.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { ContentThemeOnlyDark, ContentThemeOnlyLight } from './styles'\nimport { ContentThemeProps } from './types'\n\nexport const ContentTheme: FC<ContentThemeProps> = (\n  props: ContentThemeProps,\n) => {\n  return (\n    <>\n      <ContentThemeOnlyDark>{props.darkContent}</ContentThemeOnlyDark>\n      <ContentThemeOnlyLight>{props.lightContent}</ContentThemeOnlyLight>\n    </>\n  )\n}\n"],"names":["ContentThemeOnlyDark","ContentThemeOnlyLight","ContentTheme","props","darkContent","lightContent"],"mappings":"AAAA;AACA,SAASA,oBAAoB,EAAEC,qBAAqB,QAAQ,UAAU,CAAA;AAGtE,OAAO,MAAMC,YAAY,GAA0B,CACjDC,KAAwB,GACrB;IACH,qBACE;;0BACE,KAACH,oBAAoB;0BAAEG,KAAK,CAACC,WAAW;cAAwB;0BAChE,KAACH,qBAAqB;0BAAEE,KAAK,CAACE,YAAY;cAAyB;;MAClE,CACJ;AACH,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/content-theme/content-theme.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { ContentThemeOnlyDark, ContentThemeOnlyLight } from './styles'\nimport { ContentThemeProps } from './types'\n\nexport const ContentTheme: FC<ContentThemeProps> = ({\n  darkContent,\n  lightContent,\n  ...rest\n}: ContentThemeProps) => {\n  return (\n    <>\n      <ContentThemeOnlyDark {...rest}>{darkContent}</ContentThemeOnlyDark>\n      <ContentThemeOnlyLight {...rest}>{lightContent}</ContentThemeOnlyLight>\n    </>\n  )\n}\n"],"names":["ContentThemeOnlyDark","ContentThemeOnlyLight","ContentTheme","darkContent","lightContent","rest"],"mappings":"AAAA;AACA,SAASA,oBAAoB,EAAEC,qBAAqB,QAAQ,UAAU,CAAA;AAGtE,OAAO,MAAMC,YAAY,GAA0B,SAI1B;QAJ2B,EAClDC,WAAW,CAAA,EACXC,YAAY,CAAA,EACZ,GAAGC,IAAI,EACW;IAClB,qBACE;;0BACE,KAACL,oBAAoB;gBAAE,GAAGK,IAAI;0BAAGF,WAAW;cAAwB;0BACpE,KAACF,qBAAqB;gBAAE,GAAGI,IAAI;0BAAGD,YAAY;cAAyB;;MACtE,CACJ;AACH,CAAC,CAAA"}

package/dist/esm/input/OptionsSlider.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { SliderInput } from './SliderInput';
 export const OptionsSlider = (param)=>{
-    let { options , value , onChange  } = param;
+    let { options , value , onChange , ...rest } = param;
     let sliderIndex = options.findIndex((option)=>option.value === value);
     if (sliderIndex === -1) {
         sliderIndex = 0;
@@ -29,7 +29,8 @@ export const OptionsSlider = (param)=>{
         getLabel: getLabel,
         labels: labels,
         borderNone: true,
-        onLabelClick: (optionIndex)=>onChange(options[optionIndex].value, optionIndex)
+        onLabelClick: (optionIndex)=>onChange(options[optionIndex].value, optionIndex),
+        ...rest
     });
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/input/OptionsSlider.tsx"],"sourcesContent":["import { SliderInput } from './SliderInput'\nimport { OptionsSliderInputProps } from './types'\n\nexport const OptionsSlider = ({\n  options,\n  value,\n  onChange,\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    />\n  )\n}\n"],"names":["SliderInput","OptionsSlider","options","value","onChange","sliderIndex","findIndex","option","max","length","getLabel","optionIndex","label","handleSliderChange","e","Number","target","labels","map","index","min","borderNone","onLabelClick"],"mappings":"AAAA;AAAA,SAASA,WAAW,QAAQ,eAAe,CAAA;AAG3C,OAAO,MAAMC,aAAa,GAAG,SAIE;QAJD,EAC5BC,OAAO,CAAA,EACPC,KAAK,CAAA,EACLC,QAAQ,CAAA,EACgB;IACxB,IAAIC,WAAW,GAAGH,OAAO,CAACI,SAAS,CAAC,CAACC,MAAM,GAAKA,MAAM,CAACJ,KAAK,KAAKA,KAAK,CAAC;IAEvE,IAAIE,WAAW,KAAK,CAAC,CAAC,EAAE;QACtBA,WAAW,GAAG,CAAC;IACjB,CAAC;IAED,MAAMG,GAAG,GAAGN,OAAO,CAACO,MAAM,GAAG,CAAC;IAE9B,MAAMC,QAAQ,GAAG,CAACC,WAAmB,GAAK;QACxC,OAAOT,OAAO,CAACS,WAAW,CAAC,CAACC,KAAK,CAAA;IACnC,CAAC;IAED,MAAMC,kBAAkB,GAAG,CAACC,CAAsC,GAAK;QACrE,MAAMH,WAAW,GAAGI,MAAM,CAACD,CAAC,CAACE,MAAM,CAACb,KAAK,CAAC;QAC1CC,QAAQ,CAACF,OAAO,CAACS,WAAW,CAAC,CAACR,KAAK,EAAEQ,WAAW,CAAC;IACnD,CAAC;IAED,MAAMM,MAAM,GAAGf,OAAO,CAACgB,GAAG,CAAC,QAAYC,KAAK,GAAK;YAArB,EAAEP,KAAK,CAAA,EAAE;eAAa;YAAET,KAAK,EAAEgB,KAAK;YAAEP,KAAK;SAAE;IAAA,CAAC,CAAC;IAC3E,qBACE,KAACZ,WAAW;QACVoB,GAAG,EAAE,CAAC;QACNZ,GAAG,EAAEA,GAAG;QACRL,KAAK,EAAEE,WAAW;QAClBD,QAAQ,EAAES,kBAAkB;QAC5BH,QAAQ,EAAEA,QAAQ;QAClBO,MAAM,EAAEA,MAAM;QACdI,UAAU,EAAE,IAAI;QAChBC,YAAY,EAAE,CAACX,WAAW,GACxBP,QAAQ,CAACF,OAAO,CAACS,WAAW,CAAC,CAACR,KAAK,EAAEQ,WAAW,CAAC;MAEnD,CACH;AACH,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/input/OptionsSlider.tsx"],"sourcesContent":["import { SliderInput } from './SliderInput'\nimport { OptionsSliderInputProps } from './types'\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":["SliderInput","OptionsSlider","options","value","onChange","rest","sliderIndex","findIndex","option","max","length","getLabel","optionIndex","label","handleSliderChange","e","Number","target","labels","map","index","min","borderNone","onLabelClick"],"mappings":"AAAA;AAAA,SAASA,WAAW,QAAQ,eAAe,CAAA;AAG3C,OAAO,MAAMC,aAAa,GAAG,SAKE;QALD,EAC5BC,OAAO,CAAA,EACPC,KAAK,CAAA,EACLC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACiB;IACxB,IAAIC,WAAW,GAAGJ,OAAO,CAACK,SAAS,CAAC,CAACC,MAAM,GAAKA,MAAM,CAACL,KAAK,KAAKA,KAAK,CAAC;IAEvE,IAAIG,WAAW,KAAK,CAAC,CAAC,EAAE;QACtBA,WAAW,GAAG,CAAC;IACjB,CAAC;IAED,MAAMG,GAAG,GAAGP,OAAO,CAACQ,MAAM,GAAG,CAAC;IAE9B,MAAMC,QAAQ,GAAG,CAACC,WAAmB,GAAK;QACxC,OAAOV,OAAO,CAACU,WAAW,CAAC,CAACC,KAAK,CAAA;IACnC,CAAC;IAED,MAAMC,kBAAkB,GAAG,CAACC,CAAsC,GAAK;QACrE,MAAMH,WAAW,GAAGI,MAAM,CAACD,CAAC,CAACE,MAAM,CAACd,KAAK,CAAC;QAC1CC,QAAQ,CAACF,OAAO,CAACU,WAAW,CAAC,CAACT,KAAK,EAAES,WAAW,CAAC;IACnD,CAAC;IAED,MAAMM,MAAM,GAAGhB,OAAO,CAACiB,GAAG,CAAC,QAAYC,KAAK,GAAK;YAArB,EAAEP,KAAK,CAAA,EAAE;eAAa;YAAEV,KAAK,EAAEiB,KAAK;YAAEP,KAAK;SAAE;IAAA,CAAC,CAAC;IAC3E,qBACE,KAACb,WAAW;QACVqB,GAAG,EAAE,CAAC;QACNZ,GAAG,EAAEA,GAAG;QACRN,KAAK,EAAEG,WAAW;QAClBF,QAAQ,EAAEU,kBAAkB;QAC5BH,QAAQ,EAAEA,QAAQ;QAClBO,MAAM,EAAEA,MAAM;QACdI,UAAU,EAAE,IAAI;QAChBC,YAAY,EAAE,CAACX,WAAW,GACxBR,QAAQ,CAACF,OAAO,CAACU,WAAW,CAAC,CAACT,KAAK,EAAES,WAAW,CAAC;QAElD,GAAGP,IAAI;MACR,CACH;AACH,CAAC,CAAA"}

package/dist/esm/input/SliderInput.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Label, LabelButton, LabelContainer, RangeInputSlider, Slider, SliderWrapper, Track } from './SliderInputStyles';
 export const SliderInput = (param)=>{
-    let { value , onChange , onLabelClick , min =0 , max =100 , step =1 , minLabel , maxLabel , getLabel =(val)=>String(val) , borderNone , labels  } = param;
+    let { value , onChange , onLabelClick , min =0 , max =100 , step =1 , minLabel , maxLabel , getLabel =(val)=>String(val) , borderNone , labels , ...rest } = param;
     const fillPercentage = (value - min) / (max - min) * 100;
     const LabelComponent = onLabelClick ? LabelButton : Label;
     const createClickHandler = (value)=>{
@@ -22,11 +22,13 @@ export const SliderInput = (param)=>{
                 ]
             }),
             /*#__PURE__*/ _jsx(RangeInputSlider, {
+                type: "range",
                 value: value,
                 step: step,
                 onChange: onChange,
                 min: min,
-                max: max
+                max: max,
+                ...rest
             }),
             /*#__PURE__*/ _jsxs(LabelContainer, {
                 children: [

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/input/SliderInput.tsx"],"sourcesContent":["import {\n  Label,\n  LabelButton,\n  LabelContainer,\n  RangeInputSlider,\n  Slider,\n  SliderWrapper,\n  Track,\n} from './SliderInputStyles'\nimport { SliderInputProps } from './types'\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}: 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        value={value}\n        step={step}\n        onChange={onChange}\n        min={min}\n        max={max}\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":["Label","LabelButton","LabelContainer","RangeInputSlider","Slider","SliderWrapper","Track","SliderInput","value","onChange","onLabelClick","min","max","step","minLabel","maxLabel","getLabel","val","String","borderNone","labels","fillPercentage","LabelComponent","createClickHandler","onClick","map","label"],"mappings":"AAAA;AAAA,SACEA,KAAK,EACLC,WAAW,EACXC,cAAc,EACdC,gBAAgB,EAChBC,MAAM,EACNC,aAAa,EACbC,KAAK,QACA,qBAAqB,CAAA;AAG5B,OAAO,MAAMC,WAAW,GAAG,SAYH;QAZI,EAC1BC,KAAK,CAAA,EACLC,QAAQ,CAAA,EACRC,YAAY,CAAA,EACZC,GAAG,EAAG,CAAC,CAAA,EACPC,GAAG,EAAG,GAAG,CAAA,EACTC,IAAI,EAAG,CAAC,CAAA,EACRC,QAAQ,CAAA,EACRC,QAAQ,CAAA,EACRC,QAAQ,EAAG,CAACC,GAAG,GAAKC,MAAM,CAACD,GAAG,CAAC,CAAA,EAC/BE,UAAU,CAAA,EACVC,MAAM,CAAA,EACW;IACjB,MAAMC,cAAc,GAAG,AAAC,CAACb,KAAK,GAAGG,GAAG,CAAC,GAAG,CAACC,GAAG,GAAGD,GAAG,CAAC,GAAI,GAAG;IAC1D,MAAMW,cAAc,GAAGZ,YAAY,GAAGT,WAAW,GAAGD,KAAK;IACzD,MAAMuB,kBAAkB,GAAG,CAACf,KAAa;QAAK,OAAA;YAAME,OAAAA,YAAY,aAAZA,YAAY,WAAS,GAArBA,KAAAA,CAAqB,GAArBA,YAAY,CAAGF,KAAK,CAAC,CAAA;SAAA,CAAA;KAAA;IAEzE,qBACE,MAACH,aAAa;;0BACZ,MAACD,MAAM;gBAACe,UAAU,EAAEA,UAAU;;oBAC3BH,QAAQ,CAACR,KAAK,CAAC;kCAChB,KAACF,KAAK;wBAACe,cAAc,EAAEA,cAAc;wBAAEF,UAAU,EAAEA,UAAU;sBAAI;;cAC1D;0BACT,KAAChB,gBAAgB;gBACfK,KAAK,EAAEA,KAAK;gBACZK,IAAI,EAAEA,IAAI;gBACVJ,QAAQ,EAAEA,QAAQ;gBAClBE,GAAG,EAAEA,GAAG;gBACRC,GAAG,EAAEA,GAAG;cACR;0BACF,MAACV,cAAc;;oBACZY,QAAQ,kBACP,KAACQ,cAAc;wBAACE,OAAO,EAAED,kBAAkB,CAACZ,GAAG,CAAC;kCAC7CG,QAAQ;sBACM,AAClB;oBACAM,MAAM,aAANA,MAAM,WAAK,GAAXA,KAAAA,CAAW,GAAXA,MAAM,CAAEK,GAAG,CAAC,uBACX;4BADY,EAAEjB,KAAK,CAAA,EAAEkB,KAAK,CAAA,EAAE;+BAC5B,KAACJ,cAAc;4BAACE,OAAO,EAAED,kBAAkB,CAACf,KAAK,CAAC;sCAC/CkB,KAAK;2BADiDlB,KAAK,CAE7C;oBAAD,CACjB,CAAC;oBACDO,QAAQ,kBACP,KAACO,cAAc;wBAACE,OAAO,EAAED,kBAAkB,CAACX,GAAG,CAAC;kCAC7CG,QAAQ;sBACM,AAClB;;cACc;;MACH,CACjB;AACH,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/input/SliderInput.tsx"],"sourcesContent":["import {\n  Label,\n  LabelButton,\n  LabelContainer,\n  RangeInputSlider,\n  Slider,\n  SliderWrapper,\n  Track,\n} from './SliderInputStyles'\nimport { SliderInputProps } from './types'\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":["Label","LabelButton","LabelContainer","RangeInputSlider","Slider","SliderWrapper","Track","SliderInput","value","onChange","onLabelClick","min","max","step","minLabel","maxLabel","getLabel","val","String","borderNone","labels","rest","fillPercentage","LabelComponent","createClickHandler","type","onClick","map","label"],"mappings":"AAAA;AAAA,SACEA,KAAK,EACLC,WAAW,EACXC,cAAc,EACdC,gBAAgB,EAChBC,MAAM,EACNC,aAAa,EACbC,KAAK,QACA,qBAAqB,CAAA;AAG5B,OAAO,MAAMC,WAAW,GAAG,SAaH;QAbI,EAC1BC,KAAK,CAAA,EACLC,QAAQ,CAAA,EACRC,YAAY,CAAA,EACZC,GAAG,EAAG,CAAC,CAAA,EACPC,GAAG,EAAG,GAAG,CAAA,EACTC,IAAI,EAAG,CAAC,CAAA,EACRC,QAAQ,CAAA,EACRC,QAAQ,CAAA,EACRC,QAAQ,EAAG,CAACC,GAAG,GAAKC,MAAM,CAACD,GAAG,CAAC,CAAA,EAC/BE,UAAU,CAAA,EACVC,MAAM,CAAA,EACN,GAAGC,IAAI,EACU;IACjB,MAAMC,cAAc,GAAG,AAAC,CAACd,KAAK,GAAGG,GAAG,CAAC,GAAG,CAACC,GAAG,GAAGD,GAAG,CAAC,GAAI,GAAG;IAC1D,MAAMY,cAAc,GAAGb,YAAY,GAAGT,WAAW,GAAGD,KAAK;IACzD,MAAMwB,kBAAkB,GAAG,CAAChB,KAAa;QAAK,OAAA;YAAME,OAAAA,YAAY,aAAZA,YAAY,WAAS,GAArBA,KAAAA,CAAqB,GAArBA,YAAY,CAAGF,KAAK,CAAC,CAAA;SAAA,CAAA;KAAA;IAEzE,qBACE,MAACH,aAAa;;0BACZ,MAACD,MAAM;gBAACe,UAAU,EAAEA,UAAU;;oBAC3BH,QAAQ,CAACR,KAAK,CAAC;kCAChB,KAACF,KAAK;wBAACgB,cAAc,EAAEA,cAAc;wBAAEH,UAAU,EAAEA,UAAU;sBAAI;;cAC1D;0BACT,KAAChB,gBAAgB;gBACfsB,IAAI,EAAC,OAAO;gBACZjB,KAAK,EAAEA,KAAK;gBACZK,IAAI,EAAEA,IAAI;gBACVJ,QAAQ,EAAEA,QAAQ;gBAClBE,GAAG,EAAEA,GAAG;gBACRC,GAAG,EAAEA,GAAG;gBACP,GAAGS,IAAI;cACR;0BACF,MAACnB,cAAc;;oBACZY,QAAQ,kBACP,KAACS,cAAc;wBAACG,OAAO,EAAEF,kBAAkB,CAACb,GAAG,CAAC;kCAC7CG,QAAQ;sBACM,AAClB;oBACAM,MAAM,aAANA,MAAM,WAAK,GAAXA,KAAAA,CAAW,GAAXA,MAAM,CAAEO,GAAG,CAAC,uBACX;4BADY,EAAEnB,KAAK,CAAA,EAAEoB,KAAK,CAAA,EAAE;+BAC5B,KAACL,cAAc;4BAACG,OAAO,EAAEF,kBAAkB,CAAChB,KAAK,CAAC;sCAC/CoB,KAAK;2BADiDpB,KAAK,CAE7C;oBAAD,CACjB,CAAC;oBACDO,QAAQ,kBACP,KAACQ,cAAc;wBAACG,OAAO,EAAEF,kBAAkB,CAACZ,GAAG,CAAC;kCAC7CG,QAAQ;sBACM,AAClB;;cACc;;MACH,CACjB;AACH,CAAC,CAAA"}

package/dist/esm/input/SliderInputStyles.js

@@ -1,7 +1,5 @@
 import styled from 'styled-components';
-export const RangeInputSlider = styled.input.attrs({
-    type: 'range'
-})`
+export const RangeInputSlider = styled.input`
   width: 100%;
   background-color: transparent;
   -webkit-appearance: none;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/input/SliderInputStyles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const RangeInputSlider = styled.input.attrs({ type: 'range' })`\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":["styled","RangeInputSlider","input","attrs","type","Track","div","props","borderNone","fillPercentage","Slider","SliderWrapper","LabelContainer","Label","span","LabelButton","button"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,MAAMC,gBAAgB,GAAGD,MAAM,CAACE,KAAK,CAACC,KAAK,CAAC;IAAEC,IAAI,EAAE,OAAO;CAAE,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DtE,CAAC,CAAA;AAED,OAAO,MAAMC,KAAK,GAAGL,MAAM,CAACM,GAAG,AAG7B,CAAC;;;;;;;;EAQD,EAAE,CAACC,KAAK,GACNA,KAAK,CAACC,UAAU,IAChB,CAAC;;IAED,CAAC,CAAC;;;;;;;;;;WAUK,EAAE,CAACD,KAAK,GAAKA,KAAK,CAACE,cAAc,IAAI,CAAC,CAAC;;AAElD,CAAC,CAAA;AAED,OAAO,MAAMC,MAAM,GAAGV,MAAM,CAACM,GAAG,AAE9B,CAAC;;;;;;;;;;;EAWD,EAAE,CAACC,KAAK,GACNA,KAAK,CAACC,UAAU,IAChB,CAAC;;;;IAID,CAAC,CAAC;;;;AAIN,CAAC,CAAA;AAED,OAAO,MAAMG,aAAa,GAAGX,MAAM,CAACM,GAAG,CAAC;;AAExC,CAAC,CAAA;AAED,OAAO,MAAMM,cAAc,GAAGZ,MAAM,CAACM,GAAG,CAAC;;;;AAIzC,CAAC,CAAA;AAED,OAAO,MAAMO,KAAK,GAAGb,MAAM,CAACc,IAAI,CAAC;;;;;;;AAOjC,CAAC,CAAA;AAED,OAAO,MAAMC,WAAW,GAAGf,MAAM,CAACgB,MAAM,CAAC;;;;;;;;;;AAUzC,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/input/SliderInputStyles.ts"],"sourcesContent":["import styled from 'styled-components'\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":["styled","RangeInputSlider","input","Track","div","props","borderNone","fillPercentage","Slider","SliderWrapper","LabelContainer","Label","span","LabelButton","button"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,MAAMC,gBAAgB,GAAGD,MAAM,CAACE,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8D7C,CAAC,CAAA;AAED,OAAO,MAAMC,KAAK,GAAGH,MAAM,CAACI,GAAG,AAG7B,CAAC;;;;;;;;EAQD,EAAE,CAACC,KAAK,GACNA,KAAK,CAACC,UAAU,IAChB,CAAC;;IAED,CAAC,CAAC;;;;;;;;;;WAUK,EAAE,CAACD,KAAK,GAAKA,KAAK,CAACE,cAAc,IAAI,CAAC,CAAC;;AAElD,CAAC,CAAA;AAED,OAAO,MAAMC,MAAM,GAAGR,MAAM,CAACI,GAAG,AAE9B,CAAC;;;;;;;;;;;EAWD,EAAE,CAACC,KAAK,GACNA,KAAK,CAACC,UAAU,IAChB,CAAC;;;;IAID,CAAC,CAAC;;;;AAIN,CAAC,CAAA;AAED,OAAO,MAAMG,aAAa,GAAGT,MAAM,CAACI,GAAG,CAAC;;AAExC,CAAC,CAAA;AAED,OAAO,MAAMM,cAAc,GAAGV,MAAM,CAACI,GAAG,CAAC;;;;AAIzC,CAAC,CAAA;AAED,OAAO,MAAMO,KAAK,GAAGX,MAAM,CAACY,IAAI,CAAC;;;;;;;AAOjC,CAAC,CAAA;AAED,OAAO,MAAMC,WAAW,GAAGb,MAAM,CAACc,MAAM,CAAC;;;;;;;;;;AAUzC,CAAC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/input/types.ts"],"sourcesContent":["import { LidoComponentProps } from '../utils'\nimport { ChangeEventHandler, ReactNode, RefObject } from 'react'\nexport type { Theme } from '../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?: 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  }\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 = LidoComponentProps<\n  'input',\n  OptionsSliderProps\n>\n"],"names":["InputMessageVariant","error","warning","success","InputType","text","password","number","email","search","tel","url","InputVariant","small","default","InputColor","accent"],"mappings":"AAAA,WAIO,mBAIN;UAJWA,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"}
+{"version":3,"sources":["../../../packages/input/types.ts"],"sourcesContent":["import { LidoComponentProps } from '../utils'\nimport { ChangeEventHandler, ReactNode, RefObject } from 'react'\nexport type { Theme } from '../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?: 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  }\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","error","warning","success","InputType","text","password","number","email","search","tel","url","InputVariant","small","default","InputColor","accent"],"mappings":"AAAA,WAIO,mBAIN;UAJWA,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/main-menu/MainMenu.js

@@ -2,10 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { Nav } from './MainMenuStyles';
 export const MainMenu = /*#__PURE__*/ forwardRef((param, ref)=>{
-    let { children , ...restProps } = param;
+    let { children , ...rest } = param;
     return /*#__PURE__*/ _jsx(Nav, {
         ref: ref,
-        ...restProps,
+        ...rest,
         children: children
     });
 });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/main-menu/MainMenu.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { MainMenuProps } from './types'\nimport { Nav } from './MainMenuStyles'\n\nexport const MainMenu = forwardRef(\n  (\n    { children, ...restProps }: MainMenuProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return (\n      <Nav ref={ref} {...restProps}>\n        {children}\n      </Nav>\n    )\n  },\n)\nMainMenu.displayName = 'MainMenu'\n"],"names":["forwardRef","Nav","MainMenu","ref","children","restProps","displayName"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAEhD,SAASC,GAAG,QAAQ,kBAAkB,CAAA;AAEtC,OAAO,MAAMC,QAAQ,iBAAGF,UAAU,CAChC,QAEEG,GAAkC,GAC/B;QAFH,EAAEC,QAAQ,CAAA,EAAE,GAAGC,SAAS,EAAiB;IAGzC,qBACE,KAACJ,GAAG;QAACE,GAAG,EAAEA,GAAG;QAAG,GAAGE,SAAS;kBACzBD,QAAQ;MACL,CACP;AACH,CAAC,CACF,CAAA;AACDF,QAAQ,CAACI,WAAW,GAAG,UAAU"}
+{"version":3,"sources":["../../../packages/main-menu/MainMenu.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { MainMenuProps } from './types'\nimport { Nav } from './MainMenuStyles'\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":["forwardRef","Nav","MainMenu","ref","children","rest","displayName"],"mappings":"AAAA;AAAA,SAAuBA,UAAU,QAAQ,OAAO,CAAA;AAEhD,SAASC,GAAG,QAAQ,kBAAkB,CAAA;AAEtC,OAAO,MAAMC,QAAQ,iBAAGF,UAAU,CAChC,QAEEG,GAAkC,GAC/B;QAFH,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAiB;IAGpC,qBACE,KAACJ,GAAG;QAACE,GAAG,EAAEA,GAAG;QAAG,GAAGE,IAAI;kBACpBD,QAAQ;MACL,CACP;AACH,CAAC,CACF,CAAA;AACDF,QAAQ,CAACI,WAAW,GAAG,UAAU"}

package/dist/esm/pagination/Pagination.js

@@ -19,7 +19,7 @@ const PaginationBlock = styled(Box)`
   gap: 8px;
 `;
 export const Pagination = (param)=>{
-    let { onItemClick , pagesCount , activePage =1 , siblingCount ,  } = param;
+    let { onItemClick , pagesCount , activePage =1 , siblingCount , ...rest } = param;
     const [currentPage, setCurrPage] = useState(getActiveItem(pagesCount, activePage));
     const showingPages = useMemo(()=>getShowingPages(pagesCount, currentPage, siblingCount), [
         pagesCount,
@@ -53,6 +53,7 @@ export const Pagination = (param)=>{
         setCurrPage(currentPage + 1);
     };
     return /*#__PURE__*/ _jsxs(PaginationBlock, {
+        ...rest,
         children: [
             /*#__PURE__*/ _jsx(PaginationItem, {
                 disabled: currentPage === 1,

package/dist/esm/pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../packages/pagination/Pagination.tsx"],"sourcesContent":["import { useMemo, useState, useEffect, FC, MouseEvent } from 'react'\nimport styled from 'styled-components'\nimport { ArrowLeft, ArrowRight } from '../icons'\nimport { Box } from '../box'\nimport {\n  PaginationProps,\n  PaginationItemProps,\n  PaginationItemVariant,\n} from './types'\nimport getShowingPages from './getShowingPages'\nimport { PaginationItem } from './PaginationItem'\n\nconst getActiveItem = (length: number, activeItem: number): number => {\n  const isActiveNotInRange: boolean = activeItem >= length || activeItem < 0\n\n  if (!activeItem || isActiveNotInRange) {\n    return 1 // default active item will be the first one\n  }\n\n  return activeItem\n}\n\nconst PaginationBlock = styled(Box)`\n  display: flex;\n  gap: 8px;\n`\n\nexport const Pagination: FC<PaginationProps> = ({\n  onItemClick,\n  pagesCount,\n  activePage = 1,\n  siblingCount,\n}) => {\n  const [currentPage, setCurrPage] = useState(\n    getActiveItem(pagesCount, activePage),\n  )\n\n  const showingPages = useMemo<(string | number)[]>(\n    () => getShowingPages(pagesCount, currentPage, siblingCount),\n    [pagesCount, currentPage, siblingCount],\n  )\n\n  useEffect(() => {\n    setCurrPage((page) => (page !== activePage ? activePage : page))\n  }, [activePage])\n\n  if (pagesCount <= 0) {\n    return null\n  }\n\n  const onPageItemClick = (page: number, e: MouseEvent) => {\n    onItemClick(page, e)\n    setCurrPage(page)\n  }\n\n  const onPreviousClick = () => {\n    if (currentPage === 1) {\n      return // disabled\n    }\n\n    onItemClick(currentPage - 1)\n    setCurrPage(currentPage - 1)\n  }\n\n  const onNextClick = () => {\n    if (currentPage === pagesCount) {\n      return // disabled\n    }\n\n    onItemClick(currentPage + 1)\n    setCurrPage(currentPage + 1)\n  }\n\n  return (\n    <PaginationBlock>\n      <PaginationItem\n        disabled={currentPage === 1}\n        icon={<ArrowLeft />}\n        onClick={onPreviousClick}\n      />\n\n      {showingPages.map((page, index) => {\n        const isDisabled = page === '...'\n        const variant: PaginationItemProps['variant'] =\n          page === currentPage\n            ? PaginationItemVariant.active\n            : PaginationItemVariant.default\n\n        return (\n          <PaginationItem\n            key={page === '...' ? `${page}${index}` : page}\n            icon={page}\n            variant={variant}\n            disabled={isDisabled}\n            onClick={onPageItemClick.bind(null, page)}\n          />\n        )\n      })}\n\n      <PaginationItem\n        disabled={currentPage === pagesCount}\n        icon={<ArrowRight />}\n        onClick={onNextClick}\n      />\n    </PaginationBlock>\n  )\n}\n"],"names":["useMemo","useState","useEffect","styled","ArrowLeft","ArrowRight","Box","PaginationItemVariant","getShowingPages","PaginationItem","getActiveItem","length","activeItem","isActiveNotInRange","PaginationBlock","Pagination","onItemClick","pagesCount","activePage","siblingCount","currentPage","setCurrPage","showingPages","page","onPageItemClick","e","onPreviousClick","onNextClick","disabled","icon","onClick","map","index","isDisabled","variant","active","default","bind"],"mappings":"AAAA;AAAA,SAASA,OAAO,EAAEC,QAAQ,EAAEC,SAAS,QAAwB,OAAO,CAAA;AACpE,OAAOC,MAAM,MAAM,mBAAmB,CAAA;AACtC,SAASC,SAAS,EAAEC,UAAU,QAAQ,UAAU,CAAA;AAChD,SAASC,GAAG,QAAQ,QAAQ,CAAA;AAC5B,SAGEC,qBAAqB,QAChB,SAAS,CAAA;AAChB,OAAOC,eAAe,MAAM,mBAAmB,CAAA;AAC/C,SAASC,cAAc,QAAQ,kBAAkB,CAAA;AAEjD,MAAMC,aAAa,GAAG,CAACC,MAAc,EAAEC,UAAkB,GAAa;IACpE,MAAMC,kBAAkB,GAAYD,UAAU,IAAID,MAAM,IAAIC,UAAU,GAAG,CAAC;IAE1E,IAAI,CAACA,UAAU,IAAIC,kBAAkB,EAAE;QACrC,OAAO,CAAC,CAAC,4CAA4C;SAA7C;IACV,CAAC;IAED,OAAOD,UAAU,CAAA;AACnB,CAAC;AAED,MAAME,eAAe,GAAGX,MAAM,CAACG,GAAG,CAAC,CAAC;;;AAGpC,CAAC;AAED,OAAO,MAAMS,UAAU,GAAwB,SAKzC;QAL0C,EAC9CC,WAAW,CAAA,EACXC,UAAU,CAAA,EACVC,UAAU,EAAG,CAAC,CAAA,EACdC,YAAY,CAAA,IACb;IACC,MAAM,CAACC,WAAW,EAAEC,WAAW,CAAC,GAAGpB,QAAQ,CACzCS,aAAa,CAACO,UAAU,EAAEC,UAAU,CAAC,CACtC;IAED,MAAMI,YAAY,GAAGtB,OAAO,CAC1B,IAAMQ,eAAe,CAACS,UAAU,EAAEG,WAAW,EAAED,YAAY,CAAC,EAC5D;QAACF,UAAU;QAAEG,WAAW;QAAED,YAAY;KAAC,CACxC;IAEDjB,SAAS,CAAC,IAAM;QACdmB,WAAW,CAAC,CAACE,IAAI,GAAMA,IAAI,KAAKL,UAAU,GAAGA,UAAU,GAAGK,IAAI,AAAC,CAAC;IAClE,CAAC,EAAE;QAACL,UAAU;KAAC,CAAC;IAEhB,IAAID,UAAU,IAAI,CAAC,EAAE;QACnB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAMO,eAAe,GAAG,CAACD,IAAY,EAAEE,CAAa,GAAK;QACvDT,WAAW,CAACO,IAAI,EAAEE,CAAC,CAAC;QACpBJ,WAAW,CAACE,IAAI,CAAC;IACnB,CAAC;IAED,MAAMG,eAAe,GAAG,IAAM;QAC5B,IAAIN,WAAW,KAAK,CAAC,EAAE;YACrB,OAAM,CAAC,WAAW;QACpB,CAAC;QAEDJ,WAAW,CAACI,WAAW,GAAG,CAAC,CAAC;QAC5BC,WAAW,CAACD,WAAW,GAAG,CAAC,CAAC;IAC9B,CAAC;IAED,MAAMO,WAAW,GAAG,IAAM;QACxB,IAAIP,WAAW,KAAKH,UAAU,EAAE;YAC9B,OAAM,CAAC,WAAW;QACpB,CAAC;QAEDD,WAAW,CAACI,WAAW,GAAG,CAAC,CAAC;QAC5BC,WAAW,CAACD,WAAW,GAAG,CAAC,CAAC;IAC9B,CAAC;IAED,qBACE,MAACN,eAAe;;0BACd,KAACL,cAAc;gBACbmB,QAAQ,EAAER,WAAW,KAAK,CAAC;gBAC3BS,IAAI,gBAAE,KAACzB,SAAS,KAAG;gBACnB0B,OAAO,EAAEJ,eAAe;cACxB;YAEDJ,YAAY,CAACS,GAAG,CAAC,CAACR,IAAI,EAAES,KAAK,GAAK;gBACjC,MAAMC,UAAU,GAAGV,IAAI,KAAK,KAAK;gBACjC,MAAMW,OAAO,GACXX,IAAI,KAAKH,WAAW,GAChBb,qBAAqB,CAAC4B,MAAM,GAC5B5B,qBAAqB,CAAC6B,OAAO;gBAEnC,qBACE,KAAC3B,cAAc;oBAEboB,IAAI,EAAEN,IAAI;oBACVW,OAAO,EAAEA,OAAO;oBAChBN,QAAQ,EAAEK,UAAU;oBACpBH,OAAO,EAAEN,eAAe,CAACa,IAAI,CAAC,IAAI,EAAEd,IAAI,CAAC;mBAJpCA,IAAI,KAAK,KAAK,GAAG,CAAC,EAAEA,IAAI,CAAC,EAAES,KAAK,CAAC,CAAC,GAAGT,IAAI,CAK9C,CACH;YACH,CAAC,CAAC;0BAEF,KAACd,cAAc;gBACbmB,QAAQ,EAAER,WAAW,KAAKH,UAAU;gBACpCY,IAAI,gBAAE,KAACxB,UAAU,KAAG;gBACpByB,OAAO,EAAEH,WAAW;cACpB;;MACc,CACnB;AACH,CAAC,CAAA"}
+{"version":3,"sources":["../../../packages/pagination/Pagination.tsx"],"sourcesContent":["import { useMemo, useState, useEffect, FC, MouseEvent } from 'react'\nimport styled from 'styled-components'\nimport { ArrowLeft, ArrowRight } from '../icons'\nimport { Box } from '../box'\nimport {\n  PaginationProps,\n  PaginationItemProps,\n  PaginationItemVariant,\n} from './types'\nimport getShowingPages from './getShowingPages'\nimport { PaginationItem } from './PaginationItem'\n\nconst getActiveItem = (length: number, activeItem: number): number => {\n  const isActiveNotInRange: boolean = activeItem >= length || activeItem < 0\n\n  if (!activeItem || isActiveNotInRange) {\n    return 1 // default active item will be the first one\n  }\n\n  return activeItem\n}\n\nconst PaginationBlock = styled(Box)`\n  display: flex;\n  gap: 8px;\n`\n\nexport const Pagination: FC<PaginationProps> = ({\n  onItemClick,\n  pagesCount,\n  activePage = 1,\n  siblingCount,\n  ...rest\n}) => {\n  const [currentPage, setCurrPage] = useState(\n    getActiveItem(pagesCount, activePage),\n  )\n\n  const showingPages = useMemo<(string | number)[]>(\n    () => getShowingPages(pagesCount, currentPage, siblingCount),\n    [pagesCount, currentPage, siblingCount],\n  )\n\n  useEffect(() => {\n    setCurrPage((page) => (page !== activePage ? activePage : page))\n  }, [activePage])\n\n  if (pagesCount <= 0) {\n    return null\n  }\n\n  const onPageItemClick = (page: number, e: MouseEvent) => {\n    onItemClick(page, e)\n    setCurrPage(page)\n  }\n\n  const onPreviousClick = () => {\n    if (currentPage === 1) {\n      return // disabled\n    }\n\n    onItemClick(currentPage - 1)\n    setCurrPage(currentPage - 1)\n  }\n\n  const onNextClick = () => {\n    if (currentPage === pagesCount) {\n      return // disabled\n    }\n\n    onItemClick(currentPage + 1)\n    setCurrPage(currentPage + 1)\n  }\n\n  return (\n    <PaginationBlock {...rest}>\n      <PaginationItem\n        disabled={currentPage === 1}\n        icon={<ArrowLeft />}\n        onClick={onPreviousClick}\n      />\n\n      {showingPages.map((page, index) => {\n        const isDisabled = page === '...'\n        const variant: PaginationItemProps['variant'] =\n          page === currentPage\n            ? PaginationItemVariant.active\n            : PaginationItemVariant.default\n\n        return (\n          <PaginationItem\n            key={page === '...' ? `${page}${index}` : page}\n            icon={page}\n            variant={variant}\n            disabled={isDisabled}\n            onClick={onPageItemClick.bind(null, page)}\n          />\n        )\n      })}\n\n      <PaginationItem\n        disabled={currentPage === pagesCount}\n        icon={<ArrowRight />}\n        onClick={onNextClick}\n      />\n    </PaginationBlock>\n  )\n}\n"],"names":["useMemo","useState","useEffect","styled","ArrowLeft","ArrowRight","Box","PaginationItemVariant","getShowingPages","PaginationItem","getActiveItem","length","activeItem","isActiveNotInRange","PaginationBlock","Pagination","onItemClick","pagesCount","activePage","siblingCount","rest","currentPage","setCurrPage","showingPages","page","onPageItemClick","e","onPreviousClick","onNextClick","disabled","icon","onClick","map","index","isDisabled","variant","active","default","bind"],"mappings":"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"}

package/dist/types/addressBadge/AddressBadge.d.ts

@@ -1,10 +1,7 @@
 /// <reference types="react" />
-export declare const AddressBadge: import("react").ForwardRefExoticComponent<{
+export declare const AddressBadge: import("react").ForwardRefExoticComponent<Omit<import("..").IdenticonBadgeProps, "symbol" | "address" | "as" | "forwardedAs"> & {
     address?: string | undefined;
     symbolsMobile?: number | undefined;
     symbolsDesktop?: number | undefined;
-} & Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    as?: keyof JSX.IntrinsicElements | undefined;
-    forwardedAs?: keyof JSX.IntrinsicElements | undefined;
-}, "address" | "ref" | "symbolsMobile" | "symbolsDesktop"> & import("react").RefAttributes<HTMLDivElement>>;
+} & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=AddressBadge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AddressBadge.d.ts","sourceRoot":"","sources":["../../../packages/addressBadge/AddressBadge.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,YAAY;;;;;;;2GAexB,CAAA"}
+{"version":3,"file":"AddressBadge.d.ts","sourceRoot":"","sources":["../../../packages/addressBadge/AddressBadge.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,YAAY;;;;kDAqBxB,CAAA"}

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

@@ -1,7 +1,7 @@
-import { LidoComponentProps } from '../utils';
-export declare type AddressBadgeProps = LidoComponentProps<'div', {
+import { IdenticonBadgeProps } from '../identicon';
+export declare type AddressBadgeProps = Omit<IdenticonBadgeProps, 'address' | 'symbol' | 'as' | 'forwardedAs'> & {
     address?: string;
     symbolsMobile?: number;
     symbolsDesktop?: number;
-}>;
+};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../packages/addressBadge/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAE7C,oBAAY,iBAAiB,GAAG,kBAAkB,CAChD,KAAK,EACL;IACE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CACF,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../packages/addressBadge/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAElD,oBAAY,iBAAiB,GAAG,IAAI,CAClC,mBAAmB,EACnB,SAAS,GAAG,QAAQ,GAAG,IAAI,GAAG,aAAa,CAC5C,GAAG;IACF,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA"}

package/dist/types/content-theme/content-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"content-theme.d.ts","sourceRoot":"","sources":["../../../packages/content-theme/content-theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAE3C,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAS9C,CAAA"}
+{"version":3,"file":"content-theme.d.ts","sourceRoot":"","sources":["../../../packages/content-theme/content-theme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAE3C,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAW9C,CAAA"}

package/dist/types/input/OptionsSlider.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { OptionsSliderInputProps } from './types';
-export declare const OptionsSlider: ({ options, value, onChange, }: OptionsSliderInputProps) => JSX.Element;
+export declare const OptionsSlider: ({ options, value, onChange, ...rest }: OptionsSliderInputProps) => JSX.Element;
 //# sourceMappingURL=OptionsSlider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"OptionsSlider.d.ts","sourceRoot":"","sources":["../../../packages/input/OptionsSlider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAEjD,eAAO,MAAM,aAAa,kCAIvB,uBAAuB,gBAiCzB,CAAA"}
+{"version":3,"file":"OptionsSlider.d.ts","sourceRoot":"","sources":["../../../packages/input/OptionsSlider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAEjD,eAAO,MAAM,aAAa,0CAKvB,uBAAuB,gBAkCzB,CAAA"}

package/dist/types/input/SliderInput.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { SliderInputProps } from './types';
-export declare const SliderInput: ({ value, onChange, onLabelClick, min, max, step, minLabel, maxLabel, getLabel, borderNone, labels, }: SliderInputProps) => JSX.Element;
+export declare const SliderInput: ({ value, onChange, onLabelClick, min, max, step, minLabel, maxLabel, getLabel, borderNone, labels, ...rest }: SliderInputProps) => JSX.Element;
 //# sourceMappingURL=SliderInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SliderInput.d.ts","sourceRoot":"","sources":["../../../packages/input/SliderInput.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE1C,eAAO,MAAM,WAAW,yGAYrB,gBAAgB,gBAqClB,CAAA"}
+{"version":3,"file":"SliderInput.d.ts","sourceRoot":"","sources":["../../../packages/input/SliderInput.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE1C,eAAO,MAAM,WAAW,iHAarB,gBAAgB,gBAuClB,CAAA"}

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

@@ -1,6 +1,4 @@
-export declare const RangeInputSlider: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
-    type: "range";
-}, "type">;
+export declare const RangeInputSlider: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
 export declare const Track: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     fillPercentage: number;
     borderNone?: boolean | undefined;

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

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

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

@@ -78,5 +78,5 @@ interface OptionsSliderProps {
     value?: SliderOptionValue;
     onChange: (value: SliderOptionValue, valueIndex: number) => unknown;
 }
-export declare type OptionsSliderInputProps = LidoComponentProps<'input', OptionsSliderProps>;
+export declare type OptionsSliderInputProps = Omit<SliderInputProps, 'value' | 'onChange'> & OptionsSliderProps;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../packages/input/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../packages/input/types.ts"],"names":[],"mappings":"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"}

package/dist/types/pagination/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../packages/pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,EAAE,EAAc,MAAM,OAAO,CAAA;AAIpE,OAAO,EACL,eAAe,EAGhB,MAAM,SAAS,CAAA;AAmBhB,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA+E1C,CAAA"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../packages/pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,EAAE,EAAc,MAAM,OAAO,CAAA;AAIpE,OAAO,EACL,eAAe,EAGhB,MAAM,SAAS,CAAA;AAmBhB,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAgF1C,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lidofinance/lido-ui",
-  "version": "3.12.0",
+  "version": "3.13.0",
   "homepage": "https://github.com/lidofinance/ui",
   "repository": {
     "type": "git",