@lidofinance/lido-app-ui 1.11.0 → 1.13.0

package/dist/cjs/input/Input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Input.cjs","sources":["../../../src/input/Input.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\n\nimport cn from 'classnames'\n\nimport { IconInfo } from '../icons'\nimport { Tooltip } from '../tooltip'\nimport styles from './Input.module.css'\n\nexport type InputSize = 'default' | 'small'\n\nexport type InputDataTestId = {\n  root?: string\n  label?: string\n  icon?: string\n  input?: string\n  error?: string\n  description?: string\n}\n\nexport type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> & {\n  size?: InputSize\n  icon?: ReactNode\n  label?: ReactNode\n  tooltip?: ReactNode\n  description?: ReactNode\n  error?: ReactNode | boolean\n  dataTestId?: InputDataTestId\n}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      size = 'default',\n      icon,\n      label,\n      tooltip,\n      description,\n      error,\n      disabled,\n      className,\n      id,\n      dataTestId,\n      ...rest\n    },\n    ref,\n  ) => {\n    const fallbackId = useId()\n    const inputId = id ?? fallbackId\n    const errorId = `${inputId}-error`\n\n    const hasError = Boolean(error)\n    const errorMessage = typeof error === 'boolean' ? null : error\n    const showErrorMessage = errorMessage != null\n\n    return (\n      <div\n        className={cn(styles.field, className)}\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            {tooltip != null ? (\n              <Tooltip content={tooltip}>\n                <IconInfo className={styles.tooltipIcon} aria-hidden='true' />\n              </Tooltip>\n            ) : null}\n          </span>\n        ) : null}\n        <label\n          className={cn(styles.root, styles[size], {\n            [styles.error]: hasError,\n            [styles.disabled]: disabled,\n          })}\n        >\n          {icon ? (\n            <span\n              className={styles.icon}\n              aria-hidden='true'\n              data-testid={dataTestId?.icon}\n            >\n              {icon}\n            </span>\n          ) : null}\n          <input\n            ref={ref}\n            id={inputId}\n            className={styles.input}\n            disabled={disabled}\n            aria-invalid={hasError || undefined}\n            aria-describedby={showErrorMessage ? errorId : undefined}\n            data-testid={dataTestId?.input}\n            {...rest}\n          />\n        </label>\n        {showErrorMessage ? (\n          <p\n            id={errorId}\n            className={styles.errorText}\n            role='alert'\n            data-testid={dataTestId?.error}\n          >\n            {errorMessage}\n          </p>\n        ) : null}\n        {description != null ? (\n          <p\n            className={styles.description}\n            data-testid={dataTestId?.description}\n          >\n            {description}\n          </p>\n        ) : null}\n      </div>\n    )\n  },\n)\n\nInput.displayName = 'Input'\n"],"names":["Input","forwardRef","_ref","ref","size","icon","label","tooltip","description","error","disabled","className","id","dataTestId","rest","fallbackId","useId","inputId","errorId","hasError","Boolean","errorMessage","showErrorMessage","_jsxs","cn","styles","field","root","children","labelRow","_jsx","htmlFor","Tooltip","content","IconInfo","tooltipIcon","input","undefined","errorText","role","displayName"],"mappings":";;;;;;;;;;;AAkCO,MAAMA,KAAK,gBAAGC,gBAAU,CAC7B,CAAAC,IAAA,EAcEC,GAAG,KACA;EAAA,IAdH;AACEC,IAAAA,IAAI,GAAG,SAAS;IAChBC,IAAI;IACJC,KAAK;IACLC,OAAO;IACPC,WAAW;IACXC,KAAK;IACLC,QAAQ;IACRC,SAAS;IACTC,EAAE;IACFC,UAAU;IACV,GAAGC,IAAAA;AACL,GAAC,GAAAZ,IAAA,CAAA;AAGD,EAAA,MAAMa,UAAU,GAAGC,WAAK,EAAE,CAAA;AAC1B,EAAA,MAAMC,OAAO,GAAGL,EAAE,IAAIG,UAAU,CAAA;AAChC,EAAA,MAAMG,OAAO,GAAG,CAAGD,EAAAA,OAAO,CAAQ,MAAA,CAAA,CAAA;AAElC,EAAA,MAAME,QAAQ,GAAGC,OAAO,CAACX,KAAK,CAAC,CAAA;EAC/B,MAAMY,YAAY,GAAG,OAAOZ,KAAK,KAAK,SAAS,GAAG,IAAI,GAAGA,KAAK,CAAA;AAC9D,EAAA,MAAMa,gBAAgB,GAAGD,YAAY,IAAI,IAAI,CAAA;AAE7C,EAAA,oBACEE,eAAA,CAAA,KAAA,EAAA;IACEZ,SAAS,EAAEa,EAAE,CAACC,YAAM,CAACC,KAAK,EAAEf,SAAS,CAAE;IACvC,aAAaE,EAAAA,UAAU,EAAEc,IAAK;AAAAC,IAAAA,QAAA,EAE7BtB,CAAAA,KAAK,IAAI,IAAI,gBACZiB,eAAA,CAAA,MAAA,EAAA;MAAMZ,SAAS,EAAEc,YAAM,CAACI,QAAS;AAAAD,MAAAA,QAAA,gBAC/BE,cAAA,CAAA,OAAA,EAAA;QACEnB,SAAS,EAAEc,YAAM,CAACnB,KAAM;AACxByB,QAAAA,OAAO,EAAEd,OAAQ;QACjB,aAAaJ,EAAAA,UAAU,EAAEP,KAAM;AAAAsB,QAAAA,QAAA,EAE9BtB,KAAAA;OACI,CAAC,EACPC,OAAO,IAAI,IAAI,gBACduB,cAAA,CAACE,eAAO,EAAA;AAACC,QAAAA,OAAO,EAAE1B,OAAQ;QAAAqB,QAAA,eACxBE,cAAA,CAACI,iBAAQ,EAAA;UAACvB,SAAS,EAAEc,YAAM,CAACU,WAAY;UAAC,aAAY,EAAA,MAAA;SAAQ,CAAA;OACtD,CAAC,GACR,IAAI,CAAA;AAAA,KACJ,CAAC,GACL,IAAI,eACRZ,eAAA,CAAA,OAAA,EAAA;MACEZ,SAAS,EAAEa,EAAE,CAACC,YAAM,CAACE,IAAI,EAAEF,YAAM,CAACrB,IAAI,CAAC,EAAE;AACvC,QAAA,CAACqB,YAAM,CAAChB,KAAK,GAAGU,QAAQ;QACxB,CAACM,YAAM,CAACf,QAAQ,GAAGA,QAAAA;AACrB,OAAC,CAAE;MAAAkB,QAAA,EAAA,CAEFvB,IAAI,gBACHyB,cAAA,CAAA,MAAA,EAAA;QACEnB,SAAS,EAAEc,YAAM,CAACpB,IAAK;AACvB,QAAA,aAAA,EAAY,MAAM;QAClB,aAAaQ,EAAAA,UAAU,EAAER,IAAK;AAAAuB,QAAAA,QAAA,EAE7BvB,IAAAA;AAAI,OACD,CAAC,GACL,IAAI,eACRyB,cAAA,CAAA,OAAA,EAAA;AACE3B,QAAAA,GAAG,EAAEA,GAAI;AACTS,QAAAA,EAAE,EAAEK,OAAQ;QACZN,SAAS,EAAEc,YAAM,CAACW,KAAM;AACxB1B,QAAAA,QAAQ,EAAEA,QAAS;QACnB,cAAcS,EAAAA,QAAQ,IAAIkB,SAAU;AACpC,QAAA,kBAAA,EAAkBf,gBAAgB,GAAGJ,OAAO,GAAGmB,SAAU;QACzD,aAAaxB,EAAAA,UAAU,EAAEuB,KAAM;QAAA,GAC3BtB,IAAAA;AAAI,OACT,CAAC,CAAA;AAAA,KACG,CAAC,EACPQ,gBAAgB,gBACfQ,cAAA,CAAA,GAAA,EAAA;AACElB,MAAAA,EAAE,EAAEM,OAAQ;MACZP,SAAS,EAAEc,YAAM,CAACa,SAAU;AAC5BC,MAAAA,IAAI,EAAC,OAAO;MACZ,aAAa1B,EAAAA,UAAU,EAAEJ,KAAM;AAAAmB,MAAAA,QAAA,EAE9BP,YAAAA;KACA,CAAC,GACF,IAAI,EACPb,WAAW,IAAI,IAAI,gBAClBsB,cAAA,CAAA,GAAA,EAAA;MACEnB,SAAS,EAAEc,YAAM,CAACjB,WAAY;MAC9B,aAAaK,EAAAA,UAAU,EAAEL,WAAY;AAAAoB,MAAAA,QAAA,EAEpCpB,WAAAA;KACA,CAAC,GACF,IAAI,CAAA;AAAA,GACL,CAAC,CAAA;AAEV,CACF,EAAC;AAEDR,KAAK,CAACwC,WAAW,GAAG,OAAO;;;;"}
+{"version":3,"file":"Input.cjs","sources":["../../../src/input/Input.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\n\nimport cn from 'classnames'\n\nimport { InfoTooltip } from '../info-tooltip'\nimport styles from './Input.module.css'\n\nexport type InputSize = 'default' | 'small'\n\nexport type InputDataTestId = {\n  root?: string\n  label?: string\n  icon?: string\n  input?: string\n  error?: string\n  description?: string\n}\n\nexport type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> & {\n  size?: InputSize\n  icon?: ReactNode\n  label?: ReactNode\n  tooltip?: ReactNode\n  description?: ReactNode\n  error?: ReactNode | boolean\n  dataTestId?: InputDataTestId\n}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      size = 'default',\n      icon,\n      label,\n      tooltip,\n      description,\n      error,\n      disabled,\n      className,\n      id,\n      dataTestId,\n      ...rest\n    },\n    ref,\n  ) => {\n    const fallbackId = useId()\n    const inputId = id ?? fallbackId\n    const errorId = `${inputId}-error`\n\n    const hasError = Boolean(error)\n    const errorMessage = typeof error === 'boolean' ? null : error\n    const showErrorMessage = errorMessage != null\n\n    return (\n      <div\n        className={cn(styles.field, className)}\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            {tooltip != null ? <InfoTooltip content={tooltip} /> : null}\n          </span>\n        ) : null}\n        <label\n          className={cn(styles.root, styles[size], {\n            [styles.error]: hasError,\n            [styles.disabled]: disabled,\n          })}\n        >\n          {icon ? (\n            <span\n              className={styles.icon}\n              aria-hidden='true'\n              data-testid={dataTestId?.icon}\n            >\n              {icon}\n            </span>\n          ) : null}\n          <input\n            ref={ref}\n            id={inputId}\n            className={styles.input}\n            disabled={disabled}\n            aria-invalid={hasError || undefined}\n            aria-describedby={showErrorMessage ? errorId : undefined}\n            data-testid={dataTestId?.input}\n            {...rest}\n          />\n        </label>\n        {showErrorMessage ? (\n          <p\n            id={errorId}\n            className={styles.errorText}\n            role='alert'\n            data-testid={dataTestId?.error}\n          >\n            {errorMessage}\n          </p>\n        ) : null}\n        {description != null ? (\n          <p\n            className={styles.description}\n            data-testid={dataTestId?.description}\n          >\n            {description}\n          </p>\n        ) : null}\n      </div>\n    )\n  },\n)\n\nInput.displayName = 'Input'\n"],"names":["Input","forwardRef","_ref","ref","size","icon","label","tooltip","description","error","disabled","className","id","dataTestId","rest","fallbackId","useId","inputId","errorId","hasError","Boolean","errorMessage","showErrorMessage","_jsxs","cn","styles","field","root","children","labelRow","_jsx","htmlFor","InfoTooltip","content","input","undefined","errorText","role","displayName"],"mappings":"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"}

