@lidofinance/lido-app-ui 1.4.0 → 1.6.0

package/dist/cjs/accordion/Accordion.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const require$$0 = require('react');
+const react = require('react');
 const cn = require('classnames');
 const Accordion_module = require('./Accordion.module.css.cjs');
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const IconChevronUp = require('../icons/components/base/IconChevronUp.cjs');
 const IconChevronDown = require('../icons/components/base/IconChevronDown.cjs');
 
@@ -18,44 +18,49 @@ const Accordion = _ref => {
     onExpandedChange,
     children,
     className,
+    dataTestId,
     ...rest
   } = _ref;
-  const [uncontrolledExpanded, setUncontrolledExpanded] = require$$0.useState(defaultExpanded);
+  const [uncontrolledExpanded, setUncontrolledExpanded] = react.useState(defaultExpanded);
   const isExpanded = expanded ?? uncontrolledExpanded;
-  const contentId = require$$0.useId();
+  const contentId = react.useId();
   const handleToggle = () => {
     const next = !isExpanded;
     if (expanded == null) setUncontrolledExpanded(next);
     onExpandedChange?.(next);
   };
-  return /*#__PURE__*/require$$2.jsxs("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: cn(Accordion_module.accordion, className, {
       [Accordion_module.borderless]: !border
     }),
+    "data-testid": dataTestId?.root,
     ...rest,
