@lidofinance/lido-app-ui 1.2.0 → 1.3.0

package/dist/cjs/segmented-control/Segment.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const require$$0 = require('react');
+const cn = require('classnames');
+const Segment_module = require('./Segment.module.css.cjs');
+const require$$2 = require('react/jsx-runtime');
+
+const Segment = /*#__PURE__*/require$$0.forwardRef((_ref, ref) => {
+  let {
+    active = false,
+    className,
+    children,
+    type = 'button',
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/require$$2.jsx("button", {
+    ref: ref,
+    type: type,
+    role: "tab",
+    "aria-selected": active,
+    className: cn(Segment_module.segment, active && Segment_module.active, className),
+    ...rest,
+    children: /*#__PURE__*/require$$2.jsx("span", {
+      className: Segment_module.content,
+      children: children
+    })
+  });
+});
+Segment.displayName = 'Segment';
+
+exports.Segment = Segment;
+//# sourceMappingURL=Segment.cjs.map

package/dist/cjs/segmented-control/Segment.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Segment.cjs","sources":["../../../src/segmented-control/Segment.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './Segment.module.css'\n\nexport type SegmentProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  active?: boolean\n}\n\nexport const Segment = forwardRef<HTMLButtonElement, SegmentProps>(\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.segment, active && styles.active, className)}\n      {...rest}\n    >\n      <span className={styles.content}>{children}</span>\n    </button>\n  ),\n)\n\nSegment.displayName = 'Segment'\n"],"names":["Segment","forwardRef","_ref","ref","active","className","children","type","rest","_jsx","role","cn","styles","segment","content","displayName"],"mappings":";;;;;;;;;AAUO,MAAMA,OAAO,gBAAGC,qBAAU,CAC/B,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,cAAM,CAACC,OAAO,EAAET,MAAM,IAAIQ,cAAM,CAACR,MAAM,EAAEC,SAAS,CAAE;AAAA,IAAA,GAC9DG,IAAI;AAAAF,IAAAA,QAAA,eAERG,cAAA,CAAA,MAAA,EAAA;MAAMJ,SAAS,EAAEO,cAAM,CAACE,OAAQ;AAAAR,MAAAA,QAAA,EAAEA,QAAAA;KAAe,CAAA;AAAC,GAC5C,CAAC,CAAA;AAAA,CAEb,EAAC;AAEDN,OAAO,CAACe,WAAW,GAAG,SAAS;;;;"}

package/dist/cjs/segmented-control/Segment.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"segment":"Segment-module_segment__7hWnu","active":"Segment-module_active__bG6di","content":"Segment-module_content__gV43K"};
+
+module.exports = styles;
+//# sourceMappingURL=Segment.module.css.cjs.map

package/dist/cjs/segmented-control/Segment.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Segment.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/segmented-control/SegmentCard.cjs

