@lidofinance/lido-app-ui 1.3.0 → 1.5.0

package/dist/cjs/slider/Slider.cjs

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const require$$0 = require('react');
+const react = require('react');
 const cn = require('classnames');
 const Slider_module = require('./Slider.module.css.cjs');
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 
-const Slider = /*#__PURE__*/require$$0.forwardRef((_ref, ref) => {
+const Slider = /*#__PURE__*/react.forwardRef((_ref, ref) => {
   let {
     min = 0,
     max = 100,
@@ -22,7 +22,7 @@ const Slider = /*#__PURE__*/require$$0.forwardRef((_ref, ref) => {
     onChange,
     ...rest
   } = _ref;
-  const [innerValue, setInnerValue] = require$$0.useState(defaultValue ?? min);
+  const [innerValue, setInnerValue] = react.useState(defaultValue ?? min);
   const current = value ?? innerValue;
   const fillPercent = (current - min) / (max - min) * 100;
   const handleChange = event => {
@@ -33,24 +33,24 @@ const Slider = /*#__PURE__*/require$$0.forwardRef((_ref, ref) => {
   const markPositions = marks && stepsCount > 1 ? Array.from({
     length: stepsCount - 1
   }, (_, index) => (index + 1) / stepsCount * 100) : [];
-  return /*#__PURE__*/require$$2.jsxs("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: cn(Slider_module.root, className),
-    children: [/*#__PURE__*/require$$2.jsxs("div", {
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: Slider_module.track,
-      children: [/*#__PURE__*/require$$2.jsx("div", {
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
         className: Slider_module.bar,
-        children: /*#__PURE__*/require$$2.jsx("div", {
+        children: /*#__PURE__*/jsxRuntime.jsx("div", {
           className: cn(Slider_module.fill, disabled && Slider_module.fillDisabled),
           style: {
             width: `${fillPercent}%`
           }
         })
-      }), markPositions.map(position => /*#__PURE__*/require$$2.jsx("span", {
+      }), markPositions.map(position => /*#__PURE__*/jsxRuntime.jsx("span", {
         className: Slider_module.mark,
         style: {
           left: `${position}%`
         }
-      }, position)), /*#__PURE__*/require$$2.jsx("input", {
+      }, position)), /*#__PURE__*/jsxRuntime.jsx("input", {
         ref: ref,
         type: "range",
         className: Slider_module.input,
@@ -62,12 +62,12 @@ const Slider = /*#__PURE__*/require$$0.forwardRef((_ref, ref) => {
         onChange: handleChange,
         ...rest
       })]
-    }), minLabel != null || maxLabel != null ? /*#__PURE__*/require$$2.jsxs("div", {
+    }), minLabel != null || maxLabel != null ? /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: Slider_module.labels,
-      children: [/*#__PURE__*/require$$2.jsx("span", {
+      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
         className: Slider_module.label,
         children: minLabel
-      }), /*#__PURE__*/require$$2.jsx("span", {
+      }), /*#__PURE__*/jsxRuntime.jsx("span", {
         className: Slider_module.label,
         children: maxLabel
       })]

package/dist/cjs/slider/Slider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.cjs","sources":["../../../src/slider/Slider.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useState,\n  type ChangeEvent,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './Slider.module.css'\n\nexport type SliderProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'type' | 'value' | 'defaultValue'\n> & {\n  min?: number\n  max?: number\n  step?: number\n  value?: number\n  defaultValue?: number\n  minLabel?: ReactNode\n  maxLabel?: ReactNode\n  /** Renders a mark at every intermediate step. */\n  marks?: boolean\n}\n\nexport const Slider = forwardRef<HTMLInputElement, SliderProps>(\n  (\n    {\n      min = 0,\n      max = 100,\n      step = 1,\n      value,\n      defaultValue,\n      minLabel,\n      maxLabel,\n      marks = false,\n      className,\n      disabled,\n      onChange,\n      ...rest\n    },\n    ref,\n  ) => {\n    const [innerValue, setInnerValue] = useState(defaultValue ?? min)\n    const current = value ?? innerValue\n    const fillPercent = ((current - min) / (max - min)) * 100\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n      setInnerValue(event.target.valueAsNumber)\n      onChange?.(event)\n    }\n\n    const stepsCount = Math.round((max - min) / step)\n    const markPositions =\n      marks && stepsCount > 1\n        ? Array.from(\n            { length: stepsCount - 1 },\n            (_, index) => ((index + 1) / stepsCount) * 100,\n          )\n        : []\n\n    return (\n      <div className={cn(styles.root, className)}>\n        <div className={styles.track}>\n          <div className={styles.bar}>\n            <div\n              className={cn(styles.fill, disabled && styles.fillDisabled)}\n              style={{ width: `${fillPercent}%` }}\n            />\n          </div>\n          {markPositions.map((position) => (\n            <span\n              key={position}\n              className={styles.mark}\n              style={{ left: `${position}%` }}\n            />\n          ))}\n          <input\n            ref={ref}\n            type='range'\n            className={styles.input}\n            min={min}\n            max={max}\n            step={step}\n            value={current}\n            disabled={disabled}\n            onChange={handleChange}\n            {...rest}\n          />\n        </div>\n        {minLabel != null || maxLabel != null ? (\n          <div className={styles.labels}>\n            <span className={styles.label}>{minLabel}</span>\n            <span className={styles.label}>{maxLabel}</span>\n          </div>\n        ) : null}\n      </div>\n    )\n  },\n)\n\nSlider.displayName = 'Slider'\n"],"names":["Slider","forwardRef","_ref","ref","min","max","step","value","defaultValue","minLabel","maxLabel","marks","className","disabled","onChange","rest","innerValue","setInnerValue","useState","current","fillPercent","handleChange","event","target","valueAsNumber","stepsCount","Math","round","markPositions","Array","from","length","_","index","_jsxs","cn","styles","root","children","track","_jsx","bar","fill","fillDisabled","style","width","map","position","mark","left","type","input","labels","label","displayName"],"mappings":";;;;;;;;;AA2BO,MAAMA,MAAM,gBAAGC,qBAAU,CAC9B,CAAAC,IAAA,EAeEC,GAAG,KACA;EAAA,IAfH;AACEC,IAAAA,GAAG,GAAG,CAAC;AACPC,IAAAA,GAAG,GAAG,GAAG;AACTC,IAAAA,IAAI,GAAG,CAAC;IACRC,KAAK;IACLC,YAAY;IACZC,QAAQ;IACRC,QAAQ;AACRC,IAAAA,KAAK,GAAG,KAAK;IACbC,SAAS;IACTC,QAAQ;IACRC,QAAQ;IACR,GAAGC,IAAAA;AACL,GAAC,GAAAb,IAAA,CAAA;EAGD,MAAM,CAACc,UAAU,EAAEC,aAAa,CAAC,GAAGC,mBAAQ,CAACV,YAAY,IAAIJ,GAAG,CAAC,CAAA;AACjE,EAAA,MAAMe,OAAO,GAAGZ,KAAK,IAAIS,UAAU,CAAA;AACnC,EAAA,MAAMI,WAAW,GAAI,CAACD,OAAO,GAAGf,GAAG,KAAKC,GAAG,GAAGD,GAAG,CAAC,GAAI,GAAG,CAAA;EAEzD,MAAMiB,YAAY,GAAIC,KAAoC,IAAK;AAC7DL,IAAAA,aAAa,CAACK,KAAK,CAACC,MAAM,CAACC,aAAa,CAAC,CAAA;IACzCV,QAAQ,GAAGQ,KAAK,CAAC,CAAA;GAClB,CAAA;AAED,EAAA,MAAMG,UAAU,GAAGC,IAAI,CAACC,KAAK,CAAC,CAACtB,GAAG,GAAGD,GAAG,IAAIE,IAAI,CAAC,CAAA;EACjD,MAAMsB,aAAa,GACjBjB,KAAK,IAAIc,UAAU,GAAG,CAAC,GACnBI,KAAK,CAACC,IAAI,CACR;IAAEC,MAAM,EAAEN,UAAU,GAAG,CAAA;AAAE,GAAC,EAC1B,CAACO,CAAC,EAAEC,KAAK,KAAM,CAACA,KAAK,GAAG,CAAC,IAAIR,UAAU,GAAI,GAC7C,CAAC,GACD,EAAE,CAAA;AAER,EAAA,oBACES,eAAA,CAAA,KAAA,EAAA;IAAKtB,SAAS,EAAEuB,EAAE,CAACC,aAAM,CAACC,IAAI,EAAEzB,SAAS,CAAE;AAAA0B,IAAAA,QAAA,gBACzCJ,eAAA,CAAA,KAAA,EAAA;MAAKtB,SAAS,EAAEwB,aAAM,CAACG,KAAM;AAAAD,MAAAA,QAAA,gBAC3BE,cAAA,CAAA,KAAA,EAAA;QAAK5B,SAAS,EAAEwB,aAAM,CAACK,GAAI;AAAAH,QAAAA,QAAA,eACzBE,cAAA,CAAA,KAAA,EAAA;AACE5B,UAAAA,SAAS,EAAEuB,EAAE,CAACC,aAAM,CAACM,IAAI,EAAE7B,QAAQ,IAAIuB,aAAM,CAACO,YAAY,CAAE;AAC5DC,UAAAA,KAAK,EAAE;YAAEC,KAAK,EAAE,GAAGzB,WAAW,CAAA,CAAA,CAAA;AAAI,WAAA;SACnC,CAAA;OACE,CAAC,EACLQ,aAAa,CAACkB,GAAG,CAAEC,QAAQ,iBAC1BP,cAAA,CAAA,MAAA,EAAA;QAEE5B,SAAS,EAAEwB,aAAM,CAACY,IAAK;AACvBJ,QAAAA,KAAK,EAAE;UAAEK,IAAI,EAAE,GAAGF,QAAQ,CAAA,CAAA,CAAA;AAAI,SAAA;AAAE,OAAA,EAF3BA,QAGN,CACF,CAAC,eACFP,cAAA,CAAA,OAAA,EAAA;AACErC,QAAAA,GAAG,EAAEA,GAAI;AACT+C,QAAAA,IAAI,EAAC,OAAO;QACZtC,SAAS,EAAEwB,aAAM,CAACe,KAAM;AACxB/C,QAAAA,GAAG,EAAEA,GAAI;AACTC,QAAAA,GAAG,EAAEA,GAAI;AACTC,QAAAA,IAAI,EAAEA,IAAK;AACXC,QAAAA,KAAK,EAAEY,OAAQ;AACfN,QAAAA,QAAQ,EAAEA,QAAS;AACnBC,QAAAA,QAAQ,EAAEO,YAAa;QAAA,GACnBN,IAAAA;AAAI,OACT,CAAC,CAAA;KACC,CAAC,EACLN,QAAQ,IAAI,IAAI,IAAIC,QAAQ,IAAI,IAAI,gBACnCwB,eAAA,CAAA,KAAA,EAAA;MAAKtB,SAAS,EAAEwB,aAAM,CAACgB,MAAO;AAAAd,MAAAA,QAAA,gBAC5BE,cAAA,CAAA,MAAA,EAAA;QAAM5B,SAAS,EAAEwB,aAAM,CAACiB,KAAM;AAAAf,QAAAA,QAAA,EAAE7B,QAAAA;OAAe,CAAC,eAChD+B,cAAA,CAAA,MAAA,EAAA;QAAM5B,SAAS,EAAEwB,aAAM,CAACiB,KAAM;AAAAf,QAAAA,QAAA,EAAE5B,QAAAA;AAAQ,OAAO,CAAC,CAAA;KAC7C,CAAC,GACJ,IAAI,CAAA;AAAA,GACL,CAAC,CAAA;AAEV,CACF,EAAC;AAEDV,MAAM,CAACsD,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Slider.cjs","sources":["../../../src/slider/Slider.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useState,\n  type ChangeEvent,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './Slider.module.css'\n\nexport type SliderProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'type' | 'value' | 'defaultValue'\n> & {\n  min?: number\n  max?: number\n  step?: number\n  value?: number\n  defaultValue?: number\n  minLabel?: ReactNode\n  maxLabel?: ReactNode\n  /** Renders a mark at every intermediate step. */\n  marks?: boolean\n}\n\nexport const Slider = forwardRef<HTMLInputElement, SliderProps>(\n  (\n    {\n      min = 0,\n      max = 100,\n      step = 1,\n      value,\n      defaultValue,\n      minLabel,\n      maxLabel,\n      marks = false,\n      className,\n      disabled,\n      onChange,\n      ...rest\n    },\n    ref,\n  ) => {\n    const [innerValue, setInnerValue] = useState(defaultValue ?? min)\n    const current = value ?? innerValue\n    const fillPercent = ((current - min) / (max - min)) * 100\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n      setInnerValue(event.target.valueAsNumber)\n      onChange?.(event)\n    }\n\n    const stepsCount = Math.round((max - min) / step)\n    const markPositions =\n      marks && stepsCount > 1\n        ? Array.from(\n            { length: stepsCount - 1 },\n            (_, index) => ((index + 1) / stepsCount) * 100,\n          )\n        : []\n\n    return (\n      <div className={cn(styles.root, className)}>\n        <div className={styles.track}>\n          <div className={styles.bar}>\n            <div\n              className={cn(styles.fill, disabled && styles.fillDisabled)}\n              style={{ width: `${fillPercent}%` }}\n            />\n          </div>\n          {markPositions.map((position) => (\n            <span\n              key={position}\n              className={styles.mark}\n              style={{ left: `${position}%` }}\n            />\n          ))}\n          <input\n            ref={ref}\n            type='range'\n            className={styles.input}\n            min={min}\n            max={max}\n            step={step}\n            value={current}\n            disabled={disabled}\n            onChange={handleChange}\n            {...rest}\n          />\n        </div>\n        {minLabel != null || maxLabel != null ? (\n          <div className={styles.labels}>\n            <span className={styles.label}>{minLabel}</span>\n            <span className={styles.label}>{maxLabel}</span>\n          </div>\n        ) : null}\n      </div>\n    )\n  },\n)\n\nSlider.displayName = 'Slider'\n"],"names":["Slider","forwardRef","_ref","ref","min","max","step","value","defaultValue","minLabel","maxLabel","marks","className","disabled","onChange","rest","innerValue","setInnerValue","useState","current","fillPercent","handleChange","event","target","valueAsNumber","stepsCount","Math","round","markPositions","Array","from","length","_","index","_jsxs","cn","styles","root","children","track","_jsx","bar","fill","fillDisabled","style","width","map","position","mark","left","type","input","labels","label","displayName"],"mappings":";;;;;;;;;AA2BO,MAAMA,MAAM,gBAAGC,gBAAU,CAC9B,CAAAC,IAAA,EAeEC,GAAG,KACA;EAAA,IAfH;AACEC,IAAAA,GAAG,GAAG,CAAC;AACPC,IAAAA,GAAG,GAAG,GAAG;AACTC,IAAAA,IAAI,GAAG,CAAC;IACRC,KAAK;IACLC,YAAY;IACZC,QAAQ;IACRC,QAAQ;AACRC,IAAAA,KAAK,GAAG,KAAK;IACbC,SAAS;IACTC,QAAQ;IACRC,QAAQ;IACR,GAAGC,IAAAA;AACL,GAAC,GAAAb,IAAA,CAAA;EAGD,MAAM,CAACc,UAAU,EAAEC,aAAa,CAAC,GAAGC,cAAQ,CAACV,YAAY,IAAIJ,GAAG,CAAC,CAAA;AACjE,EAAA,MAAMe,OAAO,GAAGZ,KAAK,IAAIS,UAAU,CAAA;AACnC,EAAA,MAAMI,WAAW,GAAI,CAACD,OAAO,GAAGf,GAAG,KAAKC,GAAG,GAAGD,GAAG,CAAC,GAAI,GAAG,CAAA;EAEzD,MAAMiB,YAAY,GAAIC,KAAoC,IAAK;AAC7DL,IAAAA,aAAa,CAACK,KAAK,CAACC,MAAM,CAACC,aAAa,CAAC,CAAA;IACzCV,QAAQ,GAAGQ,KAAK,CAAC,CAAA;GAClB,CAAA;AAED,EAAA,MAAMG,UAAU,GAAGC,IAAI,CAACC,KAAK,CAAC,CAACtB,GAAG,GAAGD,GAAG,IAAIE,IAAI,CAAC,CAAA;EACjD,MAAMsB,aAAa,GACjBjB,KAAK,IAAIc,UAAU,GAAG,CAAC,GACnBI,KAAK,CAACC,IAAI,CACR;IAAEC,MAAM,EAAEN,UAAU,GAAG,CAAA;AAAE,GAAC,EAC1B,CAACO,CAAC,EAAEC,KAAK,KAAM,CAACA,KAAK,GAAG,CAAC,IAAIR,UAAU,GAAI,GAC7C,CAAC,GACD,EAAE,CAAA;AAER,EAAA,oBACES,eAAA,CAAA,KAAA,EAAA;IAAKtB,SAAS,EAAEuB,EAAE,CAACC,aAAM,CAACC,IAAI,EAAEzB,SAAS,CAAE;AAAA0B,IAAAA,QAAA,gBACzCJ,eAAA,CAAA,KAAA,EAAA;MAAKtB,SAAS,EAAEwB,aAAM,CAACG,KAAM;AAAAD,MAAAA,QAAA,gBAC3BE,cAAA,CAAA,KAAA,EAAA;QAAK5B,SAAS,EAAEwB,aAAM,CAACK,GAAI;AAAAH,QAAAA,QAAA,eACzBE,cAAA,CAAA,KAAA,EAAA;AACE5B,UAAAA,SAAS,EAAEuB,EAAE,CAACC,aAAM,CAACM,IAAI,EAAE7B,QAAQ,IAAIuB,aAAM,CAACO,YAAY,CAAE;AAC5DC,UAAAA,KAAK,EAAE;YAAEC,KAAK,EAAE,GAAGzB,WAAW,CAAA,CAAA,CAAA;AAAI,WAAA;SACnC,CAAA;OACE,CAAC,EACLQ,aAAa,CAACkB,GAAG,CAAEC,QAAQ,iBAC1BP,cAAA,CAAA,MAAA,EAAA;QAEE5B,SAAS,EAAEwB,aAAM,CAACY,IAAK;AACvBJ,QAAAA,KAAK,EAAE;UAAEK,IAAI,EAAE,GAAGF,QAAQ,CAAA,CAAA,CAAA;AAAI,SAAA;AAAE,OAAA,EAF3BA,QAGN,CACF,CAAC,eACFP,cAAA,CAAA,OAAA,EAAA;AACErC,QAAAA,GAAG,EAAEA,GAAI;AACT+C,QAAAA,IAAI,EAAC,OAAO;QACZtC,SAAS,EAAEwB,aAAM,CAACe,KAAM;AACxB/C,QAAAA,GAAG,EAAEA,GAAI;AACTC,QAAAA,GAAG,EAAEA,GAAI;AACTC,QAAAA,IAAI,EAAEA,IAAK;AACXC,QAAAA,KAAK,EAAEY,OAAQ;AACfN,QAAAA,QAAQ,EAAEA,QAAS;AACnBC,QAAAA,QAAQ,EAAEO,YAAa;QAAA,GACnBN,IAAAA;AAAI,OACT,CAAC,CAAA;KACC,CAAC,EACLN,QAAQ,IAAI,IAAI,IAAIC,QAAQ,IAAI,IAAI,gBACnCwB,eAAA,CAAA,KAAA,EAAA;MAAKtB,SAAS,EAAEwB,aAAM,CAACgB,MAAO;AAAAd,MAAAA,QAAA,gBAC5BE,cAAA,CAAA,MAAA,EAAA;QAAM5B,SAAS,EAAEwB,aAAM,CAACiB,KAAM;AAAAf,QAAAA,QAAA,EAAE7B,QAAAA;OAAe,CAAC,eAChD+B,cAAA,CAAA,MAAA,EAAA;QAAM5B,SAAS,EAAEwB,aAAM,CAACiB,KAAM;AAAAf,QAAAA,QAAA,EAAE5B,QAAAA;AAAQ,OAAO,CAAC,CAAA;KAC7C,CAAC,GACJ,IAAI,CAAA;AAAA,GACL,CAAC,CAAA;AAEV,CACF,EAAC;AAEDV,MAAM,CAACsD,WAAW,GAAG,QAAQ;;;;"}

package/dist/cjs/small-card/SmallCard.cjs

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const cn = require('classnames');
 const SmallCard_module = require('./SmallCard.module.css.cjs');
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 
 const SmallCard = _ref => {
   let {
@@ -17,32 +17,32 @@ const SmallCard = _ref => {
     className,
     ...rest
   } = _ref;
-  return /*#__PURE__*/require$$2.jsxs("a", {
+  return /*#__PURE__*/jsxRuntime.jsxs("a", {
     className: cn(SmallCard_module.card, className),
     ...rest,
-    children: [/*#__PURE__*/require$$2.jsxs("div", {
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: SmallCard_module.content,
-      children: [image != null ? /*#__PURE__*/require$$2.jsx("div", {
+      children: [image != null ? /*#__PURE__*/jsxRuntime.jsx("div", {
         className: SmallCard_module.image,
         children: image
-      }) : null, /*#__PURE__*/require$$2.jsxs("div", {
+      }) : null, /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: SmallCard_module.header,
-        children: [logo != null ? /*#__PURE__*/require$$2.jsx("span", {
+        children: [logo != null ? /*#__PURE__*/jsxRuntime.jsx("span", {
           className: SmallCard_module.logo,
           children: logo
-        }) : null, /*#__PURE__*/require$$2.jsx("span", {
+        }) : null, /*#__PURE__*/jsxRuntime.jsx("span", {
           className: SmallCard_module.title,
           children: title
-        }), icon != null ? /*#__PURE__*/require$$2.jsx("span", {
+        }), icon != null ? /*#__PURE__*/jsxRuntime.jsx("span", {
           className: SmallCard_module.icon,
           "aria-hidden": "true",
           children: icon
         }) : null]
-      }), description != null ? /*#__PURE__*/require$$2.jsx("p", {
+      }), description != null ? /*#__PURE__*/jsxRuntime.jsx("p", {
         className: SmallCard_module.description,
         children: description
       }) : null]
-    }), footer != null ? /*#__PURE__*/require$$2.jsx("div", {
+    }), footer != null ? /*#__PURE__*/jsxRuntime.jsx("div", {
       className: SmallCard_module.footer,
       children: footer
     }) : null]

package/dist/cjs/stat-item/StatItem.cjs

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const cn = require('classnames');
 const StatItem_module = require('./StatItem.module.css.cjs');
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const Tooltip = require('../tooltip/Tooltip.cjs');
 const IconInfo = require('../icons/components/base/IconInfo.cjs');
 
@@ -21,42 +21,42 @@ const StatItem = _ref => {
     className,
     ...rest
   } = _ref;
-  return /*#__PURE__*/require$$2.jsxs("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: cn(StatItem_module.item, StatItem_module[align], className),
     ...rest,
-    children: [/*#__PURE__*/require$$2.jsxs("div", {
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: StatItem_module.title,
-      children: [titleIcon ? /*#__PURE__*/require$$2.jsx("span", {
+      children: [titleIcon ? /*#__PURE__*/jsxRuntime.jsx("span", {
         className: StatItem_module.titleIcon,
         "aria-hidden": "true",
         children: titleIcon
-      }) : null, /*#__PURE__*/require$$2.jsx("div", {
+      }) : null, /*#__PURE__*/jsxRuntime.jsx("div", {
         className: StatItem_module.label,
         children: label
-      }), info ? /*#__PURE__*/require$$2.jsx(Tooltip.Tooltip, {
+      }), info ? /*#__PURE__*/jsxRuntime.jsx(Tooltip.Tooltip, {
         content: info,
         className: StatItem_module.info,
-        children: /*#__PURE__*/require$$2.jsx(IconInfo.IconInfo, {
+        children: /*#__PURE__*/jsxRuntime.jsx(IconInfo.IconInfo, {
           className: StatItem_module.infoIcon
         })
       }) : null]
-    }), /*#__PURE__*/require$$2.jsxs("div", {
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: StatItem_module.valueRow,
-      children: [/*#__PURE__*/require$$2.jsx("div", {
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
         className: StatItem_module.value,
         children: value
-      }), icon != null ? /*#__PURE__*/require$$2.jsx("span", {
+      }), icon != null ? /*#__PURE__*/jsxRuntime.jsx("span", {
         className: StatItem_module.icon,
         "aria-hidden": "true",
         children: icon
-      }) : null, align === 'left' && subValue != null ? /*#__PURE__*/require$$2.jsx("div", {
+      }) : null, align === 'left' && subValue != null ? /*#__PURE__*/jsxRuntime.jsx("div", {
         className: StatItem_module.subValue,
         children: subValue
       }) : null]
-    }), align === 'center' && subValue != null ? /*#__PURE__*/require$$2.jsx("div", {
+    }), align === 'center' && subValue != null ? /*#__PURE__*/jsxRuntime.jsx("div", {
       className: StatItem_module.subValue,
       children: subValue
-    }) : null, description != null ? /*#__PURE__*/require$$2.jsx("div", {
+    }) : null, description != null ? /*#__PURE__*/jsxRuntime.jsx("div", {
       className: StatItem_module.description,
       children: description
     }) : null]

package/dist/cjs/switch/Switch.cjs

@@ -2,35 +2,35 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const require$$0 = require('react');
+const react = require('react');
 const cn = require('classnames');
 const Switch_module = require('./Switch.module.css.cjs');
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 
-const Switch = /*#__PURE__*/require$$0.forwardRef((_ref, ref) => {
+const Switch = /*#__PURE__*/react.forwardRef((_ref, ref) => {
   let {
     label,
     className,
     disabled,
     ...rest
   } = _ref;
-  return /*#__PURE__*/require$$2.jsxs("label", {
+  return /*#__PURE__*/jsxRuntime.jsxs("label", {
     className: cn(Switch_module.container, className, {
       [Switch_module.containerDisabled]: disabled
     }),
-    children: [/*#__PURE__*/require$$2.jsxs("span", {
+    children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
       className: Switch_module.control,
-      children: [/*#__PURE__*/require$$2.jsx("input", {
+      children: [/*#__PURE__*/jsxRuntime.jsx("input", {
         ref: ref,
         type: "checkbox",
         role: "switch",
         className: Switch_module.input,
         disabled: disabled,
         ...rest
-      }), /*#__PURE__*/require$$2.jsx("span", {
+      }), /*#__PURE__*/jsxRuntime.jsx("span", {
         className: Switch_module.knob
       })]
-    }), label ? /*#__PURE__*/require$$2.jsx("span", {
+    }), label ? /*#__PURE__*/jsxRuntime.jsx("span", {
       className: cn(Switch_module.label, {
         [Switch_module.labelDisabled]: disabled
       }),

package/dist/cjs/switch/Switch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.cjs","sources":["../../../src/switch/Switch.tsx"],"sourcesContent":["import { forwardRef, type InputHTMLAttributes, type ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './Switch.module.css'\n\nexport type SwitchProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'type'\n> & {\n  label?: ReactNode\n}\n\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(\n  ({ label, className, disabled, ...rest }, ref) => (\n    <label\n      className={cn(styles.container, className, {\n        [styles.containerDisabled]: disabled,\n      })}\n    >\n      <span className={styles.control}>\n        <input\n          ref={ref}\n          type='checkbox'\n          role='switch'\n          className={styles.input}\n          disabled={disabled}\n          {...rest}\n        />\n        <span className={styles.knob} />\n      </span>\n      {label ? (\n        <span\n          className={cn(styles.label, { [styles.labelDisabled]: disabled })}\n        >\n          {label}\n        </span>\n      ) : null}\n    </label>\n  ),\n)\n\nSwitch.displayName = 'Switch'\n"],"names":["Switch","forwardRef","_ref","ref","label","className","disabled","rest","_jsxs","cn","styles","container","containerDisabled","children","control","_jsx","type","role","input","knob","labelDisabled","displayName"],"mappings":";;;;;;;;;AAaO,MAAMA,MAAM,gBAAGC,qBAAU,CAC9B,CAAAC,IAAA,EAA0CC,GAAG,KAAA;EAAA,IAA5C;IAAEC,KAAK;IAAEC,SAAS;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAK,GAAC,GAAAL,IAAA,CAAA;AAAA,EAAA,oBACtCM,eAAA,CAAA,OAAA,EAAA;IACEH,SAAS,EAAEI,EAAE,CAACC,aAAM,CAACC,SAAS,EAAEN,SAAS,EAAE;MACzC,CAACK,aAAM,CAACE,iBAAiB,GAAGN,QAAAA;AAC9B,KAAC,CAAE;AAAAO,IAAAA,QAAA,gBAEHL,eAAA,CAAA,MAAA,EAAA;MAAMH,SAAS,EAAEK,aAAM,CAACI,OAAQ;AAAAD,MAAAA,QAAA,gBAC9BE,cAAA,CAAA,OAAA,EAAA;AACEZ,QAAAA,GAAG,EAAEA,GAAI;AACTa,QAAAA,IAAI,EAAC,UAAU;AACfC,QAAAA,IAAI,EAAC,QAAQ;QACbZ,SAAS,EAAEK,aAAM,CAACQ,KAAM;AACxBZ,QAAAA,QAAQ,EAAEA,QAAS;QAAA,GACfC,IAAAA;OACL,CAAC,eACFQ,cAAA,CAAA,MAAA,EAAA;QAAMV,SAAS,EAAEK,aAAM,CAACS,IAAAA;AAAK,OAAE,CAAC,CAAA;AAAA,KAC5B,CAAC,EACNf,KAAK,gBACJW,cAAA,CAAA,MAAA,EAAA;AACEV,MAAAA,SAAS,EAAEI,EAAE,CAACC,aAAM,CAACN,KAAK,EAAE;QAAE,CAACM,aAAM,CAACU,aAAa,GAAGd,QAAAA;AAAS,OAAC,CAAE;AAAAO,MAAAA,QAAA,EAEjET,KAAAA;KACG,CAAC,GACL,IAAI,CAAA;AAAA,GACH,CAAC,CAAA;AAAA,CAEZ,EAAC;AAEDJ,MAAM,CAACqB,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Switch.cjs","sources":["../../../src/switch/Switch.tsx"],"sourcesContent":["import { forwardRef, type InputHTMLAttributes, type ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './Switch.module.css'\n\nexport type SwitchProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'type'\n> & {\n  label?: ReactNode\n}\n\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(\n  ({ label, className, disabled, ...rest }, ref) => (\n    <label\n      className={cn(styles.container, className, {\n        [styles.containerDisabled]: disabled,\n      })}\n    >\n      <span className={styles.control}>\n        <input\n          ref={ref}\n          type='checkbox'\n          role='switch'\n          className={styles.input}\n          disabled={disabled}\n          {...rest}\n        />\n        <span className={styles.knob} />\n      </span>\n      {label ? (\n        <span\n          className={cn(styles.label, { [styles.labelDisabled]: disabled })}\n        >\n          {label}\n        </span>\n      ) : null}\n    </label>\n  ),\n)\n\nSwitch.displayName = 'Switch'\n"],"names":["Switch","forwardRef","_ref","ref","label","className","disabled","rest","_jsxs","cn","styles","container","containerDisabled","children","control","_jsx","type","role","input","knob","labelDisabled","displayName"],"mappings":";;;;;;;;;AAaO,MAAMA,MAAM,gBAAGC,gBAAU,CAC9B,CAAAC,IAAA,EAA0CC,GAAG,KAAA;EAAA,IAA5C;IAAEC,KAAK;IAAEC,SAAS;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAK,GAAC,GAAAL,IAAA,CAAA;AAAA,EAAA,oBACtCM,eAAA,CAAA,OAAA,EAAA;IACEH,SAAS,EAAEI,EAAE,CAACC,aAAM,CAACC,SAAS,EAAEN,SAAS,EAAE;MACzC,CAACK,aAAM,CAACE,iBAAiB,GAAGN,QAAAA;AAC9B,KAAC,CAAE;AAAAO,IAAAA,QAAA,gBAEHL,eAAA,CAAA,MAAA,EAAA;MAAMH,SAAS,EAAEK,aAAM,CAACI,OAAQ;AAAAD,MAAAA,QAAA,gBAC9BE,cAAA,CAAA,OAAA,EAAA;AACEZ,QAAAA,GAAG,EAAEA,GAAI;AACTa,QAAAA,IAAI,EAAC,UAAU;AACfC,QAAAA,IAAI,EAAC,QAAQ;QACbZ,SAAS,EAAEK,aAAM,CAACQ,KAAM;AACxBZ,QAAAA,QAAQ,EAAEA,QAAS;QAAA,GACfC,IAAAA;OACL,CAAC,eACFQ,cAAA,CAAA,MAAA,EAAA;QAAMV,SAAS,EAAEK,aAAM,CAACS,IAAAA;AAAK,OAAE,CAAC,CAAA;AAAA,KAC5B,CAAC,EACNf,KAAK,gBACJW,cAAA,CAAA,MAAA,EAAA;AACEV,MAAAA,SAAS,EAAEI,EAAE,CAACC,aAAM,CAACN,KAAK,EAAE;QAAE,CAACM,aAAM,CAACU,aAAa,GAAGd,QAAAA;AAAS,OAAC,CAAE;AAAAO,MAAAA,QAAA,EAEjET,KAAAA;KACG,CAAC,GACL,IAAI,CAAA;AAAA,GACH,CAAC,CAAA;AAAA,CAEZ,EAAC;AAEDJ,MAAM,CAACqB,WAAW,GAAG,QAAQ;;;;"}

package/dist/cjs/tabs/Tab.cjs

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const require$$0 = require('react');
+const react = require('react');
 const cn = require('classnames');
 const Tab_module = require('./Tab.module.css.cjs');
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 
-const Tab = /*#__PURE__*/require$$0.forwardRef((_ref, ref) => {
+const Tab = /*#__PURE__*/react.forwardRef((_ref, ref) => {
   let {
     active = false,
     className,
@@ -15,7 +15,7 @@ const Tab = /*#__PURE__*/require$$0.forwardRef((_ref, ref) => {
     type = 'button',
     ...rest
   } = _ref;
-  return /*#__PURE__*/require$$2.jsx("button", {
+  return /*#__PURE__*/jsxRuntime.jsx("button", {
     ref: ref,
     type: type,
     role: "tab",

package/dist/cjs/tabs/Tab.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.cjs","sources":["../../../src/tabs/Tab.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './Tab.module.css'\n\nexport type TabProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  active?: boolean\n}\n\nexport const Tab = forwardRef<HTMLButtonElement, TabProps>(\n  ({ active = false, className, children, type = 'button', ...rest }, ref) => (\n    <button\n      ref={ref}\n      type={type}\n      role='tab'\n      aria-selected={active}\n      className={cn(styles.tab, active && styles.active, className)}\n      {...rest}\n    >\n      {children}\n    </button>\n  ),\n)\n\nTab.displayName = 'Tab'\n"],"names":["Tab","forwardRef","_ref","ref","active","className","children","type","rest","_jsx","role","cn","styles","tab","displayName"],"mappings":";;;;;;;;;AAUO,MAAMA,GAAG,gBAAGC,qBAAU,CAC3B,CAAAC,IAAA,EAAoEC,GAAG,KAAA;EAAA,IAAtE;AAAEC,IAAAA,MAAM,GAAG,KAAK;IAAEC,SAAS;IAAEC,QAAQ;AAAEC,IAAAA,IAAI,GAAG,QAAQ;IAAE,GAAGC,IAAAA;AAAK,GAAC,GAAAN,IAAA,CAAA;AAAA,EAAA,oBAChEO,cAAA,CAAA,QAAA,EAAA;AACEN,IAAAA,GAAG,EAAEA,GAAI;AACTI,IAAAA,IAAI,EAAEA,IAAK;AACXG,IAAAA,IAAI,EAAC,KAAK;AACV,IAAA,eAAA,EAAeN,MAAO;AACtBC,IAAAA,SAAS,EAAEM,EAAE,CAACC,UAAM,CAACC,GAAG,EAAET,MAAM,IAAIQ,UAAM,CAACR,MAAM,EAAEC,SAAS,CAAE;AAAA,IAAA,GAC1DG,IAAI;AAAAF,IAAAA,QAAA,EAEPA,QAAAA;AAAQ,GACH,CAAC,CAAA;AAAA,CAEb,EAAC;AAEDN,GAAG,CAACc,WAAW,GAAG,KAAK;;;;"}
+{"version":3,"file":"Tab.cjs","sources":["../../../src/tabs/Tab.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './Tab.module.css'\n\nexport type TabProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  active?: boolean\n}\n\nexport const Tab = forwardRef<HTMLButtonElement, TabProps>(\n  ({ active = false, className, children, type = 'button', ...rest }, ref) => (\n    <button\n      ref={ref}\n      type={type}\n      role='tab'\n      aria-selected={active}\n      className={cn(styles.tab, active && styles.active, className)}\n      {...rest}\n    >\n      {children}\n    </button>\n  ),\n)\n\nTab.displayName = 'Tab'\n"],"names":["Tab","forwardRef","_ref","ref","active","className","children","type","rest","_jsx","role","cn","styles","tab","displayName"],"mappings":";;;;;;;;;AAUO,MAAMA,GAAG,gBAAGC,gBAAU,CAC3B,CAAAC,IAAA,EAAoEC,GAAG,KAAA;EAAA,IAAtE;AAAEC,IAAAA,MAAM,GAAG,KAAK;IAAEC,SAAS;IAAEC,QAAQ;AAAEC,IAAAA,IAAI,GAAG,QAAQ;IAAE,GAAGC,IAAAA;AAAK,GAAC,GAAAN,IAAA,CAAA;AAAA,EAAA,oBAChEO,cAAA,CAAA,QAAA,EAAA;AACEN,IAAAA,GAAG,EAAEA,GAAI;AACTI,IAAAA,IAAI,EAAEA,IAAK;AACXG,IAAAA,IAAI,EAAC,KAAK;AACV,IAAA,eAAA,EAAeN,MAAO;AACtBC,IAAAA,SAAS,EAAEM,EAAE,CAACC,UAAM,CAACC,GAAG,EAAET,MAAM,IAAIQ,UAAM,CAACR,MAAM,EAAEC,SAAS,CAAE;AAAA,IAAA,GAC1DG,IAAI;AAAAF,IAAAA,QAAA,EAEPA,QAAAA;AAAQ,GACH,CAAC,CAAA;AAAA,CAEb,EAAC;AAEDN,GAAG,CAACc,WAAW,GAAG,KAAK;;;;"}

package/dist/cjs/tabs/Tabs.cjs

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const require$$0 = require('react');
+const react = require('react');
 const cn = require('classnames');
 const Tab = require('./Tab.cjs');
 const Tabs_module = require('./Tabs.module.css.cjs');
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 
 const Tabs = _ref => {
   let {
@@ -15,12 +15,12 @@ const Tabs = _ref => {
     onChange,
     className
   } = _ref;
-  const containerRef = require$$0.useRef(null);
-  const activeButtonRef = require$$0.useRef(null);
-  const selectionRef = require$$0.useRef(null);
+  const containerRef = react.useRef(null);
+  const activeButtonRef = react.useRef(null);
+  const selectionRef = react.useRef(null);
   // Skip the transition on the first measurement so the bar doesn't fly in from 0,0.
-  const [animated, setAnimated] = require$$0.useState(false);
-  require$$0.useLayoutEffect(() => {
+  const [animated, setAnimated] = react.useState(false);
+  react.useLayoutEffect(() => {
     const updateSelection = () => {
       const button = activeButtonRef.current;
       const container = containerRef.current;
@@ -39,17 +39,17 @@ const Tabs = _ref => {
       window.removeEventListener('resize', updateSelection);
     };
   }, [value, items]);
-  return /*#__PURE__*/require$$2.jsxs("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     ref: containerRef,
     role: "tablist",
     className: cn(Tabs_module.tabs, className),
-    children: [/*#__PURE__*/require$$2.jsx("div", {
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       ref: selectionRef,
       "aria-hidden": "true",
       className: cn(Tabs_module.selection, animated && Tabs_module.animated)
     }), items.map(item => {
       const active = item.value === value;
-      return /*#__PURE__*/require$$2.jsx(Tab.Tab, {
+      return /*#__PURE__*/jsxRuntime.jsx(Tab.Tab, {
         ref: active ? activeButtonRef : undefined,
         active: active,
         disabled: item.disabled,

package/dist/cjs/tabs/Tabs.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.cjs","sources":["../../../src/tabs/Tabs.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, useState, type ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport { Tab } from './Tab'\nimport styles from './Tabs.module.css'\n\nexport type TabItem = {\n  value: string\n  label: ReactNode\n  disabled?: boolean\n}\n\nexport type TabsProps = {\n  items: TabItem[]\n  value: string\n  onChange: (value: string) => void\n  className?: string\n}\n\nexport const Tabs = ({ items, value, onChange, className }: TabsProps) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const activeButtonRef = useRef<HTMLButtonElement>(null)\n  const selectionRef = useRef<HTMLDivElement>(null)\n  // Skip the transition on the first measurement so the bar doesn't fly in from 0,0.\n  const [animated, setAnimated] = useState(false)\n\n  useLayoutEffect(() => {\n    const updateSelection = () => {\n      const button = activeButtonRef.current\n      const container = containerRef.current\n      const selection = selectionRef.current\n      if (!button || !container || !selection) return\n\n      const buttonRect = button.getBoundingClientRect()\n      const containerRect = container.getBoundingClientRect()\n      const x = buttonRect.left - containerRect.left\n\n      selection.style.width = `${buttonRect.width}px`\n      selection.style.transform = `translateX(${x}px)`\n    }\n\n    updateSelection()\n    setAnimated(true)\n\n    window.addEventListener('resize', updateSelection)\n    return () => {\n      window.removeEventListener('resize', updateSelection)\n    }\n  }, [value, items])\n\n  return (\n    <div\n      ref={containerRef}\n      role='tablist'\n      className={cn(styles.tabs, className)}\n    >\n      <div\n        ref={selectionRef}\n        aria-hidden='true'\n        className={cn(styles.selection, animated && styles.animated)}\n      />\n      {items.map((item) => {\n        const active = item.value === value\n        return (\n          <Tab\n            key={item.value}\n            ref={active ? activeButtonRef : undefined}\n            active={active}\n            disabled={item.disabled}\n            onClick={() => {\n              if (item.value !== value) onChange(item.value)\n            }}\n          >\n            {item.label}\n          </Tab>\n        )\n      })}\n    </div>\n  )\n}\n"],"names":["Tabs","_ref","items","value","onChange","className","containerRef","useRef","activeButtonRef","selectionRef","animated","setAnimated","useState","useLayoutEffect","updateSelection","button","current","container","selection","buttonRect","getBoundingClientRect","containerRect","x","left","style","width","transform","window","addEventListener","removeEventListener","_jsxs","ref","role","cn","styles","tabs","children","_jsx","map","item","active","Tab","undefined","disabled","onClick","label"],"mappings":"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"}
+{"version":3,"file":"Tabs.cjs","sources":["../../../src/tabs/Tabs.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, useState, type ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport { Tab } from './Tab'\nimport styles from './Tabs.module.css'\n\nexport type TabItem = {\n  value: string\n  label: ReactNode\n  disabled?: boolean\n}\n\nexport type TabsProps = {\n  items: TabItem[]\n  value: string\n  onChange: (value: string) => void\n  className?: string\n}\n\nexport const Tabs = ({ items, value, onChange, className }: TabsProps) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const activeButtonRef = useRef<HTMLButtonElement>(null)\n  const selectionRef = useRef<HTMLDivElement>(null)\n  // Skip the transition on the first measurement so the bar doesn't fly in from 0,0.\n  const [animated, setAnimated] = useState(false)\n\n  useLayoutEffect(() => {\n    const updateSelection = () => {\n      const button = activeButtonRef.current\n      const container = containerRef.current\n      const selection = selectionRef.current\n      if (!button || !container || !selection) return\n\n      const buttonRect = button.getBoundingClientRect()\n      const containerRect = container.getBoundingClientRect()\n      const x = buttonRect.left - containerRect.left\n\n      selection.style.width = `${buttonRect.width}px`\n      selection.style.transform = `translateX(${x}px)`\n    }\n\n    updateSelection()\n    setAnimated(true)\n\n    window.addEventListener('resize', updateSelection)\n    return () => {\n      window.removeEventListener('resize', updateSelection)\n    }\n  }, [value, items])\n\n  return (\n    <div\n      ref={containerRef}\n      role='tablist'\n      className={cn(styles.tabs, className)}\n    >\n      <div\n        ref={selectionRef}\n        aria-hidden='true'\n        className={cn(styles.selection, animated && styles.animated)}\n      />\n      {items.map((item) => {\n        const active = item.value === value\n        return (\n          <Tab\n            key={item.value}\n            ref={active ? activeButtonRef : undefined}\n            active={active}\n            disabled={item.disabled}\n            onClick={() => {\n              if (item.value !== value) onChange(item.value)\n            }}\n          >\n            {item.label}\n          </Tab>\n        )\n      })}\n    </div>\n  )\n}\n"],"names":["Tabs","_ref","items","value","onChange","className","containerRef","useRef","activeButtonRef","selectionRef","animated","setAnimated","useState","useLayoutEffect","updateSelection","button","current","container","selection","buttonRect","getBoundingClientRect","containerRect","x","left","style","width","transform","window","addEventListener","removeEventListener","_jsxs","ref","role","cn","styles","tabs","children","_jsx","map","item","active","Tab","undefined","disabled","onClick","label"],"mappings":"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"}

package/dist/cjs/tag/Tag.cjs

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const cn = require('classnames');
 const Tag_module = require('./Tag.module.css.cjs');
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const IconCross = require('../icons/components/base/IconCross.cjs');
 
 const Tag = _ref => {
@@ -16,19 +16,19 @@ const Tag = _ref => {
     children,
     ...rest
   } = _ref;
-  return /*#__PURE__*/require$$2.jsxs("span", {
+  return /*#__PURE__*/jsxRuntime.jsxs("span", {
     className: cn(Tag_module.tag, Tag_module[variant], className),
     ...rest,
-    children: [icon != null ? /*#__PURE__*/require$$2.jsx("span", {
+    children: [icon != null ? /*#__PURE__*/jsxRuntime.jsx("span", {
       className: Tag_module.icon,
       "aria-hidden": "true",
       children: icon
-    }) : null, children, onClose ? /*#__PURE__*/require$$2.jsx("button", {
+    }) : null, children, onClose ? /*#__PURE__*/jsxRuntime.jsx("button", {
       type: "button",
       className: Tag_module.closeButton,
       "aria-label": "Remove",
       onClick: onClose,
-      children: /*#__PURE__*/require$$2.jsx(IconCross.IconCross, {
+      children: /*#__PURE__*/jsxRuntime.jsx(IconCross.IconCross, {
         "aria-hidden": "true"
       })
     }) : null]

package/dist/cjs/text-link/TextLink.cjs

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const cn = require('classnames');
 const TextLink_module = require('./TextLink.module.css.cjs');
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 
 const TextLink = _ref => {
   let {
@@ -19,7 +19,7 @@ const TextLink = _ref => {
     onClick,
     ...rest
   } = _ref;
-  return /*#__PURE__*/require$$2.jsxs("a", {
+  return /*#__PURE__*/jsxRuntime.jsxs("a", {
     className: cn(TextLink_module.link, className),
     target: target ?? (external ? '_blank' : undefined),
     rel: rel ?? (external ? 'noopener noreferrer' : undefined),
@@ -28,7 +28,7 @@ const TextLink = _ref => {
     tabIndex: disabled ? -1 : undefined,
     onClick: disabled ? undefined : onClick,
     ...rest,
-    children: [children, icon != null ? /*#__PURE__*/require$$2.jsx("span", {
+    children: [children, icon != null ? /*#__PURE__*/jsxRuntime.jsx("span", {
       className: TextLink_module.icon,
       "aria-hidden": "true",
       children: icon

package/dist/cjs/token-amount/TokenAmount.cjs

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const cn = require('classnames');
 const TokenAmount_module = require('./TokenAmount.module.css.cjs');
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const TokenIcon = require('../icons/TokenIcon.cjs');
 
 const TokenAmount = _ref => {
@@ -13,12 +13,12 @@ const TokenAmount = _ref => {
     amount,
     className
   } = _ref;
-  return /*#__PURE__*/require$$2.jsxs("span", {
+  return /*#__PURE__*/jsxRuntime.jsxs("span", {
     className: cn(TokenAmount_module.root, className),
-    children: [/*#__PURE__*/require$$2.jsx(TokenIcon.TokenIcon, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(TokenIcon.TokenIcon, {
       token: symbol,
       className: TokenAmount_module.icon
-    }), /*#__PURE__*/require$$2.jsx("span", {
+    }), /*#__PURE__*/jsxRuntime.jsx("span", {
       className: TokenAmount_module.amount,
       children: amount
     })]