package/dist/cjs/input/Input.module.css.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const styles = {"field":"Input-module_field__INC-m","labelRow":"Input-module_labelRow__AT-Kg","label":"Input-module_label__1UZiS","tooltipIcon":"Input-module_tooltipIcon__W8NYt","root":"Input-module_root__zCKm2","input":"Input-module_input__paElZ","error":"Input-module_error__kcS-O","disabled":"Input-module_disabled__fbybp","default":"Input-module_default__UeWH5","small":"Input-module_small__ESlJP","icon":"Input-module_icon__2IBf9","errorText":"Input-module_errorText__jYCqP","description":"Input-module_description__EVlJm"};
+const styles = {"field":"Input-module_field__INC-m","labelRow":"Input-module_labelRow__AT-Kg","label":"Input-module_label__1UZiS","root":"Input-module_root__zCKm2","input":"Input-module_input__paElZ","error":"Input-module_error__kcS-O","disabled":"Input-module_disabled__fbybp","default":"Input-module_default__UeWH5","small":"Input-module_small__ESlJP","icon":"Input-module_icon__2IBf9","errorText":"Input-module_errorText__jYCqP","description":"Input-module_description__EVlJm"};
 
 module.exports = styles;
 //# sourceMappingURL=Input.module.css.cjs.map

package/dist/cjs/modal/Modal.cjs