@@ -0,0 +1,59 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const require$$0 = require('react');
+const cn = require('classnames');
+const SegmentCard_module = require('./SegmentCard.module.css.cjs');
+const require$$2 = require('react/jsx-runtime');
+const Tag = require('../tag/Tag.cjs');
+
+const SegmentCard = /*#__PURE__*/require$$0.forwardRef((_ref, ref) => {
+  let {
+    active = false,
+    disabled = false,
+    icon,
+    title,
+    tag,
+    description,
+    className,
+    type = 'button',
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/require$$2.jsx("button", {
+    ref: ref,
+    type: type,
+    role: "tab",
+    "aria-selected": active,
+    disabled: disabled,
+    className: cn(SegmentCard_module.card, active && SegmentCard_module.active, className),
+    ...rest,
+    children: /*#__PURE__*/require$$2.jsxs("span", {
+      className: SegmentCard_module.content,
+      children: [icon != null ? /*#__PURE__*/require$$2.jsx("span", {
+        className: SegmentCard_module.icon,
+        "aria-hidden": "true",
+        children: icon
+      }) : null, /*#__PURE__*/require$$2.jsxs("span", {
+        className: SegmentCard_module.title,
+        children: [/*#__PURE__*/require$$2.jsx("span", {
+          className: SegmentCard_module.titleText,
+          children: title
+        }), tag != null ? /*#__PURE__*/require$$2.jsx(Tag.Tag, {
+          variant: "neutral",
+          style: disabled ? {
+            '--local-text': 'var(--lido-app-ui-color-text-disabled)'
+          } : undefined,
+          children: tag
+        }) : null]
+      }), description != null ? /*#__PURE__*/require$$2.jsx("span", {
+        className: SegmentCard_module.description,
+        children: description
+      }) : null]
+    })
+  });
+});
+SegmentCard.displayName = 'SegmentCard';
+
+exports.SegmentCard = SegmentCard;
+//# sourceMappingURL=SegmentCard.cjs.map

package/dist/cjs/segmented-control/SegmentCard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentCard.cjs","sources":["../../../src/segmented-control/SegmentCard.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes, type ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport { Tag } from '../tag'\nimport styles from './SegmentCard.module.css'\n\nexport type SegmentCardProps = Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'title'\n> & {\n  active?: boolean\n  icon?: ReactNode\n  title: ReactNode\n  tag?: ReactNode\n  description?: ReactNode\n}\n\nexport const SegmentCard = forwardRef<HTMLButtonElement, SegmentCardProps>(\n  (\n    {\n      active = false,\n      disabled = false,\n      icon,\n      title,\n      tag,\n      description,\n      className,\n      type = 'button',\n      ...rest\n    },\n    ref,\n  ) => (\n    <button\n      ref={ref}\n      type={type}\n      role='tab'\n      aria-selected={active}\n      disabled={disabled}\n      className={cn(styles.card, active && styles.active, className)}\n      {...rest}\n    >\n      <span className={styles.content}>\n        {icon != null ? (\n          <span className={styles.icon} aria-hidden='true'>\n            {icon}\n          </span>\n        ) : null}\n        <span className={styles.title}>\n          <span className={styles.titleText}>{title}</span>\n          {tag != null ? (\n            <Tag\n              variant='neutral'\n              style={\n                disabled\n                  ? ({\n                      '--local-text': 'var(--lido-app-ui-color-text-disabled)',\n                    } as React.CSSProperties)\n                  : undefined\n              }\n            >\n              {tag}\n            </Tag>\n          ) : null}\n        </span>\n        {description != null ? (\n          <span className={styles.description}>{description}</span>\n        ) : null}\n      </span>\n    </button>\n  ),\n)\n\nSegmentCard.displayName = 'SegmentCard'\n"],"names":["SegmentCard","forwardRef","_ref","ref","active","disabled","icon","title","tag","description","className","type","rest","_jsx","role","cn","styles","card","children","_jsxs","content","titleText","Tag","variant","style","undefined","displayName"],"mappings":";;;;;;;;;;AAkBO,MAAMA,WAAW,gBAAGC,qBAAU,CACnC,CAAAC,IAAA,EAYEC,GAAG,KAAA;EAAA,IAXH;AACEC,IAAAA,MAAM,GAAG,KAAK;AACdC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,IAAI;IACJC,KAAK;IACLC,GAAG;IACHC,WAAW;IACXC,SAAS;AACTC,IAAAA,IAAI,GAAG,QAAQ;IACf,GAAGC,IAAAA;AACL,GAAC,GAAAV,IAAA,CAAA;AAAA,EAAA,oBAGDW,cAAA,CAAA,QAAA,EAAA;AACEV,IAAAA,GAAG,EAAEA,GAAI;AACTQ,IAAAA,IAAI,EAAEA,IAAK;AACXG,IAAAA,IAAI,EAAC,KAAK;AACV,IAAA,eAAA,EAAeV,MAAO;AACtBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBK,IAAAA,SAAS,EAAEK,EAAE,CAACC,kBAAM,CAACC,IAAI,EAAEb,MAAM,IAAIY,kBAAM,CAACZ,MAAM,EAAEM,SAAS,CAAE;AAAA,IAAA,GAC3DE,IAAI;AAAAM,IAAAA,QAAA,eAERC,eAAA,CAAA,MAAA,EAAA;MAAMT,SAAS,EAAEM,kBAAM,CAACI,OAAQ;AAAAF,MAAAA,QAAA,EAC7BZ,CAAAA,IAAI,IAAI,IAAI,gBACXO,cAAA,CAAA,MAAA,EAAA;QAAMH,SAAS,EAAEM,kBAAM,CAACV,IAAK;AAAC,QAAA,aAAA,EAAY,MAAM;AAAAY,QAAAA,QAAA,EAC7CZ,IAAAA;AAAI,OACD,CAAC,GACL,IAAI,eACRa,eAAA,CAAA,MAAA,EAAA;QAAMT,SAAS,EAAEM,kBAAM,CAACT,KAAM;AAAAW,QAAAA,QAAA,gBAC5BL,cAAA,CAAA,MAAA,EAAA;UAAMH,SAAS,EAAEM,kBAAM,CAACK,SAAU;AAAAH,UAAAA,QAAA,EAAEX,KAAAA;SAAY,CAAC,EAChDC,GAAG,IAAI,IAAI,gBACVK,cAAA,CAACS,OAAG,EAAA;AACFC,UAAAA,OAAO,EAAC,SAAS;UACjBC,KAAK,EACHnB,QAAQ,GACH;AACC,YAAA,cAAc,EAAE,wCAAA;AAClB,WAAC,GACDoB,SACL;AAAAP,UAAAA,QAAA,EAEAV,GAAAA;SACE,CAAC,GACJ,IAAI,CAAA;AAAA,OACJ,CAAC,EACNC,WAAW,IAAI,IAAI,gBAClBI,cAAA,CAAA,MAAA,EAAA;QAAMH,SAAS,EAAEM,kBAAM,CAACP,WAAY;AAAAS,QAAAA,QAAA,EAAET,WAAAA;OAAkB,CAAC,GACvD,IAAI,CAAA;KACJ,CAAA;AAAC,GACD,CAAC,CAAA;AAAA,CAEb,EAAC;AAEDT,WAAW,CAAC0B,WAAW,GAAG,aAAa;;;;"}

package/dist/cjs/segmented-control/SegmentCard.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"card":"SegmentCard-module_card__pWy9z","active":"SegmentCard-module_active__U2-sg","content":"SegmentCard-module_content__s5TGY","icon":"SegmentCard-module_icon__jm61i","title":"SegmentCard-module_title__X7wn0","titleText":"SegmentCard-module_titleText__EgPKg","description":"SegmentCard-module_description__OEhr2"};
+
+module.exports = styles;
+//# sourceMappingURL=SegmentCard.module.css.cjs.map