-    children: [/*#__PURE__*/require$$2.jsxs("button", {
+    children: [/*#__PURE__*/jsxRuntime.jsxs("button", {
       type: "button",
       className: Accordion_module.header,
       "aria-expanded": isExpanded,
       "aria-controls": contentId,
       onClick: handleToggle,
-      children: [/*#__PURE__*/require$$2.jsx("span", {
+      "data-testid": dataTestId?.header,
+      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
         className: Accordion_module.title,
+        "data-testid": dataTestId?.title,
         children: title
-      }), /*#__PURE__*/require$$2.jsx("span", {
+      }), /*#__PURE__*/jsxRuntime.jsx("span", {
         className: Accordion_module.chevron,
         "aria-hidden": "true",
-        children: isExpanded ? /*#__PURE__*/require$$2.jsx(IconChevronUp.IconChevronUp, {}) : /*#__PURE__*/require$$2.jsx(IconChevronDown.IconChevronDown, {})
+        children: isExpanded ? /*#__PURE__*/jsxRuntime.jsx(IconChevronUp.IconChevronUp, {}) : /*#__PURE__*/jsxRuntime.jsx(IconChevronDown.IconChevronDown, {})
       })]
-    }), /*#__PURE__*/require$$2.jsx("div", {
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
       id: contentId,
       className: cn(Accordion_module.contentWrapper, {
         [Accordion_module.expanded]: isExpanded
       }),
-      children: /*#__PURE__*/require$$2.jsx("div", {
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
         className: Accordion_module.content,
-        children: /*#__PURE__*/require$$2.jsx("div", {
+        children: /*#__PURE__*/jsxRuntime.jsx("div", {
           className: Accordion_module.contentInner,
+          "data-testid": dataTestId?.content,
           children: children
         })
       })

package/dist/cjs/accordion/Accordion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.cjs","sources":["../../../src/accordion/Accordion.tsx"],"sourcesContent":["import {\n  useId,\n  useState,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react'\n\nimport { IconChevronDown, IconChevronUp } from '../icons'\nimport cn from 'classnames'\n\nimport styles from './Accordion.module.css'\n\nexport type AccordionProps = Omit<ComponentPropsWithoutRef<'div'>, 'title'> & {\n  title: ReactNode\n  border?: boolean\n  defaultExpanded?: boolean\n  expanded?: boolean\n  onExpandedChange?: (expanded: boolean) => void\n}\n\nexport const Accordion = ({\n  title,\n  border = true,\n  defaultExpanded = false,\n  expanded,\n  onExpandedChange,\n  children,\n  className,\n  ...rest\n}: AccordionProps) => {\n  const [uncontrolledExpanded, setUncontrolledExpanded] =\n    useState(defaultExpanded)\n  const isExpanded = expanded ?? uncontrolledExpanded\n  const contentId = useId()\n\n  const handleToggle = () => {\n    const next = !isExpanded\n    if (expanded == null) setUncontrolledExpanded(next)\n    onExpandedChange?.(next)\n  }\n\n  return (\n    <div\n      className={cn(styles.accordion, className, {\n        [styles.borderless]: !border,\n      })}\n      {...rest}\n    >\n      <button\n        type='button'\n        className={styles.header}\n        aria-expanded={isExpanded}\n        aria-controls={contentId}\n        onClick={handleToggle}\n      >\n        <span className={styles.title}>{title}</span>\n        <span className={styles.chevron} aria-hidden='true'>\n          {isExpanded ? <IconChevronUp /> : <IconChevronDown />}\n        </span>\n      </button>\n      <div\n        id={contentId}\n        className={cn(styles.contentWrapper, {\n          [styles.expanded]: isExpanded,\n        })}\n      >\n        <div className={styles.content}>\n          <div className={styles.contentInner}>{children}</div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nAccordion.displayName = 'Accordion'\n"],"names":["Accordion","_ref","title","border","defaultExpanded","expanded","onExpandedChange","children","className","rest","uncontrolledExpanded","setUncontrolledExpanded","useState","isExpanded","contentId","useId","handleToggle","next","_jsxs","cn","styles","accordion","borderless","type","header","onClick","_jsx","chevron","IconChevronUp","IconChevronDown","id","contentWrapper","content","contentInner","displayName"],"mappings":";;;;;;;;;;;AAoBaA,MAAAA,SAAS,GAAGC,IAAA,IASH;EAAA,IATI;IACxBC,KAAK;AACLC,IAAAA,MAAM,GAAG,IAAI;AACbC,IAAAA,eAAe,GAAG,KAAK;IACvBC,QAAQ;IACRC,gBAAgB;IAChBC,QAAQ;IACRC,SAAS;IACT,GAAGC,IAAAA;AACW,GAAC,GAAAR,IAAA,CAAA;EACf,MAAM,CAACS,oBAAoB,EAAEC,uBAAuB,CAAC,GACnDC,mBAAQ,CAACR,eAAe,CAAC,CAAA;AAC3B,EAAA,MAAMS,UAAU,GAAGR,QAAQ,IAAIK,oBAAoB,CAAA;AACnD,EAAA,MAAMI,SAAS,GAAGC,gBAAK,EAAE,CAAA;EAEzB,MAAMC,YAAY,GAAGA,MAAM;IACzB,MAAMC,IAAI,GAAG,CAACJ,UAAU,CAAA;AACxB,IAAA,IAAIR,QAAQ,IAAI,IAAI,EAAEM,uBAAuB,CAACM,IAAI,CAAC,CAAA;IACnDX,gBAAgB,GAAGW,IAAI,CAAC,CAAA;GACzB,CAAA;AAED,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;IACEV,SAAS,EAAEW,EAAE,CAACC,gBAAM,CAACC,SAAS,EAAEb,SAAS,EAAE;AACzC,MAAA,CAACY,gBAAM,CAACE,UAAU,GAAG,CAACnB,MAAAA;AACxB,KAAC,CAAE;AAAA,IAAA,GACCM,IAAI;AAAAF,IAAAA,QAAA,gBAERW,eAAA,CAAA,QAAA,EAAA;AACEK,MAAAA,IAAI,EAAC,QAAQ;MACbf,SAAS,EAAEY,gBAAM,CAACI,MAAO;AACzB,MAAA,eAAA,EAAeX,UAAW;AAC1B,MAAA,eAAA,EAAeC,SAAU;AACzBW,MAAAA,OAAO,EAAET,YAAa;AAAAT,MAAAA,QAAA,gBAEtBmB,cAAA,CAAA,MAAA,EAAA;QAAMlB,SAAS,EAAEY,gBAAM,CAAClB,KAAM;AAAAK,QAAAA,QAAA,EAAEL,KAAAA;OAAY,CAAC,eAC7CwB,cAAA,CAAA,MAAA,EAAA;QAAMlB,SAAS,EAAEY,gBAAM,CAACO,OAAQ;AAAC,QAAA,aAAA,EAAY,MAAM;AAAApB,QAAAA,QAAA,EAChDM,UAAU,gBAAGa,cAAA,CAACE,2BAAa,EAAE,EAAA,CAAC,gBAAGF,cAAA,CAACG,+BAAe,EAAE,EAAA,CAAA;AAAC,OACjD,CAAC,CAAA;KACD,CAAC,eACTH,cAAA,CAAA,KAAA,EAAA;AACEI,MAAAA,EAAE,EAAEhB,SAAU;AACdN,MAAAA,SAAS,EAAEW,EAAE,CAACC,gBAAM,CAACW,cAAc,EAAE;QACnC,CAACX,gBAAM,CAACf,QAAQ,GAAGQ,UAAAA;AACrB,OAAC,CAAE;AAAAN,MAAAA,QAAA,eAEHmB,cAAA,CAAA,KAAA,EAAA;QAAKlB,SAAS,EAAEY,gBAAM,CAACY,OAAQ;AAAAzB,QAAAA,QAAA,eAC7BmB,cAAA,CAAA,KAAA,EAAA;UAAKlB,SAAS,EAAEY,gBAAM,CAACa,YAAa;AAAA1B,UAAAA,QAAA,EAAEA,QAAAA;SAAc,CAAA;OACjD,CAAA;AAAC,KACH,CAAC,CAAA;AAAA,GACH,CAAC,CAAA;AAEV,EAAC;AAEDP,SAAS,CAACkC,WAAW,GAAG,WAAW;;;;"}
+{"version":3,"file":"Accordion.cjs","sources":["../../../src/accordion/Accordion.tsx"],"sourcesContent":["import {\n  useId,\n  useState,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react'\n\nimport { IconChevronDown, IconChevronUp } from '../icons'\nimport cn from 'classnames'\n\nimport styles from './Accordion.module.css'\n\nexport type AccordionDataTestId = {\n  root?: string\n  header?: string\n  title?: string\n  content?: string\n}\n\nexport type AccordionProps = Omit<ComponentPropsWithoutRef<'div'>, 'title'> & {\n  title: ReactNode\n  border?: boolean\n  defaultExpanded?: boolean\n  expanded?: boolean\n  onExpandedChange?: (expanded: boolean) => void\n  dataTestId?: AccordionDataTestId\n}\n\nexport const Accordion = ({\n  title,\n  border = true,\n  defaultExpanded = false,\n  expanded,\n  onExpandedChange,\n  children,\n  className,\n  dataTestId,\n  ...rest\n}: AccordionProps) => {\n  const [uncontrolledExpanded, setUncontrolledExpanded] =\n    useState(defaultExpanded)\n  const isExpanded = expanded ?? uncontrolledExpanded\n  const contentId = useId()\n\n  const handleToggle = () => {\n    const next = !isExpanded\n    if (expanded == null) setUncontrolledExpanded(next)\n    onExpandedChange?.(next)\n  }\n\n  return (\n    <div\n      className={cn(styles.accordion, className, {\n        [styles.borderless]: !border,\n      })}\n      data-testid={dataTestId?.root}\n      {...rest}\n    >\n      <button\n        type='button'\n        className={styles.header}\n        aria-expanded={isExpanded}\n        aria-controls={contentId}\n        onClick={handleToggle}\n        data-testid={dataTestId?.header}\n      >\n        <span className={styles.title} data-testid={dataTestId?.title}>\n          {title}\n        </span>\n        <span className={styles.chevron} aria-hidden='true'>\n          {isExpanded ? <IconChevronUp /> : <IconChevronDown />}\n        </span>\n      </button>\n      <div\n        id={contentId}\n        className={cn(styles.contentWrapper, {\n          [styles.expanded]: isExpanded,\n        })}\n      >\n        <div className={styles.content}>\n          <div\n            className={styles.contentInner}\n            data-testid={dataTestId?.content}\n          >\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nAccordion.displayName = 'Accordion'\n"],"names":["Accordion","_ref","title","border","defaultExpanded","expanded","onExpandedChange","children","className","dataTestId","rest","uncontrolledExpanded","setUncontrolledExpanded","useState","isExpanded","contentId","useId","handleToggle","next","_jsxs","cn","styles","accordion","borderless","root","type","header","onClick","_jsx","chevron","IconChevronUp","IconChevronDown","id","contentWrapper","content","contentInner","displayName"],"mappings":";;;;;;;;;;;AA4BaA,MAAAA,SAAS,GAAGC,IAAA,IAUH;EAAA,IAVI;IACxBC,KAAK;AACLC,IAAAA,MAAM,GAAG,IAAI;AACbC,IAAAA,eAAe,GAAG,KAAK;IACvBC,QAAQ;IACRC,gBAAgB;IAChBC,QAAQ;IACRC,SAAS;IACTC,UAAU;IACV,GAAGC,IAAAA;AACW,GAAC,GAAAT,IAAA,CAAA;EACf,MAAM,CAACU,oBAAoB,EAAEC,uBAAuB,CAAC,GACnDC,cAAQ,CAACT,eAAe,CAAC,CAAA;AAC3B,EAAA,MAAMU,UAAU,GAAGT,QAAQ,IAAIM,oBAAoB,CAAA;AACnD,EAAA,MAAMI,SAAS,GAAGC,WAAK,EAAE,CAAA;EAEzB,MAAMC,YAAY,GAAGA,MAAM;IACzB,MAAMC,IAAI,GAAG,CAACJ,UAAU,CAAA;AACxB,IAAA,IAAIT,QAAQ,IAAI,IAAI,EAAEO,uBAAuB,CAACM,IAAI,CAAC,CAAA;IACnDZ,gBAAgB,GAAGY,IAAI,CAAC,CAAA;GACzB,CAAA;AAED,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;IACEX,SAAS,EAAEY,EAAE,CAACC,gBAAM,CAACC,SAAS,EAAEd,SAAS,EAAE;AACzC,MAAA,CAACa,gBAAM,CAACE,UAAU,GAAG,CAACpB,MAAAA;AACxB,KAAC,CAAE;IACH,aAAaM,EAAAA,UAAU,EAAEe,IAAK;AAAA,IAAA,GAC1Bd,IAAI;AAAAH,IAAAA,QAAA,gBAERY,eAAA,CAAA,QAAA,EAAA;AACEM,MAAAA,IAAI,EAAC,QAAQ;MACbjB,SAAS,EAAEa,gBAAM,CAACK,MAAO;AACzB,MAAA,eAAA,EAAeZ,UAAW;AAC1B,MAAA,eAAA,EAAeC,SAAU;AACzBY,MAAAA,OAAO,EAAEV,YAAa;MACtB,aAAaR,EAAAA,UAAU,EAAEiB,MAAO;AAAAnB,MAAAA,QAAA,gBAEhCqB,cAAA,CAAA,MAAA,EAAA;QAAMpB,SAAS,EAAEa,gBAAM,CAACnB,KAAM;QAAC,aAAaO,EAAAA,UAAU,EAAEP,KAAM;AAAAK,QAAAA,QAAA,EAC3DL,KAAAA;OACG,CAAC,eACP0B,cAAA,CAAA,MAAA,EAAA;QAAMpB,SAAS,EAAEa,gBAAM,CAACQ,OAAQ;AAAC,QAAA,aAAA,EAAY,MAAM;AAAAtB,QAAAA,QAAA,EAChDO,UAAU,gBAAGc,cAAA,CAACE,2BAAa,EAAE,EAAA,CAAC,gBAAGF,cAAA,CAACG,+BAAe,EAAE,EAAA,CAAA;AAAC,OACjD,CAAC,CAAA;KACD,CAAC,eACTH,cAAA,CAAA,KAAA,EAAA;AACEI,MAAAA,EAAE,EAAEjB,SAAU;AACdP,MAAAA,SAAS,EAAEY,EAAE,CAACC,gBAAM,CAACY,cAAc,EAAE;QACnC,CAACZ,gBAAM,CAAChB,QAAQ,GAAGS,UAAAA;AACrB,OAAC,CAAE;AAAAP,MAAAA,QAAA,eAEHqB,cAAA,CAAA,KAAA,EAAA;QAAKpB,SAAS,EAAEa,gBAAM,CAACa,OAAQ;AAAA3B,QAAAA,QAAA,eAC7BqB,cAAA,CAAA,KAAA,EAAA;UACEpB,SAAS,EAAEa,gBAAM,CAACc,YAAa;UAC/B,aAAa1B,EAAAA,UAAU,EAAEyB,OAAQ;AAAA3B,UAAAA,QAAA,EAEhCA,QAAAA;SACE,CAAA;OACF,CAAA;AAAC,KACH,CAAC,CAAA;AAAA,GACH,CAAC,CAAA;AAEV,EAAC;AAEDP,SAAS,CAACoC,WAAW,GAAG,WAAW;;;;"}

package/dist/cjs/badge/Badge.cjs

@@ -4,21 +4,24 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const cn = require('classnames');
 const Badge_module = require('./Badge.module.css.cjs');
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 
 const Badge = _ref => {
   let {
     icon,
     className,
     children,
+    dataTestId,
     ...rest
   } = _ref;
-  return /*#__PURE__*/require$$2.jsxs("span", {
+  return /*#__PURE__*/jsxRuntime.jsxs("span", {
     className: cn(Badge_module.badge, className),
+    "data-testid": dataTestId?.root,
     ...rest,
-    children: [icon && /*#__PURE__*/require$$2.jsx("span", {
+    children: [icon && /*#__PURE__*/jsxRuntime.jsx("span", {
       className: Badge_module.icon,
       "aria-hidden": "true",
+      "data-testid": dataTestId?.icon,
       children: icon
     }), children]
   });

package/dist/cjs/badge/Badge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.cjs","sources":["../../../src/badge/Badge.tsx"],"sourcesContent":["import cn from 'classnames'\nimport type { HTMLAttributes, ReactNode } from 'react'\nimport styles from './Badge.module.css'\n\nexport type BadgeProps = HTMLAttributes<HTMLSpanElement> & {\n  /** Optional glyph before the label. Omitted entirely when not passed. */\n  icon?: ReactNode\n}\n\nexport const Badge = ({ icon, className, children, ...rest }: BadgeProps) => (\n  <span className={cn(styles.badge, className)} {...rest}>\n    {icon && (\n      <span className={styles.icon} aria-hidden='true'>\n        {icon}\n      </span>\n    )}\n    {children}\n  </span>\n)\n"],"names":["Badge","_ref","icon","className","children","rest","_jsxs","cn","styles","badge","_jsx"],"mappings":";;;;;;;;AASO,MAAMA,KAAK,GAAGC,IAAA,IAAA;EAAA,IAAC;IAAEC,IAAI;IAAEC,SAAS;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAiB,GAAC,GAAAJ,IAAA,CAAA;AAAA,EAAA,oBACtEK,eAAA,CAAA,MAAA,EAAA;IAAMH,SAAS,EAAEI,EAAE,CAACC,YAAM,CAACC,KAAK,EAAEN,SAAS,CAAE;AAAA,IAAA,GAAKE,IAAI;IAAAD,QAAA,EAAA,CACnDF,IAAI,iBACHQ,cAAA,CAAA,MAAA,EAAA;MAAMP,SAAS,EAAEK,YAAM,CAACN,IAAK;AAAC,MAAA,aAAA,EAAY,MAAM;AAAAE,MAAAA,QAAA,EAC7CF,IAAAA;KACG,CACP,EACAE,QAAQ,CAAA;AAAA,GACL,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"Badge.cjs","sources":["../../../src/badge/Badge.tsx"],"sourcesContent":["import cn from 'classnames'\nimport type { HTMLAttributes, ReactNode } from 'react'\nimport styles from './Badge.module.css'\n\nexport type BadgeDataTestId = {\n  root?: string\n  icon?: string\n}\n\nexport type BadgeProps = HTMLAttributes<HTMLSpanElement> & {\n  /** Optional glyph before the label. Omitted entirely when not passed. */\n  icon?: ReactNode\n  dataTestId?: BadgeDataTestId\n}\n\nexport const Badge = ({\n  icon,\n  className,\n  children,\n  dataTestId,\n  ...rest\n}: BadgeProps) => (\n  <span\n    className={cn(styles.badge, className)}\n    data-testid={dataTestId?.root}\n    {...rest}\n  >\n    {icon && (\n      <span\n        className={styles.icon}\n        aria-hidden='true'\n        data-testid={dataTestId?.icon}\n      >\n        {icon}\n      </span>\n    )}\n    {children}\n  </span>\n)\n"],"names":["Badge","_ref","icon","className","children","dataTestId","rest","_jsxs","cn","styles","badge","root","_jsx"],"mappings":";;;;;;;;AAeO,MAAMA,KAAK,GAAGC,IAAA,IAAA;EAAA,IAAC;IACpBC,IAAI;IACJC,SAAS;IACTC,QAAQ;IACRC,UAAU;IACV,GAAGC,IAAAA;AACO,GAAC,GAAAL,IAAA,CAAA;AAAA,EAAA,oBACXM,eAAA,CAAA,MAAA,EAAA;IACEJ,SAAS,EAAEK,EAAE,CAACC,YAAM,CAACC,KAAK,EAAEP,SAAS,CAAE;IACvC,aAAaE,EAAAA,UAAU,EAAEM,IAAK;AAAA,IAAA,GAC1BL,IAAI;IAAAF,QAAA,EAAA,CAEPF,IAAI,iBACHU,cAAA,CAAA,MAAA,EAAA;MACET,SAAS,EAAEM,YAAM,CAACP,IAAK;AACvB,MAAA,aAAA,EAAY,MAAM;MAClB,aAAaG,EAAAA,UAAU,EAAEH,IAAK;AAAAE,MAAAA,QAAA,EAE7BF,IAAAA;KACG,CACP,EACAE,QAAQ,CAAA;AAAA,GACL,CAAC,CAAA;AAAA;;;;"}

package/dist/cjs/banner/Banner.cjs

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const cn = require('classnames');
 const Banner_module = require('./Banner.module.css.cjs');
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 
 const Banner = _ref => {
   let {
@@ -13,28 +13,34 @@ const Banner = _ref => {
     description,
     action,
     className,
+    dataTestId,
     ...rest
   } = _ref;
-  return /*#__PURE__*/require$$2.jsxs("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: cn(Banner_module.banner, className),
+    "data-testid": dataTestId?.root,
     ...rest,
-    children: [/*#__PURE__*/require$$2.jsxs("div", {
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: Banner_module.content,
-      children: [icon ? /*#__PURE__*/require$$2.jsx("span", {
+      children: [icon ? /*#__PURE__*/jsxRuntime.jsx("span", {
         className: Banner_module.icon,
+        "data-testid": dataTestId?.icon,
         children: icon
-      }) : null, /*#__PURE__*/require$$2.jsxs("div", {
+      }) : null, /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: Banner_module.text,
-        children: [/*#__PURE__*/require$$2.jsx("p", {
+        children: [/*#__PURE__*/jsxRuntime.jsx("p", {
           className: Banner_module.title,
+          "data-testid": dataTestId?.title,
           children: title
-        }), description ? /*#__PURE__*/require$$2.jsx("p", {
+        }), description ? /*#__PURE__*/jsxRuntime.jsx("p", {
           className: Banner_module.description,
+          "data-testid": dataTestId?.description,
           children: description
         }) : null]
       })]
-    }), action ? /*#__PURE__*/require$$2.jsx("div", {
+    }), action ? /*#__PURE__*/jsxRuntime.jsx("div", {
       className: Banner_module.action,
+      "data-testid": dataTestId?.action,
       children: action
     }) : null]
   });

package/dist/cjs/banner/Banner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.cjs","sources":["../../../src/banner/Banner.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './Banner.module.css'\n\nexport type BannerProps = ComponentPropsWithoutRef<'div'> & {\n  icon?: ReactNode\n  title: ReactNode\n  description?: ReactNode\n  action?: ReactNode\n}\n\nexport const Banner = ({\n  icon,\n  title,\n  description,\n  action,\n  className,\n  ...rest\n}: BannerProps) => (\n  <div className={cn(styles.banner, className)} {...rest}>\n    <div className={styles.content}>\n      {icon ? <span className={styles.icon}>{icon}</span> : null}\n      <div className={styles.text}>\n        <p className={styles.title}>{title}</p>\n        {description ? (\n          <p className={styles.description}>{description}</p>\n        ) : null}\n      </div>\n    </div>\n    {action ? <div className={styles.action}>{action}</div> : null}\n  </div>\n)\n\nBanner.displayName = 'Banner'\n"],"names":["Banner","_ref","icon","title","description","action","className","rest","_jsxs","cn","styles","banner","children","content","_jsx","text","displayName"],"mappings":";;;;;;;;AAaO,MAAMA,MAAM,GAAGC,IAAA,IAAA;EAAA,IAAC;IACrBC,IAAI;IACJC,KAAK;IACLC,WAAW;IACXC,MAAM;IACNC,SAAS;IACT,GAAGC,IAAAA;AACQ,GAAC,GAAAN,IAAA,CAAA;AAAA,EAAA,oBACZO,eAAA,CAAA,KAAA,EAAA;IAAKF,SAAS,EAAEG,EAAE,CAACC,aAAM,CAACC,MAAM,EAAEL,SAAS,CAAE;AAAA,IAAA,GAAKC,IAAI;AAAAK,IAAAA,QAAA,gBACpDJ,eAAA,CAAA,KAAA,EAAA;MAAKF,SAAS,EAAEI,aAAM,CAACG,OAAQ;MAAAD,QAAA,EAAA,CAC5BV,IAAI,gBAAGY,cAAA,CAAA,MAAA,EAAA;QAAMR,SAAS,EAAEI,aAAM,CAACR,IAAK;AAAAU,QAAAA,QAAA,EAAEV,IAAAA;AAAI,OAAO,CAAC,GAAG,IAAI,eAC1DM,eAAA,CAAA,KAAA,EAAA;QAAKF,SAAS,EAAEI,aAAM,CAACK,IAAK;AAAAH,QAAAA,QAAA,gBAC1BE,cAAA,CAAA,GAAA,EAAA;UAAGR,SAAS,EAAEI,aAAM,CAACP,KAAM;AAAAS,UAAAA,QAAA,EAAET,KAAAA;AAAK,SAAI,CAAC,EACtCC,WAAW,gBACVU,cAAA,CAAA,GAAA,EAAA;UAAGR,SAAS,EAAEI,aAAM,CAACN,WAAY;AAAAQ,UAAAA,QAAA,EAAER,WAAAA;SAAe,CAAC,GACjD,IAAI,CAAA;AAAA,OACL,CAAC,CAAA;AAAA,KACH,CAAC,EACLC,MAAM,gBAAGS,cAAA,CAAA,KAAA,EAAA;MAAKR,SAAS,EAAEI,aAAM,CAACL,MAAO;AAAAO,MAAAA,QAAA,EAAEP,MAAAA;KAAY,CAAC,GAAG,IAAI,CAAA;AAAA,GAC3D,CAAC,CAAA;AAAA,EACP;AAEDL,MAAM,CAACgB,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Banner.cjs","sources":["../../../src/banner/Banner.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './Banner.module.css'\n\nexport type BannerDataTestId = {\n  root?: string\n  icon?: string\n  title?: string\n  description?: string\n  action?: string\n}\n\nexport type BannerProps = ComponentPropsWithoutRef<'div'> & {\n  icon?: ReactNode\n  title: ReactNode\n  description?: ReactNode\n  action?: ReactNode\n  dataTestId?: BannerDataTestId\n}\n\nexport const Banner = ({\n  icon,\n  title,\n  description,\n  action,\n  className,\n  dataTestId,\n  ...rest\n}: BannerProps) => (\n  <div\n    className={cn(styles.banner, className)}\n    data-testid={dataTestId?.root}\n    {...rest}\n  >\n    <div className={styles.content}>\n      {icon ? (\n        <span className={styles.icon} data-testid={dataTestId?.icon}>\n          {icon}\n        </span>\n      ) : null}\n      <div className={styles.text}>\n        <p className={styles.title} data-testid={dataTestId?.title}>\n          {title}\n        </p>\n        {description ? (\n          <p\n            className={styles.description}\n            data-testid={dataTestId?.description}\n          >\n            {description}\n          </p>\n        ) : null}\n      </div>\n    </div>\n    {action ? (\n      <div className={styles.action} data-testid={dataTestId?.action}>\n        {action}\n      </div>\n    ) : null}\n  </div>\n)\n\nBanner.displayName = 'Banner'\n"],"names":["Banner","_ref","icon","title","description","action","className","dataTestId","rest","_jsxs","cn","styles","banner","root","children","content","_jsx","text","displayName"],"mappings":";;;;;;;;AAsBO,MAAMA,MAAM,GAAGC,IAAA,IAAA;EAAA,IAAC;IACrBC,IAAI;IACJC,KAAK;IACLC,WAAW;IACXC,MAAM;IACNC,SAAS;IACTC,UAAU;IACV,GAAGC,IAAAA;AACQ,GAAC,GAAAP,IAAA,CAAA;AAAA,EAAA,oBACZQ,eAAA,CAAA,KAAA,EAAA;IACEH,SAAS,EAAEI,EAAE,CAACC,aAAM,CAACC,MAAM,EAAEN,SAAS,CAAE;IACxC,aAAaC,EAAAA,UAAU,EAAEM,IAAK;AAAA,IAAA,GAC1BL,IAAI;AAAAM,IAAAA,QAAA,gBAERL,eAAA,CAAA,KAAA,EAAA;MAAKH,SAAS,EAAEK,aAAM,CAACI,OAAQ;MAAAD,QAAA,EAAA,CAC5BZ,IAAI,gBACHc,cAAA,CAAA,MAAA,EAAA;QAAMV,SAAS,EAAEK,aAAM,CAACT,IAAK;QAAC,aAAaK,EAAAA,UAAU,EAAEL,IAAK;AAAAY,QAAAA,QAAA,EACzDZ,IAAAA;AAAI,OACD,CAAC,GACL,IAAI,eACRO,eAAA,CAAA,KAAA,EAAA;QAAKH,SAAS,EAAEK,aAAM,CAACM,IAAK;AAAAH,QAAAA,QAAA,gBAC1BE,cAAA,CAAA,GAAA,EAAA;UAAGV,SAAS,EAAEK,aAAM,CAACR,KAAM;UAAC,aAAaI,EAAAA,UAAU,EAAEJ,KAAM;AAAAW,UAAAA,QAAA,EACxDX,KAAAA;AAAK,SACL,CAAC,EACHC,WAAW,gBACVY,cAAA,CAAA,GAAA,EAAA;UACEV,SAAS,EAAEK,aAAM,CAACP,WAAY;UAC9B,aAAaG,EAAAA,UAAU,EAAEH,WAAY;AAAAU,UAAAA,QAAA,EAEpCV,WAAAA;SACA,CAAC,GACF,IAAI,CAAA;AAAA,OACL,CAAC,CAAA;AAAA,KACH,CAAC,EACLC,MAAM,gBACLW,cAAA,CAAA,KAAA,EAAA;MAAKV,SAAS,EAAEK,aAAM,CAACN,MAAO;MAAC,aAAaE,EAAAA,UAAU,EAAEF,MAAO;AAAAS,MAAAA,QAAA,EAC5DT,MAAAA;KACE,CAAC,GACJ,IAAI,CAAA;AAAA,GACL,CAAC,CAAA;AAAA,EACP;AAEDL,MAAM,CAACkB,WAAW,GAAG,QAAQ;;;;"}

package/dist/cjs/button/Button.cjs

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const cn = require('classnames');
 const Button_module = require('./Button.module.css.cjs');
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const IconLoaderCircle = require('../icons/components/base/IconLoaderCircle.cjs');
 
 const Button = _ref => {
@@ -18,27 +18,32 @@ const Button = _ref => {
     disabled = false,
     iconLeft,
     iconRight,
+    dataTestId,
     ...rest
   } = _ref;
-  return /*#__PURE__*/require$$2.jsxs("button", {
+  return /*#__PURE__*/jsxRuntime.jsxs("button", {
     type: type,
     disabled: disabled || loading,
     "aria-busy": loading || undefined,
     className: cn(Button_module.button, Button_module[variant], Button_module[size], loading && Button_module.loading, className),
+    "data-testid": dataTestId?.root,
     ...rest,
-    children: [loading ? /*#__PURE__*/require$$2.jsx(IconLoaderCircle.IconLoaderCircle, {
+    children: [loading ? /*#__PURE__*/jsxRuntime.jsx(IconLoaderCircle.IconLoaderCircle, {
       className: Button_module.spinner,
       "aria-hidden": "true"
-    }) : iconLeft != null && /*#__PURE__*/require$$2.jsx("span", {
+    }) : iconLeft != null && /*#__PURE__*/jsxRuntime.jsx("span", {
       className: Button_module.icon,
       "aria-hidden": "true",
+      "data-testid": dataTestId?.iconLeft,
       children: iconLeft
-    }), /*#__PURE__*/require$$2.jsx("span", {
+    }), /*#__PURE__*/jsxRuntime.jsx("span", {
       className: Button_module.content,
+      "data-testid": dataTestId?.content,
       children: children
-    }), !loading && iconRight != null ? /*#__PURE__*/require$$2.jsx("span", {
+    }), !loading && iconRight != null ? /*#__PURE__*/jsxRuntime.jsx("span", {
       className: Button_module.icon,
       "aria-hidden": "true",
+      "data-testid": dataTestId?.iconRight,
       children: iconRight
     }) : null]
   });

package/dist/cjs/button/Button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","sources":["../../../src/button/Button.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport { IconLoaderCircle } from '../icons'\nimport styles from './Button.module.css'\n\nexport type ButtonVariant = 'primary' | 'outline' | 'subtle' | 'ghost' | 'error'\n\nexport type ButtonSize = 'big' | 'small'\n\nexport type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  variant?: ButtonVariant\n  size?: ButtonSize\n  loading?: boolean\n  iconLeft?: ReactNode\n  iconRight?: ReactNode\n}\n\nexport const Button = ({\n  className,\n  children,\n  type = 'button',\n  variant = 'primary',\n  size = 'big',\n  loading = false,\n  disabled = false,\n  iconLeft,\n  iconRight,\n  ...rest\n}: ButtonProps) => (\n  <button\n    type={type}\n    disabled={disabled || loading}\n    aria-busy={loading || undefined}\n    className={cn(\n      styles.button,\n      styles[variant],\n      styles[size],\n      loading && styles.loading,\n      className,\n    )}\n    {...rest}\n  >\n    {loading ? (\n      <IconLoaderCircle className={styles.spinner} aria-hidden='true' />\n    ) : (\n      iconLeft != null && (\n        <span className={styles.icon} aria-hidden='true'>\n          {iconLeft}\n        </span>\n      )\n    )}\n    <span className={styles.content}>{children}</span>\n    {!loading && iconRight != null ? (\n      <span className={styles.icon} aria-hidden='true'>\n        {iconRight}\n      </span>\n    ) : null}\n  </button>\n)\n"],"names":["Button","_ref","className","children","type","variant","size","loading","disabled","iconLeft","iconRight","rest","_jsxs","undefined","cn","styles","button","_jsx","IconLoaderCircle","spinner","icon","content"],"mappings":";;;;;;;;;AAmBO,MAAMA,MAAM,GAAGC,IAAA,IAAA;EAAA,IAAC;IACrBC,SAAS;IACTC,QAAQ;AACRC,IAAAA,IAAI,GAAG,QAAQ;AACfC,IAAAA,OAAO,GAAG,SAAS;AACnBC,IAAAA,IAAI,GAAG,KAAK;AACZC,IAAAA,OAAO,GAAG,KAAK;AACfC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,QAAQ;IACRC,SAAS;IACT,GAAGC,IAAAA;AACQ,GAAC,GAAAV,IAAA,CAAA;AAAA,EAAA,oBACZW,eAAA,CAAA,QAAA,EAAA;AACER,IAAAA,IAAI,EAAEA,IAAK;IACXI,QAAQ,EAAEA,QAAQ,IAAID,OAAQ;IAC9B,WAAWA,EAAAA,OAAO,IAAIM,SAAU;IAChCX,SAAS,EAAEY,EAAE,CACXC,aAAM,CAACC,MAAM,EACbD,aAAM,CAACV,OAAO,CAAC,EACfU,aAAM,CAACT,IAAI,CAAC,EACZC,OAAO,IAAIQ,aAAM,CAACR,OAAO,EACzBL,SACF,CAAE;AAAA,IAAA,GACES,IAAI;AAAAR,IAAAA,QAAA,EAEPI,CAAAA,OAAO,gBACNU,cAAA,CAACC,iCAAgB,EAAA;MAAChB,SAAS,EAAEa,aAAM,CAACI,OAAQ;MAAC,aAAY,EAAA,MAAA;AAAM,KAAE,CAAC,GAElEV,QAAQ,IAAI,IAAI,iBACdQ,cAAA,CAAA,MAAA,EAAA;MAAMf,SAAS,EAAEa,aAAM,CAACK,IAAK;AAAC,MAAA,aAAA,EAAY,MAAM;AAAAjB,MAAAA,QAAA,EAC7CM,QAAAA;KACG,CAET,eACDQ,cAAA,CAAA,MAAA,EAAA;MAAMf,SAAS,EAAEa,aAAM,CAACM,OAAQ;AAAAlB,MAAAA,QAAA,EAAEA,QAAAA;KAAe,CAAC,EACjD,CAACI,OAAO,IAAIG,SAAS,IAAI,IAAI,gBAC5BO,cAAA,CAAA,MAAA,EAAA;MAAMf,SAAS,EAAEa,aAAM,CAACK,IAAK;AAAC,MAAA,aAAA,EAAY,MAAM;AAAAjB,MAAAA,QAAA,EAC7CO,SAAAA;KACG,CAAC,GACL,IAAI,CAAA;AAAA,GACF,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"Button.cjs","sources":["../../../src/button/Button.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport { IconLoaderCircle } from '../icons'\nimport styles from './Button.module.css'\n\nexport type ButtonVariant = 'primary' | 'outline' | 'subtle' | 'ghost' | 'error'\n\nexport type ButtonSize = 'big' | 'small'\n\nexport type ButtonDataTestId = {\n  root?: string\n  iconLeft?: string\n  iconRight?: string\n  content?: string\n}\n\nexport type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  variant?: ButtonVariant\n  size?: ButtonSize\n  loading?: boolean\n  iconLeft?: ReactNode\n  iconRight?: ReactNode\n  dataTestId?: ButtonDataTestId\n}\n\nexport const Button = ({\n  className,\n  children,\n  type = 'button',\n  variant = 'primary',\n  size = 'big',\n  loading = false,\n  disabled = false,\n  iconLeft,\n  iconRight,\n  dataTestId,\n  ...rest\n}: ButtonProps) => (\n  <button\n    type={type}\n    disabled={disabled || loading}\n    aria-busy={loading || undefined}\n    className={cn(\n      styles.button,\n      styles[variant],\n      styles[size],\n      loading && styles.loading,\n      className,\n    )}\n    data-testid={dataTestId?.root}\n    {...rest}\n  >\n    {loading ? (\n      <IconLoaderCircle className={styles.spinner} aria-hidden='true' />\n    ) : (\n      iconLeft != null && (\n        <span\n          className={styles.icon}\n          aria-hidden='true'\n          data-testid={dataTestId?.iconLeft}\n        >\n          {iconLeft}\n        </span>\n      )\n    )}\n    <span className={styles.content} data-testid={dataTestId?.content}>\n      {children}\n    </span>\n    {!loading && iconRight != null ? (\n      <span\n        className={styles.icon}\n        aria-hidden='true'\n        data-testid={dataTestId?.iconRight}\n      >\n        {iconRight}\n      </span>\n    ) : null}\n  </button>\n)\n"],"names":["Button","_ref","className","children","type","variant","size","loading","disabled","iconLeft","iconRight","dataTestId","rest","_jsxs","undefined","cn","styles","button","root","_jsx","IconLoaderCircle","spinner","icon","content"],"mappings":";;;;;;;;;AA2BO,MAAMA,MAAM,GAAGC,IAAA,IAAA;EAAA,IAAC;IACrBC,SAAS;IACTC,QAAQ;AACRC,IAAAA,IAAI,GAAG,QAAQ;AACfC,IAAAA,OAAO,GAAG,SAAS;AACnBC,IAAAA,IAAI,GAAG,KAAK;AACZC,IAAAA,OAAO,GAAG,KAAK;AACfC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,QAAQ;IACRC,SAAS;IACTC,UAAU;IACV,GAAGC,IAAAA;AACQ,GAAC,GAAAX,IAAA,CAAA;AAAA,EAAA,oBACZY,eAAA,CAAA,QAAA,EAAA;AACET,IAAAA,IAAI,EAAEA,IAAK;IACXI,QAAQ,EAAEA,QAAQ,IAAID,OAAQ;IAC9B,WAAWA,EAAAA,OAAO,IAAIO,SAAU;IAChCZ,SAAS,EAAEa,EAAE,CACXC,aAAM,CAACC,MAAM,EACbD,aAAM,CAACX,OAAO,CAAC,EACfW,aAAM,CAACV,IAAI,CAAC,EACZC,OAAO,IAAIS,aAAM,CAACT,OAAO,EACzBL,SACF,CAAE;IACF,aAAaS,EAAAA,UAAU,EAAEO,IAAK;AAAA,IAAA,GAC1BN,IAAI;AAAAT,IAAAA,QAAA,EAEPI,CAAAA,OAAO,gBACNY,cAAA,CAACC,iCAAgB,EAAA;MAAClB,SAAS,EAAEc,aAAM,CAACK,OAAQ;MAAC,aAAY,EAAA,MAAA;AAAM,KAAE,CAAC,GAElEZ,QAAQ,IAAI,IAAI,iBACdU,cAAA,CAAA,MAAA,EAAA;MACEjB,SAAS,EAAEc,aAAM,CAACM,IAAK;AACvB,MAAA,aAAA,EAAY,MAAM;MAClB,aAAaX,EAAAA,UAAU,EAAEF,QAAS;AAAAN,MAAAA,QAAA,EAEjCM,QAAAA;KACG,CAET,eACDU,cAAA,CAAA,MAAA,EAAA;MAAMjB,SAAS,EAAEc,aAAM,CAACO,OAAQ;MAAC,aAAaZ,EAAAA,UAAU,EAAEY,OAAQ;AAAApB,MAAAA,QAAA,EAC/DA,QAAAA;KACG,CAAC,EACN,CAACI,OAAO,IAAIG,SAAS,IAAI,IAAI,gBAC5BS,cAAA,CAAA,MAAA,EAAA;MACEjB,SAAS,EAAEc,aAAM,CAACM,IAAK;AACvB,MAAA,aAAA,EAAY,MAAM;MAClB,aAAaX,EAAAA,UAAU,EAAED,SAAU;AAAAP,MAAAA,QAAA,EAElCO,SAAAA;KACG,CAAC,GACL,IAAI,CAAA;AAAA,GACF,CAAC,CAAA;AAAA;;;;"}

package/dist/cjs/card/Card.cjs

@@ -4,16 +4,18 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const cn = require('classnames');
 const Card_module = require('./Card.module.css.cjs');
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 
 const Card = _ref => {
   let {
     className,
     children,
+    dataTestId,
     ...rest
   } = _ref;
-  return /*#__PURE__*/require$$2.jsx("div", {
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: cn(Card_module.card, className),
+    "data-testid": dataTestId?.root,
     ...rest,
     children: children
   });

package/dist/cjs/card/Card.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.cjs","sources":["../../../src/card/Card.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './Card.module.css'\n\nexport type CardProps = HTMLAttributes<HTMLDivElement>\n\nexport const Card = ({ className, children, ...rest }: CardProps) => (\n  <div className={cn(styles.card, className)} {...rest}>\n    {children}\n  </div>\n)\n"],"names":["Card","_ref","className","children","rest","_jsx","cn","styles","card"],"mappings":";;;;;;;;AAQO,MAAMA,IAAI,GAAGC,IAAA,IAAA;EAAA,IAAC;IAAEC,SAAS;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAgB,GAAC,GAAAH,IAAA,CAAA;AAAA,EAAA,oBAC9DI,cAAA,CAAA,KAAA,EAAA;IAAKH,SAAS,EAAEI,EAAE,CAACC,WAAM,CAACC,IAAI,EAAEN,SAAS,CAAE;AAAA,IAAA,GAAKE,IAAI;AAAAD,IAAAA,QAAA,EACjDA,QAAAA;AAAQ,GACN,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"Card.cjs","sources":["../../../src/card/Card.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './Card.module.css'\n\nexport type CardDataTestId = {\n  root?: string\n}\n\nexport type CardProps = HTMLAttributes<HTMLDivElement> & {\n  dataTestId?: CardDataTestId\n}\n\nexport const Card = ({\n  className,\n  children,\n  dataTestId,\n  ...rest\n}: CardProps) => (\n  <div\n    className={cn(styles.card, className)}\n    data-testid={dataTestId?.root}\n    {...rest}\n  >\n    {children}\n  </div>\n)\n"],"names":["Card","_ref","className","children","dataTestId","rest","_jsx","cn","styles","card","root"],"mappings":";;;;;;;;AAcO,MAAMA,IAAI,GAAGC,IAAA,IAAA;EAAA,IAAC;IACnBC,SAAS;IACTC,QAAQ;IACRC,UAAU;IACV,GAAGC,IAAAA;AACM,GAAC,GAAAJ,IAAA,CAAA;AAAA,EAAA,oBACVK,cAAA,CAAA,KAAA,EAAA;IACEJ,SAAS,EAAEK,EAAE,CAACC,WAAM,CAACC,IAAI,EAAEP,SAAS,CAAE;IACtC,aAAaE,EAAAA,UAAU,EAAEM,IAAK;AAAA,IAAA,GAC1BL,IAAI;AAAAF,IAAAA,QAAA,EAEPA,QAAAA;AAAQ,GACN,CAAC,CAAA;AAAA;;;;"}

package/dist/cjs/checkbox/Checkbox.cjs

@@ -2,38 +2,42 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const require$$0 = require('react');
+const react = require('react');
 const cn = require('classnames');
 const Checkbox_module = require('./Checkbox.module.css.cjs');
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const IconCheck = require('../icons/components/base/IconCheck.cjs');
 
-const Checkbox = /*#__PURE__*/require$$0.forwardRef((_ref, ref) => {
+const Checkbox = /*#__PURE__*/react.forwardRef((_ref, ref) => {
   let {
     label,
     className,
     disabled,
+    dataTestId,
     ...rest
   } = _ref;
-  return /*#__PURE__*/require$$2.jsxs("label", {
+  return /*#__PURE__*/jsxRuntime.jsxs("label", {
     className: cn(Checkbox_module.container, className, {
       [Checkbox_module.containerDisabled]: disabled
     }),
-    children: [/*#__PURE__*/require$$2.jsxs("span", {
+    "data-testid": dataTestId?.root,
+    children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
       className: Checkbox_module.control,
-      children: [/*#__PURE__*/require$$2.jsx("input", {
+      children: [/*#__PURE__*/jsxRuntime.jsx("input", {
         ref: ref,
         type: "checkbox",
         className: Checkbox_module.input,
         disabled: disabled,
+        "data-testid": dataTestId?.input,
         ...rest
-      }), /*#__PURE__*/require$$2.jsx(IconCheck.IconCheck, {
+      }), /*#__PURE__*/jsxRuntime.jsx(IconCheck.IconCheck, {
         className: Checkbox_module.tick
       })]
-    }), label ? /*#__PURE__*/require$$2.jsx("span", {
+    }), label ? /*#__PURE__*/jsxRuntime.jsx("span", {
       className: cn(Checkbox_module.label, {
         [Checkbox_module.labelDisabled]: disabled
       }),
+      "data-testid": dataTestId?.label,
       children: label
     }) : null]
   });

package/dist/cjs/checkbox/Checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","sources":["../../../src/checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, type InputHTMLAttributes, type ReactNode } from 'react'\n\nimport { IconCheck } from '../icons'\nimport cn from 'classnames'\n\nimport styles from './Checkbox.module.css'\n\nexport type CheckboxProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'type'\n> & {\n  label?: ReactNode\n}\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\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          className={styles.input}\n          disabled={disabled}\n          {...rest}\n        />\n        <IconCheck className={styles.tick} />\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\nCheckbox.displayName = 'Checkbox'\n"],"names":["Checkbox","forwardRef","_ref","ref","label","className","disabled","rest","_jsxs","cn","styles","container","containerDisabled","children","control","_jsx","type","input","IconCheck","tick","labelDisabled","displayName"],"mappings":";;;;;;;;;;AAcO,MAAMA,QAAQ,gBAAGC,qBAAU,CAChC,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,eAAM,CAACC,SAAS,EAAEN,SAAS,EAAE;MACzC,CAACK,eAAM,CAACE,iBAAiB,GAAGN,QAAAA;AAC9B,KAAC,CAAE;AAAAO,IAAAA,QAAA,gBAEHL,eAAA,CAAA,MAAA,EAAA;MAAMH,SAAS,EAAEK,eAAM,CAACI,OAAQ;AAAAD,MAAAA,QAAA,gBAC9BE,cAAA,CAAA,OAAA,EAAA;AACEZ,QAAAA,GAAG,EAAEA,GAAI;AACTa,QAAAA,IAAI,EAAC,UAAU;QACfX,SAAS,EAAEK,eAAM,CAACO,KAAM;AACxBX,QAAAA,QAAQ,EAAEA,QAAS;QAAA,GACfC,IAAAA;AAAI,OACT,CAAC,eACFQ,cAAA,CAACG,mBAAS,EAAA;QAACb,SAAS,EAAEK,eAAM,CAACS,IAAAA;AAAK,OAAE,CAAC,CAAA;AAAA,KACjC,CAAC,EACNf,KAAK,gBACJW,cAAA,CAAA,MAAA,EAAA;AACEV,MAAAA,SAAS,EAAEI,EAAE,CAACC,eAAM,CAACN,KAAK,EAAE;QAAE,CAACM,eAAM,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,QAAQ,CAACqB,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"Checkbox.cjs","sources":["../../../src/checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, type InputHTMLAttributes, type ReactNode } from 'react'\n\nimport { IconCheck } from '../icons'\nimport cn from 'classnames'\n\nimport styles from './Checkbox.module.css'\n\nexport type CheckboxDataTestId = {\n  root?: string\n  input?: string\n  label?: string\n}\n\nexport type CheckboxProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'type'\n> & {\n  label?: ReactNode\n  dataTestId?: CheckboxDataTestId\n}\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  ({ label, className, disabled, dataTestId, ...rest }, ref) => (\n    <label\n      className={cn(styles.container, className, {\n        [styles.containerDisabled]: disabled,\n      })}\n      data-testid={dataTestId?.root}\n    >\n      <span className={styles.control}>\n        <input\n          ref={ref}\n          type='checkbox'\n          className={styles.input}\n          disabled={disabled}\n          data-testid={dataTestId?.input}\n          {...rest}\n        />\n        <IconCheck className={styles.tick} />\n      </span>\n      {label ? (\n        <span\n          className={cn(styles.label, { [styles.labelDisabled]: disabled })}\n          data-testid={dataTestId?.label}\n        >\n          {label}\n        </span>\n      ) : null}\n    </label>\n  ),\n)\n\nCheckbox.displayName = 'Checkbox'\n"],"names":["Checkbox","forwardRef","_ref","ref","label","className","disabled","dataTestId","rest","_jsxs","cn","styles","container","containerDisabled","root","children","control","_jsx","type","input","IconCheck","tick","labelDisabled","displayName"],"mappings":";;;;;;;;;;AAqBO,MAAMA,QAAQ,gBAAGC,gBAAU,CAChC,CAAAC,IAAA,EAAsDC,GAAG,KAAA;EAAA,IAAxD;IAAEC,KAAK;IAAEC,SAAS;IAAEC,QAAQ;IAAEC,UAAU;IAAE,GAAGC,IAAAA;AAAK,GAAC,GAAAN,IAAA,CAAA;AAAA,EAAA,oBAClDO,eAAA,CAAA,OAAA,EAAA;IACEJ,SAAS,EAAEK,EAAE,CAACC,eAAM,CAACC,SAAS,EAAEP,SAAS,EAAE;MACzC,CAACM,eAAM,CAACE,iBAAiB,GAAGP,QAAAA;AAC9B,KAAC,CAAE;IACH,aAAaC,EAAAA,UAAU,EAAEO,IAAK;AAAAC,IAAAA,QAAA,gBAE9BN,eAAA,CAAA,MAAA,EAAA;MAAMJ,SAAS,EAAEM,eAAM,CAACK,OAAQ;AAAAD,MAAAA,QAAA,gBAC9BE,cAAA,CAAA,OAAA,EAAA;AACEd,QAAAA,GAAG,EAAEA,GAAI;AACTe,QAAAA,IAAI,EAAC,UAAU;QACfb,SAAS,EAAEM,eAAM,CAACQ,KAAM;AACxBb,QAAAA,QAAQ,EAAEA,QAAS;QACnB,aAAaC,EAAAA,UAAU,EAAEY,KAAM;QAAA,GAC3BX,IAAAA;AAAI,OACT,CAAC,eACFS,cAAA,CAACG,mBAAS,EAAA;QAACf,SAAS,EAAEM,eAAM,CAACU,IAAAA;AAAK,OAAE,CAAC,CAAA;AAAA,KACjC,CAAC,EACNjB,KAAK,gBACJa,cAAA,CAAA,MAAA,EAAA;AACEZ,MAAAA,SAAS,EAAEK,EAAE,CAACC,eAAM,CAACP,KAAK,EAAE;QAAE,CAACO,eAAM,CAACW,aAAa,GAAGhB,QAAAA;AAAS,OAAC,CAAE;MAClE,aAAaC,EAAAA,UAAU,EAAEH,KAAM;AAAAW,MAAAA,QAAA,EAE9BX,KAAAA;KACG,CAAC,GACL,IAAI,CAAA;AAAA,GACH,CAAC,CAAA;AAAA,CAEZ,EAAC;AAEDJ,QAAQ,CAACuB,WAAW,GAAG,UAAU;;;;"}

package/dist/cjs/counter/Counter.cjs

@@ -4,17 +4,19 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const cn = require('classnames');
 const Counter_module = require('./Counter.module.css.cjs');
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 
 const Counter = _ref => {
   let {
     variant = 'default',
     className,
     children,
+    dataTestId,
     ...rest
   } = _ref;
-  return /*#__PURE__*/require$$2.jsx("span", {
+  return /*#__PURE__*/jsxRuntime.jsx("span", {
     className: cn(Counter_module.counter, Counter_module[variant], className),
+    "data-testid": dataTestId?.root,
     ...rest,
     children: children
   });

package/dist/cjs/counter/Counter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Counter.cjs","sources":["../../../src/counter/Counter.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './Counter.module.css'\n\nexport type CounterVariant =\n  | 'default'\n  | 'neutral'\n  | 'error'\n  | 'warning'\n  | 'action'\n  | 'active'\n\nexport type CounterProps = HTMLAttributes<HTMLSpanElement> & {\n  variant?: CounterVariant\n}\n\nexport const Counter = ({\n  variant = 'default',\n  className,\n  children,\n  ...rest\n}: CounterProps) => (\n  <span className={cn(styles.counter, styles[variant], className)} {...rest}>\n    {children}\n  </span>\n)\n"],"names":["Counter","_ref","variant","className","children","rest","_jsx","cn","styles","counter"],"mappings":";;;;;;;;AAkBO,MAAMA,OAAO,GAAGC,IAAA,IAAA;EAAA,IAAC;AACtBC,IAAAA,OAAO,GAAG,SAAS;IACnBC,SAAS;IACTC,QAAQ;IACR,GAAGC,IAAAA;AACS,GAAC,GAAAJ,IAAA,CAAA;AAAA,EAAA,oBACbK,cAAA,CAAA,MAAA,EAAA;AAAMH,IAAAA,SAAS,EAAEI,EAAE,CAACC,cAAM,CAACC,OAAO,EAAED,cAAM,CAACN,OAAO,CAAC,EAAEC,SAAS,CAAE;AAAA,IAAA,GAAKE,IAAI;AAAAD,IAAAA,QAAA,EACtEA,QAAAA;AAAQ,GACL,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"Counter.cjs","sources":["../../../src/counter/Counter.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './Counter.module.css'\n\nexport type CounterVariant =\n  | 'default'\n  | 'neutral'\n  | 'error'\n  | 'warning'\n  | 'action'\n  | 'active'\n\nexport type CounterDataTestId = {\n  root?: string\n}\n\nexport type CounterProps = HTMLAttributes<HTMLSpanElement> & {\n  variant?: CounterVariant\n  dataTestId?: CounterDataTestId\n}\n\nexport const Counter = ({\n  variant = 'default',\n  className,\n  children,\n  dataTestId,\n  ...rest\n}: CounterProps) => (\n  <span\n    className={cn(styles.counter, styles[variant], className)}\n    data-testid={dataTestId?.root}\n    {...rest}\n  >\n    {children}\n  </span>\n)\n"],"names":["Counter","_ref","variant","className","children","dataTestId","rest","_jsx","cn","styles","counter","root"],"mappings":";;;;;;;;AAuBO,MAAMA,OAAO,GAAGC,IAAA,IAAA;EAAA,IAAC;AACtBC,IAAAA,OAAO,GAAG,SAAS;IACnBC,SAAS;IACTC,QAAQ;IACRC,UAAU;IACV,GAAGC,IAAAA;AACS,GAAC,GAAAL,IAAA,CAAA;AAAA,EAAA,oBACbM,cAAA,CAAA,MAAA,EAAA;AACEJ,IAAAA,SAAS,EAAEK,EAAE,CAACC,cAAM,CAACC,OAAO,EAAED,cAAM,CAACP,OAAO,CAAC,EAAEC,SAAS,CAAE;IAC1D,aAAaE,EAAAA,UAAU,EAAEM,IAAK;AAAA,IAAA,GAC1BL,IAAI;AAAAF,IAAAA,QAAA,EAEPA,QAAAA;AAAQ,GACL,CAAC,CAAA;AAAA;;;;"}

package/dist/cjs/data-list/DataList.cjs

@@ -4,16 +4,20 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const cn = require('classnames');
 const DataList_module = require('./DataList.module.css.cjs');
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 
 const DataList = _ref => {
   let {
     children,
     className,
-    divided = false
+    divided = false,
+    dataTestId,
+    ...rest
   } = _ref;
-  return /*#__PURE__*/require$$2.jsx("div", {
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: cn(DataList_module.card, divided && DataList_module.divided, className),
+    "data-testid": dataTestId?.root,
+    ...rest,
     children: children
   });
 };

package/dist/cjs/data-list/DataList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DataList.cjs","sources":["../../../src/data-list/DataList.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './DataList.module.css'\n\nexport type DataListProps = {\n  children: ReactNode\n  className?: string\n  divided?: boolean\n}\n\nexport const DataList = ({\n  children,\n  className,\n  divided = false,\n}: DataListProps) => (\n  <div className={cn(styles.card, divided && styles.divided, className)}>\n    {children}\n  </div>\n)\n"],"names":["DataList","_ref","children","className","divided","_jsx","cn","styles","card"],"mappings":";;;;;;;;AAYO,MAAMA,QAAQ,GAAGC,IAAA,IAAA;EAAA,IAAC;IACvBC,QAAQ;IACRC,SAAS;AACTC,IAAAA,OAAO,GAAG,KAAA;AACG,GAAC,GAAAH,IAAA,CAAA;AAAA,EAAA,oBACdI,cAAA,CAAA,KAAA,EAAA;AAAKF,IAAAA,SAAS,EAAEG,EAAE,CAACC,eAAM,CAACC,IAAI,EAAEJ,OAAO,IAAIG,eAAM,CAACH,OAAO,EAAED,SAAS,CAAE;AAAAD,IAAAA,QAAA,EACnEA,QAAAA;AAAQ,GACN,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"DataList.cjs","sources":["../../../src/data-list/DataList.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './DataList.module.css'\n\nexport type DataListDataTestId = {\n  root?: string\n}\n\nexport type DataListProps = Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'children'\n> & {\n  children: ReactNode\n  divided?: boolean\n  dataTestId?: DataListDataTestId\n}\n\nexport const DataList = ({\n  children,\n  className,\n  divided = false,\n  dataTestId,\n  ...rest\n}: DataListProps) => (\n  <div\n    className={cn(styles.card, divided && styles.divided, className)}\n    data-testid={dataTestId?.root}\n    {...rest}\n  >\n    {children}\n  </div>\n)\n"],"names":["DataList","_ref","children","className","divided","dataTestId","rest","_jsx","cn","styles","card","root"],"mappings":";;;;;;;;AAmBO,MAAMA,QAAQ,GAAGC,IAAA,IAAA;EAAA,IAAC;IACvBC,QAAQ;IACRC,SAAS;AACTC,IAAAA,OAAO,GAAG,KAAK;IACfC,UAAU;IACV,GAAGC,IAAAA;AACU,GAAC,GAAAL,IAAA,CAAA;AAAA,EAAA,oBACdM,cAAA,CAAA,KAAA,EAAA;AACEJ,IAAAA,SAAS,EAAEK,EAAE,CAACC,eAAM,CAACC,IAAI,EAAEN,OAAO,IAAIK,eAAM,CAACL,OAAO,EAAED,SAAS,CAAE;IACjE,aAAaE,EAAAA,UAAU,EAAEM,IAAK;AAAA,IAAA,GAC1BL,IAAI;AAAAJ,IAAAA,QAAA,EAEPA,QAAAA;AAAQ,GACN,CAAC,CAAA;AAAA;;;;"}

package/dist/cjs/data-list/DataListRow.cjs

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const cn = require('classnames');
 const DataList_module = require('./DataList.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');
 
@@ -18,52 +18,61 @@ const DataListRow = _ref => {
     infoFaint = false,
     description,
     descriptionInfo,
-    className
+    className,
+    dataTestId,
+    ...rest
   } = _ref;
-  return /*#__PURE__*/require$$2.jsxs("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: cn(DataList_module.row, className),
-    children: [/*#__PURE__*/require$$2.jsxs("span", {
+    "data-testid": dataTestId?.root,
+    ...rest,
+    children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
       className: DataList_module.mainRow,
-      children: [/*#__PURE__*/require$$2.jsxs("span", {
+      children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
         className: DataList_module.labelGroup,
-        children: [icon ? /*#__PURE__*/require$$2.jsx("span", {
+        children: [icon ? /*#__PURE__*/jsxRuntime.jsx("span", {
           className: DataList_module.leadingIcon,
+          "data-testid": dataTestId?.icon,
           children: icon
-        }) : null, /*#__PURE__*/require$$2.jsx("span", {
+        }) : null, /*#__PURE__*/jsxRuntime.jsx("span", {
           className: DataList_module.label,
+          "data-testid": dataTestId?.label,
           children: label
-        }), info ? /*#__PURE__*/require$$2.jsx(Tooltip.Tooltip, {
+        }), info ? /*#__PURE__*/jsxRuntime.jsx(Tooltip.Tooltip, {
           content: info,
           className: cn(DataList_module.info, infoFaint && DataList_module.infoFaint),
-          children: /*#__PURE__*/require$$2.jsx(IconInfo.IconInfo, {
+          children: /*#__PURE__*/jsxRuntime.jsx(IconInfo.IconInfo, {
             className: DataList_module.infoIcon
           })
         }) : null]
-      }), isChangeValue(value) ? /*#__PURE__*/require$$2.jsxs("span", {
+      }), isChangeValue(value) ? /*#__PURE__*/jsxRuntime.jsxs("span", {
         className: DataList_module.value,
-        children: [/*#__PURE__*/require$$2.jsx("span", {
+        "data-testid": dataTestId?.value,
+        children: [/*#__PURE__*/jsxRuntime.jsx("span", {
           className: DataList_module.valueOld,
           children: value.from
-        }), /*#__PURE__*/require$$2.jsx("span", {
+        }), /*#__PURE__*/jsxRuntime.jsx("span", {
           className: DataList_module.valueArrow,
           "aria-hidden": "true",
           children: "\u2192"
-        }), /*#__PURE__*/require$$2.jsx("span", {
+        }), /*#__PURE__*/jsxRuntime.jsx("span", {
           children: value.to
         })]
-      }) : /*#__PURE__*/require$$2.jsx("span", {
+      }) : /*#__PURE__*/jsxRuntime.jsx("span", {
         className: DataList_module.value,
+        "data-testid": dataTestId?.value,
         children: value
       })]
-    }), description ? /*#__PURE__*/require$$2.jsxs("span", {
+    }), description ? /*#__PURE__*/jsxRuntime.jsxs("span", {
       className: DataList_module.descriptionRow,
-      children: [/*#__PURE__*/require$$2.jsx("span", {
+      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
         className: DataList_module.description,
+        "data-testid": dataTestId?.description,
         children: description
-      }), descriptionInfo ? /*#__PURE__*/require$$2.jsx(Tooltip.Tooltip, {
+      }), descriptionInfo ? /*#__PURE__*/jsxRuntime.jsx(Tooltip.Tooltip, {
         content: descriptionInfo,
         className: DataList_module.info,
-        children: /*#__PURE__*/require$$2.jsx(IconInfo.IconInfo, {
+        children: /*#__PURE__*/jsxRuntime.jsx(IconInfo.IconInfo, {
           className: DataList_module.descriptionIcon
         })
       }) : null]

package/dist/cjs/data-list/DataListRow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DataListRow.cjs","sources":["../../../src/data-list/DataListRow.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nimport { IconInfo } from '../icons'\nimport cn from 'classnames'\nimport { Tooltip } from '../tooltip'\n\nimport styles from './DataList.module.css'\n\nexport type DetailRowValue = ReactNode | { from: ReactNode; to: ReactNode }\n\nexport type DetailRowProps = {\n  label: ReactNode\n  value: DetailRowValue\n  icon?: ReactNode\n  info?: ReactNode\n  infoFaint?: boolean\n  description?: ReactNode\n  descriptionInfo?: ReactNode\n  className?: string\n}\n\nconst isChangeValue = (\n  value: DetailRowValue,\n): value is { from: ReactNode; to: ReactNode } =>\n  typeof value === 'object' &&\n  value !== null &&\n  'from' in value &&\n  'to' in value\n\nexport const DataListRow = ({\n  label,\n  value,\n  icon,\n  info,\n  infoFaint = false,\n  description,\n  descriptionInfo,\n  className,\n}: DetailRowProps) => (\n  <div className={cn(styles.row, className)}>\n    <span className={styles.mainRow}>\n      <span className={styles.labelGroup}>\n        {icon ? <span className={styles.leadingIcon}>{icon}</span> : null}\n        <span className={styles.label}>{label}</span>\n        {info ? (\n          <Tooltip\n            content={info}\n            className={cn(styles.info, infoFaint && styles.infoFaint)}\n          >\n            <IconInfo className={styles.infoIcon} />\n          </Tooltip>\n        ) : null}\n      </span>\n      {isChangeValue(value) ? (\n        <span className={styles.value}>\n          <span className={styles.valueOld}>{value.from}</span>\n          <span className={styles.valueArrow} aria-hidden='true'>\n            →\n          </span>\n          <span>{value.to}</span>\n        </span>\n      ) : (\n        <span className={styles.value}>{value}</span>\n      )}\n    </span>\n    {description ? (\n      <span className={styles.descriptionRow}>\n        <span className={styles.description}>{description}</span>\n        {descriptionInfo ? (\n          <Tooltip content={descriptionInfo} className={styles.info}>\n            <IconInfo className={styles.descriptionIcon} />\n          </Tooltip>\n        ) : null}\n      </span>\n    ) : null}\n  </div>\n)\n"],"names":["isChangeValue","value","DataListRow","_ref","label","icon","info","infoFaint","description","descriptionInfo","className","_jsxs","cn","styles","row","children","mainRow","labelGroup","_jsx","leadingIcon","Tooltip","content","IconInfo","infoIcon","valueOld","from","valueArrow","to","descriptionRow","descriptionIcon"],"mappings":"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"}
+{"version":3,"file":"DataListRow.cjs","sources":["../../../src/data-list/DataListRow.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react'\n\nimport { IconInfo } from '../icons'\nimport cn from 'classnames'\nimport { Tooltip } from '../tooltip'\n\nimport styles from './DataList.module.css'\n\nexport type DetailRowValue = ReactNode | { from: ReactNode; to: ReactNode }\n\nexport type DataListRowDataTestId = {\n  root?: string\n  label?: string\n  value?: string\n  icon?: string\n  description?: string\n}\n\nexport type DetailRowProps = ComponentPropsWithoutRef<'div'> & {\n  label: ReactNode\n  value: DetailRowValue\n  icon?: ReactNode\n  info?: ReactNode\n  infoFaint?: boolean\n  description?: ReactNode\n  descriptionInfo?: ReactNode\n  dataTestId?: DataListRowDataTestId\n}\n\nconst isChangeValue = (\n  value: DetailRowValue,\n): value is { from: ReactNode; to: ReactNode } =>\n  typeof value === 'object' &&\n  value !== null &&\n  'from' in value &&\n  'to' in value\n\nexport const DataListRow = ({\n  label,\n  value,\n  icon,\n  info,\n  infoFaint = false,\n  description,\n  descriptionInfo,\n  className,\n  dataTestId,\n  ...rest\n}: DetailRowProps) => (\n  <div\n    className={cn(styles.row, className)}\n    data-testid={dataTestId?.root}\n    {...rest}\n  >\n    <span className={styles.mainRow}>\n      <span className={styles.labelGroup}>\n        {icon ? (\n          <span className={styles.leadingIcon} data-testid={dataTestId?.icon}>\n            {icon}\n          </span>\n        ) : null}\n        <span className={styles.label} data-testid={dataTestId?.label}>\n          {label}\n        </span>\n        {info ? (\n          <Tooltip\n            content={info}\n            className={cn(styles.info, infoFaint && styles.infoFaint)}\n          >\n            <IconInfo className={styles.infoIcon} />\n          </Tooltip>\n        ) : null}\n      </span>\n      {isChangeValue(value) ? (\n        <span className={styles.value} data-testid={dataTestId?.value}>\n          <span className={styles.valueOld}>{value.from}</span>\n          <span className={styles.valueArrow} aria-hidden='true'>\n            →\n          </span>\n          <span>{value.to}</span>\n        </span>\n      ) : (\n        <span className={styles.value} data-testid={dataTestId?.value}>\n          {value}\n        </span>\n      )}\n    </span>\n    {description ? (\n      <span className={styles.descriptionRow}>\n        <span\n          className={styles.description}\n          data-testid={dataTestId?.description}\n        >\n          {description}\n        </span>\n        {descriptionInfo ? (\n          <Tooltip content={descriptionInfo} className={styles.info}>\n            <IconInfo className={styles.descriptionIcon} />\n          </Tooltip>\n        ) : null}\n      </span>\n    ) : null}\n  </div>\n)\n"],"names":["isChangeValue","value","DataListRow","_ref","label","icon","info","infoFaint","description","descriptionInfo","className","dataTestId","rest","_jsxs","cn","styles","row","root","children","mainRow","labelGroup","_jsx","leadingIcon","Tooltip","content","IconInfo","infoIcon","valueOld","from","valueArrow","to","descriptionRow","descriptionIcon"],"mappings":"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"}

package/dist/cjs/hooks/useOutsideClick.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const require$$0 = require('react');
+const react = require('react');
 
 const useOutsideClick = (ref, onOutside, enabled) => {
-  require$$0.useEffect(() => {
+  react.useEffect(() => {
     if (!enabled) return;
     const handlePointerDown = event => {
       const element = ref.current;

package/dist/cjs/hooks/useOutsideClick.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useOutsideClick.cjs","sources":["../../../src/hooks/useOutsideClick.ts"],"sourcesContent":["import { useEffect, type RefObject } from 'react'\n\nexport const useOutsideClick = (\n  ref: RefObject<HTMLElement | null>,\n  onOutside: () => void,\n  enabled: boolean,\n) => {\n  useEffect(() => {\n    if (!enabled) return\n\n    const handlePointerDown = (event: PointerEvent) => {\n      const element = ref.current\n      if (!element) return\n      if (event.target instanceof Node && element.contains(event.target)) {\n        return\n      }\n      onOutside()\n    }\n\n    document.addEventListener('pointerdown', handlePointerDown, true)\n    return () =>\n      document.removeEventListener('pointerdown', handlePointerDown, true)\n  }, [ref, onOutside, enabled])\n}\n"],"names":["useOutsideClick","ref","onOutside","enabled","useEffect","handlePointerDown","event","element","current","target","Node","contains","document","addEventListener","removeEventListener"],"mappings":";;;;;;AAEO,MAAMA,eAAe,GAAGA,CAC7BC,GAAkC,EAClCC,SAAqB,EACrBC,OAAgB,KACb;AACHC,EAAAA,oBAAS,CAAC,MAAM;IACd,IAAI,CAACD,OAAO,EAAE,OAAA;IAEd,MAAME,iBAAiB,GAAIC,KAAmB,IAAK;AACjD,MAAA,MAAMC,OAAO,GAAGN,GAAG,CAACO,OAAO,CAAA;MAC3B,IAAI,CAACD,OAAO,EAAE,OAAA;AACd,MAAA,IAAID,KAAK,CAACG,MAAM,YAAYC,IAAI,IAAIH,OAAO,CAACI,QAAQ,CAACL,KAAK,CAACG,MAAM,CAAC,EAAE;AAClE,QAAA,OAAA;AACF,OAAA;AACAP,MAAAA,SAAS,EAAE,CAAA;KACZ,CAAA;IAEDU,QAAQ,CAACC,gBAAgB,CAAC,aAAa,EAAER,iBAAiB,EAAE,IAAI,CAAC,CAAA;IACjE,OAAO,MACLO,QAAQ,CAACE,mBAAmB,CAAC,aAAa,EAAET,iBAAiB,EAAE,IAAI,CAAC,CAAA;GACvE,EAAE,CAACJ,GAAG,EAAEC,SAAS,EAAEC,OAAO,CAAC,CAAC,CAAA;AAC/B;;;;"}
+{"version":3,"file":"useOutsideClick.cjs","sources":["../../../src/hooks/useOutsideClick.ts"],"sourcesContent":["import { useEffect, type RefObject } from 'react'\n\nexport const useOutsideClick = (\n  ref: RefObject<HTMLElement | null>,\n  onOutside: () => void,\n  enabled: boolean,\n) => {\n  useEffect(() => {\n    if (!enabled) return\n\n    const handlePointerDown = (event: PointerEvent) => {\n      const element = ref.current\n      if (!element) return\n      if (event.target instanceof Node && element.contains(event.target)) {\n        return\n      }\n      onOutside()\n    }\n\n    document.addEventListener('pointerdown', handlePointerDown, true)\n    return () =>\n      document.removeEventListener('pointerdown', handlePointerDown, true)\n  }, [ref, onOutside, enabled])\n}\n"],"names":["useOutsideClick","ref","onOutside","enabled","useEffect","handlePointerDown","event","element","current","target","Node","contains","document","addEventListener","removeEventListener"],"mappings":";;;;;;AAEO,MAAMA,eAAe,GAAGA,CAC7BC,GAAkC,EAClCC,SAAqB,EACrBC,OAAgB,KACb;AACHC,EAAAA,eAAS,CAAC,MAAM;IACd,IAAI,CAACD,OAAO,EAAE,OAAA;IAEd,MAAME,iBAAiB,GAAIC,KAAmB,IAAK;AACjD,MAAA,MAAMC,OAAO,GAAGN,GAAG,CAACO,OAAO,CAAA;MAC3B,IAAI,CAACD,OAAO,EAAE,OAAA;AACd,MAAA,IAAID,KAAK,CAACG,MAAM,YAAYC,IAAI,IAAIH,OAAO,CAACI,QAAQ,CAACL,KAAK,CAACG,MAAM,CAAC,EAAE;AAClE,QAAA,OAAA;AACF,OAAA;AACAP,MAAAA,SAAS,EAAE,CAAA;KACZ,CAAA;IAEDU,QAAQ,CAACC,gBAAgB,CAAC,aAAa,EAAER,iBAAiB,EAAE,IAAI,CAAC,CAAA;IACjE,OAAO,MACLO,QAAQ,CAACE,mBAAmB,CAAC,aAAa,EAAET,iBAAiB,EAAE,IAAI,CAAC,CAAA;GACvE,EAAE,CAACJ,GAAG,EAAEC,SAAS,EAAEC,OAAO,CAAC,CAAC,CAAA;AAC/B;;;;"}