@@ -10,8 +10,7 @@ const Portal = require('../hooks/Portal.cjs');
 const useBodyScrollLock = require('../hooks/useBodyScrollLock.cjs');
 const useFocusTrap = require('../hooks/useFocusTrap.cjs');
 const useEscape = require('../hooks/useEscape.cjs');
-const IconButton = require('../icon-button/IconButton.cjs');
-const IconCross = require('../icons/components/base/IconCross.cjs');
+const CloseButton = require('../icon-button/CloseButton.cjs');
 
 const ModalDialog = /*#__PURE__*/react.forwardRef((_ref, ref) => {
   let {
@@ -63,10 +62,7 @@ const ModalDialog = /*#__PURE__*/react.forwardRef((_ref, ref) => {
           className: cn(Modal_module.title, !title && Modal_module.titleHidden),
           "data-testid": dataTestId?.title,
           children: title
-        }), onClose ? /*#__PURE__*/jsxRuntime.jsx(IconButton.IconButton, {
-          variant: "outline",
-          "aria-label": "Close",
-          icon: /*#__PURE__*/jsxRuntime.jsx(IconCross.IconCross, {}),
+        }), onClose ? /*#__PURE__*/jsxRuntime.jsx(CloseButton.CloseButton, {
           onClick: onClose,
           dataTestId: {
             root: dataTestId?.closeButton

package/dist/cjs/modal/Modal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.cjs","sources":["../../../src/modal/Modal.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  useImperativeHandle,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\n\nimport { Portal, useBodyScrollLock, useEscape, useFocusTrap } from '../hooks'\nimport { IconButton } from '../icon-button'\nimport { IconCross } from '../icons'\nimport cn from 'classnames'\n\nimport styles from './Modal.module.css'\n\nexport type ModalDataTestId = {\n  root?: string\n  title?: string\n  subtitle?: string\n  closeButton?: string\n  body?: string\n  overlay?: string\n}\n\nexport type ModalProps = Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'title' | 'children'\n> & {\n  title?: ReactNode\n  subtitle?: ReactNode\n  onClose?: () => void\n  /** Wraps the card in a portaled scrim; enables Escape, focus trap and scroll lock. */\n  withOverlay?: boolean\n  bodyFill?: boolean\n  /** Opt out of body scroll lock (overlay only). Default true. */\n  lockScroll?: boolean\n  /** Opt out of Escape-to-close (overlay only). Default true. */\n  closeOnEscape?: boolean\n  /** Opt out of closing on scrim click (overlay only). Default true. */\n  closeOnOverlayClick?: boolean\n  children: ReactNode\n  dataTestId?: ModalDataTestId\n}\n\nconst ModalDialog = forwardRef<HTMLDivElement, ModalProps>(\n  (\n    {\n      title,\n      subtitle,\n      onClose,\n      withOverlay = false,\n      bodyFill = false,\n      lockScroll = true,\n      closeOnEscape = true,\n      closeOnOverlayClick = true,\n      children,\n      className,\n      dataTestId,\n      ...rest\n    },\n    ref,\n  ) => {\n    const titleId = useId()\n    const [cardEl, setCardEl] = useState<HTMLDivElement | null>(null)\n    const backdropMouseDown = useRef(false)\n\n    useImperativeHandle(ref, () => cardEl as HTMLDivElement, [cardEl])\n    useBodyScrollLock(withOverlay && lockScroll)\n    useFocusTrap(cardEl, withOverlay)\n    // Stays registered with closeOnEscape={false} so Escape doesn't fall through to an underlying overlay.\n    useEscape(withOverlay, () => {\n      if (closeOnEscape) onClose?.()\n    })\n\n    const handleOverlayMouseDown = (event: MouseEvent<HTMLDivElement>) => {\n      backdropMouseDown.current = event.target === event.currentTarget\n    }\n\n    const handleOverlayClick = (event: MouseEvent<HTMLDivElement>) => {\n      if (\n        closeOnOverlayClick &&\n        backdropMouseDown.current &&\n        event.target === event.currentTarget\n      ) {\n        onClose?.()\n      }\n    }\n\n    const card = (\n      <div\n        role='dialog'\n        aria-modal={withOverlay || undefined}\n        aria-labelledby={title ? titleId : undefined}\n        data-testid={dataTestId?.root}\n        {...rest}\n        ref={setCardEl}\n        className={cn(styles.card, bodyFill && styles.cardBodyFill, className)}\n      >\n        <div className={styles.headerGroup}>\n          <div className={styles.header}>\n            <span\n              id={titleId}\n              className={cn(styles.title, !title && styles.titleHidden)}\n              data-testid={dataTestId?.title}\n            >\n              {title}\n            </span>\n            {onClose ? (\n              <IconButton\n                variant='outline'\n                aria-label='Close'\n                icon={<IconCross />}\n                onClick={onClose}\n                dataTestId={{ root: dataTestId?.closeButton }}\n              />\n            ) : null}\n          </div>\n          {subtitle != null ? (\n            <p className={styles.subtitle} data-testid={dataTestId?.subtitle}>\n              {subtitle}\n            </p>\n          ) : null}\n        </div>\n        <div className={styles.body} data-testid={dataTestId?.body}>\n          {children}\n        </div>\n      </div>\n    )\n\n    if (!withOverlay) return card\n\n    return (\n      // Pointer-only: a focusable backdrop would add a tab stop before the dialog; keyboard closes via Escape.\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions\n      <div\n        className={styles.overlay}\n        onMouseDown={handleOverlayMouseDown}\n        onClick={handleOverlayClick}\n        data-testid={dataTestId?.overlay}\n      >\n        {card}\n      </div>\n    )\n  },\n)\n\nModalDialog.displayName = 'ModalDialog'\n\n// Hooks live in ModalDialog so they run once the portal has mounted its content.\nexport const Modal = forwardRef<HTMLDivElement, ModalProps>((props, ref) => {\n  const dialog = <ModalDialog ref={ref} {...props} />\n  return props.withOverlay ? <Portal>{dialog}</Portal> : dialog\n})\n\nModal.displayName = 'Modal'\n"],"names":["ModalDialog","forwardRef","_ref","ref","title","subtitle","onClose","withOverlay","bodyFill","lockScroll","closeOnEscape","closeOnOverlayClick","children","className","dataTestId","rest","titleId","useId","cardEl","setCardEl","useState","backdropMouseDown","useRef","useImperativeHandle","useBodyScrollLock","useFocusTrap","useEscape","handleOverlayMouseDown","event","current","target","currentTarget","handleOverlayClick","card","_jsxs","role","undefined","root","cn","styles","cardBodyFill","headerGroup","header","_jsx","id","titleHidden","IconButton","variant","icon","IconCross","onClick","closeButton","body","overlay","onMouseDown","displayName","Modal","props","dialog","Portal"],"mappings":"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"}
+{"version":3,"file":"Modal.cjs","sources":["../../../src/modal/Modal.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  useImperativeHandle,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\n\nimport { Portal, useBodyScrollLock, useEscape, useFocusTrap } from '../hooks'\nimport { CloseButton } from '../icon-button'\nimport cn from 'classnames'\n\nimport styles from './Modal.module.css'\n\nexport type ModalDataTestId = {\n  root?: string\n  title?: string\n  subtitle?: string\n  closeButton?: string\n  body?: string\n  overlay?: string\n}\n\nexport type ModalProps = Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'title' | 'children'\n> & {\n  title?: ReactNode\n  subtitle?: ReactNode\n  onClose?: () => void\n  /** Wraps the card in a portaled scrim; enables Escape, focus trap and scroll lock. */\n  withOverlay?: boolean\n  bodyFill?: boolean\n  /** Opt out of body scroll lock (overlay only). Default true. */\n  lockScroll?: boolean\n  /** Opt out of Escape-to-close (overlay only). Default true. */\n  closeOnEscape?: boolean\n  /** Opt out of closing on scrim click (overlay only). Default true. */\n  closeOnOverlayClick?: boolean\n  children: ReactNode\n  dataTestId?: ModalDataTestId\n}\n\nconst ModalDialog = forwardRef<HTMLDivElement, ModalProps>(\n  (\n    {\n      title,\n      subtitle,\n      onClose,\n      withOverlay = false,\n      bodyFill = false,\n      lockScroll = true,\n      closeOnEscape = true,\n      closeOnOverlayClick = true,\n      children,\n      className,\n      dataTestId,\n      ...rest\n    },\n    ref,\n  ) => {\n    const titleId = useId()\n    const [cardEl, setCardEl] = useState<HTMLDivElement | null>(null)\n    const backdropMouseDown = useRef(false)\n\n    useImperativeHandle(ref, () => cardEl as HTMLDivElement, [cardEl])\n    useBodyScrollLock(withOverlay && lockScroll)\n    useFocusTrap(cardEl, withOverlay)\n    // Stays registered with closeOnEscape={false} so Escape doesn't fall through to an underlying overlay.\n    useEscape(withOverlay, () => {\n      if (closeOnEscape) onClose?.()\n    })\n\n    const handleOverlayMouseDown = (event: MouseEvent<HTMLDivElement>) => {\n      backdropMouseDown.current = event.target === event.currentTarget\n    }\n\n    const handleOverlayClick = (event: MouseEvent<HTMLDivElement>) => {\n      if (\n        closeOnOverlayClick &&\n        backdropMouseDown.current &&\n        event.target === event.currentTarget\n      ) {\n        onClose?.()\n      }\n    }\n\n    const card = (\n      <div\n        role='dialog'\n        aria-modal={withOverlay || undefined}\n        aria-labelledby={title ? titleId : undefined}\n        data-testid={dataTestId?.root}\n        {...rest}\n        ref={setCardEl}\n        className={cn(styles.card, bodyFill && styles.cardBodyFill, className)}\n      >\n        <div className={styles.headerGroup}>\n          <div className={styles.header}>\n            <span\n              id={titleId}\n              className={cn(styles.title, !title && styles.titleHidden)}\n              data-testid={dataTestId?.title}\n            >\n              {title}\n            </span>\n            {onClose ? (\n              <CloseButton\n                onClick={onClose}\n                dataTestId={{ root: dataTestId?.closeButton }}\n              />\n            ) : null}\n          </div>\n          {subtitle != null ? (\n            <p className={styles.subtitle} data-testid={dataTestId?.subtitle}>\n              {subtitle}\n            </p>\n          ) : null}\n        </div>\n        <div className={styles.body} data-testid={dataTestId?.body}>\n          {children}\n        </div>\n      </div>\n    )\n\n    if (!withOverlay) return card\n\n    return (\n      // Pointer-only: a focusable backdrop would add a tab stop before the dialog; keyboard closes via Escape.\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions\n      <div\n        className={styles.overlay}\n        onMouseDown={handleOverlayMouseDown}\n        onClick={handleOverlayClick}\n        data-testid={dataTestId?.overlay}\n      >\n        {card}\n      </div>\n    )\n  },\n)\n\nModalDialog.displayName = 'ModalDialog'\n\n// Hooks live in ModalDialog so they run once the portal has mounted its content.\nexport const Modal = forwardRef<HTMLDivElement, ModalProps>((props, ref) => {\n  const dialog = <ModalDialog ref={ref} {...props} />\n  return props.withOverlay ? <Portal>{dialog}</Portal> : dialog\n})\n\nModal.displayName = 'Modal'\n"],"names":["ModalDialog","forwardRef","_ref","ref","title","subtitle","onClose","withOverlay","bodyFill","lockScroll","closeOnEscape","closeOnOverlayClick","children","className","dataTestId","rest","titleId","useId","cardEl","setCardEl","useState","backdropMouseDown","useRef","useImperativeHandle","useBodyScrollLock","useFocusTrap","useEscape","handleOverlayMouseDown","event","current","target","currentTarget","handleOverlayClick","card","_jsxs","role","undefined","root","cn","styles","cardBodyFill","headerGroup","header","_jsx","id","titleHidden","CloseButton","onClick","closeButton","body","overlay","onMouseDown","displayName","Modal","props","dialog","Portal"],"mappings":"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"}

package/dist/cjs/pagination/Pagination.cjs

@@ -0,0 +1,149 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+const cn = require('classnames');
+const Pagination_module = require('./Pagination.module.css.cjs');
+const jsxRuntime = require('react/jsx-runtime');
+const TokenSelector = require('../token-selector/TokenSelector.cjs');
+const IconButton = require('../icon-button/IconButton.cjs');
+const IconChevronLeft = require('../icons/components/base/IconChevronLeft.cjs');
+const Input = require('../input/Input.cjs');
+const IconChevronRight = require('../icons/components/base/IconChevronRight.cjs');
+
+const DEFAULT_PAGE_SIZE_OPTIONS = [10, 25, 50, 100];
+const DEFAULT_LABELS = {
+  show: 'Show',
+  records: 'Records',
+  of: 'of',
+  page: 'Page number',
+  previous: 'Previous page',
+  next: 'Next page'
+};
+const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
+const Pagination = _ref => {
+  let {
+    page,
+    pageCount,
+    onPageChange,
+    pageSize,
+    pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,
+    onPageSizeChange,
+    labels,
+    className,
+    dataTestId,
+    ...rest
+  } = _ref;
+  const text = {
+    ...DEFAULT_LABELS,
+    ...labels
+  };
+  const lastPage = Math.max(pageCount, 1);
+  // `null` while the input is not being edited — it then mirrors `page`.
+  const [draft, setDraft] = react.useState(null);
+  const goTo = next => {
+    const target = clamp(next, 1, lastPage);
+    if (target !== page) onPageChange(target);
+  };
+  const commitDraft = () => {
+    if (draft !== null && draft !== '') goTo(Number(draft));
+    setDraft(null);
+  };
+  const handleInputChange = event => {
+    setDraft(event.target.value.replace(/\D/g, ''));
+  };
+  const handleInputKeyDown = event => {
+    if (event.key === 'Enter') {
+      commitDraft();
+      event.currentTarget.blur();
+    } else if (event.key === 'Escape') {
+      setDraft(null);
+      event.currentTarget.blur();
+    }
+  };
+  const handleInputFocus = event => {
+    setDraft(String(page));
+    event.currentTarget.select();
+  };
+  const sizeOptions = (pageSize != null && !pageSizeOptions.includes(pageSize) ? [...pageSizeOptions, pageSize].sort((a, b) => a - b) : pageSizeOptions).map(size => ({
+    value: String(size),
+    label: /*#__PURE__*/jsxRuntime.jsx("span", {
+      className: Pagination_module.pageSizeLabel,
+      children: size
+    })
+  }));
+  const fieldStyle = {
+    '--local-digits': String(lastPage).length
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: cn(Pagination_module.pagination, className),
+    "data-testid": dataTestId?.root,
+    ...rest,
+    children: [pageSize != null ? /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: Pagination_module.group,
+      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+        className: Pagination_module.text,
+        children: text.show
+      }), /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: Pagination_module.pageSize,
+        children: /*#__PURE__*/jsxRuntime.jsx(TokenSelector.TokenSelector, {
+          size: "small",
+          options: sizeOptions,
+          value: String(pageSize),
+          onChange: value => onPageSizeChange?.(Number(value)),
+          dataTestId: {
+            trigger: dataTestId?.pageSize
+          }
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: Pagination_module.text,
+        children: text.records
+      })]
+    }) : null, /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: Pagination_module.group,
+      children: [/*#__PURE__*/jsxRuntime.jsx(IconButton.IconButton, {
+        variant: "ghost",
+        icon: /*#__PURE__*/jsxRuntime.jsx(IconChevronLeft.IconChevronLeft, {}),
+        "aria-label": text.previous,
+        disabled: page <= 1,
+        onClick: () => goTo(page - 1),
+        dataTestId: {
+          root: dataTestId?.previous
+        }
+      }), /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: Pagination_module.pageField,
+        style: fieldStyle,
+        children: /*#__PURE__*/jsxRuntime.jsx(Input.Input, {
+          size: "small",
+          type: "text",
+          inputMode: "numeric",
+          "aria-label": text.page,
+          value: draft ?? String(page),
+          onChange: handleInputChange,
+          onFocus: handleInputFocus,
+          onBlur: commitDraft,
+          onKeyDown: handleInputKeyDown,
+          dataTestId: {
+            input: dataTestId?.pageInput
+          }
+        })
+      }), /*#__PURE__*/jsxRuntime.jsxs("span", {
+        className: Pagination_module.text,
+        children: [text.of, " ", lastPage]
+      }), /*#__PURE__*/jsxRuntime.jsx(IconButton.IconButton, {
+        variant: "ghost",
+        icon: /*#__PURE__*/jsxRuntime.jsx(IconChevronRight.IconChevronRight, {}),
+        "aria-label": text.next,
+        disabled: page >= lastPage,
+        onClick: () => goTo(page + 1),
+        dataTestId: {
+          root: dataTestId?.next
+        }
+      })]
+    })]
+  });
+};
+
+exports.Pagination = Pagination;
+//# sourceMappingURL=Pagination.cjs.map