package/dist/cjs/segmented-control/SegmentCard.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentCard.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/segmented-control/SegmentedControl.cjs

@@ -0,0 +1,75 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const require$$0 = require('react');
+const cn = require('classnames');
+const Segment = require('./Segment.cjs');
+const SegmentedControl_module = require('./SegmentedControl.module.css.cjs');
+const require$$2 = require('react/jsx-runtime');
+
+const SegmentedControl = _ref => {
+  let {
+    items,
+    value,
+    onChange,
+    className
+  } = _ref;
+  const containerRef = require$$0.useRef(null);
+  const activeButtonRef = require$$0.useRef(null);
+  const selectionRef = require$$0.useRef(null);
+  // Skip the transition on the first measurement so the pill doesn't fly in from 0,0.
+  const [animated, setAnimated] = require$$0.useState(false);
+  require$$0.useLayoutEffect(() => {
+    const updateSelection = () => {
+      const button = activeButtonRef.current;
+      const container = containerRef.current;
+      const selection = selectionRef.current;
+      if (!button || !container || !selection) return;
+      const buttonRect = button.getBoundingClientRect();
+      const containerRect = container.getBoundingClientRect();
+      // The pill is absolutely positioned, so top/left 0 is the container's
+      // padding box (inside the border). getBoundingClientRect measures from
+      // the border box, so subtract the border to keep the pill from drifting
+      // down-right by the border width.
+      const style = getComputedStyle(container);
+      const borderLeft = parseFloat(style.borderLeftWidth) || 0;
+      const borderTop = parseFloat(style.borderTopWidth) || 0;
+      const x = buttonRect.left - containerRect.left - borderLeft;
+      const y = buttonRect.top - containerRect.top - borderTop;
+      selection.style.width = `${buttonRect.width}px`;
+      selection.style.height = `${buttonRect.height}px`;
+      selection.style.transform = `translate(${x}px, ${y}px)`;
+    };
+    updateSelection();
+    setAnimated(true);
+    window.addEventListener('resize', updateSelection);
+    return () => {
+      window.removeEventListener('resize', updateSelection);
+    };
+  }, [value, items]);
+  return /*#__PURE__*/require$$2.jsxs("div", {
+    ref: containerRef,
+    role: "tablist",
+    className: cn(SegmentedControl_module.segmentedControl, className),
+    children: [/*#__PURE__*/require$$2.jsx("div", {
+      ref: selectionRef,
+      "aria-hidden": "true",
+      className: cn(SegmentedControl_module.selection, animated && SegmentedControl_module.animated)
+    }), items.map(item => {
+      const active = item.value === value;
+      return /*#__PURE__*/require$$2.jsx(Segment.Segment, {
+        ref: active ? activeButtonRef : undefined,
+        active: active,
+        disabled: item.disabled,
+        onClick: () => {
+          if (item.value !== value) onChange(item.value);
+        },
+        children: item.label
+      }, item.value);
+    })]
+  });
+};
+
+exports.SegmentedControl = SegmentedControl;
+//# sourceMappingURL=SegmentedControl.cjs.map

