@lidofinance/lido-app-ui 1.5.0 → 1.7.0

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

@@ -15,35 +15,43 @@ const SmallCard = _ref => {
     description,
     footer,
     className,
+    dataTestId,
     ...rest
   } = _ref;
   return /*#__PURE__*/jsxRuntime.jsxs("a", {
     className: cn(SmallCard_module.card, className),
+    "data-testid": dataTestId?.root,
     ...rest,
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: SmallCard_module.content,
       children: [image != null ? /*#__PURE__*/jsxRuntime.jsx("div", {
         className: SmallCard_module.image,
+        "data-testid": dataTestId?.image,
         children: image
       }) : null, /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: SmallCard_module.header,
         children: [logo != null ? /*#__PURE__*/jsxRuntime.jsx("span", {
           className: SmallCard_module.logo,
+          "data-testid": dataTestId?.logo,
           children: logo
         }) : null, /*#__PURE__*/jsxRuntime.jsx("span", {
           className: SmallCard_module.title,
+          "data-testid": dataTestId?.title,
           children: title
         }), icon != null ? /*#__PURE__*/jsxRuntime.jsx("span", {
           className: SmallCard_module.icon,
           "aria-hidden": "true",
+          "data-testid": dataTestId?.icon,
           children: icon
         }) : null]
       }), description != null ? /*#__PURE__*/jsxRuntime.jsx("p", {
         className: SmallCard_module.description,
+        "data-testid": dataTestId?.description,
         children: description
       }) : null]
     }), footer != null ? /*#__PURE__*/jsxRuntime.jsx("div", {
       className: SmallCard_module.footer,
+      "data-testid": dataTestId?.footer,
       children: footer
     }) : null]
   });

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

@@ -1 +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;;;;"}
+{"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 SmallCardDataTestId = {\n  root?: string\n  image?: string\n  logo?: string\n  icon?: string\n  title?: string\n  description?: string\n  footer?: string\n}\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  dataTestId?: SmallCardDataTestId\n}\n\nexport const SmallCard = ({\n  image,\n  logo,\n  icon,\n  title,\n  description,\n  footer,\n  className,\n  dataTestId,\n  ...rest\n}: SmallCardProps) => (\n  <a\n    className={cn(styles.card, className)}\n    data-testid={dataTestId?.root}\n    {...rest}\n  >\n    <div className={styles.content}>\n      {image != null ? (\n        <div className={styles.image} data-testid={dataTestId?.image}>\n          {image}\n        </div>\n      ) : null}\n      <div className={styles.header}>\n        {logo != null ? (\n          <span className={styles.logo} data-testid={dataTestId?.logo}>\n            {logo}\n          </span>\n        ) : null}\n        <span className={styles.title} data-testid={dataTestId?.title}>\n          {title}\n        </span>\n        {icon != null ? (\n          <span\n            className={styles.icon}\n            aria-hidden='true'\n            data-testid={dataTestId?.icon}\n          >\n            {icon}\n          </span>\n        ) : null}\n      </div>\n      {description != null ? (\n        <p className={styles.description} data-testid={dataTestId?.description}>\n          {description}\n        </p>\n      ) : null}\n    </div>\n    {footer != null ? (\n      <div className={styles.footer} data-testid={dataTestId?.footer}>\n        {footer}\n      </div>\n    ) : null}\n  </a>\n)\n"],"names":["SmallCard","_ref","image","logo","icon","title","description","footer","className","dataTestId","rest","_jsxs","cn","styles","card","root","children","content","_jsx","header"],"mappings":";;;;;;;;AAgCO,MAAMA,SAAS,GAAGC,IAAA,IAAA;EAAA,IAAC;IACxBC,KAAK;IACLC,IAAI;IACJC,IAAI;IACJC,KAAK;IACLC,WAAW;IACXC,MAAM;IACNC,SAAS;IACTC,UAAU;IACV,GAAGC,IAAAA;AACW,GAAC,GAAAT,IAAA,CAAA;AAAA,EAAA,oBACfU,eAAA,CAAA,GAAA,EAAA;IACEH,SAAS,EAAEI,EAAE,CAACC,gBAAM,CAACC,IAAI,EAAEN,SAAS,CAAE;IACtC,aAAaC,EAAAA,UAAU,EAAEM,IAAK;AAAA,IAAA,GAC1BL,IAAI;AAAAM,IAAAA,QAAA,gBAERL,eAAA,CAAA,KAAA,EAAA;MAAKH,SAAS,EAAEK,gBAAM,CAACI,OAAQ;AAAAD,MAAAA,QAAA,EAC5Bd,CAAAA,KAAK,IAAI,IAAI,gBACZgB,cAAA,CAAA,KAAA,EAAA;QAAKV,SAAS,EAAEK,gBAAM,CAACX,KAAM;QAAC,aAAaO,EAAAA,UAAU,EAAEP,KAAM;AAAAc,QAAAA,QAAA,EAC1Dd,KAAAA;AAAK,OACH,CAAC,GACJ,IAAI,eACRS,eAAA,CAAA,KAAA,EAAA;QAAKH,SAAS,EAAEK,gBAAM,CAACM,MAAO;AAAAH,QAAAA,QAAA,EAC3Bb,CAAAA,IAAI,IAAI,IAAI,gBACXe,cAAA,CAAA,MAAA,EAAA;UAAMV,SAAS,EAAEK,gBAAM,CAACV,IAAK;UAAC,aAAaM,EAAAA,UAAU,EAAEN,IAAK;AAAAa,UAAAA,QAAA,EACzDb,IAAAA;AAAI,SACD,CAAC,GACL,IAAI,eACRe,cAAA,CAAA,MAAA,EAAA;UAAMV,SAAS,EAAEK,gBAAM,CAACR,KAAM;UAAC,aAAaI,EAAAA,UAAU,EAAEJ,KAAM;AAAAW,UAAAA,QAAA,EAC3DX,KAAAA;AAAK,SACF,CAAC,EACND,IAAI,IAAI,IAAI,gBACXc,cAAA,CAAA,MAAA,EAAA;UACEV,SAAS,EAAEK,gBAAM,CAACT,IAAK;AACvB,UAAA,aAAA,EAAY,MAAM;UAClB,aAAaK,EAAAA,UAAU,EAAEL,IAAK;AAAAY,UAAAA,QAAA,EAE7BZ,IAAAA;SACG,CAAC,GACL,IAAI,CAAA;AAAA,OACL,CAAC,EACLE,WAAW,IAAI,IAAI,gBAClBY,cAAA,CAAA,GAAA,EAAA;QAAGV,SAAS,EAAEK,gBAAM,CAACP,WAAY;QAAC,aAAaG,EAAAA,UAAU,EAAEH,WAAY;AAAAU,QAAAA,QAAA,EACpEV,WAAAA;OACA,CAAC,GACF,IAAI,CAAA;AAAA,KACL,CAAC,EACLC,MAAM,IAAI,IAAI,gBACbW,cAAA,CAAA,KAAA,EAAA;MAAKV,SAAS,EAAEK,gBAAM,CAACN,MAAO;MAAC,aAAaE,EAAAA,UAAU,EAAEF,MAAO;AAAAS,MAAAA,QAAA,EAC5DT,MAAAA;KACE,CAAC,GACJ,IAAI,CAAA;AAAA,GACP,CAAC,CAAA;AAAA;;;;"}

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

@@ -19,10 +19,12 @@ const StatItem = _ref => {
     description,
     align = 'center',
     className,
+    dataTestId,
     ...rest
   } = _ref;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: cn(StatItem_module.item, StatItem_module[align], className),
+    "data-testid": dataTestId?.root,
     ...rest,
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: StatItem_module.title,
@@ -32,6 +34,7 @@ const StatItem = _ref => {
         children: titleIcon
       }) : null, /*#__PURE__*/jsxRuntime.jsx("div", {
         className: StatItem_module.label,
+        "data-testid": dataTestId?.label,
         children: label
       }), info ? /*#__PURE__*/jsxRuntime.jsx(Tooltip.Tooltip, {
         content: info,
@@ -44,20 +47,25 @@ const StatItem = _ref => {
       className: StatItem_module.valueRow,
       children: [/*#__PURE__*/jsxRuntime.jsx("div", {
         className: StatItem_module.value,
+        "data-testid": dataTestId?.value,
         children: value
       }), icon != null ? /*#__PURE__*/jsxRuntime.jsx("span", {
         className: StatItem_module.icon,
         "aria-hidden": "true",
+        "data-testid": dataTestId?.icon,
         children: icon
       }) : null, align === 'left' && subValue != null ? /*#__PURE__*/jsxRuntime.jsx("div", {
         className: StatItem_module.subValue,
+        "data-testid": dataTestId?.subValue,
         children: subValue
       }) : null]
     }), align === 'center' && subValue != null ? /*#__PURE__*/jsxRuntime.jsx("div", {
       className: StatItem_module.subValue,
+      "data-testid": dataTestId?.subValue,
       children: subValue
     }) : null, description != null ? /*#__PURE__*/jsxRuntime.jsx("div", {
       className: StatItem_module.description,
+      "data-testid": dataTestId?.description,
       children: description
     }) : null]
   });

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