package/dist/cjs/pagination/Pagination.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.cjs","sources":["../../../src/pagination/Pagination.tsx"],"sourcesContent":["import {\n  useState,\n  type ChangeEvent,\n  type ComponentPropsWithoutRef,\n  type CSSProperties,\n  type FocusEvent,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react'\n\nimport cn from 'classnames'\n\nimport { IconButton } from '../icon-button'\nimport { IconChevronLeft, IconChevronRight } from '../icons'\nimport { Input } from '../input'\nimport { TokenSelector } from '../token-selector'\nimport styles from './Pagination.module.css'\n\nexport type PaginationLabels = {\n  show?: ReactNode\n  records?: ReactNode\n  of?: ReactNode\n  page?: string\n  previous?: string\n  next?: string\n}\n\nexport type PaginationDataTestId = {\n  root?: string\n  pageSize?: string\n  pageInput?: string\n  previous?: string\n  next?: string\n}\n\nexport type PaginationProps = Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'onChange'\n> & {\n  /** Current page, 1-based. The component is controlled. */\n  page: number\n  pageCount: number\n  onPageChange: (page: number) => void\n  /** Current page size. The \"Show N Records\" block renders only when set. */\n  pageSize?: number\n  pageSizeOptions?: number[]\n  onPageSizeChange?: (pageSize: number) => void\n  labels?: PaginationLabels\n  dataTestId?: PaginationDataTestId\n}\n\nconst DEFAULT_PAGE_SIZE_OPTIONS = [10, 25, 50, 100]\n\nconst DEFAULT_LABELS: Required<PaginationLabels> = {\n  show: 'Show',\n  records: 'Records',\n  of: 'of',\n  page: 'Page number',\n  previous: 'Previous page',\n  next: 'Next page',\n}\n\nconst clamp = (value: number, min: number, max: number) =>\n  Math.min(Math.max(value, min), max)\n\nexport const Pagination = ({\n  page,\n  pageCount,\n  onPageChange,\n  pageSize,\n  pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,\n  onPageSizeChange,\n  labels,\n  className,\n  dataTestId,\n  ...rest\n}: PaginationProps) => {\n  const text = { ...DEFAULT_LABELS, ...labels }\n  const lastPage = Math.max(pageCount, 1)\n  // `null` while the input is not being edited — it then mirrors `page`.\n  const [draft, setDraft] = useState<string | null>(null)\n\n  const goTo = (next: number) => {\n    const target = clamp(next, 1, lastPage)\n    if (target !== page) onPageChange(target)\n  }\n\n  const commitDraft = () => {\n    if (draft !== null && draft !== '') goTo(Number(draft))\n    setDraft(null)\n  }\n\n  const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setDraft(event.target.value.replace(/\\D/g, ''))\n  }\n\n  const handleInputKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === 'Enter') {\n      commitDraft()\n      event.currentTarget.blur()\n    } else if (event.key === 'Escape') {\n      setDraft(null)\n      event.currentTarget.blur()\n    }\n  }\n\n  const handleInputFocus = (event: FocusEvent<HTMLInputElement>) => {\n    setDraft(String(page))\n    event.currentTarget.select()\n  }\n\n  const sizeOptions = (\n    pageSize != null && !pageSizeOptions.includes(pageSize)\n      ? [...pageSizeOptions, pageSize].sort((a, b) => a - b)\n      : pageSizeOptions\n  ).map((size) => ({\n    value: String(size),\n    label: <span className={styles.pageSizeLabel}>{size}</span>,\n  }))\n\n  const fieldStyle = {\n    '--local-digits': String(lastPage).length,\n  } as CSSProperties\n\n  return (\n    <div\n      className={cn(styles.pagination, className)}\n      data-testid={dataTestId?.root}\n      {...rest}\n    >\n      {pageSize != null ? (\n        <div className={styles.group}>\n          <span className={styles.text}>{text.show}</span>\n          <span className={styles.pageSize}>\n            <TokenSelector\n              size='small'\n              options={sizeOptions}\n              value={String(pageSize)}\n              onChange={(value) => onPageSizeChange?.(Number(value))}\n              dataTestId={{ trigger: dataTestId?.pageSize }}\n            />\n          </span>\n          <span className={styles.text}>{text.records}</span>\n        </div>\n      ) : null}\n      <div className={styles.group}>\n        <IconButton\n          variant='ghost'\n          icon={<IconChevronLeft />}\n          aria-label={text.previous}\n          disabled={page <= 1}\n          onClick={() => goTo(page - 1)}\n          dataTestId={{ root: dataTestId?.previous }}\n        />\n        <span className={styles.pageField} style={fieldStyle}>\n          <Input\n            size='small'\n            type='text'\n            inputMode='numeric'\n            aria-label={text.page}\n            value={draft ?? String(page)}\n            onChange={handleInputChange}\n            onFocus={handleInputFocus}\n            onBlur={commitDraft}\n            onKeyDown={handleInputKeyDown}\n            dataTestId={{ input: dataTestId?.pageInput }}\n          />\n        </span>\n        <span className={styles.text}>\n          {text.of} {lastPage}\n        </span>\n        <IconButton\n          variant='ghost'\n          icon={<IconChevronRight />}\n          aria-label={text.next}\n          disabled={page >= lastPage}\n          onClick={() => goTo(page + 1)}\n          dataTestId={{ root: dataTestId?.next }}\n        />\n      </div>\n    </div>\n  )\n}\n"],"names":["DEFAULT_PAGE_SIZE_OPTIONS","DEFAULT_LABELS","show","records","of","page","previous","next","clamp","value","min","max","Math","Pagination","_ref","pageCount","onPageChange","pageSize","pageSizeOptions","onPageSizeChange","labels","className","dataTestId","rest","text","lastPage","draft","setDraft","useState","goTo","target","commitDraft","Number","handleInputChange","event","replace","handleInputKeyDown","key","currentTarget","blur","handleInputFocus","String","select","sizeOptions","includes","sort","a","b","map","size","label","_jsx","styles","pageSizeLabel","children","fieldStyle","length","_jsxs","cn","pagination","root","group","TokenSelector","options","onChange","trigger","IconButton","variant","icon","IconChevronLeft","disabled","onClick","pageField","style","Input","type","inputMode","onFocus","onBlur","onKeyDown","input","pageInput","IconChevronRight"],"mappings":"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"}

package/dist/cjs/pagination/Pagination.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"pagination":"Pagination-module_pagination__viYLy","group":"Pagination-module_group__8jotK","text":"Pagination-module_text__CQM2p","pageSize":"Pagination-module_pageSize__JMMiI","pageSizeLabel":"Pagination-module_pageSizeLabel__f6ZUk","pageField":"Pagination-module_pageField__K4-oG"};
+
+module.exports = styles;
+//# sourceMappingURL=Pagination.module.css.cjs.map