package/dist/cjs/segmented-control/SegmentedControl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.cjs","sources":["../../../src/segmented-control/SegmentedControl.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, useState, type ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport { Segment } from './Segment'\nimport styles from './SegmentedControl.module.css'\n\nexport type SegmentItem = {\n  value: string\n  label: ReactNode\n  disabled?: boolean\n}\n\nexport type SegmentedControlProps = {\n  items: SegmentItem[]\n  value: string\n  onChange: (value: string) => void\n  className?: string\n}\n\nexport const SegmentedControl = ({\n  items,\n  value,\n  onChange,\n  className,\n}: SegmentedControlProps) => {\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 pill 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      // The pill is absolutely positioned, so top/left 0 is the container's\n      // padding box (inside the border). getBoundingClientRect measures from\n      // the border box, so subtract the border to keep the pill from drifting\n      // down-right by the border width.\n      const style = getComputedStyle(container)\n      const borderLeft = parseFloat(style.borderLeftWidth) || 0\n      const borderTop = parseFloat(style.borderTopWidth) || 0\n      const x = buttonRect.left - containerRect.left - borderLeft\n      const y = buttonRect.top - containerRect.top - borderTop\n\n      selection.style.width = `${buttonRect.width}px`\n      selection.style.height = `${buttonRect.height}px`\n      selection.style.transform = `translate(${x}px, ${y}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.segmentedControl, 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          <Segment\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          </Segment>\n        )\n      })}\n    </div>\n  )\n}\n"],"names":["SegmentedControl","_ref","items","value","onChange","className","containerRef","useRef","activeButtonRef","selectionRef","animated","setAnimated","useState","useLayoutEffect","updateSelection","button","current","container","selection","buttonRect","getBoundingClientRect","containerRect","style","getComputedStyle","borderLeft","parseFloat","borderLeftWidth","borderTop","borderTopWidth","x","left","y","top","width","height","transform","window","addEventListener","removeEventListener","_jsxs","ref","role","cn","styles","segmentedControl","children","_jsx","map","item","active","Segment","undefined","disabled","onClick","label"],"mappings":"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"}

package/dist/cjs/segmented-control/SegmentedControl.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"segmentedControl":"SegmentedControl-module_segmentedControl__IFGks","selection":"SegmentedControl-module_selection__YelDH","animated":"SegmentedControl-module_animated__pZkby"};
+
+module.exports = styles;
+//# sourceMappingURL=SegmentedControl.module.css.cjs.map

package/dist/cjs/segmented-control/SegmentedControl.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/segmented-control/SegmentedControlCard.cjs

@@ -0,0 +1,74 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const require$$0 = require('react');
+const cn = require('classnames');
+const SegmentCard = require('./SegmentCard.cjs');
+const SegmentedControlCard_module = require('./SegmentedControlCard.module.css.cjs');
+const require$$2 = require('react/jsx-runtime');
+
+const SegmentedControlCard = _ref => {
+  let {
+    items,
+    value,
+    onChange,
+    className
+  } = _ref;
+  const containerRef = require$$0.useRef(null);
+  const activeButtonRef = require$$0.useRef(null);
+  const selectionRef = require$$0.useRef(null);
+  // Skip the transition on the first measurement so the highlight doesn't fly in from 0,0.
+  const [animated, setAnimated] = require$$0.useState(false);
+  require$$0.useLayoutEffect(() => {
+    const updateSelection = () => {
+      const button = activeButtonRef.current;
+      const container = containerRef.current;
+      const selection = selectionRef.current;
+      if (!button || !container || !selection) return;
+      const buttonRect = button.getBoundingClientRect();
+      const containerRect = container.getBoundingClientRect();
+      const style = getComputedStyle(container);
+      const borderLeft = parseFloat(style.borderLeftWidth) || 0;
+      const borderTop = parseFloat(style.borderTopWidth) || 0;
+      const x = buttonRect.left - containerRect.left - borderLeft;
+      const y = buttonRect.top - containerRect.top - borderTop;
+      selection.style.width = `${buttonRect.width}px`;
+      selection.style.height = `${buttonRect.height}px`;
+      selection.style.transform = `translate(${x}px, ${y}px)`;
+    };
+    updateSelection();
+    setAnimated(true);
+    window.addEventListener('resize', updateSelection);
+    return () => {
+      window.removeEventListener('resize', updateSelection);
+    };
+  }, [value, items]);
+  return /*#__PURE__*/require$$2.jsxs("div", {
+    ref: containerRef,
+    role: "tablist",
+    className: cn(SegmentedControlCard_module.segmentedControlCard, className),
+    children: [/*#__PURE__*/require$$2.jsx("div", {
+      ref: selectionRef,
+      "aria-hidden": "true",
+      className: cn(SegmentedControlCard_module.selection, animated && SegmentedControlCard_module.animated)
+    }), items.map(item => {
+      const active = item.value === value;
+      return /*#__PURE__*/require$$2.jsx(SegmentCard.SegmentCard, {
+        ref: active ? activeButtonRef : undefined,
+        active: active,
+        disabled: item.disabled,
+        icon: item.icon,
+        title: item.title,
+        tag: item.tag,
+        description: item.description,
+        onClick: () => {
+          if (item.value !== value) onChange(item.value);
+        }
+      }, item.value);
+    })]
+  });
+};
+
+exports.SegmentedControlCard = SegmentedControlCard;
+//# sourceMappingURL=SegmentedControlCard.cjs.map