@@ -1 +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;;;;"}
+{"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 StatItemDataTestId = {\n  root?: string\n  label?: string\n  icon?: string\n  value?: string\n  subValue?: string\n  description?: string\n}\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  dataTestId?: StatItemDataTestId\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  dataTestId,\n  ...rest\n}: StatItemProps) => (\n  <div\n    className={cn(styles.item, styles[align], className)}\n    data-testid={dataTestId?.root}\n    {...rest}\n  >\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} data-testid={dataTestId?.label}>\n        {label}\n      </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} data-testid={dataTestId?.value}>\n        {value}\n      </div>\n      {icon != null ? (\n        <span\n          className={styles.icon}\n          aria-hidden='true'\n          data-testid={dataTestId?.icon}\n        >\n          {icon}\n        </span>\n      ) : null}\n      {align === 'left' && subValue != null ? (\n        <div className={styles.subValue} data-testid={dataTestId?.subValue}>\n          {subValue}\n        </div>\n      ) : null}\n    </div>\n    {align === 'center' && subValue != null ? (\n      <div className={styles.subValue} data-testid={dataTestId?.subValue}>\n        {subValue}\n      </div>\n    ) : null}\n    {description != null ? (\n      <div className={styles.description} data-testid={dataTestId?.description}>\n        {description}\n      </div>\n    ) : null}\n  </div>\n)\n"],"names":["StatItem","_ref","label","value","titleIcon","info","icon","subValue","description","align","className","dataTestId","rest","_jsxs","cn","styles","item","root","children","title","_jsx","Tooltip","content","IconInfo","infoIcon","valueRow"],"mappings":";;;;;;;;;;AAgCO,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;IACTC,UAAU;IACV,GAAGC,IAAAA;AACU,GAAC,GAAAX,IAAA,CAAA;AAAA,EAAA,oBACdY,eAAA,CAAA,KAAA,EAAA;AACEH,IAAAA,SAAS,EAAEI,EAAE,CAACC,eAAM,CAACC,IAAI,EAAED,eAAM,CAACN,KAAK,CAAC,EAAEC,SAAS,CAAE;IACrD,aAAaC,EAAAA,UAAU,EAAEM,IAAK;AAAA,IAAA,GAC1BL,IAAI;AAAAM,IAAAA,QAAA,gBAERL,eAAA,CAAA,KAAA,EAAA;MAAKH,SAAS,EAAEK,eAAM,CAACI,KAAM;MAAAD,QAAA,EAAA,CAC1Bd,SAAS,gBACRgB,cAAA,CAAA,MAAA,EAAA;QAAMV,SAAS,EAAEK,eAAM,CAACX,SAAU;AAAC,QAAA,aAAA,EAAY,MAAM;AAAAc,QAAAA,QAAA,EAClDd,SAAAA;AAAS,OACN,CAAC,GACL,IAAI,eACRgB,cAAA,CAAA,KAAA,EAAA;QAAKV,SAAS,EAAEK,eAAM,CAACb,KAAM;QAAC,aAAaS,EAAAA,UAAU,EAAET,KAAM;AAAAgB,QAAAA,QAAA,EAC1DhB,KAAAA;AAAK,OACH,CAAC,EACLG,IAAI,gBACHe,cAAA,CAACC,eAAO,EAAA;AAACC,QAAAA,OAAO,EAAEjB,IAAK;QAACK,SAAS,EAAEK,eAAM,CAACV,IAAK;QAAAa,QAAA,eAC7CE,cAAA,CAACG,iBAAQ,EAAA;UAACb,SAAS,EAAEK,eAAM,CAACS,QAAAA;SAAW,CAAA;OAChC,CAAC,GACR,IAAI,CAAA;KACL,CAAC,eACNX,eAAA,CAAA,KAAA,EAAA;MAAKH,SAAS,EAAEK,eAAM,CAACU,QAAS;AAAAP,MAAAA,QAAA,gBAC9BE,cAAA,CAAA,KAAA,EAAA;QAAKV,SAAS,EAAEK,eAAM,CAACZ,KAAM;QAAC,aAAaQ,EAAAA,UAAU,EAAER,KAAM;AAAAe,QAAAA,QAAA,EAC1Df,KAAAA;AAAK,OACH,CAAC,EACLG,IAAI,IAAI,IAAI,gBACXc,cAAA,CAAA,MAAA,EAAA;QACEV,SAAS,EAAEK,eAAM,CAACT,IAAK;AACvB,QAAA,aAAA,EAAY,MAAM;QAClB,aAAaK,EAAAA,UAAU,EAAEL,IAAK;AAAAY,QAAAA,QAAA,EAE7BZ,IAAAA;AAAI,OACD,CAAC,GACL,IAAI,EACPG,KAAK,KAAK,MAAM,IAAIF,QAAQ,IAAI,IAAI,gBACnCa,cAAA,CAAA,KAAA,EAAA;QAAKV,SAAS,EAAEK,eAAM,CAACR,QAAS;QAAC,aAAaI,EAAAA,UAAU,EAAEJ,QAAS;AAAAW,QAAAA,QAAA,EAChEX,QAAAA;OACE,CAAC,GACJ,IAAI,CAAA;KACL,CAAC,EACLE,KAAK,KAAK,QAAQ,IAAIF,QAAQ,IAAI,IAAI,gBACrCa,cAAA,CAAA,KAAA,EAAA;MAAKV,SAAS,EAAEK,eAAM,CAACR,QAAS;MAAC,aAAaI,EAAAA,UAAU,EAAEJ,QAAS;AAAAW,MAAAA,QAAA,EAChEX,QAAAA;KACE,CAAC,GACJ,IAAI,EACPC,WAAW,IAAI,IAAI,gBAClBY,cAAA,CAAA,KAAA,EAAA;MAAKV,SAAS,EAAEK,eAAM,CAACP,WAAY;MAAC,aAAaG,EAAAA,UAAU,EAAEH,WAAY;AAAAU,MAAAA,QAAA,EACtEV,WAAAA;KACE,CAAC,GACJ,IAAI,CAAA;AAAA,GACL,CAAC,CAAA;AAAA;;;;"}

package/dist/cjs/switch/Switch.cjs

