@lidofinance/lido-app-ui 1.7.0 → 1.8.0

package/dist/esm/notification/Notification.mjs

@@ -1,54 +1,48 @@
+import { ThemeProvider, ThemeName } from '@lidofinance/lido-shared-ui';
 import cn from 'classnames';
 import styles from './Notification.module.css.mjs';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 const Notification = _ref => {
   let {
     title,
     children,
+    subheader,
     actions,
     className,
     dataTestId,
     ...rest
   } = _ref;
-  return /*#__PURE__*/jsxs("div", {
-    className: cn(styles.notification, className),
-    role: "alert",
-    "data-testid": dataTestId?.root,
-    ...rest,
-    children: [/*#__PURE__*/jsxs("div", {
-      className: styles.content,
-      children: [/*#__PURE__*/jsx("p", {
-        className: styles.title,
-        "data-testid": dataTestId?.title,
-        children: title
-      }), children != null ? /*#__PURE__*/jsx("div", {
-        className: styles.body,
-        "data-testid": dataTestId?.body,
-        children: children
+  return /*#__PURE__*/jsx(ThemeProvider, {
+    themeName: ThemeName.dark,
+    children: /*#__PURE__*/jsxs("div", {
+      className: cn(styles.notification, className),
+      role: "alert",
+      "data-testid": dataTestId?.root,
+      ...rest,
+      children: [/*#__PURE__*/jsxs("div", {
+        className: styles.content,
+        children: [subheader != null ? /*#__PURE__*/jsx("div", {
+          className: styles.subheader,
+          "data-testid": dataTestId?.subheader,
+          children: subheader
+        }) : null, /*#__PURE__*/jsx("p", {
+          className: styles.title,
+          "data-testid": dataTestId?.title,
+          children: title
+        }), children != null ? /*#__PURE__*/jsx("div", {
+          className: styles.body,
+          "data-testid": dataTestId?.body,
+          children: children
+        }) : null]
+      }), actions != null ? /*#__PURE__*/jsx("div", {
+        className: styles.actions,
+        "data-testid": dataTestId?.actions,
+        children: actions
       }) : null]
-    }), actions != null ? /*#__PURE__*/jsx("div", {
-      className: styles.actions,
-      "data-testid": dataTestId?.actions,
-      children: actions
-    }) : null]
-  });
-};
-const NotificationButton = _ref2 => {
-  let {
-    variant = 'primary',
-    className,
-    type = 'button',
-    dataTestId,
-    ...rest
-  } = _ref2;
-  return /*#__PURE__*/jsx("button", {
-    type: type,
-    className: cn(styles.button, styles[variant], className),
-    "data-testid": dataTestId?.root,
-    ...rest
+    })
   });
 };
 
-export { Notification, NotificationButton };
+export { Notification };
 //# sourceMappingURL=Notification.mjs.map

package/dist/esm/notification/Notification.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.mjs","sources":["../../../src/notification/Notification.tsx"],"sourcesContent":["import type {\n  ButtonHTMLAttributes,\n  ComponentPropsWithoutRef,\n  ReactNode,\n} from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './Notification.module.css'\n\nexport type NotificationDataTestId = {\n  root?: string\n  title?: string\n  body?: string\n  actions?: string\n}\n\nexport type NotificationProps = Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'title'\n> & {\n  title: ReactNode\n  actions?: ReactNode\n  dataTestId?: NotificationDataTestId\n}\n\nexport const Notification = ({\n  title,\n  children,\n  actions,\n  className,\n  dataTestId,\n  ...rest\n}: NotificationProps) => (\n  <div\n    className={cn(styles.notification, className)}\n    role='alert'\n    data-testid={dataTestId?.root}\n    {...rest}\n  >\n    <div className={styles.content}>\n      <p className={styles.title} data-testid={dataTestId?.title}>\n        {title}\n      </p>\n      {children != null ? (\n        <div className={styles.body} data-testid={dataTestId?.body}>\n          {children}\n        </div>\n      ) : null}\n    </div>\n    {actions != null ? (\n      <div className={styles.actions} data-testid={dataTestId?.actions}>\n        {actions}\n      </div>\n    ) : null}\n  </div>\n)\n\nexport type NotificationButtonVariant = 'primary' | 'secondary'\n\nexport type NotificationButtonDataTestId = {\n  root?: string\n}\n\nexport type NotificationButtonProps =\n  ButtonHTMLAttributes<HTMLButtonElement> & {\n    variant?: NotificationButtonVariant\n    dataTestId?: NotificationButtonDataTestId\n  }\n\nexport const NotificationButton = ({\n  variant = 'primary',\n  className,\n  type = 'button',\n  dataTestId,\n  ...rest\n}: NotificationButtonProps) => (\n  <button\n    type={type}\n    className={cn(styles.button, styles[variant], className)}\n    data-testid={dataTestId?.root}\n    {...rest}\n  />\n)\n"],"names":["Notification","_ref","title","children","actions","className","dataTestId","rest","_jsxs","cn","styles","notification","role","root","content","_jsx","body","NotificationButton","_ref2","variant","type","button"],"mappings":";;;;AA0BO,MAAMA,YAAY,GAAGC,IAAA,IAAA;EAAA,IAAC;IAC3BC,KAAK;IACLC,QAAQ;IACRC,OAAO;IACPC,SAAS;IACTC,UAAU;IACV,GAAGC,IAAAA;AACc,GAAC,GAAAN,IAAA,CAAA;AAAA,EAAA,oBAClBO,IAAA,CAAA,KAAA,EAAA;IACEH,SAAS,EAAEI,EAAE,CAACC,MAAM,CAACC,YAAY,EAAEN,SAAS,CAAE;AAC9CO,IAAAA,IAAI,EAAC,OAAO;IACZ,aAAaN,EAAAA,UAAU,EAAEO,IAAK;AAAA,IAAA,GAC1BN,IAAI;AAAAJ,IAAAA,QAAA,gBAERK,IAAA,CAAA,KAAA,EAAA;MAAKH,SAAS,EAAEK,MAAM,CAACI,OAAQ;AAAAX,MAAAA,QAAA,gBAC7BY,GAAA,CAAA,GAAA,EAAA;QAAGV,SAAS,EAAEK,MAAM,CAACR,KAAM;QAAC,aAAaI,EAAAA,UAAU,EAAEJ,KAAM;AAAAC,QAAAA,QAAA,EACxDD,KAAAA;AAAK,OACL,CAAC,EACHC,QAAQ,IAAI,IAAI,gBACfY,GAAA,CAAA,KAAA,EAAA;QAAKV,SAAS,EAAEK,MAAM,CAACM,IAAK;QAAC,aAAaV,EAAAA,UAAU,EAAEU,IAAK;AAAAb,QAAAA,QAAA,EACxDA,QAAAA;OACE,CAAC,GACJ,IAAI,CAAA;AAAA,KACL,CAAC,EACLC,OAAO,IAAI,IAAI,gBACdW,GAAA,CAAA,KAAA,EAAA;MAAKV,SAAS,EAAEK,MAAM,CAACN,OAAQ;MAAC,aAAaE,EAAAA,UAAU,EAAEF,OAAQ;AAAAD,MAAAA,QAAA,EAC9DC,OAAAA;KACE,CAAC,GACJ,IAAI,CAAA;AAAA,GACL,CAAC,CAAA;AAAA,EACP;AAcM,MAAMa,kBAAkB,GAAGC,KAAA,IAAA;EAAA,IAAC;AACjCC,IAAAA,OAAO,GAAG,SAAS;IACnBd,SAAS;AACTe,IAAAA,IAAI,GAAG,QAAQ;IACfd,UAAU;IACV,GAAGC,IAAAA;AACoB,GAAC,GAAAW,KAAA,CAAA;AAAA,EAAA,oBACxBH,GAAA,CAAA,QAAA,EAAA;AACEK,IAAAA,IAAI,EAAEA,IAAK;AACXf,IAAAA,SAAS,EAAEI,EAAE,CAACC,MAAM,CAACW,MAAM,EAAEX,MAAM,CAACS,OAAO,CAAC,EAAEd,SAAS,CAAE;IACzD,aAAaC,EAAAA,UAAU,EAAEO,IAAK;IAAA,GAC1BN,IAAAA;AAAI,GACT,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"Notification.mjs","sources":["../../../src/notification/Notification.tsx"],"sourcesContent":["import { ThemeName, ThemeProvider } from '@lidofinance/lido-shared-ui'\n\nimport cn from 'classnames'\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react'\n\nimport styles from './Notification.module.css'\n\nexport type NotificationDataTestId = {\n  root?: string\n  title?: string\n  body?: string\n  actions?: string\n  subheader?: string\n}\n\nexport type NotificationProps = Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'title'\n> & {\n  title: ReactNode\n  children?: ReactNode\n  subheader?: ReactNode\n  actions?: ReactNode\n  dataTestId?: NotificationDataTestId\n}\n\nexport const Notification = ({\n  title,\n  children,\n  subheader,\n  actions,\n  className,\n  dataTestId,\n  ...rest\n}: NotificationProps) => (\n  <ThemeProvider themeName={ThemeName.dark}>\n    <div\n      className={cn(styles.notification, className)}\n      role='alert'\n      data-testid={dataTestId?.root}\n      {...rest}\n    >\n      <div className={styles.content}>\n        {subheader != null ? (\n          <div className={styles.subheader} data-testid={dataTestId?.subheader}>\n            {subheader}\n          </div>\n        ) : null}\n        <p className={styles.title} data-testid={dataTestId?.title}>\n          {title}\n        </p>\n        {children != null ? (\n          <div className={styles.body} data-testid={dataTestId?.body}>\n            {children}\n          </div>\n        ) : null}\n      </div>\n      {actions != null ? (\n        <div className={styles.actions} data-testid={dataTestId?.actions}>\n          {actions}\n        </div>\n      ) : null}\n    </div>\n  </ThemeProvider>\n)\n"],"names":["Notification","_ref","title","children","subheader","actions","className","dataTestId","rest","_jsx","ThemeProvider","themeName","ThemeName","dark","_jsxs","cn","styles","notification","role","root","content","body"],"mappings":";;;;;AA0BO,MAAMA,YAAY,GAAGC,IAAA,IAAA;EAAA,IAAC;IAC3BC,KAAK;IACLC,QAAQ;IACRC,SAAS;IACTC,OAAO;IACPC,SAAS;IACTC,UAAU;IACV,GAAGC,IAAAA;AACc,GAAC,GAAAP,IAAA,CAAA;EAAA,oBAClBQ,GAAA,CAACC,aAAa,EAAA;IAACC,SAAS,EAAEC,SAAS,CAACC,IAAK;AAAAV,IAAAA,QAAA,eACvCW,IAAA,CAAA,KAAA,EAAA;MACER,SAAS,EAAES,EAAE,CAACC,MAAM,CAACC,YAAY,EAAEX,SAAS,CAAE;AAC9CY,MAAAA,IAAI,EAAC,OAAO;MACZ,aAAaX,EAAAA,UAAU,EAAEY,IAAK;AAAA,MAAA,GAC1BX,IAAI;AAAAL,MAAAA,QAAA,gBAERW,IAAA,CAAA,KAAA,EAAA;QAAKR,SAAS,EAAEU,MAAM,CAACI,OAAQ;AAAAjB,QAAAA,QAAA,EAC5BC,CAAAA,SAAS,IAAI,IAAI,gBAChBK,GAAA,CAAA,KAAA,EAAA;UAAKH,SAAS,EAAEU,MAAM,CAACZ,SAAU;UAAC,aAAaG,EAAAA,UAAU,EAAEH,SAAU;AAAAD,UAAAA,QAAA,EAClEC,SAAAA;AAAS,SACP,CAAC,GACJ,IAAI,eACRK,GAAA,CAAA,GAAA,EAAA;UAAGH,SAAS,EAAEU,MAAM,CAACd,KAAM;UAAC,aAAaK,EAAAA,UAAU,EAAEL,KAAM;AAAAC,UAAAA,QAAA,EACxDD,KAAAA;AAAK,SACL,CAAC,EACHC,QAAQ,IAAI,IAAI,gBACfM,GAAA,CAAA,KAAA,EAAA;UAAKH,SAAS,EAAEU,MAAM,CAACK,IAAK;UAAC,aAAad,EAAAA,UAAU,EAAEc,IAAK;AAAAlB,UAAAA,QAAA,EACxDA,QAAAA;SACE,CAAC,GACJ,IAAI,CAAA;AAAA,OACL,CAAC,EACLE,OAAO,IAAI,IAAI,gBACdI,GAAA,CAAA,KAAA,EAAA;QAAKH,SAAS,EAAEU,MAAM,CAACX,OAAQ;QAAC,aAAaE,EAAAA,UAAU,EAAEF,OAAQ;AAAAF,QAAAA,QAAA,EAC9DE,OAAAA;OACE,CAAC,GACJ,IAAI,CAAA;KACL,CAAA;AAAC,GACO,CAAC,CAAA;AAAA;;;;"}

package/dist/esm/notification/Notification.module.css.mjs

@@ -1,4 +1,4 @@
-const styles = {"notification":"Notification-module_notification__78CFU","content":"Notification-module_content__HOyyc","title":"Notification-module_title__pC9Yh","body":"Notification-module_body__9icKP","actions":"Notification-module_actions__DCafA","button":"Notification-module_button__x9Snk","primary":"Notification-module_primary__WsCyk","secondary":"Notification-module_secondary__wHu0h"};
+const styles = {"notification":"Notification-module_notification__78CFU","content":"Notification-module_content__HOyyc","title":"Notification-module_title__pC9Yh","body":"Notification-module_body__9icKP","subheader":"Notification-module_subheader__4Mrnv","actions":"Notification-module_actions__DCafA","button":"Notification-module_button__x9Snk"};
 
 export { styles as default };
 //# sourceMappingURL=Notification.module.css.mjs.map

package/dist/esm/rich-input/RichInput.mjs

@@ -10,14 +10,17 @@ const MaxTag = _ref => {
   let {
     onClick,
     className,
+    disabled,
     ...rest
   } = _ref;
   return /*#__PURE__*/jsx(Tag, {
     role: "button",
-    tabIndex: 0,
-    className: cn(styles.maxTag, className),
-    onClick: onClick,
+    tabIndex: disabled ? -1 : 0,
+    "aria-disabled": disabled || undefined,
+    className: cn(styles.maxTag, disabled && styles.maxTagDisabled, className),
+    onClick: disabled ? undefined : onClick,
     onKeyDown: event => {
+      if (disabled) return;
       if (event.key !== 'Enter' && event.key !== ' ') return;
       event.preventDefault();
       onClick?.(event);
@@ -44,8 +47,10 @@ const RichInput = _ref2 => {
     balance,
     tokenSelector,
     error,
+    errorText,
     showMaxButton = true,
     onMaxClick,
+    maxDisabled,
     maxTooltip,
     onChange,
     className,
@@ -57,9 +62,8 @@ const RichInput = _ref2 => {
   const inputRef = useRef(null);
   const fallbackId = useId();
   const inputId = id ?? fallbackId;
-  const hasError = Boolean(error);
-  const errorMessage = typeof error === 'boolean' ? null : error;
-  const showErrorMessage = errorMessage != null && errorMessage !== '';
+  const hasError = !!error;
+  const showErrorMessage = !!errorText;
   const errorId = `${inputId}-error`;
   const showMax = showMaxButton && !disabled;
   const hasBottomRow = secondaryValue != null || balance != null || showMax;
@@ -88,21 +92,18 @@ const RichInput = _ref2 => {
     }
     inputRef.current?.focus();
   };
-  return (
-    /*#__PURE__*/
-    // Clicking the padding around the field focuses it — a pointer convenience
-    // on top of the real control. Keyboard users tab straight to the input.
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-    jsxs("div", {
-      className: cn(styles.root, hasError && styles.error, className),
+  return /*#__PURE__*/jsxs("div", {
+    className: cn(styles.root, className),
+    "data-testid": dataTestId?.root,
+    children: [/*#__PURE__*/jsxs("div", {
+      className: cn(styles.card, hasError && styles.error),
       onClick: handleRootClick,
-      "data-testid": dataTestId?.root,
       children: [label != null ? /*#__PURE__*/jsxs("span", {
         className: styles.labelRow,
         children: [/*#__PURE__*/jsx("label", {
+          "data-testid": dataTestId?.label,
           className: styles.label,
           htmlFor: inputId,
-          "data-testid": dataTestId?.label,
           children: label
         }), labelTooltip != null ? /*#__PURE__*/jsx(Tooltip, {
           content: labelTooltip,
@@ -131,8 +132,8 @@ const RichInput = _ref2 => {
       }), hasBottomRow ? /*#__PURE__*/jsxs("div", {
         className: styles.bottomRow,
         children: [secondaryValue != null ? /*#__PURE__*/jsx("span", {
-          className: styles.secondary,
           "data-testid": dataTestId?.secondaryValue,
+          className: styles.secondary,
           children: secondaryValue
         }) : null, /*#__PURE__*/jsxs("div", {
           className: styles.balanceGroup,
@@ -145,24 +146,26 @@ const RichInput = _ref2 => {
             position: "bottom-left",
             width: 240,
             children: /*#__PURE__*/jsx(MaxTag, {
-              onClick: onMaxClick,
               "data-testid": dataTestId?.maxButton,
+              onClick: onMaxClick,
+              disabled: maxDisabled,
               children: "Max"
             })
           }) : /*#__PURE__*/jsx(MaxTag, {
-            onClick: onMaxClick,
             "data-testid": dataTestId?.maxButton,
+            onClick: onMaxClick,
+            disabled: maxDisabled,
             children: "Max"
           }) : null]
         })]
-      }) : null, showErrorMessage ? /*#__PURE__*/jsx("div", {
-        id: errorId,
-        className: styles.errorMessage,
-        "data-testid": dataTestId?.error,
-        children: errorMessage
       }) : null]
-    })
-  );
+    }), showErrorMessage ? /*#__PURE__*/jsx("div", {
+      id: errorId,
+      className: styles.errorMessage,
+      "data-testid": dataTestId?.error,
+      children: errorText
+    }) : null]
+  });
 };
 
 export { RichInput };

package/dist/esm/rich-input/RichInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RichInput.mjs","sources":["../../../src/rich-input/RichInput.tsx"],"sourcesContent":["import {\n  useId,\n  useRef,\n  type ChangeEvent,\n  type InputHTMLAttributes,\n  type KeyboardEvent,\n  type MouseEvent,\n  type MouseEventHandler,\n  type ReactNode,\n} from 'react'\n\nimport cn from 'classnames'\nimport { IconInfo } from '../icons'\nimport { Tag, type TagProps } from '../tag'\nimport { Tooltip } from '../tooltip'\n\nimport styles from './RichInput.module.css'\n\nexport type RichInputDataTestId = {\n  root?: string\n  label?: string\n  input?: string\n  secondaryValue?: string\n  balance?: string\n  maxButton?: string\n  error?: string\n}\n\nexport type RichInputProps = InputHTMLAttributes<HTMLInputElement> & {\n  label?: ReactNode\n  labelTooltip?: ReactNode\n  secondaryValue?: ReactNode\n  balance?: ReactNode\n  tokenSelector?: ReactNode\n  error?: ReactNode | boolean\n  showMaxButton?: boolean\n  onMaxClick?: MouseEventHandler<HTMLSpanElement>\n  maxTooltip?: ReactNode\n  dataTestId?: RichInputDataTestId\n}\n\nconst MaxTag = ({ onClick, className, ...rest }: TagProps) => (\n  <Tag\n    role='button'\n    tabIndex={0}\n    className={cn(styles.maxTag, className)}\n    onClick={onClick}\n    onKeyDown={(event: KeyboardEvent<HTMLSpanElement>) => {\n      if (event.key !== 'Enter' && event.key !== ' ') return\n      event.preventDefault()\n      onClick?.(event as unknown as MouseEvent<HTMLSpanElement>)\n    }}\n    {...rest}\n  />\n)\n\n// Keep only digits and a single decimal point; comma is treated as the\n// decimal separator and normalized to a dot (en-US canonical form).\nconst sanitizeDecimal = (raw: string): string => {\n  const normalized = raw.replace(/,/g, '.').replace(/[^\\d.]/g, '')\n  const firstDot = normalized.indexOf('.')\n  if (firstDot === -1) return normalized\n  const head = normalized.slice(0, firstDot + 1)\n  const tail = normalized.slice(firstDot + 1).replace(/\\./g, '')\n  return head + tail\n}\n\nexport const RichInput = ({\n  label,\n  labelTooltip,\n  secondaryValue,\n  balance,\n  tokenSelector,\n  error,\n  showMaxButton = true,\n  onMaxClick,\n  maxTooltip,\n  onChange,\n  className,\n  id,\n  disabled,\n  dataTestId,\n  ...inputProps\n}: RichInputProps) => {\n  const inputRef = useRef<HTMLInputElement>(null)\n  const fallbackId = useId()\n  const inputId = id ?? fallbackId\n\n  const hasError = Boolean(error)\n  const errorMessage = typeof error === 'boolean' ? null : error\n  const showErrorMessage = errorMessage != null && errorMessage !== ''\n  const errorId = `${inputId}-error`\n  const showMax = showMaxButton && !disabled\n  const hasBottomRow = secondaryValue != null || balance != null || showMax\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const { value: rawValue, selectionStart } = event.target\n    const sanitized = sanitizeDecimal(rawValue)\n\n    if (sanitized !== rawValue) {\n      // Rewrite the DOM value before bubbling up so the parent (controlled\n      // or not) only ever sees the clean value and no invalid char sticks.\n      const removed = rawValue.length - sanitized.length\n      event.target.value = sanitized\n      if (selectionStart != null) {\n        const caret = Math.max(0, selectionStart - removed)\n        event.target.setSelectionRange(caret, caret)\n      }\n    }\n\n    onChange?.(event)\n  }\n\n  const handleRootClick = (event: MouseEvent<HTMLDivElement>) => {\n    if (!(event.target instanceof Element)) return\n    if (event.target.closest('button, input, label, [role=\"listbox\"]')) {\n      return\n    }\n    inputRef.current?.focus()\n  }\n\n  return (\n    // Clicking the padding around the field focuses it — a pointer convenience\n    // on top of the real control. Keyboard users tab straight to the input.\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions\n    <div\n      className={cn(styles.root, hasError && styles.error, className)}\n      onClick={handleRootClick}\n      data-testid={dataTestId?.root}\n    >\n      {label != null ? (\n        <span className={styles.labelRow}>\n          <label\n            className={styles.label}\n            htmlFor={inputId}\n            data-testid={dataTestId?.label}\n          >\n            {label}\n          </label>\n          {labelTooltip != null ? (\n            <Tooltip content={labelTooltip}>\n              <IconInfo\n                className={styles.labelTooltipIcon}\n                aria-hidden='true'\n              />\n            </Tooltip>\n          ) : null}\n        </span>\n      ) : null}\n      <div className={styles.amountRow}>\n        <input\n          ref={inputRef}\n          id={inputId}\n          className={styles.input}\n          inputMode='decimal'\n          disabled={disabled}\n          aria-invalid={hasError || undefined}\n          aria-describedby={showErrorMessage ? errorId : undefined}\n          onChange={handleChange}\n          data-testid={dataTestId?.input}\n          {...inputProps}\n        />\n        {tokenSelector != null ? (\n          <div className={styles.token}>{tokenSelector}</div>\n        ) : null}\n      </div>\n      {hasBottomRow ? (\n        <div className={styles.bottomRow}>\n          {secondaryValue != null ? (\n            <span\n              className={styles.secondary}\n              data-testid={dataTestId?.secondaryValue}\n            >\n              {secondaryValue}\n            </span>\n          ) : null}\n          <div className={styles.balanceGroup}>\n            {balance != null ? (\n              <span\n                className={styles.balance}\n                data-testid={dataTestId?.balance}\n              >\n                {balance}\n              </span>\n            ) : null}\n            {showMax ? (\n              maxTooltip != null ? (\n                <Tooltip\n                  content={maxTooltip}\n                  position='bottom-left'\n                  width={240}\n                >\n                  <MaxTag\n                    onClick={onMaxClick}\n                    data-testid={dataTestId?.maxButton}\n                  >\n                    Max\n                  </MaxTag>\n                </Tooltip>\n              ) : (\n                <MaxTag\n                  onClick={onMaxClick}\n                  data-testid={dataTestId?.maxButton}\n                >\n                  Max\n                </MaxTag>\n              )\n            ) : null}\n          </div>\n        </div>\n      ) : null}\n      {showErrorMessage ? (\n        <div\n          id={errorId}\n          className={styles.errorMessage}\n          data-testid={dataTestId?.error}\n        >\n          {errorMessage}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"names":["MaxTag","_ref","onClick","className","rest","_jsx","Tag","role","tabIndex","cn","styles","maxTag","onKeyDown","event","key","preventDefault","sanitizeDecimal","raw","normalized","replace","firstDot","indexOf","head","slice","tail","RichInput","_ref2","label","labelTooltip","secondaryValue","balance","tokenSelector","error","showMaxButton","onMaxClick","maxTooltip","onChange","id","disabled","dataTestId","inputProps","inputRef","useRef","fallbackId","useId","inputId","hasError","Boolean","errorMessage","showErrorMessage","errorId","showMax","hasBottomRow","handleChange","value","rawValue","selectionStart","target","sanitized","removed","length","caret","Math","max","setSelectionRange","handleRootClick","Element","closest","current","focus","_jsxs","root","children","labelRow","htmlFor","Tooltip","content","IconInfo","labelTooltipIcon","amountRow","ref","input","inputMode","undefined","token","bottomRow","secondary","balanceGroup","position","width","maxButton"],"mappings":"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"}
+{"version":3,"file":"RichInput.mjs","sources":["../../../src/rich-input/RichInput.tsx"],"sourcesContent":["import {\n  useId,\n  useRef,\n  type ChangeEvent,\n  type InputHTMLAttributes,\n  type KeyboardEvent,\n  type MouseEvent,\n  type MouseEventHandler,\n  type ReactNode,\n} from 'react'\n\nimport cn from 'classnames'\nimport { IconInfo } from '../icons'\nimport { Tag, type TagProps } from '../tag'\nimport { Tooltip } from '../tooltip'\n\nimport styles from './RichInput.module.css'\n\nexport type RichInputDataTestId = {\n  root?: string\n  label?: string\n  input?: string\n  secondaryValue?: string\n  balance?: string\n  maxButton?: string\n  error?: string\n}\n\nexport type RichInputProps = InputHTMLAttributes<HTMLInputElement> & {\n  label?: ReactNode\n  labelTooltip?: ReactNode\n  secondaryValue?: ReactNode\n  balance?: ReactNode\n  tokenSelector?: ReactNode\n  error?: boolean\n  errorText?: ReactNode\n  showMaxButton?: boolean\n  onMaxClick?: MouseEventHandler<HTMLSpanElement>\n  maxDisabled?: boolean\n  maxTooltip?: ReactNode\n  dataTestId?: RichInputDataTestId\n}\n\nconst MaxTag = ({\n  onClick,\n  className,\n  disabled,\n  ...rest\n}: TagProps & { disabled?: boolean }) => (\n  <Tag\n    role='button'\n    tabIndex={disabled ? -1 : 0}\n    aria-disabled={disabled || undefined}\n    className={cn(styles.maxTag, disabled && styles.maxTagDisabled, className)}\n    onClick={disabled ? undefined : onClick}\n    onKeyDown={(event: KeyboardEvent<HTMLSpanElement>) => {\n      if (disabled) return\n      if (event.key !== 'Enter' && event.key !== ' ') return\n      event.preventDefault()\n      onClick?.(event as unknown as MouseEvent<HTMLSpanElement>)\n    }}\n    {...rest}\n  />\n)\n\n// Keep only digits and a single decimal point; comma is treated as the\n// decimal separator and normalized to a dot (en-US canonical form).\nconst sanitizeDecimal = (raw: string): string => {\n  const normalized = raw.replace(/,/g, '.').replace(/[^\\d.]/g, '')\n  const firstDot = normalized.indexOf('.')\n  if (firstDot === -1) return normalized\n  const head = normalized.slice(0, firstDot + 1)\n  const tail = normalized.slice(firstDot + 1).replace(/\\./g, '')\n  return head + tail\n}\n\nexport const RichInput = ({\n  label,\n  labelTooltip,\n  secondaryValue,\n  balance,\n  tokenSelector,\n  error,\n  errorText,\n  showMaxButton = true,\n  onMaxClick,\n  maxDisabled,\n  maxTooltip,\n  onChange,\n  className,\n  id,\n  disabled,\n  dataTestId,\n  ...inputProps\n}: RichInputProps) => {\n  const inputRef = useRef<HTMLInputElement>(null)\n  const fallbackId = useId()\n  const inputId = id ?? fallbackId\n\n  const hasError = !!error\n  const showErrorMessage = !!errorText\n  const errorId = `${inputId}-error`\n  const showMax = showMaxButton && !disabled\n  const hasBottomRow = secondaryValue != null || balance != null || showMax\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const { value: rawValue, selectionStart } = event.target\n    const sanitized = sanitizeDecimal(rawValue)\n\n    if (sanitized !== rawValue) {\n      // Rewrite the DOM value before bubbling up so the parent (controlled\n      // or not) only ever sees the clean value and no invalid char sticks.\n      const removed = rawValue.length - sanitized.length\n      event.target.value = sanitized\n      if (selectionStart != null) {\n        const caret = Math.max(0, selectionStart - removed)\n        event.target.setSelectionRange(caret, caret)\n      }\n    }\n\n    onChange?.(event)\n  }\n\n  const handleRootClick = (event: MouseEvent<HTMLDivElement>) => {\n    if (!(event.target instanceof Element)) return\n    if (event.target.closest('button, input, label, [role=\"listbox\"]')) {\n      return\n    }\n    inputRef.current?.focus()\n  }\n\n  return (\n    <div className={cn(styles.root, className)} data-testid={dataTestId?.root}>\n      {/*\n        Clicking the padding around the field focuses it — a pointer convenience\n        on top of the real control. Keyboard users tab straight to the input.\n      */}\n      {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */}\n      <div\n        className={cn(styles.card, hasError && styles.error)}\n        onClick={handleRootClick}\n      >\n        {label != null ? (\n          <span className={styles.labelRow}>\n            <label\n              data-testid={dataTestId?.label}\n              className={styles.label}\n              htmlFor={inputId}\n            >\n              {label}\n            </label>\n            {labelTooltip != null ? (\n              <Tooltip content={labelTooltip}>\n                <IconInfo\n                  className={styles.labelTooltipIcon}\n                  aria-hidden='true'\n                />\n              </Tooltip>\n            ) : null}\n          </span>\n        ) : null}\n        <div className={styles.amountRow}>\n          <input\n            ref={inputRef}\n            id={inputId}\n            className={styles.input}\n            inputMode='decimal'\n            disabled={disabled}\n            aria-invalid={hasError || undefined}\n            aria-describedby={showErrorMessage ? errorId : undefined}\n            onChange={handleChange}\n            data-testid={dataTestId?.input}\n            {...inputProps}\n          />\n          {tokenSelector != null ? (\n            <div className={styles.token}>{tokenSelector}</div>\n          ) : null}\n        </div>\n        {hasBottomRow ? (\n          <div className={styles.bottomRow}>\n            {secondaryValue != null ? (\n              <span\n                data-testid={dataTestId?.secondaryValue}\n                className={styles.secondary}\n              >\n                {secondaryValue}\n              </span>\n            ) : null}\n            <div className={styles.balanceGroup}>\n              {balance != null ? (\n                <span\n                  className={styles.balance}\n                  data-testid={dataTestId?.balance}\n                >\n                  {balance}\n                </span>\n              ) : null}\n              {showMax ? (\n                maxTooltip != null ? (\n                  <Tooltip\n                    content={maxTooltip}\n                    position='bottom-left'\n                    width={240}\n                  >\n                    <MaxTag\n                      data-testid={dataTestId?.maxButton}\n                      onClick={onMaxClick}\n                      disabled={maxDisabled}\n                    >\n                      Max\n                    </MaxTag>\n                  </Tooltip>\n                ) : (\n                  <MaxTag\n                    data-testid={dataTestId?.maxButton}\n                    onClick={onMaxClick}\n                    disabled={maxDisabled}\n                  >\n                    Max\n                  </MaxTag>\n                )\n              ) : null}\n            </div>\n          </div>\n        ) : null}\n      </div>\n      {showErrorMessage ? (\n        <div\n          id={errorId}\n          className={styles.errorMessage}\n          data-testid={dataTestId?.error}\n        >\n          {errorText}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"names":["MaxTag","_ref","onClick","className","disabled","rest","_jsx","Tag","role","tabIndex","undefined","cn","styles","maxTag","maxTagDisabled","onKeyDown","event","key","preventDefault","sanitizeDecimal","raw","normalized","replace","firstDot","indexOf","head","slice","tail","RichInput","_ref2","label","labelTooltip","secondaryValue","balance","tokenSelector","error","errorText","showMaxButton","onMaxClick","maxDisabled","maxTooltip","onChange","id","dataTestId","inputProps","inputRef","useRef","fallbackId","useId","inputId","hasError","showErrorMessage","errorId","showMax","hasBottomRow","handleChange","value","rawValue","selectionStart","target","sanitized","removed","length","caret","Math","max","setSelectionRange","handleRootClick","Element","closest","current","focus","_jsxs","root","children","card","labelRow","htmlFor","Tooltip","content","IconInfo","labelTooltipIcon","amountRow","ref","input","inputMode","token","bottomRow","secondary","balanceGroup","position","width","maxButton","errorMessage"],"mappings":"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"}

package/dist/esm/rich-input/RichInput.module.css.mjs

@@ -1,4 +1,4 @@
-const styles = {"root":"RichInput-module_root__2RrAF","error":"RichInput-module_error__iuacN","input":"RichInput-module_input__G69-P","labelRow":"RichInput-module_labelRow__bh0KF","label":"RichInput-module_label__FNaLW","labelTooltipIcon":"RichInput-module_labelTooltipIcon__A4QBG","amountRow":"RichInput-module_amountRow__GWqIG","token":"RichInput-module_token__qSEX1","bottomRow":"RichInput-module_bottomRow__2SnLx","secondary":"RichInput-module_secondary__pftTQ","balanceGroup":"RichInput-module_balanceGroup__q4-lT","balance":"RichInput-module_balance__y-Ukz","errorMessage":"RichInput-module_errorMessage__axdve","maxTag":"RichInput-module_maxTag__gQd1Y"};
+const styles = {"root":"RichInput-module_root__2RrAF","card":"RichInput-module_card__wDqv1","error":"RichInput-module_error__iuacN","input":"RichInput-module_input__G69-P","labelRow":"RichInput-module_labelRow__bh0KF","label":"RichInput-module_label__FNaLW","labelTooltipIcon":"RichInput-module_labelTooltipIcon__A4QBG","amountRow":"RichInput-module_amountRow__GWqIG","token":"RichInput-module_token__qSEX1","bottomRow":"RichInput-module_bottomRow__2SnLx","secondary":"RichInput-module_secondary__pftTQ","balanceGroup":"RichInput-module_balanceGroup__q4-lT","balance":"RichInput-module_balance__y-Ukz","balanceError":"RichInput-module_balanceError__pwA4q","errorMessage":"RichInput-module_errorMessage__axdve","maxTag":"RichInput-module_maxTag__gQd1Y","maxTagDisabled":"RichInput-module_maxTagDisabled__VD8AE"};
 
 export { styles as default };
 //# sourceMappingURL=RichInput.module.css.mjs.map

package/dist/esm/tag/Tag.mjs

@@ -1,35 +1,39 @@
 import cn from 'classnames';
 import styles from './Tag.module.css.mjs';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { IconCross } from '../icons/components/base/IconCross.mjs';
 
 const Tag = _ref => {
   let {
     variant = 'default',
+    active = false,
     icon,
+    iconPosition = 'left',
     onClose,
     className,
     children,
     dataTestId,
     ...rest
   } = _ref;
+  const iconElement = icon != null ? /*#__PURE__*/jsx("span", {
+    className: styles.icon,
+    "aria-hidden": "true",
+    "data-testid": dataTestId?.icon,
+    children: icon
+  }) : null;
   return /*#__PURE__*/jsxs("span", {
-    className: cn(styles.tag, styles[variant], className),
+    className: cn(styles.tag, styles[variant], active && styles.isActive, className),
     "data-testid": dataTestId?.root,
     ...rest,
-    children: [icon != null ? /*#__PURE__*/jsx("span", {
-      className: styles.icon,
-      "aria-hidden": "true",
-      "data-testid": dataTestId?.icon,
-      children: icon
-    }) : null, children, onClose ? /*#__PURE__*/jsx("button", {
+    children: [iconPosition === 'left' ? iconElement : null, children, iconPosition === 'right' ? iconElement : null, onClose ? /*#__PURE__*/jsx("button", {
       type: "button",
       className: styles.closeButton,
       "aria-label": "Remove",
       onClick: onClose,
       "data-testid": dataTestId?.closeButton,
       children: /*#__PURE__*/jsx(IconCross, {
-        "aria-hidden": "true"
+        "aria-hidden": "true",
+        className: styles.crossIcon
       })
     }) : null]
   });

package/dist/esm/tag/Tag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.mjs","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,IAAA,CAAA,MAAA,EAAA;AACEJ,IAAAA,SAAS,EAAEK,EAAE,CAACC,MAAM,CAACC,GAAG,EAAED,MAAM,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,GAAA,CAAA,MAAA,EAAA;MACET,SAAS,EAAEM,MAAM,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,GAAA,CAAA,QAAA,EAAA;AACEC,MAAAA,IAAI,EAAC,QAAQ;MACbV,SAAS,EAAEM,MAAM,CAACK,WAAY;AAC9B,MAAA,YAAA,EAAW,QAAQ;AACnBC,MAAAA,OAAO,EAAEb,OAAQ;MACjB,aAAaG,EAAAA,UAAU,EAAES,WAAY;MAAAV,QAAA,eAErCQ,GAAA,CAACI,SAAS,EAAA;QAAC,aAAY,EAAA,MAAA;OAAQ,CAAA;KACzB,CAAC,GACP,IAAI,CAAA;AAAA,GACJ,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"Tag.mjs","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 TagIconPosition = 'left' | 'right'\n\nexport type TagProps = HTMLAttributes<HTMLSpanElement> & {\n  variant?: TagVariant\n  active?: boolean\n  icon?: ReactNode\n  iconPosition?: TagIconPosition\n  onClose?: () => void\n  dataTestId?: TagDataTestId\n}\n\nexport const Tag = ({\n  variant = 'default',\n  active = false,\n  icon,\n  iconPosition = 'left',\n  onClose,\n  className,\n  children,\n  dataTestId,\n  ...rest\n}: TagProps) => {\n  const iconElement =\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\n  return (\n    <span\n      className={cn(\n        styles.tag,\n        styles[variant],\n        active && styles.isActive,\n        className,\n      )}\n      data-testid={dataTestId?.root}\n      {...rest}\n    >\n      {iconPosition === 'left' ? iconElement : null}\n      {children}\n      {iconPosition === 'right' ? iconElement : null}\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' className={styles.crossIcon} />\n        </button>\n      ) : null}\n    </span>\n  )\n}\n"],"names":["Tag","_ref","variant","active","icon","iconPosition","onClose","className","children","dataTestId","rest","iconElement","_jsx","styles","_jsxs","cn","tag","isActive","root","type","closeButton","onClick","IconCross","crossIcon"],"mappings":";;;;;AAkCaA,MAAAA,GAAG,GAAGC,IAAA,IAUH;EAAA,IAVI;AAClBC,IAAAA,OAAO,GAAG,SAAS;AACnBC,IAAAA,MAAM,GAAG,KAAK;IACdC,IAAI;AACJC,IAAAA,YAAY,GAAG,MAAM;IACrBC,OAAO;IACPC,SAAS;IACTC,QAAQ;IACRC,UAAU;IACV,GAAGC,IAAAA;AACK,GAAC,GAAAT,IAAA,CAAA;AACT,EAAA,MAAMU,WAAW,GACfP,IAAI,IAAI,IAAI,gBACVQ,GAAA,CAAA,MAAA,EAAA;IACEL,SAAS,EAAEM,MAAM,CAACT,IAAK;AACvB,IAAA,aAAA,EAAY,MAAM;IAClB,aAAaK,EAAAA,UAAU,EAAEL,IAAK;AAAAI,IAAAA,QAAA,EAE7BJ,IAAAA;GACG,CAAC,GACL,IAAI,CAAA;AAEV,EAAA,oBACEU,IAAA,CAAA,MAAA,EAAA;AACEP,IAAAA,SAAS,EAAEQ,EAAE,CACXF,MAAM,CAACG,GAAG,EACVH,MAAM,CAACX,OAAO,CAAC,EACfC,MAAM,IAAIU,MAAM,CAACI,QAAQ,EACzBV,SACF,CAAE;IACF,aAAaE,EAAAA,UAAU,EAAES,IAAK;AAAA,IAAA,GAC1BR,IAAI;IAAAF,QAAA,EAAA,CAEPH,YAAY,KAAK,MAAM,GAAGM,WAAW,GAAG,IAAI,EAC5CH,QAAQ,EACRH,YAAY,KAAK,OAAO,GAAGM,WAAW,GAAG,IAAI,EAC7CL,OAAO,gBACNM,GAAA,CAAA,QAAA,EAAA;AACEO,MAAAA,IAAI,EAAC,QAAQ;MACbZ,SAAS,EAAEM,MAAM,CAACO,WAAY;AAC9B,MAAA,YAAA,EAAW,QAAQ;AACnBC,MAAAA,OAAO,EAAEf,OAAQ;MACjB,aAAaG,EAAAA,UAAU,EAAEW,WAAY;MAAAZ,QAAA,eAErCI,GAAA,CAACU,SAAS,EAAA;AAAC,QAAA,aAAA,EAAY,MAAM;QAACf,SAAS,EAAEM,MAAM,CAACU,SAAAA;OAAY,CAAA;KACtD,CAAC,GACP,IAAI,CAAA;AAAA,GACJ,CAAC,CAAA;AAEX;;;;"}

package/dist/esm/tag/Tag.module.css.mjs

@@ -1,4 +1,4 @@
-const styles = {"tag":"Tag-module_tag__dpq60","icon":"Tag-module_icon__7I-oU","closeButton":"Tag-module_closeButton__d5-N3","neutral":"Tag-module_neutral__D18sJ","success":"Tag-module_success__JX1nP","warning":"Tag-module_warning__0pWSo","error":"Tag-module_error__o3vZs","info":"Tag-module_info__TJ9YE","active":"Tag-module_active__C6eCL","action":"Tag-module_action__6xjY6"};
+const styles = {"tag":"Tag-module_tag__dpq60","isActive":"Tag-module_isActive__h4p9Z","icon":"Tag-module_icon__7I-oU","crossIcon":"Tag-module_crossIcon__LDgT7","closeButton":"Tag-module_closeButton__d5-N3","neutral":"Tag-module_neutral__D18sJ","success":"Tag-module_success__JX1nP","warning":"Tag-module_warning__0pWSo","error":"Tag-module_error__o3vZs","info":"Tag-module_info__TJ9YE","active":"Tag-module_active__C6eCL","action":"Tag-module_action__6xjY6"};
 
 export { styles as default };
 //# sourceMappingURL=Tag.module.css.mjs.map

package/dist/esm/token-selector/TokenSelector.mjs

@@ -116,15 +116,15 @@ const TokenSelector = _ref => {
             className: cn(styles.option, styles[size], selected && styles.selected),
             onClick: () => handleOptionClick(option),
             "data-testid": option.dataTestId?.root,
-            children: [option.icon ? /*#__PURE__*/jsx("span", {
-              className: styles.icon,
-              "data-testid": option.dataTestId?.icon,
-              children: option.icon
-            }) : null, /*#__PURE__*/jsxs("span", {
+            children: [/*#__PURE__*/jsxs("span", {
               className: styles.optionContent,
               children: [/*#__PURE__*/jsxs("span", {
                 className: styles.optionRow,
-                children: [/*#__PURE__*/jsx("span", {
+                children: [option.icon ? /*#__PURE__*/jsx("span", {
+                  className: styles.icon,
+                  "data-testid": option.dataTestId?.icon,
+                  children: option.icon
+                }) : null, /*#__PURE__*/jsx("span", {
                   className: styles.label,
                   "data-testid": option.dataTestId?.label,
                   children: option.label

package/dist/esm/token-selector/TokenSelector.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TokenSelector.mjs","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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"}
+{"version":3,"file":"TokenSelector.mjs","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                  <span className={styles.optionContent}>\n                    <span className={styles.optionRow}>\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\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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"}