package/dist/cjs/pagination/Pagination.module.css.cjs.map

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

package/dist/cjs/rich-input/RichInput.cjs

@@ -6,9 +6,9 @@ const react = require('react');
 const cn = require('classnames');
 const RichInput_module = require('./RichInput.module.css.cjs');
 const jsxRuntime = require('react/jsx-runtime');
+const InfoTooltip = require('../info-tooltip/InfoTooltip.cjs');
 const Tooltip = require('../tooltip/Tooltip.cjs');
 const Tag = require('../tag/Tag.cjs');
-const IconInfo = require('../icons/components/base/IconInfo.cjs');
 
 const MaxTag = _ref => {
   let {
@@ -92,7 +92,7 @@ const RichInput = _ref2 => {
   };
   const handleRootClick = event => {
     if (!(event.target instanceof Element)) return;
-    if (event.target.closest('button, input, label, [role="listbox"]')) {
+    if (event.target.closest('button, input, label, [role="listbox"], [tabindex]')) {
       return;
     }
     inputRef.current?.focus();
@@ -110,12 +110,9 @@ const RichInput = _ref2 => {
           className: RichInput_module.label,
           htmlFor: inputId,
           children: label
-        }), labelTooltip != null ? /*#__PURE__*/jsxRuntime.jsx(Tooltip.Tooltip, {
+        }), labelTooltip != null ? /*#__PURE__*/jsxRuntime.jsx(InfoTooltip.InfoTooltip, {
           content: labelTooltip,
-          children: /*#__PURE__*/jsxRuntime.jsx(IconInfo.IconInfo, {
-            className: RichInput_module.labelTooltipIcon,
-            "aria-hidden": "true"
-          })
+          size: 20
         }) : null]
       }) : null, /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: RichInput_module.amountRow,