@@ -12,12 +12,14 @@ const Switch = /*#__PURE__*/react.forwardRef((_ref, ref) => {
     label,
     className,
     disabled,
+    dataTestId,
     ...rest
   } = _ref;
   return /*#__PURE__*/jsxRuntime.jsxs("label", {
     className: cn(Switch_module.container, className, {
       [Switch_module.containerDisabled]: disabled
     }),
+    "data-testid": dataTestId?.root,
     children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
       className: Switch_module.control,
       children: [/*#__PURE__*/jsxRuntime.jsx("input", {
@@ -26,6 +28,7 @@ const Switch = /*#__PURE__*/react.forwardRef((_ref, ref) => {
         role: "switch",
         className: Switch_module.input,
         disabled: disabled,
+        "data-testid": dataTestId?.input,
         ...rest
       }), /*#__PURE__*/jsxRuntime.jsx("span", {
         className: Switch_module.knob
@@ -34,6 +37,7 @@ const Switch = /*#__PURE__*/react.forwardRef((_ref, ref) => {
       className: cn(Switch_module.label, {
         [Switch_module.labelDisabled]: disabled
       }),
+      "data-testid": dataTestId?.label,
       children: label
     }) : null]
   });

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

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

package/dist/cjs/tabs/Tab.cjs

@@ -13,6 +13,7 @@ const Tab = /*#__PURE__*/react.forwardRef((_ref, ref) => {
     className,
     children,
     type = 'button',
+    dataTestId,
     ...rest
   } = _ref;
   return /*#__PURE__*/jsxRuntime.jsx("button", {
@@ -21,6 +22,7 @@ const Tab = /*#__PURE__*/react.forwardRef((_ref, ref) => {
     role: "tab",
     "aria-selected": active,
     className: cn(Tab_module.tab, active && Tab_module.active, className),
+    "data-testid": dataTestId?.root,
     ...rest,
     children: children
   });

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

@@ -1 +1 @@
-{"version":3,"file":"Tab.cjs","sources":["../../../src/tabs/Tab.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './Tab.module.css'\n\nexport type TabProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  active?: boolean\n}\n\nexport const Tab = forwardRef<HTMLButtonElement, TabProps>(\n  ({ active = false, className, children, type = 'button', ...rest }, ref) => (\n    <button\n      ref={ref}\n      type={type}\n      role='tab'\n      aria-selected={active}\n      className={cn(styles.tab, active && styles.active, className)}\n      {...rest}\n    >\n      {children}\n    </button>\n  ),\n)\n\nTab.displayName = 'Tab'\n"],"names":["Tab","forwardRef","_ref","ref","active","className","children","type","rest","_jsx","role","cn","styles","tab","displayName"],"mappings":";;;;;;;;;AAUO,MAAMA,GAAG,gBAAGC,gBAAU,CAC3B,CAAAC,IAAA,EAAoEC,GAAG,KAAA;EAAA,IAAtE;AAAEC,IAAAA,MAAM,GAAG,KAAK;IAAEC,SAAS;IAAEC,QAAQ;AAAEC,IAAAA,IAAI,GAAG,QAAQ;IAAE,GAAGC,IAAAA;AAAK,GAAC,GAAAN,IAAA,CAAA;AAAA,EAAA,oBAChEO,cAAA,CAAA,QAAA,EAAA;AACEN,IAAAA,GAAG,EAAEA,GAAI;AACTI,IAAAA,IAAI,EAAEA,IAAK;AACXG,IAAAA,IAAI,EAAC,KAAK;AACV,IAAA,eAAA,EAAeN,MAAO;AACtBC,IAAAA,SAAS,EAAEM,EAAE,CAACC,UAAM,CAACC,GAAG,EAAET,MAAM,IAAIQ,UAAM,CAACR,MAAM,EAAEC,SAAS,CAAE;AAAA,IAAA,GAC1DG,IAAI;AAAAF,IAAAA,QAAA,EAEPA,QAAAA;AAAQ,GACH,CAAC,CAAA;AAAA,CAEb,EAAC;AAEDN,GAAG,CAACc,WAAW,GAAG,KAAK;;;;"}
+{"version":3,"file":"Tab.cjs","sources":["../../../src/tabs/Tab.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './Tab.module.css'\n\nexport type TabDataTestId = {\n  root?: string\n}\n\nexport type TabProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  active?: boolean\n  dataTestId?: TabDataTestId\n}\n\nexport const Tab = forwardRef<HTMLButtonElement, TabProps>(\n  (\n    {\n      active = false,\n      className,\n      children,\n      type = 'button',\n      dataTestId,\n      ...rest\n    },\n    ref,\n  ) => (\n    <button\n      ref={ref}\n      type={type}\n      role='tab'\n      aria-selected={active}\n      className={cn(styles.tab, active && styles.active, className)}\n      data-testid={dataTestId?.root}\n      {...rest}\n    >\n      {children}\n    </button>\n  ),\n)\n\nTab.displayName = 'Tab'\n"],"names":["Tab","forwardRef","_ref","ref","active","className","children","type","dataTestId","rest","_jsx","role","cn","styles","tab","root","displayName"],"mappings":";;;;;;;;;AAeO,MAAMA,GAAG,gBAAGC,gBAAU,CAC3B,CAAAC,IAAA,EASEC,GAAG,KAAA;EAAA,IARH;AACEC,IAAAA,MAAM,GAAG,KAAK;IACdC,SAAS;IACTC,QAAQ;AACRC,IAAAA,IAAI,GAAG,QAAQ;IACfC,UAAU;IACV,GAAGC,IAAAA;AACL,GAAC,GAAAP,IAAA,CAAA;AAAA,EAAA,oBAGDQ,cAAA,CAAA,QAAA,EAAA;AACEP,IAAAA,GAAG,EAAEA,GAAI;AACTI,IAAAA,IAAI,EAAEA,IAAK;AACXI,IAAAA,IAAI,EAAC,KAAK;AACV,IAAA,eAAA,EAAeP,MAAO;AACtBC,IAAAA,SAAS,EAAEO,EAAE,CAACC,UAAM,CAACC,GAAG,EAAEV,MAAM,IAAIS,UAAM,CAACT,MAAM,EAAEC,SAAS,CAAE;IAC9D,aAAaG,EAAAA,UAAU,EAAEO,IAAK;AAAA,IAAA,GAC1BN,IAAI;AAAAH,IAAAA,QAAA,EAEPA,QAAAA;AAAQ,GACH,CAAC,CAAA;AAAA,CAEb,EAAC;AAEDN,GAAG,CAACgB,WAAW,GAAG,KAAK;;;;"}

package/dist/cjs/tabs/Tabs.cjs

@@ -13,7 +13,9 @@ const Tabs = _ref => {
     items,
     value,
     onChange,
-    className
+    className,
+    dataTestId,
+    ...rest
   } = _ref;
   const containerRef = react.useRef(null);
   const activeButtonRef = react.useRef(null);
@@ -43,6 +45,8 @@ const Tabs = _ref => {
     ref: containerRef,
     role: "tablist",
     className: cn(Tabs_module.tabs, className),
+    "data-testid": dataTestId?.root,
+    ...rest,
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       ref: selectionRef,
       "aria-hidden": "true",
@@ -53,6 +57,7 @@ const Tabs = _ref => {
         ref: active ? activeButtonRef : undefined,
         active: active,
         disabled: item.disabled,
+        dataTestId: item.dataTestId,
         onClick: () => {
           if (item.value !== value) onChange(item.value);
         },

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.cjs","sources":["../../../src/tabs/Tabs.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, useState, type ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport { Tab } from './Tab'\nimport styles from './Tabs.module.css'\n\nexport type TabItem = {\n  value: string\n  label: ReactNode\n  disabled?: boolean\n}\n\nexport type TabsProps = {\n  items: TabItem[]\n  value: string\n  onChange: (value: string) => void\n  className?: string\n}\n\nexport const Tabs = ({ items, value, onChange, className }: TabsProps) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const activeButtonRef = useRef<HTMLButtonElement>(null)\n  const selectionRef = useRef<HTMLDivElement>(null)\n  // Skip the transition on the first measurement so the bar doesn't fly in from 0,0.\n  const [animated, setAnimated] = useState(false)\n\n  useLayoutEffect(() => {\n    const updateSelection = () => {\n      const button = activeButtonRef.current\n      const container = containerRef.current\n      const selection = selectionRef.current\n      if (!button || !container || !selection) return\n\n      const buttonRect = button.getBoundingClientRect()\n      const containerRect = container.getBoundingClientRect()\n      const x = buttonRect.left - containerRect.left\n\n      selection.style.width = `${buttonRect.width}px`\n      selection.style.transform = `translateX(${x}px)`\n    }\n\n    updateSelection()\n    setAnimated(true)\n\n    window.addEventListener('resize', updateSelection)\n    return () => {\n      window.removeEventListener('resize', updateSelection)\n    }\n  }, [value, items])\n\n  return (\n    <div\n      ref={containerRef}\n      role='tablist'\n      className={cn(styles.tabs, className)}\n    >\n      <div\n        ref={selectionRef}\n        aria-hidden='true'\n        className={cn(styles.selection, animated && styles.animated)}\n      />\n      {items.map((item) => {\n        const active = item.value === value\n        return (\n          <Tab\n            key={item.value}\n            ref={active ? activeButtonRef : undefined}\n            active={active}\n            disabled={item.disabled}\n            onClick={() => {\n              if (item.value !== value) onChange(item.value)\n            }}\n          >\n            {item.label}\n          </Tab>\n        )\n      })}\n    </div>\n  )\n}\n"],"names":["Tabs","_ref","items","value","onChange","className","containerRef","useRef","activeButtonRef","selectionRef","animated","setAnimated","useState","useLayoutEffect","updateSelection","button","current","container","selection","buttonRect","getBoundingClientRect","containerRect","x","left","style","width","transform","window","addEventListener","removeEventListener","_jsxs","ref","role","cn","styles","tabs","children","_jsx","map","item","active","Tab","undefined","disabled","onClick","label"],"mappings":"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"}
+{"version":3,"file":"Tabs.cjs","sources":["../../../src/tabs/Tabs.tsx"],"sourcesContent":["import {\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react'\n\nimport cn from 'classnames'\n\nimport { Tab, type TabDataTestId } from './Tab'\nimport styles from './Tabs.module.css'\n\nexport type TabsDataTestId = {\n  root?: string\n}\n\nexport type TabItem = {\n  value: string\n  label: ReactNode\n  disabled?: boolean\n  dataTestId?: TabDataTestId\n}\n\nexport type TabsProps = Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> & {\n  items: TabItem[]\n  value: string\n  onChange: (value: string) => void\n  dataTestId?: TabsDataTestId\n}\n\nexport const Tabs = ({\n  items,\n  value,\n  onChange,\n  className,\n  dataTestId,\n  ...rest\n}: TabsProps) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const activeButtonRef = useRef<HTMLButtonElement>(null)\n  const selectionRef = useRef<HTMLDivElement>(null)\n  // Skip the transition on the first measurement so the bar doesn't fly in from 0,0.\n  const [animated, setAnimated] = useState(false)\n\n  useLayoutEffect(() => {\n    const updateSelection = () => {\n      const button = activeButtonRef.current\n      const container = containerRef.current\n      const selection = selectionRef.current\n      if (!button || !container || !selection) return\n\n      const buttonRect = button.getBoundingClientRect()\n      const containerRect = container.getBoundingClientRect()\n      const x = buttonRect.left - containerRect.left\n\n      selection.style.width = `${buttonRect.width}px`\n      selection.style.transform = `translateX(${x}px)`\n    }\n\n    updateSelection()\n    setAnimated(true)\n\n    window.addEventListener('resize', updateSelection)\n    return () => {\n      window.removeEventListener('resize', updateSelection)\n    }\n  }, [value, items])\n\n  return (\n    <div\n      ref={containerRef}\n      role='tablist'\n      className={cn(styles.tabs, className)}\n      data-testid={dataTestId?.root}\n      {...rest}\n    >\n      <div\n        ref={selectionRef}\n        aria-hidden='true'\n        className={cn(styles.selection, animated && styles.animated)}\n      />\n      {items.map((item) => {\n        const active = item.value === value\n        return (\n          <Tab\n            key={item.value}\n            ref={active ? activeButtonRef : undefined}\n            active={active}\n            disabled={item.disabled}\n            dataTestId={item.dataTestId}\n            onClick={() => {\n              if (item.value !== value) onChange(item.value)\n            }}\n          >\n            {item.label}\n          </Tab>\n        )\n      })}\n    </div>\n  )\n}\n"],"names":["Tabs","_ref","items","value","onChange","className","dataTestId","rest","containerRef","useRef","activeButtonRef","selectionRef","animated","setAnimated","useState","useLayoutEffect","updateSelection","button","current","container","selection","buttonRect","getBoundingClientRect","containerRect","x","left","style","width","transform","window","addEventListener","removeEventListener","_jsxs","ref","role","cn","styles","tabs","root","children","_jsx","map","item","active","Tab","undefined","disabled","onClick","label"],"mappings":";;;;;;;;;;AA+BaA,MAAAA,IAAI,GAAGC,IAAA,IAOH;EAAA,IAPI;IACnBC,KAAK;IACLC,KAAK;IACLC,QAAQ;IACRC,SAAS;IACTC,UAAU;IACV,GAAGC,IAAAA;AACM,GAAC,GAAAN,IAAA,CAAA;AACV,EAAA,MAAMO,YAAY,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAA;AACjD,EAAA,MAAMC,eAAe,GAAGD,YAAM,CAAoB,IAAI,CAAC,CAAA;AACvD,EAAA,MAAME,YAAY,GAAGF,YAAM,CAAiB,IAAI,CAAC,CAAA;AACjD;EACA,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;AAE/CC,EAAAA,qBAAe,CAAC,MAAM;IACpB,MAAMC,eAAe,GAAGA,MAAM;AAC5B,MAAA,MAAMC,MAAM,GAAGP,eAAe,CAACQ,OAAO,CAAA;AACtC,MAAA,MAAMC,SAAS,GAAGX,YAAY,CAACU,OAAO,CAAA;AACtC,MAAA,MAAME,SAAS,GAAGT,YAAY,CAACO,OAAO,CAAA;MACtC,IAAI,CAACD,MAAM,IAAI,CAACE,SAAS,IAAI,CAACC,SAAS,EAAE,OAAA;AAEzC,MAAA,MAAMC,UAAU,GAAGJ,MAAM,CAACK,qBAAqB,EAAE,CAAA;AACjD,MAAA,MAAMC,aAAa,GAAGJ,SAAS,CAACG,qBAAqB,EAAE,CAAA;MACvD,MAAME,CAAC,GAAGH,UAAU,CAACI,IAAI,GAAGF,aAAa,CAACE,IAAI,CAAA;MAE9CL,SAAS,CAACM,KAAK,CAACC,KAAK,GAAG,CAAGN,EAAAA,UAAU,CAACM,KAAK,CAAI,EAAA,CAAA,CAAA;AAC/CP,MAAAA,SAAS,CAACM,KAAK,CAACE,SAAS,GAAG,CAAA,WAAA,EAAcJ,CAAC,CAAK,GAAA,CAAA,CAAA;KACjD,CAAA;AAEDR,IAAAA,eAAe,EAAE,CAAA;IACjBH,WAAW,CAAC,IAAI,CAAC,CAAA;AAEjBgB,IAAAA,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEd,eAAe,CAAC,CAAA;AAClD,IAAA,OAAO,MAAM;AACXa,MAAAA,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEf,eAAe,CAAC,CAAA;KACtD,CAAA;AACH,GAAC,EAAE,CAACb,KAAK,EAAED,KAAK,CAAC,CAAC,CAAA;AAElB,EAAA,oBACE8B,eAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,GAAG,EAAEzB,YAAa;AAClB0B,IAAAA,IAAI,EAAC,SAAS;IACd7B,SAAS,EAAE8B,EAAE,CAACC,WAAM,CAACC,IAAI,EAAEhC,SAAS,CAAE;IACtC,aAAaC,EAAAA,UAAU,EAAEgC,IAAK;AAAA,IAAA,GAC1B/B,IAAI;AAAAgC,IAAAA,QAAA,gBAERC,cAAA,CAAA,KAAA,EAAA;AACEP,MAAAA,GAAG,EAAEtB,YAAa;AAClB,MAAA,aAAA,EAAY,MAAM;MAClBN,SAAS,EAAE8B,EAAE,CAACC,WAAM,CAAChB,SAAS,EAAER,QAAQ,IAAIwB,WAAM,CAACxB,QAAQ,CAAA;AAAE,KAC9D,CAAC,EACDV,KAAK,CAACuC,GAAG,CAAEC,IAAI,IAAK;AACnB,MAAA,MAAMC,MAAM,GAAGD,IAAI,CAACvC,KAAK,KAAKA,KAAK,CAAA;MACnC,oBACEqC,cAAA,CAACI,OAAG,EAAA;AAEFX,QAAAA,GAAG,EAAEU,MAAM,GAAGjC,eAAe,GAAGmC,SAAU;AAC1CF,QAAAA,MAAM,EAAEA,MAAO;QACfG,QAAQ,EAAEJ,IAAI,CAACI,QAAS;QACxBxC,UAAU,EAAEoC,IAAI,CAACpC,UAAW;QAC5ByC,OAAO,EAAEA,MAAM;UACb,IAAIL,IAAI,CAACvC,KAAK,KAAKA,KAAK,EAAEC,QAAQ,CAACsC,IAAI,CAACvC,KAAK,CAAC,CAAA;SAC9C;QAAAoC,QAAA,EAEDG,IAAI,CAACM,KAAAA;OATDN,EAAAA,IAAI,CAACvC,KAUP,CAAC,CAAA;AAEV,KAAC,CAAC,CAAA;AAAA,GACC,CAAC,CAAA;AAEV;;;;"}

package/dist/cjs/tag/Tag.cjs

@@ -14,20 +14,24 @@ const Tag = _ref => {
     onClose,
     className,
     children,
+    dataTestId,
     ...rest
   } = _ref;
   return /*#__PURE__*/jsxRuntime.jsxs("span", {
     className: cn(Tag_module.tag, Tag_module[variant], className),
+    "data-testid": dataTestId?.root,
     ...rest,
     children: [icon != null ? /*#__PURE__*/jsxRuntime.jsx("span", {
       className: Tag_module.icon,
       "aria-hidden": "true",
+      "data-testid": dataTestId?.icon,
       children: icon
     }) : null, children, onClose ? /*#__PURE__*/jsxRuntime.jsx("button", {
       type: "button",
       className: Tag_module.closeButton,
       "aria-label": "Remove",
       onClick: onClose,
+      "data-testid": dataTestId?.closeButton,
       children: /*#__PURE__*/jsxRuntime.jsx(IconCross.IconCross, {
         "aria-hidden": "true"
       })

package/dist/cjs/tag/Tag.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.cjs","sources":["../../../src/tag/Tag.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport { IconCross } from '../icons'\nimport styles from './Tag.module.css'\n\nexport type TagVariant =\n  | 'default'\n  | 'neutral'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'info'\n  | 'active'\n  | 'action'\n\nexport type TagProps = HTMLAttributes<HTMLSpanElement> & {\n  variant?: TagVariant\n  icon?: ReactNode\n  onClose?: () => void\n}\n\nexport const Tag = ({\n  variant = 'default',\n  icon,\n  onClose,\n  className,\n  children,\n  ...rest\n}: TagProps) => (\n  <span className={cn(styles.tag, styles[variant], className)} {...rest}>\n    {icon != null ? (\n      <span className={styles.icon} aria-hidden='true'>\n        {icon}\n      </span>\n    ) : null}\n    {children}\n    {onClose ? (\n      <button\n        type='button'\n        className={styles.closeButton}\n        aria-label='Remove'\n        onClick={onClose}\n      >\n        <IconCross aria-hidden='true' />\n      </button>\n    ) : null}\n  </span>\n)\n"],"names":["Tag","_ref","variant","icon","onClose","className","children","rest","_jsxs","cn","styles","tag","_jsx","type","closeButton","onClick","IconCross"],"mappings":";;;;;;;;;AAuBO,MAAMA,GAAG,GAAGC,IAAA,IAAA;EAAA,IAAC;AAClBC,IAAAA,OAAO,GAAG,SAAS;IACnBC,IAAI;IACJC,OAAO;IACPC,SAAS;IACTC,QAAQ;IACR,GAAGC,IAAAA;AACK,GAAC,GAAAN,IAAA,CAAA;AAAA,EAAA,oBACTO,eAAA,CAAA,MAAA,EAAA;AAAMH,IAAAA,SAAS,EAAEI,EAAE,CAACC,UAAM,CAACC,GAAG,EAAED,UAAM,CAACR,OAAO,CAAC,EAAEG,SAAS,CAAE;AAAA,IAAA,GAAKE,IAAI;AAAAD,IAAAA,QAAA,EAClEH,CAAAA,IAAI,IAAI,IAAI,gBACXS,cAAA,CAAA,MAAA,EAAA;MAAMP,SAAS,EAAEK,UAAM,CAACP,IAAK;AAAC,MAAA,aAAA,EAAY,MAAM;AAAAG,MAAAA,QAAA,EAC7CH,IAAAA;KACG,CAAC,GACL,IAAI,EACPG,QAAQ,EACRF,OAAO,gBACNQ,cAAA,CAAA,QAAA,EAAA;AACEC,MAAAA,IAAI,EAAC,QAAQ;MACbR,SAAS,EAAEK,UAAM,CAACI,WAAY;AAC9B,MAAA,YAAA,EAAW,QAAQ;AACnBC,MAAAA,OAAO,EAAEX,OAAQ;MAAAE,QAAA,eAEjBM,cAAA,CAACI,mBAAS,EAAA;QAAC,aAAY,EAAA,MAAA;OAAQ,CAAA;KACzB,CAAC,GACP,IAAI,CAAA;AAAA,GACJ,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"Tag.cjs","sources":["../../../src/tag/Tag.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport { IconCross } from '../icons'\nimport styles from './Tag.module.css'\n\nexport type TagVariant =\n  | 'default'\n  | 'neutral'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'info'\n  | 'active'\n  | 'action'\n\nexport type TagDataTestId = {\n  root?: string\n  icon?: string\n  closeButton?: string\n}\n\nexport type TagProps = HTMLAttributes<HTMLSpanElement> & {\n  variant?: TagVariant\n  icon?: ReactNode\n  onClose?: () => void\n  dataTestId?: TagDataTestId\n}\n\nexport const Tag = ({\n  variant = 'default',\n  icon,\n  onClose,\n  className,\n  children,\n  dataTestId,\n  ...rest\n}: TagProps) => (\n  <span\n    className={cn(styles.tag, styles[variant], className)}\n    data-testid={dataTestId?.root}\n    {...rest}\n  >\n    {icon != null ? (\n      <span\n        className={styles.icon}\n        aria-hidden='true'\n        data-testid={dataTestId?.icon}\n      >\n        {icon}\n      </span>\n    ) : null}\n    {children}\n    {onClose ? (\n      <button\n        type='button'\n        className={styles.closeButton}\n        aria-label='Remove'\n        onClick={onClose}\n        data-testid={dataTestId?.closeButton}\n      >\n        <IconCross aria-hidden='true' />\n      </button>\n    ) : null}\n  </span>\n)\n"],"names":["Tag","_ref","variant","icon","onClose","className","children","dataTestId","rest","_jsxs","cn","styles","tag","root","_jsx","type","closeButton","onClick","IconCross"],"mappings":";;;;;;;;;AA8BO,MAAMA,GAAG,GAAGC,IAAA,IAAA;EAAA,IAAC;AAClBC,IAAAA,OAAO,GAAG,SAAS;IACnBC,IAAI;IACJC,OAAO;IACPC,SAAS;IACTC,QAAQ;IACRC,UAAU;IACV,GAAGC,IAAAA;AACK,GAAC,GAAAP,IAAA,CAAA;AAAA,EAAA,oBACTQ,eAAA,CAAA,MAAA,EAAA;AACEJ,IAAAA,SAAS,EAAEK,EAAE,CAACC,UAAM,CAACC,GAAG,EAAED,UAAM,CAACT,OAAO,CAAC,EAAEG,SAAS,CAAE;IACtD,aAAaE,EAAAA,UAAU,EAAEM,IAAK;AAAA,IAAA,GAC1BL,IAAI;AAAAF,IAAAA,QAAA,EAEPH,CAAAA,IAAI,IAAI,IAAI,gBACXW,cAAA,CAAA,MAAA,EAAA;MACET,SAAS,EAAEM,UAAM,CAACR,IAAK;AACvB,MAAA,aAAA,EAAY,MAAM;MAClB,aAAaI,EAAAA,UAAU,EAAEJ,IAAK;AAAAG,MAAAA,QAAA,EAE7BH,IAAAA;KACG,CAAC,GACL,IAAI,EACPG,QAAQ,EACRF,OAAO,gBACNU,cAAA,CAAA,QAAA,EAAA;AACEC,MAAAA,IAAI,EAAC,QAAQ;MACbV,SAAS,EAAEM,UAAM,CAACK,WAAY;AAC9B,MAAA,YAAA,EAAW,QAAQ;AACnBC,MAAAA,OAAO,EAAEb,OAAQ;MACjB,aAAaG,EAAAA,UAAU,EAAES,WAAY;MAAAV,QAAA,eAErCQ,cAAA,CAACI,mBAAS,EAAA;QAAC,aAAY,EAAA,MAAA;OAAQ,CAAA;KACzB,CAAC,GACP,IAAI,CAAA;AAAA,GACJ,CAAC,CAAA;AAAA;;;;"}

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

@@ -8,6 +8,7 @@ const jsxRuntime = require('react/jsx-runtime');
 
 const TextLink = _ref => {
   let {
+    variant = 'primary',
     icon,
     external = false,
     disabled = false,
@@ -17,20 +18,23 @@ const TextLink = _ref => {
     rel,
     href,
     onClick,
+    dataTestId,
     ...rest
   } = _ref;
   return /*#__PURE__*/jsxRuntime.jsxs("a", {
-    className: cn(TextLink_module.link, className),
+    className: cn(TextLink_module.link, TextLink_module[variant], className),
     target: target ?? (external ? '_blank' : undefined),
     rel: rel ?? (external ? 'noopener noreferrer' : undefined),
     href: disabled ? undefined : href,
     "aria-disabled": disabled || undefined,
     tabIndex: disabled ? -1 : undefined,
     onClick: disabled ? undefined : onClick,
+    "data-testid": dataTestId?.root,
     ...rest,
     children: [children, icon != null ? /*#__PURE__*/jsxRuntime.jsx("span", {
       className: TextLink_module.icon,
       "aria-hidden": "true",
+      "data-testid": dataTestId?.icon,
       children: icon
     }) : null]
   });

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

@@ -1 +1 @@
-{"version":3,"file":"TextLink.cjs","sources":["../../../src/text-link/TextLink.tsx"],"sourcesContent":["import type { AnchorHTMLAttributes, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './TextLink.module.css'\n\nexport type TextLinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {\n  icon?: ReactNode\n  external?: boolean\n  disabled?: boolean\n}\n\nexport const TextLink = ({\n  icon,\n  external = false,\n  disabled = false,\n  className,\n  children,\n  target,\n  rel,\n  href,\n  onClick,\n  ...rest\n}: TextLinkProps) => (\n  <a\n    className={cn(styles.link, className)}\n    target={target ?? (external ? '_blank' : undefined)}\n    rel={rel ?? (external ? 'noopener noreferrer' : undefined)}\n    href={disabled ? undefined : href}\n    aria-disabled={disabled || undefined}\n    tabIndex={disabled ? -1 : undefined}\n    onClick={disabled ? undefined : onClick}\n    {...rest}\n  >\n    {children}\n    {icon != null ? (\n      <span className={styles.icon} aria-hidden='true'>\n        {icon}\n      </span>\n    ) : null}\n  </a>\n)\n"],"names":["TextLink","_ref","icon","external","disabled","className","children","target","rel","href","onClick","rest","_jsxs","cn","styles","link","undefined","tabIndex","_jsx"],"mappings":";;;;;;;;AAYO,MAAMA,QAAQ,GAAGC,IAAA,IAAA;EAAA,IAAC;IACvBC,IAAI;AACJC,IAAAA,QAAQ,GAAG,KAAK;AAChBC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,SAAS;IACTC,QAAQ;IACRC,MAAM;IACNC,GAAG;IACHC,IAAI;IACJC,OAAO;IACP,GAAGC,IAAAA;AACU,GAAC,GAAAV,IAAA,CAAA;AAAA,EAAA,oBACdW,eAAA,CAAA,GAAA,EAAA;IACEP,SAAS,EAAEQ,EAAE,CAACC,eAAM,CAACC,IAAI,EAAEV,SAAS,CAAE;IACtCE,MAAM,EAAEA,MAAM,KAAKJ,QAAQ,GAAG,QAAQ,GAAGa,SAAS,CAAE;IACpDR,GAAG,EAAEA,GAAG,KAAKL,QAAQ,GAAG,qBAAqB,GAAGa,SAAS,CAAE;AAC3DP,IAAAA,IAAI,EAAEL,QAAQ,GAAGY,SAAS,GAAGP,IAAK;IAClC,eAAeL,EAAAA,QAAQ,IAAIY,SAAU;AACrCC,IAAAA,QAAQ,EAAEb,QAAQ,GAAG,CAAC,CAAC,GAAGY,SAAU;AACpCN,IAAAA,OAAO,EAAEN,QAAQ,GAAGY,SAAS,GAAGN,OAAQ;AAAA,IAAA,GACpCC,IAAI;AAAAL,IAAAA,QAAA,GAEPA,QAAQ,EACRJ,IAAI,IAAI,IAAI,gBACXgB,cAAA,CAAA,MAAA,EAAA;MAAMb,SAAS,EAAES,eAAM,CAACZ,IAAK;AAAC,MAAA,aAAA,EAAY,MAAM;AAAAI,MAAAA,QAAA,EAC7CJ,IAAAA;KACG,CAAC,GACL,IAAI,CAAA;AAAA,GACP,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"TextLink.cjs","sources":["../../../src/text-link/TextLink.tsx"],"sourcesContent":["import type { AnchorHTMLAttributes, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './TextLink.module.css'\n\nexport type TextLinkVariant = 'primary' | 'secondary'\n\nexport type TextLinkDataTestId = {\n  root?: string\n  icon?: string\n}\n\nexport type TextLinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {\n  variant?: TextLinkVariant\n  icon?: ReactNode\n  external?: boolean\n  disabled?: boolean\n  dataTestId?: TextLinkDataTestId\n}\n\nexport const TextLink = ({\n  variant = 'primary',\n  icon,\n  external = false,\n  disabled = false,\n  className,\n  children,\n  target,\n  rel,\n  href,\n  onClick,\n  dataTestId,\n  ...rest\n}: TextLinkProps) => (\n  <a\n    className={cn(styles.link, styles[variant], className)}\n    target={target ?? (external ? '_blank' : undefined)}\n    rel={rel ?? (external ? 'noopener noreferrer' : undefined)}\n    href={disabled ? undefined : href}\n    aria-disabled={disabled || undefined}\n    tabIndex={disabled ? -1 : undefined}\n    onClick={disabled ? undefined : onClick}\n    data-testid={dataTestId?.root}\n    {...rest}\n  >\n    {children}\n    {icon != null ? (\n      <span\n        className={styles.icon}\n        aria-hidden='true'\n        data-testid={dataTestId?.icon}\n      >\n        {icon}\n      </span>\n    ) : null}\n  </a>\n)\n"],"names":["TextLink","_ref","variant","icon","external","disabled","className","children","target","rel","href","onClick","dataTestId","rest","_jsxs","cn","styles","link","undefined","tabIndex","root","_jsx"],"mappings":";;;;;;;;AAqBO,MAAMA,QAAQ,GAAGC,IAAA,IAAA;EAAA,IAAC;AACvBC,IAAAA,OAAO,GAAG,SAAS;IACnBC,IAAI;AACJC,IAAAA,QAAQ,GAAG,KAAK;AAChBC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,SAAS;IACTC,QAAQ;IACRC,MAAM;IACNC,GAAG;IACHC,IAAI;IACJC,OAAO;IACPC,UAAU;IACV,GAAGC,IAAAA;AACU,GAAC,GAAAZ,IAAA,CAAA;AAAA,EAAA,oBACda,eAAA,CAAA,GAAA,EAAA;AACER,IAAAA,SAAS,EAAES,EAAE,CAACC,eAAM,CAACC,IAAI,EAAED,eAAM,CAACd,OAAO,CAAC,EAAEI,SAAS,CAAE;IACvDE,MAAM,EAAEA,MAAM,KAAKJ,QAAQ,GAAG,QAAQ,GAAGc,SAAS,CAAE;IACpDT,GAAG,EAAEA,GAAG,KAAKL,QAAQ,GAAG,qBAAqB,GAAGc,SAAS,CAAE;AAC3DR,IAAAA,IAAI,EAAEL,QAAQ,GAAGa,SAAS,GAAGR,IAAK;IAClC,eAAeL,EAAAA,QAAQ,IAAIa,SAAU;AACrCC,IAAAA,QAAQ,EAAEd,QAAQ,GAAG,CAAC,CAAC,GAAGa,SAAU;AACpCP,IAAAA,OAAO,EAAEN,QAAQ,GAAGa,SAAS,GAAGP,OAAQ;IACxC,aAAaC,EAAAA,UAAU,EAAEQ,IAAK;AAAA,IAAA,GAC1BP,IAAI;AAAAN,IAAAA,QAAA,GAEPA,QAAQ,EACRJ,IAAI,IAAI,IAAI,gBACXkB,cAAA,CAAA,MAAA,EAAA;MACEf,SAAS,EAAEU,eAAM,CAACb,IAAK;AACvB,MAAA,aAAA,EAAY,MAAM;MAClB,aAAaS,EAAAA,UAAU,EAAET,IAAK;AAAAI,MAAAA,QAAA,EAE7BJ,IAAAA;KACG,CAAC,GACL,IAAI,CAAA;AAAA,GACP,CAAC,CAAA;AAAA;;;;"}

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

@@ -1,6 +1,6 @@
 'use strict';
 
-const styles = {"link":"TextLink-module_link__V7KRm","icon":"TextLink-module_icon__EVqpk"};
+const styles = {"link":"TextLink-module_link__V7KRm","secondary":"TextLink-module_secondary__jiV-I","icon":"TextLink-module_icon__EVqpk"};
 
 module.exports = styles;
 //# sourceMappingURL=TextLink.module.css.cjs.map

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

@@ -11,15 +11,21 @@ const TokenAmount = _ref => {
   let {
     symbol,
     amount,
-    className
+    className,
+    dataTestId,
+    ...rest
   } = _ref;
   return /*#__PURE__*/jsxRuntime.jsxs("span", {
     className: cn(TokenAmount_module.root, className),
+    "data-testid": dataTestId?.root,
+    ...rest,
     children: [/*#__PURE__*/jsxRuntime.jsx(TokenIcon.TokenIcon, {
       token: symbol,
-      className: TokenAmount_module.icon
+      className: TokenAmount_module.icon,
+      "data-testid": dataTestId?.icon
     }), /*#__PURE__*/jsxRuntime.jsx("span", {
       className: TokenAmount_module.amount,
+      "data-testid": dataTestId?.amount,
       children: amount
     })]
   });

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

@@ -1 +1 @@
-{"version":3,"file":"TokenAmount.cjs","sources":["../../../src/token-amount/TokenAmount.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nimport { TokenIcon, type TokenIconSymbol } from '../icons'\nimport cn from 'classnames'\n\nimport styles from './TokenAmount.module.css'\n\nexport type TokenAmountProps = {\n  symbol: TokenIconSymbol\n  amount: ReactNode\n  className?: string\n}\n\nexport const TokenAmount = ({\n  symbol,\n  amount,\n  className,\n}: TokenAmountProps) => (\n  <span className={cn(styles.root, className)}>\n    <TokenIcon token={symbol} className={styles.icon} />\n    <span className={styles.amount}>{amount}</span>\n  </span>\n)\n"],"names":["TokenAmount","_ref","symbol","amount","className","_jsxs","cn","styles","root","children","_jsx","TokenIcon","token","icon"],"mappings":";;;;;;;;;AAaO,MAAMA,WAAW,GAAGC,IAAA,IAAA;EAAA,IAAC;IAC1BC,MAAM;IACNC,MAAM;AACNC,IAAAA,SAAAA;AACgB,GAAC,GAAAH,IAAA,CAAA;AAAA,EAAA,oBACjBI,eAAA,CAAA,MAAA,EAAA;IAAMD,SAAS,EAAEE,EAAE,CAACC,kBAAM,CAACC,IAAI,EAAEJ,SAAS,CAAE;IAAAK,QAAA,EAAA,cAC1CC,cAAA,CAACC,mBAAS,EAAA;AAACC,MAAAA,KAAK,EAAEV,MAAO;MAACE,SAAS,EAAEG,kBAAM,CAACM,IAAAA;KAAO,CAAC,eACpDH,cAAA,CAAA,MAAA,EAAA;MAAMN,SAAS,EAAEG,kBAAM,CAACJ,MAAO;AAAAM,MAAAA,QAAA,EAAEN,MAAAA;AAAM,KAAO,CAAC,CAAA;AAAA,GAC3C,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"TokenAmount.cjs","sources":["../../../src/token-amount/TokenAmount.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react'\n\nimport { TokenIcon, type TokenIconSymbol } from '../icons'\nimport cn from 'classnames'\n\nimport styles from './TokenAmount.module.css'\n\nexport type TokenAmountDataTestId = {\n  root?: string\n  icon?: string\n  amount?: string\n}\n\nexport type TokenAmountProps = Omit<\n  ComponentPropsWithoutRef<'span'>,\n  'children'\n> & {\n  symbol: TokenIconSymbol\n  amount: ReactNode\n  dataTestId?: TokenAmountDataTestId\n}\n\nexport const TokenAmount = ({\n  symbol,\n  amount,\n  className,\n  dataTestId,\n  ...rest\n}: TokenAmountProps) => (\n  <span\n    className={cn(styles.root, className)}\n    data-testid={dataTestId?.root}\n    {...rest}\n  >\n    <TokenIcon\n      token={symbol}\n      className={styles.icon}\n      data-testid={dataTestId?.icon}\n    />\n    <span className={styles.amount} data-testid={dataTestId?.amount}>\n      {amount}\n    </span>\n  </span>\n)\n"],"names":["TokenAmount","_ref","symbol","amount","className","dataTestId","rest","_jsxs","cn","styles","root","children","_jsx","TokenIcon","token","icon"],"mappings":";;;;;;;;;AAsBO,MAAMA,WAAW,GAAGC,IAAA,IAAA;EAAA,IAAC;IAC1BC,MAAM;IACNC,MAAM;IACNC,SAAS;IACTC,UAAU;IACV,GAAGC,IAAAA;AACa,GAAC,GAAAL,IAAA,CAAA;AAAA,EAAA,oBACjBM,eAAA,CAAA,MAAA,EAAA;IACEH,SAAS,EAAEI,EAAE,CAACC,kBAAM,CAACC,IAAI,EAAEN,SAAS,CAAE;IACtC,aAAaC,EAAAA,UAAU,EAAEK,IAAK;AAAA,IAAA,GAC1BJ,IAAI;IAAAK,QAAA,EAAA,cAERC,cAAA,CAACC,mBAAS,EAAA;AACRC,MAAAA,KAAK,EAAEZ,MAAO;MACdE,SAAS,EAAEK,kBAAM,CAACM,IAAK;AACvB,MAAA,aAAA,EAAaV,UAAU,EAAEU,IAAAA;KAC1B,CAAC,eACFH,cAAA,CAAA,MAAA,EAAA;MAAMR,SAAS,EAAEK,kBAAM,CAACN,MAAO;MAAC,aAAaE,EAAAA,UAAU,EAAEF,MAAO;AAAAQ,MAAAA,QAAA,EAC7DR,MAAAA;AAAM,KACH,CAAC,CAAA;AAAA,GACH,CAAC,CAAA;AAAA;;;;"}

package/dist/cjs/token-selector/TokenSelector.cjs

@@ -19,7 +19,9 @@ const TokenSelector = _ref => {
     single = false,
     size = 'default',
     placeholder = 'Select',
-    className
+    className,
+    dataTestId,
+    ...rest
   } = _ref;
   const [open, setOpen] = react.useState(false);
   const rootRef = react.useRef(null);
@@ -40,14 +42,19 @@ const TokenSelector = _ref => {
   if (single) {
     return /*#__PURE__*/jsxRuntime.jsxs("span", {
       className: cn(TokenSelector_module.single, TokenSelector_module[size], className),
+      "data-testid": dataTestId?.root,
+      ...rest,
       children: [selectedOption?.icon ? /*#__PURE__*/jsxRuntime.jsx("span", {
         className: TokenSelector_module.icon,
+        "data-testid": selectedOption.dataTestId?.icon,
         children: selectedOption.icon
       }) : null, /*#__PURE__*/jsxRuntime.jsx("span", {
         className: TokenSelector_module.label,
+        "data-testid": selectedOption?.dataTestId?.label,
         children: selectedOption?.label
       }), size === 'default' && selectedOption?.secondaryLabel != null ? /*#__PURE__*/jsxRuntime.jsx("span", {
         className: TokenSelector_module.secondaryLabel,
+        "data-testid": selectedOption.dataTestId?.secondaryLabel,
         children: selectedOption.secondaryLabel
       }) : null]
     });
@@ -62,6 +69,8 @@ const TokenSelector = _ref => {
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     ref: rootRef,
     className: cn(TokenSelector_module.root, className),
+    "data-testid": dataTestId?.root,
+    ...rest,
     children: [/*#__PURE__*/jsxRuntime.jsxs("button", {
       ref: triggerRef,
       type: "button",
@@ -69,17 +78,21 @@ const TokenSelector = _ref => {
       "aria-expanded": open,
       className: cn(TokenSelector_module.trigger, TokenSelector_module[size], open && TokenSelector_module.open),
       onClick: handleTriggerClick,
+      "data-testid": dataTestId?.trigger,
       children: [/*#__PURE__*/jsxRuntime.jsx("span", {
         className: TokenSelector_module.content,
         children: selectedOption ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
           children: [selectedOption.icon ? /*#__PURE__*/jsxRuntime.jsx("span", {
             className: TokenSelector_module.icon,
+            "data-testid": selectedOption.dataTestId?.icon,
             children: selectedOption.icon
           }) : null, /*#__PURE__*/jsxRuntime.jsx("span", {
             className: TokenSelector_module.label,
+            "data-testid": selectedOption.dataTestId?.label,
             children: selectedOption.label
           }), size === 'default' && selectedOption.secondaryLabel != null ? /*#__PURE__*/jsxRuntime.jsx("span", {
             className: TokenSelector_module.secondaryLabel,
+            "data-testid": selectedOption.dataTestId?.secondaryLabel,
             children: selectedOption.secondaryLabel
           }) : null]
         }) : /*#__PURE__*/jsxRuntime.jsx("span", {
@@ -94,6 +107,7 @@ const TokenSelector = _ref => {
     }), open ? /*#__PURE__*/jsxRuntime.jsx("div", {
       role: "listbox",
       className: TokenSelector_module.panel,
+      "data-testid": dataTestId?.panel,
       children: /*#__PURE__*/jsxRuntime.jsx("div", {
         className: TokenSelector_module.list,
         children: options.map(option => {
@@ -105,8 +119,10 @@ const TokenSelector = _ref => {
             disabled: option.disabled,
             className: cn(TokenSelector_module.option, TokenSelector_module[size], selected && TokenSelector_module.selected),
             onClick: () => handleOptionClick(option),
+            "data-testid": option.dataTestId?.root,
             children: [option.icon ? /*#__PURE__*/jsxRuntime.jsx("span", {
               className: TokenSelector_module.icon,
+              "data-testid": option.dataTestId?.icon,
               children: option.icon
             }) : null, /*#__PURE__*/jsxRuntime.jsxs("span", {
               className: TokenSelector_module.optionContent,
@@ -114,13 +130,16 @@ const TokenSelector = _ref => {
                 className: TokenSelector_module.optionRow,
                 children: [/*#__PURE__*/jsxRuntime.jsx("span", {
                   className: TokenSelector_module.label,
+                  "data-testid": option.dataTestId?.label,
                   children: option.label
                 }), size === 'default' && option.secondaryLabel != null ? /*#__PURE__*/jsxRuntime.jsx("span", {
                   className: TokenSelector_module.secondaryLabel,
+                  "data-testid": option.dataTestId?.secondaryLabel,
                   children: option.secondaryLabel
                 }) : null]
               }), size === 'default' && option.description != null ? /*#__PURE__*/jsxRuntime.jsx("span", {
                 className: TokenSelector_module.description,
+                "data-testid": option.dataTestId?.description,
                 children: option.description
               }) : null]
             }), size === 'default' && selected ? /*#__PURE__*/jsxRuntime.jsx("span", {

package/dist/cjs/token-selector/TokenSelector.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TokenSelector.cjs","sources":["../../../src/token-selector/TokenSelector.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState, type ReactNode } from 'react'\nimport { useOutsideClick } from '../hooks/useOutsideClick'\nimport { IconCheck, IconChevronDown, IconChevronUp } from '../icons'\nimport cn from 'classnames'\nimport styles from './TokenSelector.module.css'\n\nexport type TokenSelectorOption = {\n  value: string\n  label: ReactNode\n  /** Shown next to `label`, in a muted weight — default size only. */\n  secondaryLabel?: ReactNode\n  /** Caption line below the label row — default size only. */\n  description?: ReactNode\n  icon?: ReactNode\n  disabled?: boolean\n}\n\nexport type TokenSelectorSize = 'default' | 'small'\n\nexport type TokenSelectorProps = {\n  options: TokenSelectorOption[]\n  value?: string\n  onChange?: (value: string) => void\n  single?: boolean\n  size?: TokenSelectorSize\n  placeholder?: ReactNode\n  className?: string\n}\n\nexport const TokenSelector = ({\n  options,\n  value,\n  onChange,\n  single = false,\n  size = 'default',\n  placeholder = 'Select',\n  className,\n}: TokenSelectorProps) => {\n  const [open, setOpen] = useState(false)\n  const rootRef = useRef<HTMLDivElement>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n\n  const handleClose = useCallback(() => setOpen(false), [])\n  useOutsideClick(rootRef, handleClose, open)\n\n  useEffect(() => {\n    if (!open) return\n\n    const handleDocumentKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape') return\n      setOpen(false)\n      triggerRef.current?.focus()\n    }\n\n    document.addEventListener('keydown', handleDocumentKeyDown)\n    return () => document.removeEventListener('keydown', handleDocumentKeyDown)\n  }, [open])\n\n  const selectedOption = options.find((option) => option.value === value)\n\n  if (single) {\n    return (\n      <span className={cn(styles.single, styles[size], className)}>\n        {selectedOption?.icon ? (\n          <span className={styles.icon}>{selectedOption.icon}</span>\n        ) : null}\n        <span className={styles.label}>{selectedOption?.label}</span>\n        {size === 'default' && selectedOption?.secondaryLabel != null ? (\n          <span className={styles.secondaryLabel}>\n            {selectedOption.secondaryLabel}\n          </span>\n        ) : null}\n      </span>\n    )\n  }\n\n  const handleTriggerClick = () => setOpen((prev) => !prev)\n\n  const handleOptionClick = (option: TokenSelectorOption) => {\n    if (option.disabled) return\n    onChange?.(option.value)\n    setOpen(false)\n    triggerRef.current?.focus()\n  }\n\n  return (\n    <div ref={rootRef} className={cn(styles.root, className)}>\n      <button\n        ref={triggerRef}\n        type='button'\n        aria-haspopup='listbox'\n        aria-expanded={open}\n        className={cn(styles.trigger, styles[size], open && styles.open)}\n        onClick={handleTriggerClick}\n      >\n        <span className={styles.content}>\n          {selectedOption ? (\n            <>\n              {selectedOption.icon ? (\n                <span className={styles.icon}>{selectedOption.icon}</span>\n              ) : null}\n              <span className={styles.label}>{selectedOption.label}</span>\n              {size === 'default' && selectedOption.secondaryLabel != null ? (\n                <span className={styles.secondaryLabel}>\n                  {selectedOption.secondaryLabel}\n                </span>\n              ) : null}\n            </>\n          ) : (\n            <span className={styles.placeholder}>{placeholder}</span>\n          )}\n        </span>\n        <span className={styles.chevron} aria-hidden='true'>\n          {open ? <IconChevronUp /> : <IconChevronDown />}\n        </span>\n      </button>\n      {open ? (\n        <div role='listbox' className={styles.panel}>\n          <div className={styles.list}>\n            {options.map((option) => {\n              const selected = option.value === value\n              return (\n                <button\n                  key={option.value}\n                  type='button'\n                  role='option'\n                  aria-selected={selected}\n                  disabled={option.disabled}\n                  className={cn(\n                    styles.option,\n                    styles[size],\n                    selected && styles.selected,\n                  )}\n                  onClick={() => handleOptionClick(option)}\n                >\n                  {option.icon ? (\n                    <span className={styles.icon}>{option.icon}</span>\n                  ) : null}\n                  <span className={styles.optionContent}>\n                    <span className={styles.optionRow}>\n                      <span className={styles.label}>{option.label}</span>\n                      {size === 'default' && option.secondaryLabel != null ? (\n                        <span className={styles.secondaryLabel}>\n                          {option.secondaryLabel}\n                        </span>\n                      ) : null}\n                    </span>\n                    {size === 'default' && option.description != null ? (\n                      <span className={styles.description}>\n                        {option.description}\n                      </span>\n                    ) : null}\n                  </span>\n                  {size === 'default' && selected ? (\n                    <span className={styles.indicator} aria-hidden='true'>\n                      <IconCheck className={styles.checkmark} />\n                    </span>\n                  ) : null}\n                </button>\n              )\n            })}\n          </div>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"names":["TokenSelector","_ref","options","value","onChange","single","size","placeholder","className","open","setOpen","useState","rootRef","useRef","triggerRef","handleClose","useCallback","useOutsideClick","useEffect","handleDocumentKeyDown","event","key","current","focus","document","addEventListener","removeEventListener","selectedOption","find","option","_jsxs","cn","styles","children","icon","_jsx","label","secondaryLabel","handleTriggerClick","prev","handleOptionClick","disabled","ref","root","type","trigger","onClick","content","_Fragment","chevron","IconChevronUp","IconChevronDown","role","panel","list","map","selected","optionContent","optionRow","description","indicator","IconCheck","checkmark"],"mappings":";;;;;;;;;;;;;AA6BaA,MAAAA,aAAa,GAAGC,IAAA,IAQH;EAAA,IARI;IAC5BC,OAAO;IACPC,KAAK;IACLC,QAAQ;AACRC,IAAAA,MAAM,GAAG,KAAK;AACdC,IAAAA,IAAI,GAAG,SAAS;AAChBC,IAAAA,WAAW,GAAG,QAAQ;AACtBC,IAAAA,SAAAA;AACkB,GAAC,GAAAP,IAAA,CAAA;EACnB,MAAM,CAACQ,IAAI,EAAEC,OAAO,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;AACvC,EAAA,MAAMC,OAAO,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAA;AAC5C,EAAA,MAAMC,UAAU,GAAGD,YAAM,CAAoB,IAAI,CAAC,CAAA;EAElD,MAAME,WAAW,GAAGC,iBAAW,CAAC,MAAMN,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;AACzDO,EAAAA,+BAAe,CAACL,OAAO,EAAEG,WAAW,EAAEN,IAAI,CAAC,CAAA;AAE3CS,EAAAA,eAAS,CAAC,MAAM;IACd,IAAI,CAACT,IAAI,EAAE,OAAA;IAEX,MAAMU,qBAAqB,GAAIC,KAAoB,IAAK;AACtD,MAAA,IAAIA,KAAK,CAACC,GAAG,KAAK,QAAQ,EAAE,OAAA;MAC5BX,OAAO,CAAC,KAAK,CAAC,CAAA;AACdI,MAAAA,UAAU,CAACQ,OAAO,EAAEC,KAAK,EAAE,CAAA;KAC5B,CAAA;AAEDC,IAAAA,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEN,qBAAqB,CAAC,CAAA;IAC3D,OAAO,MAAMK,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEP,qBAAqB,CAAC,CAAA;AAC7E,GAAC,EAAE,CAACV,IAAI,CAAC,CAAC,CAAA;AAEV,EAAA,MAAMkB,cAAc,GAAGzB,OAAO,CAAC0B,IAAI,CAAEC,MAAM,IAAKA,MAAM,CAAC1B,KAAK,KAAKA,KAAK,CAAC,CAAA;AAEvE,EAAA,IAAIE,MAAM,EAAE;AACV,IAAA,oBACEyB,eAAA,CAAA,MAAA,EAAA;AAAMtB,MAAAA,SAAS,EAAEuB,EAAE,CAACC,oBAAM,CAAC3B,MAAM,EAAE2B,oBAAM,CAAC1B,IAAI,CAAC,EAAEE,SAAS,CAAE;AAAAyB,MAAAA,QAAA,EACzDN,CAAAA,cAAc,EAAEO,IAAI,gBACnBC,cAAA,CAAA,MAAA,EAAA;QAAM3B,SAAS,EAAEwB,oBAAM,CAACE,IAAK;QAAAD,QAAA,EAAEN,cAAc,CAACO,IAAAA;AAAI,OAAO,CAAC,GACxD,IAAI,eACRC,cAAA,CAAA,MAAA,EAAA;QAAM3B,SAAS,EAAEwB,oBAAM,CAACI,KAAM;QAAAH,QAAA,EAAEN,cAAc,EAAES,KAAAA;AAAK,OAAO,CAAC,EAC5D9B,IAAI,KAAK,SAAS,IAAIqB,cAAc,EAAEU,cAAc,IAAI,IAAI,gBAC3DF,cAAA,CAAA,MAAA,EAAA;QAAM3B,SAAS,EAAEwB,oBAAM,CAACK,cAAe;QAAAJ,QAAA,EACpCN,cAAc,CAACU,cAAAA;OACZ,CAAC,GACL,IAAI,CAAA;AAAA,KACJ,CAAC,CAAA;AAEX,GAAA;EAEA,MAAMC,kBAAkB,GAAGA,MAAM5B,OAAO,CAAE6B,IAAI,IAAK,CAACA,IAAI,CAAC,CAAA;EAEzD,MAAMC,iBAAiB,GAAIX,MAA2B,IAAK;IACzD,IAAIA,MAAM,CAACY,QAAQ,EAAE,OAAA;AACrBrC,IAAAA,QAAQ,GAAGyB,MAAM,CAAC1B,KAAK,CAAC,CAAA;IACxBO,OAAO,CAAC,KAAK,CAAC,CAAA;AACdI,IAAAA,UAAU,CAACQ,OAAO,EAAEC,KAAK,EAAE,CAAA;GAC5B,CAAA;AAED,EAAA,oBACEO,eAAA,CAAA,KAAA,EAAA;AAAKY,IAAAA,GAAG,EAAE9B,OAAQ;IAACJ,SAAS,EAAEuB,EAAE,CAACC,oBAAM,CAACW,IAAI,EAAEnC,SAAS,CAAE;AAAAyB,IAAAA,QAAA,gBACvDH,eAAA,CAAA,QAAA,EAAA;AACEY,MAAAA,GAAG,EAAE5B,UAAW;AAChB8B,MAAAA,IAAI,EAAC,QAAQ;AACb,MAAA,eAAA,EAAc,SAAS;AACvB,MAAA,eAAA,EAAenC,IAAK;AACpBD,MAAAA,SAAS,EAAEuB,EAAE,CAACC,oBAAM,CAACa,OAAO,EAAEb,oBAAM,CAAC1B,IAAI,CAAC,EAAEG,IAAI,IAAIuB,oBAAM,CAACvB,IAAI,CAAE;AACjEqC,MAAAA,OAAO,EAAER,kBAAmB;AAAAL,MAAAA,QAAA,gBAE5BE,cAAA,CAAA,MAAA,EAAA;QAAM3B,SAAS,EAAEwB,oBAAM,CAACe,OAAQ;AAAAd,QAAAA,QAAA,EAC7BN,cAAc,gBACbG,eAAA,CAAAkB,mBAAA,EAAA;AAAAf,UAAAA,QAAA,EACGN,CAAAA,cAAc,CAACO,IAAI,gBAClBC,cAAA,CAAA,MAAA,EAAA;YAAM3B,SAAS,EAAEwB,oBAAM,CAACE,IAAK;YAAAD,QAAA,EAAEN,cAAc,CAACO,IAAAA;AAAI,WAAO,CAAC,GACxD,IAAI,eACRC,cAAA,CAAA,MAAA,EAAA;YAAM3B,SAAS,EAAEwB,oBAAM,CAACI,KAAM;YAAAH,QAAA,EAAEN,cAAc,CAACS,KAAAA;AAAK,WAAO,CAAC,EAC3D9B,IAAI,KAAK,SAAS,IAAIqB,cAAc,CAACU,cAAc,IAAI,IAAI,gBAC1DF,cAAA,CAAA,MAAA,EAAA;YAAM3B,SAAS,EAAEwB,oBAAM,CAACK,cAAe;YAAAJ,QAAA,EACpCN,cAAc,CAACU,cAAAA;WACZ,CAAC,GACL,IAAI,CAAA;SACR,CAAC,gBAEHF,cAAA,CAAA,MAAA,EAAA;UAAM3B,SAAS,EAAEwB,oBAAM,CAACzB,WAAY;AAAA0B,UAAAA,QAAA,EAAE1B,WAAAA;SAAkB,CAAA;OAEtD,CAAC,eACP4B,cAAA,CAAA,MAAA,EAAA;QAAM3B,SAAS,EAAEwB,oBAAM,CAACiB,OAAQ;AAAC,QAAA,aAAA,EAAY,MAAM;AAAAhB,QAAAA,QAAA,EAChDxB,IAAI,gBAAG0B,cAAA,CAACe,2BAAa,EAAE,EAAA,CAAC,gBAAGf,cAAA,CAACgB,+BAAe,EAAE,EAAA,CAAA;AAAC,OAC3C,CAAC,CAAA;AAAA,KACD,CAAC,EACR1C,IAAI,gBACH0B,cAAA,CAAA,KAAA,EAAA;AAAKiB,MAAAA,IAAI,EAAC,SAAS;MAAC5C,SAAS,EAAEwB,oBAAM,CAACqB,KAAM;AAAApB,MAAAA,QAAA,eAC1CE,cAAA,CAAA,KAAA,EAAA;QAAK3B,SAAS,EAAEwB,oBAAM,CAACsB,IAAK;AAAArB,QAAAA,QAAA,EACzB/B,OAAO,CAACqD,GAAG,CAAE1B,MAAM,IAAK;AACvB,UAAA,MAAM2B,QAAQ,GAAG3B,MAAM,CAAC1B,KAAK,KAAKA,KAAK,CAAA;AACvC,UAAA,oBACE2B,eAAA,CAAA,QAAA,EAAA;AAEEc,YAAAA,IAAI,EAAC,QAAQ;AACbQ,YAAAA,IAAI,EAAC,QAAQ;AACb,YAAA,eAAA,EAAeI,QAAS;YACxBf,QAAQ,EAAEZ,MAAM,CAACY,QAAS;AAC1BjC,YAAAA,SAAS,EAAEuB,EAAE,CACXC,oBAAM,CAACH,MAAM,EACbG,oBAAM,CAAC1B,IAAI,CAAC,EACZkD,QAAQ,IAAIxB,oBAAM,CAACwB,QACrB,CAAE;AACFV,YAAAA,OAAO,EAAEA,MAAMN,iBAAiB,CAACX,MAAM,CAAE;AAAAI,YAAAA,QAAA,EAExCJ,CAAAA,MAAM,CAACK,IAAI,gBACVC,cAAA,CAAA,MAAA,EAAA;cAAM3B,SAAS,EAAEwB,oBAAM,CAACE,IAAK;cAAAD,QAAA,EAAEJ,MAAM,CAACK,IAAAA;AAAI,aAAO,CAAC,GAChD,IAAI,eACRJ,eAAA,CAAA,MAAA,EAAA;cAAMtB,SAAS,EAAEwB,oBAAM,CAACyB,aAAc;AAAAxB,cAAAA,QAAA,gBACpCH,eAAA,CAAA,MAAA,EAAA;gBAAMtB,SAAS,EAAEwB,oBAAM,CAAC0B,SAAU;AAAAzB,gBAAAA,QAAA,gBAChCE,cAAA,CAAA,MAAA,EAAA;kBAAM3B,SAAS,EAAEwB,oBAAM,CAACI,KAAM;kBAAAH,QAAA,EAAEJ,MAAM,CAACO,KAAAA;AAAK,iBAAO,CAAC,EACnD9B,IAAI,KAAK,SAAS,IAAIuB,MAAM,CAACQ,cAAc,IAAI,IAAI,gBAClDF,cAAA,CAAA,MAAA,EAAA;kBAAM3B,SAAS,EAAEwB,oBAAM,CAACK,cAAe;kBAAAJ,QAAA,EACpCJ,MAAM,CAACQ,cAAAA;iBACJ,CAAC,GACL,IAAI,CAAA;AAAA,eACJ,CAAC,EACN/B,IAAI,KAAK,SAAS,IAAIuB,MAAM,CAAC8B,WAAW,IAAI,IAAI,gBAC/CxB,cAAA,CAAA,MAAA,EAAA;gBAAM3B,SAAS,EAAEwB,oBAAM,CAAC2B,WAAY;gBAAA1B,QAAA,EACjCJ,MAAM,CAAC8B,WAAAA;eACJ,CAAC,GACL,IAAI,CAAA;aACJ,CAAC,EACNrD,IAAI,KAAK,SAAS,IAAIkD,QAAQ,gBAC7BrB,cAAA,CAAA,MAAA,EAAA;cAAM3B,SAAS,EAAEwB,oBAAM,CAAC4B,SAAU;AAAC,cAAA,aAAA,EAAY,MAAM;cAAA3B,QAAA,eACnDE,cAAA,CAAC0B,mBAAS,EAAA;gBAACrD,SAAS,EAAEwB,oBAAM,CAAC8B,SAAAA;eAAY,CAAA;aACrC,CAAC,GACL,IAAI,CAAA;WAlCHjC,EAAAA,MAAM,CAAC1B,KAmCN,CAAC,CAAA;SAEZ,CAAA;OACE,CAAA;KACF,CAAC,GACJ,IAAI,CAAA;AAAA,GACL,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"TokenSelector.cjs","sources":["../../../src/token-selector/TokenSelector.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react'\nimport { useOutsideClick } from '../hooks/useOutsideClick'\nimport { IconCheck, IconChevronDown, IconChevronUp } from '../icons'\nimport cn from 'classnames'\nimport styles from './TokenSelector.module.css'\n\nexport type TokenSelectorOptionDataTestId = {\n  root?: string\n  icon?: string\n  label?: string\n  secondaryLabel?: string\n  description?: string\n}\n\nexport type TokenSelectorOption = {\n  value: string\n  label: ReactNode\n  /** Shown next to `label`, in a muted weight — default size only. */\n  secondaryLabel?: ReactNode\n  /** Caption line below the label row — default size only. */\n  description?: ReactNode\n  icon?: ReactNode\n  disabled?: boolean\n  dataTestId?: TokenSelectorOptionDataTestId\n}\n\nexport type TokenSelectorSize = 'default' | 'small'\n\nexport type TokenSelectorDataTestId = {\n  root?: string\n  trigger?: string\n  panel?: string\n}\n\nexport type TokenSelectorProps = Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'onChange'\n> & {\n  options: TokenSelectorOption[]\n  value?: string\n  onChange?: (value: string) => void\n  single?: boolean\n  size?: TokenSelectorSize\n  placeholder?: ReactNode\n  dataTestId?: TokenSelectorDataTestId\n}\n\nexport const TokenSelector = ({\n  options,\n  value,\n  onChange,\n  single = false,\n  size = 'default',\n  placeholder = 'Select',\n  className,\n  dataTestId,\n  ...rest\n}: TokenSelectorProps) => {\n  const [open, setOpen] = useState(false)\n  const rootRef = useRef<HTMLDivElement>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n\n  const handleClose = useCallback(() => setOpen(false), [])\n  useOutsideClick(rootRef, handleClose, open)\n\n  useEffect(() => {\n    if (!open) return\n\n    const handleDocumentKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape') return\n      setOpen(false)\n      triggerRef.current?.focus()\n    }\n\n    document.addEventListener('keydown', handleDocumentKeyDown)\n    return () => document.removeEventListener('keydown', handleDocumentKeyDown)\n  }, [open])\n\n  const selectedOption = options.find((option) => option.value === value)\n\n  if (single) {\n    return (\n      <span\n        className={cn(styles.single, styles[size], className)}\n        data-testid={dataTestId?.root}\n        {...rest}\n      >\n        {selectedOption?.icon ? (\n          <span\n            className={styles.icon}\n            data-testid={selectedOption.dataTestId?.icon}\n          >\n            {selectedOption.icon}\n          </span>\n        ) : null}\n        <span\n          className={styles.label}\n          data-testid={selectedOption?.dataTestId?.label}\n        >\n          {selectedOption?.label}\n        </span>\n        {size === 'default' && selectedOption?.secondaryLabel != null ? (\n          <span\n            className={styles.secondaryLabel}\n            data-testid={selectedOption.dataTestId?.secondaryLabel}\n          >\n            {selectedOption.secondaryLabel}\n          </span>\n        ) : null}\n      </span>\n    )\n  }\n\n  const handleTriggerClick = () => setOpen((prev) => !prev)\n\n  const handleOptionClick = (option: TokenSelectorOption) => {\n    if (option.disabled) return\n    onChange?.(option.value)\n    setOpen(false)\n    triggerRef.current?.focus()\n  }\n\n  return (\n    <div\n      ref={rootRef}\n      className={cn(styles.root, className)}\n      data-testid={dataTestId?.root}\n      {...rest}\n    >\n      <button\n        ref={triggerRef}\n        type='button'\n        aria-haspopup='listbox'\n        aria-expanded={open}\n        className={cn(styles.trigger, styles[size], open && styles.open)}\n        onClick={handleTriggerClick}\n        data-testid={dataTestId?.trigger}\n      >\n        <span className={styles.content}>\n          {selectedOption ? (\n            <>\n              {selectedOption.icon ? (\n                <span\n                  className={styles.icon}\n                  data-testid={selectedOption.dataTestId?.icon}\n                >\n                  {selectedOption.icon}\n                </span>\n              ) : null}\n              <span\n                className={styles.label}\n                data-testid={selectedOption.dataTestId?.label}\n              >\n                {selectedOption.label}\n              </span>\n              {size === 'default' && selectedOption.secondaryLabel != null ? (\n                <span\n                  className={styles.secondaryLabel}\n                  data-testid={selectedOption.dataTestId?.secondaryLabel}\n                >\n                  {selectedOption.secondaryLabel}\n                </span>\n              ) : null}\n            </>\n          ) : (\n            <span className={styles.placeholder}>{placeholder}</span>\n          )}\n        </span>\n        <span className={styles.chevron} aria-hidden='true'>\n          {open ? <IconChevronUp /> : <IconChevronDown />}\n        </span>\n      </button>\n      {open ? (\n        <div\n          role='listbox'\n          className={styles.panel}\n          data-testid={dataTestId?.panel}\n        >\n          <div className={styles.list}>\n            {options.map((option) => {\n              const selected = option.value === value\n              return (\n                <button\n                  key={option.value}\n                  type='button'\n                  role='option'\n                  aria-selected={selected}\n                  disabled={option.disabled}\n                  className={cn(\n                    styles.option,\n                    styles[size],\n                    selected && styles.selected,\n                  )}\n                  onClick={() => handleOptionClick(option)}\n                  data-testid={option.dataTestId?.root}\n                >\n                  {option.icon ? (\n                    <span\n                      className={styles.icon}\n                      data-testid={option.dataTestId?.icon}\n                    >\n                      {option.icon}\n                    </span>\n                  ) : null}\n                  <span className={styles.optionContent}>\n                    <span className={styles.optionRow}>\n                      <span\n                        className={styles.label}\n                        data-testid={option.dataTestId?.label}\n                      >\n                        {option.label}\n                      </span>\n                      {size === 'default' && option.secondaryLabel != null ? (\n                        <span\n                          className={styles.secondaryLabel}\n                          data-testid={option.dataTestId?.secondaryLabel}\n                        >\n                          {option.secondaryLabel}\n                        </span>\n                      ) : null}\n                    </span>\n                    {size === 'default' && option.description != null ? (\n                      <span\n                        className={styles.description}\n                        data-testid={option.dataTestId?.description}\n                      >\n                        {option.description}\n                      </span>\n                    ) : null}\n                  </span>\n                  {size === 'default' && selected ? (\n                    <span className={styles.indicator} aria-hidden='true'>\n                      <IconCheck className={styles.checkmark} />\n                    </span>\n                  ) : null}\n                </button>\n              )\n            })}\n          </div>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"names":["TokenSelector","_ref","options","value","onChange","single","size","placeholder","className","dataTestId","rest","open","setOpen","useState","rootRef","useRef","triggerRef","handleClose","useCallback","useOutsideClick","useEffect","handleDocumentKeyDown","event","key","current","focus","document","addEventListener","removeEventListener","selectedOption","find","option","_jsxs","cn","styles","root","children","icon","_jsx","label","secondaryLabel","handleTriggerClick","prev","handleOptionClick","disabled","ref","type","trigger","onClick","content","_Fragment","chevron","IconChevronUp","IconChevronDown","role","panel","list","map","selected","optionContent","optionRow","description","indicator","IconCheck","checkmark"],"mappings":"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"}

package/dist/cjs/tooltip/Tooltip.cjs

@@ -83,6 +83,7 @@ const Tooltip = _ref => {
     children,
     onMouseEnter,
     onFocus,
+    dataTestId,
     ...rest
   } = _ref;
   const rootRef = react.useRef(null);
@@ -123,6 +124,7 @@ const Tooltip = _ref => {
     className: cn(Tooltip_module.wrapper, className),
     onMouseEnter: handleMouseEnter,
     onFocus: handleFocus,
+    "data-testid": dataTestId?.root,
     ...rest,
     children: [children, /*#__PURE__*/jsxRuntime.jsx("span", {
       ref: contentRef,
@@ -133,6 +135,7 @@ const Tooltip = _ref => {
         '--local-tooltip-shift-y': `${adjustment?.shiftY ?? 0}px`
       },
       role: "tooltip",
+      "data-testid": dataTestId?.content,
       children: content
     })]
   });