package/dist/cjs/segmented-control/SegmentedControlCard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlCard.cjs","sources":["../../../src/segmented-control/SegmentedControlCard.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, useState, type ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport { SegmentCard } from './SegmentCard'\nimport styles from './SegmentedControlCard.module.css'\n\nexport type SegmentCardItem = {\n  value: string\n  title: ReactNode\n  description?: ReactNode\n  icon?: ReactNode\n  tag?: ReactNode\n  disabled?: boolean\n}\n\nexport type SegmentedControlCardProps = {\n  items: SegmentCardItem[]\n  value: string\n  onChange: (value: string) => void\n  className?: string\n}\n\nexport const SegmentedControlCard = ({\n  items,\n  value,\n  onChange,\n  className,\n}: SegmentedControlCardProps) => {\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 highlight 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 style = getComputedStyle(container)\n      const borderLeft = parseFloat(style.borderLeftWidth) || 0\n      const borderTop = parseFloat(style.borderTopWidth) || 0\n      const x = buttonRect.left - containerRect.left - borderLeft\n      const y = buttonRect.top - containerRect.top - borderTop\n\n      selection.style.width = `${buttonRect.width}px`\n      selection.style.height = `${buttonRect.height}px`\n      selection.style.transform = `translate(${x}px, ${y}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.segmentedControlCard, 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          <SegmentCard\n            key={item.value}\n            ref={active ? activeButtonRef : undefined}\n            active={active}\n            disabled={item.disabled}\n            icon={item.icon}\n            title={item.title}\n            tag={item.tag}\n            description={item.description}\n            onClick={() => {\n              if (item.value !== value) onChange(item.value)\n            }}\n          />\n        )\n      })}\n    </div>\n  )\n}\n"],"names":["SegmentedControlCard","_ref","items","value","onChange","className","containerRef","useRef","activeButtonRef","selectionRef","animated","setAnimated","useState","useLayoutEffect","updateSelection","button","current","container","selection","buttonRect","getBoundingClientRect","containerRect","style","getComputedStyle","borderLeft","parseFloat","borderLeftWidth","borderTop","borderTopWidth","x","left","y","top","width","height","transform","window","addEventListener","removeEventListener","_jsxs","ref","role","cn","styles","segmentedControlCard","children","_jsx","map","item","active","SegmentCard","undefined","disabled","icon","title","tag","description","onClick"],"mappings":"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"}

package/dist/cjs/segmented-control/SegmentedControlCard.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"segmentedControlCard":"SegmentedControlCard-module_segmentedControlCard__nifjY","selection":"SegmentedControlCard-module_selection__KOof5","animated":"SegmentedControlCard-module_animated__hOcFv"};
+
+module.exports = styles;
+//# sourceMappingURL=SegmentedControlCard.module.css.cjs.map

package/dist/cjs/segmented-control/SegmentedControlCard.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlCard.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/cjs/slider/Slider.cjs

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

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

@@ -0,0 +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":"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"}

package/dist/cjs/slider/Slider.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"root":"Slider-module_root__ia7J0","track":"Slider-module_track__xeJEZ","bar":"Slider-module_bar__R6PZa","fill":"Slider-module_fill__pNQ7H","mark":"Slider-module_mark__vyfSN","input":"Slider-module_input__ypvWK","fillDisabled":"Slider-module_fillDisabled__uVrDn","labels":"Slider-module_labels__qlcSS","label":"Slider-module_label__HzWMl"};
+
+module.exports = styles;
+//# sourceMappingURL=Slider.module.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

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

@@ -0,0 +1,53 @@
+'use strict';
+
+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 SmallCard = _ref => {
+  let {
+    image,
+    logo,
+    icon,
+    title,
+    description,
+    footer,
+    className,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/require$$2.jsxs("a", {
+    className: cn(SmallCard_module.card, className),
+    ...rest,
+    children: [/*#__PURE__*/require$$2.jsxs("div", {
+      className: SmallCard_module.content,
+      children: [image != null ? /*#__PURE__*/require$$2.jsx("div", {
+        className: SmallCard_module.image,
+        children: image
+      }) : null, /*#__PURE__*/require$$2.jsxs("div", {
+        className: SmallCard_module.header,
+        children: [logo != null ? /*#__PURE__*/require$$2.jsx("span", {
+          className: SmallCard_module.logo,
+          children: logo
+        }) : null, /*#__PURE__*/require$$2.jsx("span", {
+          className: SmallCard_module.title,
+          children: title
+        }), icon != null ? /*#__PURE__*/require$$2.jsx("span", {
+          className: SmallCard_module.icon,
+          "aria-hidden": "true",
+          children: icon
+        }) : null]
+      }), description != null ? /*#__PURE__*/require$$2.jsx("p", {
+        className: SmallCard_module.description,
+        children: description
+      }) : null]
+    }), footer != null ? /*#__PURE__*/require$$2.jsx("div", {
+      className: SmallCard_module.footer,
+      children: footer
+    }) : null]
+  });
+};
+
+exports.SmallCard = SmallCard;
+//# sourceMappingURL=SmallCard.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SmallCard.cjs","sources":["../../../src/small-card/SmallCard.tsx"],"sourcesContent":["import type { AnchorHTMLAttributes, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './SmallCard.module.css'\n\nexport type SmallCardProps = Omit<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  'title'\n> & {\n  /** Fixed-height (120px) media slot above the header — an image or illustration. */\n  image?: ReactNode\n  logo?: ReactNode\n  /** Trailing glyph next to the title — an external-link arrow, a badge, etc. */\n  icon?: ReactNode\n  title: ReactNode\n  description?: ReactNode\n  /** Arbitrary content below the description — wraps in a row, e.g. a list of `Tag`s. */\n  footer?: ReactNode\n}\n\nexport const SmallCard = ({\n  image,\n  logo,\n  icon,\n  title,\n  description,\n  footer,\n  className,\n  ...rest\n}: SmallCardProps) => (\n  <a className={cn(styles.card, className)} {...rest}>\n    <div className={styles.content}>\n      {image != null ? <div className={styles.image}>{image}</div> : null}\n      <div className={styles.header}>\n        {logo != null ? <span className={styles.logo}>{logo}</span> : null}\n        <span className={styles.title}>{title}</span>\n        {icon != null ? (\n          <span className={styles.icon} aria-hidden='true'>\n            {icon}\n          </span>\n        ) : null}\n      </div>\n      {description != null ? (\n        <p className={styles.description}>{description}</p>\n      ) : null}\n    </div>\n    {footer != null ? <div className={styles.footer}>{footer}</div> : null}\n  </a>\n)\n"],"names":["SmallCard","_ref","image","logo","icon","title","description","footer","className","rest","_jsxs","cn","styles","card","children","content","_jsx","header"],"mappings":";;;;;;;;AAqBO,MAAMA,SAAS,GAAGC,IAAA,IAAA;EAAA,IAAC;IACxBC,KAAK;IACLC,IAAI;IACJC,IAAI;IACJC,KAAK;IACLC,WAAW;IACXC,MAAM;IACNC,SAAS;IACT,GAAGC,IAAAA;AACW,GAAC,GAAAR,IAAA,CAAA;AAAA,EAAA,oBACfS,eAAA,CAAA,GAAA,EAAA;IAAGF,SAAS,EAAEG,EAAE,CAACC,gBAAM,CAACC,IAAI,EAAEL,SAAS,CAAE;AAAA,IAAA,GAAKC,IAAI;AAAAK,IAAAA,QAAA,gBAChDJ,eAAA,CAAA,KAAA,EAAA;MAAKF,SAAS,EAAEI,gBAAM,CAACG,OAAQ;AAAAD,MAAAA,QAAA,EAC5BZ,CAAAA,KAAK,IAAI,IAAI,gBAAGc,cAAA,CAAA,KAAA,EAAA;QAAKR,SAAS,EAAEI,gBAAM,CAACV,KAAM;AAAAY,QAAAA,QAAA,EAAEZ,KAAAA;AAAK,OAAM,CAAC,GAAG,IAAI,eACnEQ,eAAA,CAAA,KAAA,EAAA;QAAKF,SAAS,EAAEI,gBAAM,CAACK,MAAO;AAAAH,QAAAA,QAAA,EAC3BX,CAAAA,IAAI,IAAI,IAAI,gBAAGa,cAAA,CAAA,MAAA,EAAA;UAAMR,SAAS,EAAEI,gBAAM,CAACT,IAAK;AAAAW,UAAAA,QAAA,EAAEX,IAAAA;AAAI,SAAO,CAAC,GAAG,IAAI,eAClEa,cAAA,CAAA,MAAA,EAAA;UAAMR,SAAS,EAAEI,gBAAM,CAACP,KAAM;AAAAS,UAAAA,QAAA,EAAET,KAAAA;AAAK,SAAO,CAAC,EAC5CD,IAAI,IAAI,IAAI,gBACXY,cAAA,CAAA,MAAA,EAAA;UAAMR,SAAS,EAAEI,gBAAM,CAACR,IAAK;AAAC,UAAA,aAAA,EAAY,MAAM;AAAAU,UAAAA,QAAA,EAC7CV,IAAAA;SACG,CAAC,GACL,IAAI,CAAA;AAAA,OACL,CAAC,EACLE,WAAW,IAAI,IAAI,gBAClBU,cAAA,CAAA,GAAA,EAAA;QAAGR,SAAS,EAAEI,gBAAM,CAACN,WAAY;AAAAQ,QAAAA,QAAA,EAAER,WAAAA;OAAe,CAAC,GACjD,IAAI,CAAA;AAAA,KACL,CAAC,EACLC,MAAM,IAAI,IAAI,gBAAGS,cAAA,CAAA,KAAA,EAAA;MAAKR,SAAS,EAAEI,gBAAM,CAACL,MAAO;AAAAO,MAAAA,QAAA,EAAEP,MAAAA;KAAY,CAAC,GAAG,IAAI,CAAA;AAAA,GACrE,CAAC,CAAA;AAAA;;;;"}

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

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"card":"SmallCard-module_card__hMEaC","content":"SmallCard-module_content__BuFmY","image":"SmallCard-module_image__1-54G","header":"SmallCard-module_header__p40nO","logo":"SmallCard-module_logo__D4mWb","title":"SmallCard-module_title__ECdum","icon":"SmallCard-module_icon__GJXWd","description":"SmallCard-module_description__Z9Rn1","footer":"SmallCard-module_footer__H1wrh"};
+
+module.exports = styles;
+//# sourceMappingURL=SmallCard.module.css.cjs.map

package/dist/cjs/small-card/SmallCard.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmallCard.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

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

@@ -0,0 +1,67 @@
+'use strict';
+
+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 Tooltip = require('../tooltip/Tooltip.cjs');
+const IconInfo = require('../icons/components/base/IconInfo.cjs');
+
+const StatItem = _ref => {
+  let {
+    label,
+    value,
+    titleIcon,
+    info,
+    icon,
+    subValue,
+    description,
+    align = 'center',
+    className,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/require$$2.jsxs("div", {
+    className: cn(StatItem_module.item, StatItem_module[align], className),
+    ...rest,
+    children: [/*#__PURE__*/require$$2.jsxs("div", {
+      className: StatItem_module.title,
+      children: [titleIcon ? /*#__PURE__*/require$$2.jsx("span", {
+        className: StatItem_module.titleIcon,
+        "aria-hidden": "true",
+        children: titleIcon
+      }) : null, /*#__PURE__*/require$$2.jsx("div", {
+        className: StatItem_module.label,
+        children: label
+      }), info ? /*#__PURE__*/require$$2.jsx(Tooltip.Tooltip, {
+        content: info,
+        className: StatItem_module.info,
+        children: /*#__PURE__*/require$$2.jsx(IconInfo.IconInfo, {
+          className: StatItem_module.infoIcon
+        })
+      }) : null]
+    }), /*#__PURE__*/require$$2.jsxs("div", {
+      className: StatItem_module.valueRow,
+      children: [/*#__PURE__*/require$$2.jsx("div", {
+        className: StatItem_module.value,
+        children: value
+      }), icon != null ? /*#__PURE__*/require$$2.jsx("span", {
+        className: StatItem_module.icon,
+        "aria-hidden": "true",
+        children: icon
+      }) : null, align === 'left' && subValue != null ? /*#__PURE__*/require$$2.jsx("div", {
+        className: StatItem_module.subValue,
+        children: subValue
+      }) : null]
+    }), align === 'center' && subValue != null ? /*#__PURE__*/require$$2.jsx("div", {
+      className: StatItem_module.subValue,
+      children: subValue
+    }) : null, description != null ? /*#__PURE__*/require$$2.jsx("div", {
+      className: StatItem_module.description,
+      children: description
+    }) : null]
+  });
+};
+
+exports.StatItem = StatItem;
+//# sourceMappingURL=StatItem.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatItem.cjs","sources":["../../../src/stat-item/StatItem.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport { IconInfo } from '../icons'\nimport { Tooltip } from '../tooltip'\n\nimport styles from './StatItem.module.css'\n\nexport type StatItemAlign = 'left' | 'center'\n\nexport type StatItemProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {\n  label: ReactNode\n  value: ReactNode\n  titleIcon?: ReactNode\n  info?: ReactNode\n  icon?: ReactNode\n  subValue?: ReactNode\n  description?: ReactNode\n  align?: StatItemAlign\n}\n\nexport const StatItem = ({\n  label,\n  value,\n  titleIcon,\n  info,\n  icon,\n  subValue,\n  description,\n  align = 'center',\n  className,\n  ...rest\n}: StatItemProps) => (\n  <div className={cn(styles.item, styles[align], className)} {...rest}>\n    <div className={styles.title}>\n      {titleIcon ? (\n        <span className={styles.titleIcon} aria-hidden='true'>\n          {titleIcon}\n        </span>\n      ) : null}\n      <div className={styles.label}>{label}</div>\n      {info ? (\n        <Tooltip content={info} className={styles.info}>\n          <IconInfo className={styles.infoIcon} />\n        </Tooltip>\n      ) : null}\n    </div>\n    <div className={styles.valueRow}>\n      <div className={styles.value}>{value}</div>\n      {icon != null ? (\n        <span className={styles.icon} aria-hidden='true'>\n          {icon}\n        </span>\n      ) : null}\n      {align === 'left' && subValue != null ? (\n        <div className={styles.subValue}>{subValue}</div>\n      ) : null}\n    </div>\n    {align === 'center' && subValue != null ? (\n      <div className={styles.subValue}>{subValue}</div>\n    ) : null}\n    {description != null ? (\n      <div className={styles.description}>{description}</div>\n    ) : null}\n  </div>\n)\n"],"names":["StatItem","_ref","label","value","titleIcon","info","icon","subValue","description","align","className","rest","_jsxs","cn","styles","item","children","title","_jsx","Tooltip","content","IconInfo","infoIcon","valueRow"],"mappings":";;;;;;;;;;AAsBO,MAAMA,QAAQ,GAAGC,IAAA,IAAA;EAAA,IAAC;IACvBC,KAAK;IACLC,KAAK;IACLC,SAAS;IACTC,IAAI;IACJC,IAAI;IACJC,QAAQ;IACRC,WAAW;AACXC,IAAAA,KAAK,GAAG,QAAQ;IAChBC,SAAS;IACT,GAAGC,IAAAA;AACU,GAAC,GAAAV,IAAA,CAAA;AAAA,EAAA,oBACdW,eAAA,CAAA,KAAA,EAAA;AAAKF,IAAAA,SAAS,EAAEG,EAAE,CAACC,eAAM,CAACC,IAAI,EAAED,eAAM,CAACL,KAAK,CAAC,EAAEC,SAAS,CAAE;AAAA,IAAA,GAAKC,IAAI;AAAAK,IAAAA,QAAA,gBACjEJ,eAAA,CAAA,KAAA,EAAA;MAAKF,SAAS,EAAEI,eAAM,CAACG,KAAM;MAAAD,QAAA,EAAA,CAC1BZ,SAAS,gBACRc,cAAA,CAAA,MAAA,EAAA;QAAMR,SAAS,EAAEI,eAAM,CAACV,SAAU;AAAC,QAAA,aAAA,EAAY,MAAM;AAAAY,QAAAA,QAAA,EAClDZ,SAAAA;AAAS,OACN,CAAC,GACL,IAAI,eACRc,cAAA,CAAA,KAAA,EAAA;QAAKR,SAAS,EAAEI,eAAM,CAACZ,KAAM;AAAAc,QAAAA,QAAA,EAAEd,KAAAA;AAAK,OAAM,CAAC,EAC1CG,IAAI,gBACHa,cAAA,CAACC,eAAO,EAAA;AAACC,QAAAA,OAAO,EAAEf,IAAK;QAACK,SAAS,EAAEI,eAAM,CAACT,IAAK;QAAAW,QAAA,eAC7CE,cAAA,CAACG,iBAAQ,EAAA;UAACX,SAAS,EAAEI,eAAM,CAACQ,QAAAA;SAAW,CAAA;OAChC,CAAC,GACR,IAAI,CAAA;KACL,CAAC,eACNV,eAAA,CAAA,KAAA,EAAA;MAAKF,SAAS,EAAEI,eAAM,CAACS,QAAS;AAAAP,MAAAA,QAAA,gBAC9BE,cAAA,CAAA,KAAA,EAAA;QAAKR,SAAS,EAAEI,eAAM,CAACX,KAAM;AAAAa,QAAAA,QAAA,EAAEb,KAAAA;AAAK,OAAM,CAAC,EAC1CG,IAAI,IAAI,IAAI,gBACXY,cAAA,CAAA,MAAA,EAAA;QAAMR,SAAS,EAAEI,eAAM,CAACR,IAAK;AAAC,QAAA,aAAA,EAAY,MAAM;AAAAU,QAAAA,QAAA,EAC7CV,IAAAA;AAAI,OACD,CAAC,GACL,IAAI,EACPG,KAAK,KAAK,MAAM,IAAIF,QAAQ,IAAI,IAAI,gBACnCW,cAAA,CAAA,KAAA,EAAA;QAAKR,SAAS,EAAEI,eAAM,CAACP,QAAS;AAAAS,QAAAA,QAAA,EAAET,QAAAA;OAAc,CAAC,GAC/C,IAAI,CAAA;KACL,CAAC,EACLE,KAAK,KAAK,QAAQ,IAAIF,QAAQ,IAAI,IAAI,gBACrCW,cAAA,CAAA,KAAA,EAAA;MAAKR,SAAS,EAAEI,eAAM,CAACP,QAAS;AAAAS,MAAAA,QAAA,EAAET,QAAAA;KAAc,CAAC,GAC/C,IAAI,EACPC,WAAW,IAAI,IAAI,gBAClBU,cAAA,CAAA,KAAA,EAAA;MAAKR,SAAS,EAAEI,eAAM,CAACN,WAAY;AAAAQ,MAAAA,QAAA,EAAER,WAAAA;KAAiB,CAAC,GACrD,IAAI,CAAA;AAAA,GACL,CAAC,CAAA;AAAA;;;;"}

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

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"item":"StatItem-module_item__QRZDs","left":"StatItem-module_left__-Ovy7","title":"StatItem-module_title__FHb51","titleIcon":"StatItem-module_titleIcon__Ma4M2","label":"StatItem-module_label__VE-ss","info":"StatItem-module_info__bfs7P","infoIcon":"StatItem-module_infoIcon__ACfd4","valueRow":"StatItem-module_valueRow__29twm","value":"StatItem-module_value__SNuSG","icon":"StatItem-module_icon__azLse","subValue":"StatItem-module_subValue__cw34j","description":"StatItem-module_description__lwTA2"};
+
+module.exports = styles;
+//# sourceMappingURL=StatItem.module.css.cjs.map

package/dist/cjs/stat-item/StatItem.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatItem.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}