package/dist/cjs/rich-input/RichInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RichInput.cjs","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, type TooltipPosition } 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  maxTooltipPosition?: TooltipPosition\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  maxTooltipPosition = 'bottom-left',\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={maxTooltipPosition}\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","maxTooltipPosition","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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"}
+{"version":3,"file":"RichInput.cjs","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 { InfoTooltip } from '../info-tooltip'\nimport { Tag, type TagProps } from '../tag'\nimport { Tooltip, type TooltipPosition } 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  maxTooltipPosition?: TooltipPosition\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  maxTooltipPosition = 'bottom-left',\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 (\n      event.target.closest('button, input, label, [role=\"listbox\"], [tabindex]')\n    ) {\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              <InfoTooltip content={labelTooltip} size={20} />\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={maxTooltipPosition}\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","maxTooltipPosition","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","InfoTooltip","content","size","amountRow","ref","input","inputMode","token","bottomRow","secondary","balanceGroup","Tooltip","position","width","maxButton","errorMessage"],"mappings":"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"}

package/dist/cjs/rich-input/RichInput.module.css.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-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"};
+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","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"};
 
 module.exports = styles;
 //# sourceMappingURL=RichInput.module.css.cjs.map

package/dist/cjs/section-title/SectionTitle.cjs

@@ -5,8 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const cn = require('classnames');
 const SectionTitle_module = require('./SectionTitle.module.css.cjs');
 const jsxRuntime = require('react/jsx-runtime');
-const Tooltip = require('../tooltip/Tooltip.cjs');
-const IconInfo = require('../icons/components/base/IconInfo.cjs');
+const InfoTooltip = require('../info-tooltip/InfoTooltip.cjs');
 
 const SectionTitle = _ref => {
   let {
@@ -14,28 +13,27 @@ const SectionTitle = _ref => {
     subtitle,
     tooltip,
     action,
+    size = 'default',
+    titleAs,
     className,
     dataTestId,
     ...rest
   } = _ref;
+  const Title = titleAs ?? (size === 'large' ? 'h2' : 'p');
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: cn(SectionTitle_module.root, className),
+    className: cn(SectionTitle_module.root, SectionTitle_module[size], className),
     "data-testid": dataTestId?.root,
     ...rest,
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: SectionTitle_module.left,
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
         className: SectionTitle_module.titleRow,
-        children: [/*#__PURE__*/jsxRuntime.jsx("p", {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Title, {
           className: SectionTitle_module.title,
           "data-testid": dataTestId?.title,
           children: title
-        }), tooltip != null ? /*#__PURE__*/jsxRuntime.jsx(Tooltip.Tooltip, {
-          content: tooltip,
-          children: /*#__PURE__*/jsxRuntime.jsx(IconInfo.IconInfo, {
-            className: SectionTitle_module.icon,
-            "aria-hidden": "true"
-          })
+        }), tooltip != null ? /*#__PURE__*/jsxRuntime.jsx(InfoTooltip.InfoTooltip, {
+          content: tooltip
         }) : null]
       }), subtitle != null ? /*#__PURE__*/jsxRuntime.jsx("p", {
         className: SectionTitle_module.subtitle,

package/dist/cjs/section-title/SectionTitle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SectionTitle.cjs","sources":["../../../src/section-title/SectionTitle.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport { IconInfo } from '../icons'\nimport { Tooltip } from '../tooltip'\nimport styles from './SectionTitle.module.css'\n\nexport type SectionTitleDataTestId = {\n  root?: string\n  title?: string\n  subtitle?: string\n  action?: string\n}\n\nexport type SectionTitleProps = HTMLAttributes<HTMLDivElement> & {\n  title: ReactNode\n  subtitle?: ReactNode\n  /** Renders an info glyph next to the title; hovering it shows this content. */\n  tooltip?: ReactNode\n  /** Rendered on the right, typically a `Button`. */\n  action?: ReactNode\n  dataTestId?: SectionTitleDataTestId\n}\n\nexport const SectionTitle = ({\n  title,\n  subtitle,\n  tooltip,\n  action,\n  className,\n  dataTestId,\n  ...rest\n}: SectionTitleProps) => (\n  <div\n    className={cn(styles.root, className)}\n    data-testid={dataTestId?.root}\n    {...rest}\n  >\n    <div className={styles.left}>\n      <div className={styles.titleRow}>\n        <p className={styles.title} data-testid={dataTestId?.title}>\n          {title}\n        </p>\n        {tooltip != null ? (\n          <Tooltip content={tooltip}>\n            <IconInfo className={styles.icon} aria-hidden='true' />\n          </Tooltip>\n        ) : null}\n      </div>\n      {subtitle != null ? (\n        <p className={styles.subtitle} data-testid={dataTestId?.subtitle}>\n          {subtitle}\n        </p>\n      ) : null}\n    </div>\n    {action != null ? (\n      <div className={styles.action} data-testid={dataTestId?.action}>\n        {action}\n      </div>\n    ) : null}\n  </div>\n)\n"],"names":["SectionTitle","_ref","title","subtitle","tooltip","action","className","dataTestId","rest","_jsxs","cn","styles","root","children","left","titleRow","_jsx","Tooltip","content","IconInfo","icon"],"mappings":";;;;;;;;;;AAyBO,MAAMA,YAAY,GAAGC,IAAA,IAAA;EAAA,IAAC;IAC3BC,KAAK;IACLC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC,SAAS;IACTC,UAAU;IACV,GAAGC,IAAAA;AACc,GAAC,GAAAP,IAAA,CAAA;AAAA,EAAA,oBAClBQ,eAAA,CAAA,KAAA,EAAA;IACEH,SAAS,EAAEI,EAAE,CAACC,mBAAM,CAACC,IAAI,EAAEN,SAAS,CAAE;IACtC,aAAaC,EAAAA,UAAU,EAAEK,IAAK;AAAA,IAAA,GAC1BJ,IAAI;AAAAK,IAAAA,QAAA,gBAERJ,eAAA,CAAA,KAAA,EAAA;MAAKH,SAAS,EAAEK,mBAAM,CAACG,IAAK;AAAAD,MAAAA,QAAA,gBAC1BJ,eAAA,CAAA,KAAA,EAAA;QAAKH,SAAS,EAAEK,mBAAM,CAACI,QAAS;AAAAF,QAAAA,QAAA,gBAC9BG,cAAA,CAAA,GAAA,EAAA;UAAGV,SAAS,EAAEK,mBAAM,CAACT,KAAM;UAAC,aAAaK,EAAAA,UAAU,EAAEL,KAAM;AAAAW,UAAAA,QAAA,EACxDX,KAAAA;SACA,CAAC,EACHE,OAAO,IAAI,IAAI,gBACdY,cAAA,CAACC,eAAO,EAAA;AAACC,UAAAA,OAAO,EAAEd,OAAQ;UAAAS,QAAA,eACxBG,cAAA,CAACG,iBAAQ,EAAA;YAACb,SAAS,EAAEK,mBAAM,CAACS,IAAK;YAAC,aAAY,EAAA,MAAA;WAAQ,CAAA;SAC/C,CAAC,GACR,IAAI,CAAA;AAAA,OACL,CAAC,EACLjB,QAAQ,IAAI,IAAI,gBACfa,cAAA,CAAA,GAAA,EAAA;QAAGV,SAAS,EAAEK,mBAAM,CAACR,QAAS;QAAC,aAAaI,EAAAA,UAAU,EAAEJ,QAAS;AAAAU,QAAAA,QAAA,EAC9DV,QAAAA;OACA,CAAC,GACF,IAAI,CAAA;AAAA,KACL,CAAC,EACLE,MAAM,IAAI,IAAI,gBACbW,cAAA,CAAA,KAAA,EAAA;MAAKV,SAAS,EAAEK,mBAAM,CAACN,MAAO;MAAC,aAAaE,EAAAA,UAAU,EAAEF,MAAO;AAAAQ,MAAAA,QAAA,EAC5DR,MAAAA;KACE,CAAC,GACJ,IAAI,CAAA;AAAA,GACL,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"SectionTitle.cjs","sources":["../../../src/section-title/SectionTitle.tsx"],"sourcesContent":["import type { ElementType, HTMLAttributes, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport { InfoTooltip } from '../info-tooltip'\nimport styles from './SectionTitle.module.css'\n\nexport type SectionTitleDataTestId = {\n  root?: string\n  title?: string\n  subtitle?: string\n  action?: string\n}\n\nexport type SectionTitleSize = 'default' | 'large'\n\nexport type SectionTitleProps = HTMLAttributes<HTMLDivElement> & {\n  title: ReactNode\n  subtitle?: ReactNode\n  /** Renders an info glyph next to the title; hovering it shows this content. */\n  tooltip?: ReactNode\n  /** Rendered on the right, typically a `Button`. */\n  action?: ReactNode\n  /** `large` is the page-heading style. */\n  size?: SectionTitleSize\n  /** Title element; defaults to `h2` for `large`, `p` otherwise. */\n  titleAs?: ElementType\n  dataTestId?: SectionTitleDataTestId\n}\n\nexport const SectionTitle = ({\n  title,\n  subtitle,\n  tooltip,\n  action,\n  size = 'default',\n  titleAs,\n  className,\n  dataTestId,\n  ...rest\n}: SectionTitleProps) => {\n  const Title = titleAs ?? (size === 'large' ? 'h2' : 'p')\n\n  return (\n    <div\n      className={cn(styles.root, styles[size], className)}\n      data-testid={dataTestId?.root}\n      {...rest}\n    >\n      <div className={styles.left}>\n        <div className={styles.titleRow}>\n          <Title className={styles.title} data-testid={dataTestId?.title}>\n            {title}\n          </Title>\n          {tooltip != null ? <InfoTooltip content={tooltip} /> : null}\n        </div>\n        {subtitle != null ? (\n          <p className={styles.subtitle} data-testid={dataTestId?.subtitle}>\n            {subtitle}\n          </p>\n        ) : null}\n      </div>\n      {action != null ? (\n        <div className={styles.action} data-testid={dataTestId?.action}>\n          {action}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"names":["SectionTitle","_ref","title","subtitle","tooltip","action","size","titleAs","className","dataTestId","rest","Title","_jsxs","cn","styles","root","children","left","titleRow","_jsx","InfoTooltip","content"],"mappings":";;;;;;;;;AA8BaA,MAAAA,YAAY,GAAGC,IAAA,IAUH;EAAA,IAVI;IAC3BC,KAAK;IACLC,QAAQ;IACRC,OAAO;IACPC,MAAM;AACNC,IAAAA,IAAI,GAAG,SAAS;IAChBC,OAAO;IACPC,SAAS;IACTC,UAAU;IACV,GAAGC,IAAAA;AACc,GAAC,GAAAT,IAAA,CAAA;EAClB,MAAMU,KAAK,GAAGJ,OAAO,KAAKD,IAAI,KAAK,OAAO,GAAG,IAAI,GAAG,GAAG,CAAC,CAAA;AAExD,EAAA,oBACEM,eAAA,CAAA,KAAA,EAAA;AACEJ,IAAAA,SAAS,EAAEK,EAAE,CAACC,mBAAM,CAACC,IAAI,EAAED,mBAAM,CAACR,IAAI,CAAC,EAAEE,SAAS,CAAE;IACpD,aAAaC,EAAAA,UAAU,EAAEM,IAAK;AAAA,IAAA,GAC1BL,IAAI;AAAAM,IAAAA,QAAA,gBAERJ,eAAA,CAAA,KAAA,EAAA;MAAKJ,SAAS,EAAEM,mBAAM,CAACG,IAAK;AAAAD,MAAAA,QAAA,gBAC1BJ,eAAA,CAAA,KAAA,EAAA;QAAKJ,SAAS,EAAEM,mBAAM,CAACI,QAAS;QAAAF,QAAA,EAAA,cAC9BG,cAAA,CAACR,KAAK,EAAA;UAACH,SAAS,EAAEM,mBAAM,CAACZ,KAAM;UAAC,aAAaO,EAAAA,UAAU,EAAEP,KAAM;AAAAc,UAAAA,QAAA,EAC5Dd,KAAAA;SACI,CAAC,EACPE,OAAO,IAAI,IAAI,gBAAGe,cAAA,CAACC,uBAAW,EAAA;AAACC,UAAAA,OAAO,EAAEjB,OAAAA;SAAU,CAAC,GAAG,IAAI,CAAA;AAAA,OACxD,CAAC,EACLD,QAAQ,IAAI,IAAI,gBACfgB,cAAA,CAAA,GAAA,EAAA;QAAGX,SAAS,EAAEM,mBAAM,CAACX,QAAS;QAAC,aAAaM,EAAAA,UAAU,EAAEN,QAAS;AAAAa,QAAAA,QAAA,EAC9Db,QAAAA;OACA,CAAC,GACF,IAAI,CAAA;AAAA,KACL,CAAC,EACLE,MAAM,IAAI,IAAI,gBACbc,cAAA,CAAA,KAAA,EAAA;MAAKX,SAAS,EAAEM,mBAAM,CAACT,MAAO;MAAC,aAAaI,EAAAA,UAAU,EAAEJ,MAAO;AAAAW,MAAAA,QAAA,EAC5DX,MAAAA;KACE,CAAC,GACJ,IAAI,CAAA;AAAA,GACL,CAAC,CAAA;AAEV;;;;"}

package/dist/cjs/section-title/SectionTitle.module.css.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const styles = {"root":"SectionTitle-module_root__em4jm","left":"SectionTitle-module_left__KxpId","titleRow":"SectionTitle-module_titleRow__rsLR9","title":"SectionTitle-module_title__FsN2a","icon":"SectionTitle-module_icon__3oHTJ","subtitle":"SectionTitle-module_subtitle__thBzs","action":"SectionTitle-module_action__GuVOA"};
+const styles = {"root":"SectionTitle-module_root__em4jm","left":"SectionTitle-module_left__KxpId","titleRow":"SectionTitle-module_titleRow__rsLR9","title":"SectionTitle-module_title__FsN2a","subtitle":"SectionTitle-module_subtitle__thBzs","action":"SectionTitle-module_action__GuVOA","large":"SectionTitle-module_large__tsFUM"};
 
 module.exports = styles;
 //# sourceMappingURL=SectionTitle.module.css.cjs.map