@lidofinance/lido-app-ui 1.5.0 → 1.6.0

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"TokenSelector.cjs","sources":["../../../src/token-selector/TokenSelector.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState, type ReactNode } from 'react'\nimport { useOutsideClick } from '../hooks/useOutsideClick'\nimport { IconCheck, IconChevronDown, IconChevronUp } from '../icons'\nimport cn from 'classnames'\nimport styles from './TokenSelector.module.css'\n\nexport type TokenSelectorOption = {\n  value: string\n  label: ReactNode\n  /** Shown next to `label`, in a muted weight — default size only. */\n  secondaryLabel?: ReactNode\n  /** Caption line below the label row — default size only. */\n  description?: ReactNode\n  icon?: ReactNode\n  disabled?: boolean\n}\n\nexport type TokenSelectorSize = 'default' | 'small'\n\nexport type TokenSelectorProps = {\n  options: TokenSelectorOption[]\n  value?: string\n  onChange?: (value: string) => void\n  single?: boolean\n  size?: TokenSelectorSize\n  placeholder?: ReactNode\n  className?: string\n}\n\nexport const TokenSelector = ({\n  options,\n  value,\n  onChange,\n  single = false,\n  size = 'default',\n  placeholder = 'Select',\n  className,\n}: TokenSelectorProps) => {\n  const [open, setOpen] = useState(false)\n  const rootRef = useRef<HTMLDivElement>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n\n  const handleClose = useCallback(() => setOpen(false), [])\n  useOutsideClick(rootRef, handleClose, open)\n\n  useEffect(() => {\n    if (!open) return\n\n    const handleDocumentKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape') return\n      setOpen(false)\n      triggerRef.current?.focus()\n    }\n\n    document.addEventListener('keydown', handleDocumentKeyDown)\n    return () => document.removeEventListener('keydown', handleDocumentKeyDown)\n  }, [open])\n\n  const selectedOption = options.find((option) => option.value === value)\n\n  if (single) {\n    return (\n      <span className={cn(styles.single, styles[size], className)}>\n        {selectedOption?.icon ? (\n          <span className={styles.icon}>{selectedOption.icon}</span>\n        ) : null}\n        <span className={styles.label}>{selectedOption?.label}</span>\n        {size === 'default' && selectedOption?.secondaryLabel != null ? (\n          <span className={styles.secondaryLabel}>\n            {selectedOption.secondaryLabel}\n          </span>\n        ) : null}\n      </span>\n    )\n  }\n\n  const handleTriggerClick = () => setOpen((prev) => !prev)\n\n  const handleOptionClick = (option: TokenSelectorOption) => {\n    if (option.disabled) return\n    onChange?.(option.value)\n    setOpen(false)\n    triggerRef.current?.focus()\n  }\n\n  return (\n    <div ref={rootRef} className={cn(styles.root, className)}>\n      <button\n        ref={triggerRef}\n        type='button'\n        aria-haspopup='listbox'\n        aria-expanded={open}\n        className={cn(styles.trigger, styles[size], open && styles.open)}\n        onClick={handleTriggerClick}\n      >\n        <span className={styles.content}>\n          {selectedOption ? (\n            <>\n              {selectedOption.icon ? (\n                <span className={styles.icon}>{selectedOption.icon}</span>\n              ) : null}\n              <span className={styles.label}>{selectedOption.label}</span>\n              {size === 'default' && selectedOption.secondaryLabel != null ? (\n                <span className={styles.secondaryLabel}>\n                  {selectedOption.secondaryLabel}\n                </span>\n              ) : null}\n            </>\n          ) : (\n            <span className={styles.placeholder}>{placeholder}</span>\n          )}\n        </span>\n        <span className={styles.chevron} aria-hidden='true'>\n          {open ? <IconChevronUp /> : <IconChevronDown />}\n        </span>\n      </button>\n      {open ? (\n        <div role='listbox' className={styles.panel}>\n          <div className={styles.list}>\n            {options.map((option) => {\n              const selected = option.value === value\n              return (\n                <button\n                  key={option.value}\n                  type='button'\n                  role='option'\n                  aria-selected={selected}\n                  disabled={option.disabled}\n                  className={cn(\n                    styles.option,\n                    styles[size],\n                    selected && styles.selected,\n                  )}\n                  onClick={() => handleOptionClick(option)}\n                >\n                  {option.icon ? (\n                    <span className={styles.icon}>{option.icon}</span>\n                  ) : null}\n                  <span className={styles.optionContent}>\n                    <span className={styles.optionRow}>\n                      <span className={styles.label}>{option.label}</span>\n                      {size === 'default' && option.secondaryLabel != null ? (\n                        <span className={styles.secondaryLabel}>\n                          {option.secondaryLabel}\n                        </span>\n                      ) : null}\n                    </span>\n                    {size === 'default' && option.description != null ? (\n                      <span className={styles.description}>\n                        {option.description}\n                      </span>\n                    ) : null}\n                  </span>\n                  {size === 'default' && selected ? (\n                    <span className={styles.indicator} aria-hidden='true'>\n                      <IconCheck className={styles.checkmark} />\n                    </span>\n                  ) : null}\n                </button>\n              )\n            })}\n          </div>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"names":["TokenSelector","_ref","options","value","onChange","single","size","placeholder","className","open","setOpen","useState","rootRef","useRef","triggerRef","handleClose","useCallback","useOutsideClick","useEffect","handleDocumentKeyDown","event","key","current","focus","document","addEventListener","removeEventListener","selectedOption","find","option","_jsxs","cn","styles","children","icon","_jsx","label","secondaryLabel","handleTriggerClick","prev","handleOptionClick","disabled","ref","root","type","trigger","onClick","content","_Fragment","chevron","IconChevronUp","IconChevronDown","role","panel","list","map","selected","optionContent","optionRow","description","indicator","IconCheck","checkmark"],"mappings":"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"}
+{"version":3,"file":"TokenSelector.cjs","sources":["../../../src/token-selector/TokenSelector.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react'\nimport { useOutsideClick } from '../hooks/useOutsideClick'\nimport { IconCheck, IconChevronDown, IconChevronUp } from '../icons'\nimport cn from 'classnames'\nimport styles from './TokenSelector.module.css'\n\nexport type TokenSelectorOptionDataTestId = {\n  root?: string\n  icon?: string\n  label?: string\n  secondaryLabel?: string\n  description?: string\n}\n\nexport type TokenSelectorOption = {\n  value: string\n  label: ReactNode\n  /** Shown next to `label`, in a muted weight — default size only. */\n  secondaryLabel?: ReactNode\n  /** Caption line below the label row — default size only. */\n  description?: ReactNode\n  icon?: ReactNode\n  disabled?: boolean\n  dataTestId?: TokenSelectorOptionDataTestId\n}\n\nexport type TokenSelectorSize = 'default' | 'small'\n\nexport type TokenSelectorDataTestId = {\n  root?: string\n  trigger?: string\n  panel?: string\n}\n\nexport type TokenSelectorProps = Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'onChange'\n> & {\n  options: TokenSelectorOption[]\n  value?: string\n  onChange?: (value: string) => void\n  single?: boolean\n  size?: TokenSelectorSize\n  placeholder?: ReactNode\n  dataTestId?: TokenSelectorDataTestId\n}\n\nexport const TokenSelector = ({\n  options,\n  value,\n  onChange,\n  single = false,\n  size = 'default',\n  placeholder = 'Select',\n  className,\n  dataTestId,\n  ...rest\n}: TokenSelectorProps) => {\n  const [open, setOpen] = useState(false)\n  const rootRef = useRef<HTMLDivElement>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n\n  const handleClose = useCallback(() => setOpen(false), [])\n  useOutsideClick(rootRef, handleClose, open)\n\n  useEffect(() => {\n    if (!open) return\n\n    const handleDocumentKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape') return\n      setOpen(false)\n      triggerRef.current?.focus()\n    }\n\n    document.addEventListener('keydown', handleDocumentKeyDown)\n    return () => document.removeEventListener('keydown', handleDocumentKeyDown)\n  }, [open])\n\n  const selectedOption = options.find((option) => option.value === value)\n\n  if (single) {\n    return (\n      <span\n        className={cn(styles.single, styles[size], className)}\n        data-testid={dataTestId?.root}\n        {...rest}\n      >\n        {selectedOption?.icon ? (\n          <span\n            className={styles.icon}\n            data-testid={selectedOption.dataTestId?.icon}\n          >\n            {selectedOption.icon}\n          </span>\n        ) : null}\n        <span\n          className={styles.label}\n          data-testid={selectedOption?.dataTestId?.label}\n        >\n          {selectedOption?.label}\n        </span>\n        {size === 'default' && selectedOption?.secondaryLabel != null ? (\n          <span\n            className={styles.secondaryLabel}\n            data-testid={selectedOption.dataTestId?.secondaryLabel}\n          >\n            {selectedOption.secondaryLabel}\n          </span>\n        ) : null}\n      </span>\n    )\n  }\n\n  const handleTriggerClick = () => setOpen((prev) => !prev)\n\n  const handleOptionClick = (option: TokenSelectorOption) => {\n    if (option.disabled) return\n    onChange?.(option.value)\n    setOpen(false)\n    triggerRef.current?.focus()\n  }\n\n  return (\n    <div\n      ref={rootRef}\n      className={cn(styles.root, className)}\n      data-testid={dataTestId?.root}\n      {...rest}\n    >\n      <button\n        ref={triggerRef}\n        type='button'\n        aria-haspopup='listbox'\n        aria-expanded={open}\n        className={cn(styles.trigger, styles[size], open && styles.open)}\n        onClick={handleTriggerClick}\n        data-testid={dataTestId?.trigger}\n      >\n        <span className={styles.content}>\n          {selectedOption ? (\n            <>\n              {selectedOption.icon ? (\n                <span\n                  className={styles.icon}\n                  data-testid={selectedOption.dataTestId?.icon}\n                >\n                  {selectedOption.icon}\n                </span>\n              ) : null}\n              <span\n                className={styles.label}\n                data-testid={selectedOption.dataTestId?.label}\n              >\n                {selectedOption.label}\n              </span>\n              {size === 'default' && selectedOption.secondaryLabel != null ? (\n                <span\n                  className={styles.secondaryLabel}\n                  data-testid={selectedOption.dataTestId?.secondaryLabel}\n                >\n                  {selectedOption.secondaryLabel}\n                </span>\n              ) : null}\n            </>\n          ) : (\n            <span className={styles.placeholder}>{placeholder}</span>\n          )}\n        </span>\n        <span className={styles.chevron} aria-hidden='true'>\n          {open ? <IconChevronUp /> : <IconChevronDown />}\n        </span>\n      </button>\n      {open ? (\n        <div\n          role='listbox'\n          className={styles.panel}\n          data-testid={dataTestId?.panel}\n        >\n          <div className={styles.list}>\n            {options.map((option) => {\n              const selected = option.value === value\n              return (\n                <button\n                  key={option.value}\n                  type='button'\n                  role='option'\n                  aria-selected={selected}\n                  disabled={option.disabled}\n                  className={cn(\n                    styles.option,\n                    styles[size],\n                    selected && styles.selected,\n                  )}\n                  onClick={() => handleOptionClick(option)}\n                  data-testid={option.dataTestId?.root}\n                >\n                  {option.icon ? (\n                    <span\n                      className={styles.icon}\n                      data-testid={option.dataTestId?.icon}\n                    >\n                      {option.icon}\n                    </span>\n                  ) : null}\n                  <span className={styles.optionContent}>\n                    <span className={styles.optionRow}>\n                      <span\n                        className={styles.label}\n                        data-testid={option.dataTestId?.label}\n                      >\n                        {option.label}\n                      </span>\n                      {size === 'default' && option.secondaryLabel != null ? (\n                        <span\n                          className={styles.secondaryLabel}\n                          data-testid={option.dataTestId?.secondaryLabel}\n                        >\n                          {option.secondaryLabel}\n                        </span>\n                      ) : null}\n                    </span>\n                    {size === 'default' && option.description != null ? (\n                      <span\n                        className={styles.description}\n                        data-testid={option.dataTestId?.description}\n                      >\n                        {option.description}\n                      </span>\n                    ) : null}\n                  </span>\n                  {size === 'default' && selected ? (\n                    <span className={styles.indicator} aria-hidden='true'>\n                      <IconCheck className={styles.checkmark} />\n                    </span>\n                  ) : null}\n                </button>\n              )\n            })}\n          </div>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"names":["TokenSelector","_ref","options","value","onChange","single","size","placeholder","className","dataTestId","rest","open","setOpen","useState","rootRef","useRef","triggerRef","handleClose","useCallback","useOutsideClick","useEffect","handleDocumentKeyDown","event","key","current","focus","document","addEventListener","removeEventListener","selectedOption","find","option","_jsxs","cn","styles","root","children","icon","_jsx","label","secondaryLabel","handleTriggerClick","prev","handleOptionClick","disabled","ref","type","trigger","onClick","content","_Fragment","chevron","IconChevronUp","IconChevronDown","role","panel","list","map","selected","optionContent","optionRow","description","indicator","IconCheck","checkmark"],"mappings":";;;;;;;;;;;;;AAsDaA,MAAAA,aAAa,GAAGC,IAAA,IAUH;EAAA,IAVI;IAC5BC,OAAO;IACPC,KAAK;IACLC,QAAQ;AACRC,IAAAA,MAAM,GAAG,KAAK;AACdC,IAAAA,IAAI,GAAG,SAAS;AAChBC,IAAAA,WAAW,GAAG,QAAQ;IACtBC,SAAS;IACTC,UAAU;IACV,GAAGC,IAAAA;AACe,GAAC,GAAAT,IAAA,CAAA;EACnB,MAAM,CAACU,IAAI,EAAEC,OAAO,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;AACvC,EAAA,MAAMC,OAAO,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAA;AAC5C,EAAA,MAAMC,UAAU,GAAGD,YAAM,CAAoB,IAAI,CAAC,CAAA;EAElD,MAAME,WAAW,GAAGC,iBAAW,CAAC,MAAMN,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;AACzDO,EAAAA,+BAAe,CAACL,OAAO,EAAEG,WAAW,EAAEN,IAAI,CAAC,CAAA;AAE3CS,EAAAA,eAAS,CAAC,MAAM;IACd,IAAI,CAACT,IAAI,EAAE,OAAA;IAEX,MAAMU,qBAAqB,GAAIC,KAAoB,IAAK;AACtD,MAAA,IAAIA,KAAK,CAACC,GAAG,KAAK,QAAQ,EAAE,OAAA;MAC5BX,OAAO,CAAC,KAAK,CAAC,CAAA;AACdI,MAAAA,UAAU,CAACQ,OAAO,EAAEC,KAAK,EAAE,CAAA;KAC5B,CAAA;AAEDC,IAAAA,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEN,qBAAqB,CAAC,CAAA;IAC3D,OAAO,MAAMK,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEP,qBAAqB,CAAC,CAAA;AAC7E,GAAC,EAAE,CAACV,IAAI,CAAC,CAAC,CAAA;AAEV,EAAA,MAAMkB,cAAc,GAAG3B,OAAO,CAAC4B,IAAI,CAAEC,MAAM,IAAKA,MAAM,CAAC5B,KAAK,KAAKA,KAAK,CAAC,CAAA;AAEvE,EAAA,IAAIE,MAAM,EAAE;AACV,IAAA,oBACE2B,eAAA,CAAA,MAAA,EAAA;AACExB,MAAAA,SAAS,EAAEyB,EAAE,CAACC,oBAAM,CAAC7B,MAAM,EAAE6B,oBAAM,CAAC5B,IAAI,CAAC,EAAEE,SAAS,CAAE;MACtD,aAAaC,EAAAA,UAAU,EAAE0B,IAAK;AAAA,MAAA,GAC1BzB,IAAI;AAAA0B,MAAAA,QAAA,EAEPP,CAAAA,cAAc,EAAEQ,IAAI,gBACnBC,cAAA,CAAA,MAAA,EAAA;QACE9B,SAAS,EAAE0B,oBAAM,CAACG,IAAK;AACvB,QAAA,aAAA,EAAaR,cAAc,CAACpB,UAAU,EAAE4B,IAAK;QAAAD,QAAA,EAE5CP,cAAc,CAACQ,IAAAA;AAAI,OAChB,CAAC,GACL,IAAI,eACRC,cAAA,CAAA,MAAA,EAAA;QACE9B,SAAS,EAAE0B,oBAAM,CAACK,KAAM;AACxB,QAAA,aAAA,EAAaV,cAAc,EAAEpB,UAAU,EAAE8B,KAAM;QAAAH,QAAA,EAE9CP,cAAc,EAAEU,KAAAA;AAAK,OAClB,CAAC,EACNjC,IAAI,KAAK,SAAS,IAAIuB,cAAc,EAAEW,cAAc,IAAI,IAAI,gBAC3DF,cAAA,CAAA,MAAA,EAAA;QACE9B,SAAS,EAAE0B,oBAAM,CAACM,cAAe;AACjC,QAAA,aAAA,EAAaX,cAAc,CAACpB,UAAU,EAAE+B,cAAe;QAAAJ,QAAA,EAEtDP,cAAc,CAACW,cAAAA;OACZ,CAAC,GACL,IAAI,CAAA;AAAA,KACJ,CAAC,CAAA;AAEX,GAAA;EAEA,MAAMC,kBAAkB,GAAGA,MAAM7B,OAAO,CAAE8B,IAAI,IAAK,CAACA,IAAI,CAAC,CAAA;EAEzD,MAAMC,iBAAiB,GAAIZ,MAA2B,IAAK;IACzD,IAAIA,MAAM,CAACa,QAAQ,EAAE,OAAA;AACrBxC,IAAAA,QAAQ,GAAG2B,MAAM,CAAC5B,KAAK,CAAC,CAAA;IACxBS,OAAO,CAAC,KAAK,CAAC,CAAA;AACdI,IAAAA,UAAU,CAACQ,OAAO,EAAEC,KAAK,EAAE,CAAA;GAC5B,CAAA;AAED,EAAA,oBACEO,eAAA,CAAA,KAAA,EAAA;AACEa,IAAAA,GAAG,EAAE/B,OAAQ;IACbN,SAAS,EAAEyB,EAAE,CAACC,oBAAM,CAACC,IAAI,EAAE3B,SAAS,CAAE;IACtC,aAAaC,EAAAA,UAAU,EAAE0B,IAAK;AAAA,IAAA,GAC1BzB,IAAI;AAAA0B,IAAAA,QAAA,gBAERJ,eAAA,CAAA,QAAA,EAAA;AACEa,MAAAA,GAAG,EAAE7B,UAAW;AAChB8B,MAAAA,IAAI,EAAC,QAAQ;AACb,MAAA,eAAA,EAAc,SAAS;AACvB,MAAA,eAAA,EAAenC,IAAK;AACpBH,MAAAA,SAAS,EAAEyB,EAAE,CAACC,oBAAM,CAACa,OAAO,EAAEb,oBAAM,CAAC5B,IAAI,CAAC,EAAEK,IAAI,IAAIuB,oBAAM,CAACvB,IAAI,CAAE;AACjEqC,MAAAA,OAAO,EAAEP,kBAAmB;MAC5B,aAAahC,EAAAA,UAAU,EAAEsC,OAAQ;AAAAX,MAAAA,QAAA,gBAEjCE,cAAA,CAAA,MAAA,EAAA;QAAM9B,SAAS,EAAE0B,oBAAM,CAACe,OAAQ;AAAAb,QAAAA,QAAA,EAC7BP,cAAc,gBACbG,eAAA,CAAAkB,mBAAA,EAAA;AAAAd,UAAAA,QAAA,EACGP,CAAAA,cAAc,CAACQ,IAAI,gBAClBC,cAAA,CAAA,MAAA,EAAA;YACE9B,SAAS,EAAE0B,oBAAM,CAACG,IAAK;AACvB,YAAA,aAAA,EAAaR,cAAc,CAACpB,UAAU,EAAE4B,IAAK;YAAAD,QAAA,EAE5CP,cAAc,CAACQ,IAAAA;AAAI,WAChB,CAAC,GACL,IAAI,eACRC,cAAA,CAAA,MAAA,EAAA;YACE9B,SAAS,EAAE0B,oBAAM,CAACK,KAAM;AACxB,YAAA,aAAA,EAAaV,cAAc,CAACpB,UAAU,EAAE8B,KAAM;YAAAH,QAAA,EAE7CP,cAAc,CAACU,KAAAA;AAAK,WACjB,CAAC,EACNjC,IAAI,KAAK,SAAS,IAAIuB,cAAc,CAACW,cAAc,IAAI,IAAI,gBAC1DF,cAAA,CAAA,MAAA,EAAA;YACE9B,SAAS,EAAE0B,oBAAM,CAACM,cAAe;AACjC,YAAA,aAAA,EAAaX,cAAc,CAACpB,UAAU,EAAE+B,cAAe;YAAAJ,QAAA,EAEtDP,cAAc,CAACW,cAAAA;WACZ,CAAC,GACL,IAAI,CAAA;SACR,CAAC,gBAEHF,cAAA,CAAA,MAAA,EAAA;UAAM9B,SAAS,EAAE0B,oBAAM,CAAC3B,WAAY;AAAA6B,UAAAA,QAAA,EAAE7B,WAAAA;SAAkB,CAAA;OAEtD,CAAC,eACP+B,cAAA,CAAA,MAAA,EAAA;QAAM9B,SAAS,EAAE0B,oBAAM,CAACiB,OAAQ;AAAC,QAAA,aAAA,EAAY,MAAM;AAAAf,QAAAA,QAAA,EAChDzB,IAAI,gBAAG2B,cAAA,CAACc,2BAAa,EAAE,EAAA,CAAC,gBAAGd,cAAA,CAACe,+BAAe,EAAE,EAAA,CAAA;AAAC,OAC3C,CAAC,CAAA;AAAA,KACD,CAAC,EACR1C,IAAI,gBACH2B,cAAA,CAAA,KAAA,EAAA;AACEgB,MAAAA,IAAI,EAAC,SAAS;MACd9C,SAAS,EAAE0B,oBAAM,CAACqB,KAAM;MACxB,aAAa9C,EAAAA,UAAU,EAAE8C,KAAM;AAAAnB,MAAAA,QAAA,eAE/BE,cAAA,CAAA,KAAA,EAAA;QAAK9B,SAAS,EAAE0B,oBAAM,CAACsB,IAAK;AAAApB,QAAAA,QAAA,EACzBlC,OAAO,CAACuD,GAAG,CAAE1B,MAAM,IAAK;AACvB,UAAA,MAAM2B,QAAQ,GAAG3B,MAAM,CAAC5B,KAAK,KAAKA,KAAK,CAAA;AACvC,UAAA,oBACE6B,eAAA,CAAA,QAAA,EAAA;AAEEc,YAAAA,IAAI,EAAC,QAAQ;AACbQ,YAAAA,IAAI,EAAC,QAAQ;AACb,YAAA,eAAA,EAAeI,QAAS;YACxBd,QAAQ,EAAEb,MAAM,CAACa,QAAS;AAC1BpC,YAAAA,SAAS,EAAEyB,EAAE,CACXC,oBAAM,CAACH,MAAM,EACbG,oBAAM,CAAC5B,IAAI,CAAC,EACZoD,QAAQ,IAAIxB,oBAAM,CAACwB,QACrB,CAAE;AACFV,YAAAA,OAAO,EAAEA,MAAML,iBAAiB,CAACZ,MAAM,CAAE;AACzC,YAAA,aAAA,EAAaA,MAAM,CAACtB,UAAU,EAAE0B,IAAK;AAAAC,YAAAA,QAAA,EAEpCL,CAAAA,MAAM,CAACM,IAAI,gBACVC,cAAA,CAAA,MAAA,EAAA;cACE9B,SAAS,EAAE0B,oBAAM,CAACG,IAAK;AACvB,cAAA,aAAA,EAAaN,MAAM,CAACtB,UAAU,EAAE4B,IAAK;cAAAD,QAAA,EAEpCL,MAAM,CAACM,IAAAA;AAAI,aACR,CAAC,GACL,IAAI,eACRL,eAAA,CAAA,MAAA,EAAA;cAAMxB,SAAS,EAAE0B,oBAAM,CAACyB,aAAc;AAAAvB,cAAAA,QAAA,gBACpCJ,eAAA,CAAA,MAAA,EAAA;gBAAMxB,SAAS,EAAE0B,oBAAM,CAAC0B,SAAU;AAAAxB,gBAAAA,QAAA,gBAChCE,cAAA,CAAA,MAAA,EAAA;kBACE9B,SAAS,EAAE0B,oBAAM,CAACK,KAAM;AACxB,kBAAA,aAAA,EAAaR,MAAM,CAACtB,UAAU,EAAE8B,KAAM;kBAAAH,QAAA,EAErCL,MAAM,CAACQ,KAAAA;AAAK,iBACT,CAAC,EACNjC,IAAI,KAAK,SAAS,IAAIyB,MAAM,CAACS,cAAc,IAAI,IAAI,gBAClDF,cAAA,CAAA,MAAA,EAAA;kBACE9B,SAAS,EAAE0B,oBAAM,CAACM,cAAe;AACjC,kBAAA,aAAA,EAAaT,MAAM,CAACtB,UAAU,EAAE+B,cAAe;kBAAAJ,QAAA,EAE9CL,MAAM,CAACS,cAAAA;iBACJ,CAAC,GACL,IAAI,CAAA;AAAA,eACJ,CAAC,EACNlC,IAAI,KAAK,SAAS,IAAIyB,MAAM,CAAC8B,WAAW,IAAI,IAAI,gBAC/CvB,cAAA,CAAA,MAAA,EAAA;gBACE9B,SAAS,EAAE0B,oBAAM,CAAC2B,WAAY;AAC9B,gBAAA,aAAA,EAAa9B,MAAM,CAACtB,UAAU,EAAEoD,WAAY;gBAAAzB,QAAA,EAE3CL,MAAM,CAAC8B,WAAAA;eACJ,CAAC,GACL,IAAI,CAAA;aACJ,CAAC,EACNvD,IAAI,KAAK,SAAS,IAAIoD,QAAQ,gBAC7BpB,cAAA,CAAA,MAAA,EAAA;cAAM9B,SAAS,EAAE0B,oBAAM,CAAC4B,SAAU;AAAC,cAAA,aAAA,EAAY,MAAM;cAAA1B,QAAA,eACnDE,cAAA,CAACyB,mBAAS,EAAA;gBAACvD,SAAS,EAAE0B,oBAAM,CAAC8B,SAAAA;eAAY,CAAA;aACrC,CAAC,GACL,IAAI,CAAA;WAnDHjC,EAAAA,MAAM,CAAC5B,KAoDN,CAAC,CAAA;SAEZ,CAAA;OACE,CAAA;KACF,CAAC,GACJ,IAAI,CAAA;AAAA,GACL,CAAC,CAAA;AAEV;;;;"}

package/dist/cjs/tooltip/Tooltip.cjs

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

package/dist/cjs/tooltip/Tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.cjs","sources":["../../../src/tooltip/Tooltip.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type CSSProperties,\n  type FocusEvent,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\nimport { flushSync } from 'react-dom'\n\nimport cn from 'classnames'\n\nimport styles from './Tooltip.module.css'\n\nexport type TooltipPosition =\n  | 'top'\n  | 'right'\n  | 'bottom'\n  | 'left'\n  | 'top-left'\n  | 'top-right'\n  | 'bottom-left'\n  | 'bottom-right'\n\nexport type TooltipProps = Omit<ComponentPropsWithoutRef<'span'>, 'content'> & {\n  content: ReactNode\n  position?: TooltipPosition\n  width?: number\n}\n\n// Minimal distance between the tooltip and the viewport edge.\nconst VIEWPORT_MARGIN = 16\n// Distance between the anchor and the content for main (non-corner) positions.\nconst POSITION_GAP = 15\n\ntype TooltipAdjustment = {\n  position: TooltipPosition\n  shiftX: number\n  shiftY: number\n}\n\nconst clampValue = (value: number, min: number, max: number) =>\n  Math.min(Math.max(value, min), Math.max(max, min))\n\nconst getMaxWidth = (width: number) =>\n  `min(${width}px, calc(100vw - ${VIEWPORT_MARGIN * 2}px))`\n\n// Measures the anchor and the (hidden but laid-out) content, then picks a\n// position/shift that keeps the bubble inside the viewport — flipping sides\n// when there isn't room, sliding along the cross axis otherwise.\nconst getAdjustment = (\n  position: TooltipPosition,\n  anchor: DOMRect,\n  content: DOMRect,\n): TooltipAdjustment => {\n  const viewportWidth = document.documentElement.clientWidth\n  const viewportHeight = document.documentElement.clientHeight\n\n  const spaceTop = anchor.top - VIEWPORT_MARGIN\n  const spaceBottom = viewportHeight - anchor.bottom - VIEWPORT_MARGIN\n  const spaceLeft = anchor.left - VIEWPORT_MARGIN\n  const spaceRight = viewportWidth - anchor.right - VIEWPORT_MARGIN\n\n  let [main, corner] = position.split('-')\n  const gap = corner ? 0 : POSITION_GAP\n\n  // Side positions: flip to the other side, or fall back to a vertical\n  // position when the content doesn't fit horizontally on either side.\n  if (main === 'left' || main === 'right') {\n    const needed = content.width + gap\n    if (needed > spaceLeft && needed > spaceRight) {\n      main = spaceBottom >= spaceTop ? 'bottom' : 'top'\n    } else if (main === 'right' && needed > spaceRight) {\n      main = 'left'\n    } else if (main === 'left' && needed > spaceLeft) {\n      main = 'right'\n    }\n  }\n\n  // Vertical positions: flip when the content doesn't fit and there is more room on the other side.\n  if (main === 'top' || main === 'bottom') {\n    const space = main === 'top' ? spaceTop : spaceBottom\n    const opposite = main === 'top' ? spaceBottom : spaceTop\n    if (content.height + gap > space && opposite > space) {\n      main = main === 'top' ? 'bottom' : 'top'\n    }\n  }\n\n  // A corner's cut-off edge has to meet the anchor, and sliding breaks that\n  // join — so mirror to the other side first and only slide as a last resort.\n  if (corner) {\n    const space = corner === 'left' ? spaceLeft : spaceRight\n    const opposite = corner === 'left' ? spaceRight : spaceLeft\n    if (content.width > space && opposite > space) {\n      corner = corner === 'left' ? 'right' : 'left'\n    }\n  }\n\n  let shiftX = 0\n  let shiftY = 0\n  if (main === 'left' || main === 'right') {\n    const idealTop = anchor.top + anchor.height / 2 - content.height / 2\n    shiftY =\n      clampValue(\n        idealTop,\n        VIEWPORT_MARGIN,\n        viewportHeight - VIEWPORT_MARGIN - content.height,\n      ) - idealTop\n  } else {\n    const idealLeft = !corner\n      ? anchor.left + anchor.width / 2 - content.width / 2\n      : corner === 'left'\n        ? anchor.left - content.width\n        : anchor.right\n    shiftX =\n      clampValue(\n        idealLeft,\n        VIEWPORT_MARGIN,\n        viewportWidth - VIEWPORT_MARGIN - content.width,\n      ) - idealLeft\n  }\n\n  return {\n    position: (corner ? `${main}-${corner}` : main) as TooltipPosition,\n    shiftX,\n    shiftY,\n  }\n}\n\nexport const Tooltip = ({\n  content,\n  position = 'top',\n  width = 320,\n  className,\n  children,\n  onMouseEnter,\n  onFocus,\n  ...rest\n}: TooltipProps) => {\n  const rootRef = useRef<HTMLSpanElement>(null)\n  const contentRef = useRef<HTMLSpanElement>(null)\n  const [adjustment, setAdjustment] = useState<TooltipAdjustment | null>(null)\n\n  const updatePosition = useCallback(() => {\n    const root = rootRef.current\n    const contentEl = contentRef.current\n    if (!root || !contentEl) return\n\n    // React treats mouseenter as a continuous-priority event and would defer\n    // the update past the next paint, flashing the tooltip at the old position.\n    flushSync(() => {\n      setAdjustment(\n        getAdjustment(\n          position,\n          root.getBoundingClientRect(),\n          contentEl.getBoundingClientRect(),\n        ),\n      )\n    })\n  }, [position])\n\n  useEffect(() => {\n    setAdjustment(null)\n  }, [position])\n\n  useEffect(() => {\n    const handleResize = () => {\n      if (rootRef.current?.matches(':hover')) updatePosition()\n    }\n\n    window.addEventListener('resize', handleResize)\n    return () => window.removeEventListener('resize', handleResize)\n  }, [updatePosition])\n\n  const handleMouseEnter = (event: MouseEvent<HTMLSpanElement>) => {\n    updatePosition()\n    onMouseEnter?.(event)\n  }\n\n  const handleFocus = (event: FocusEvent<HTMLSpanElement>) => {\n    updatePosition()\n    onFocus?.(event)\n  }\n\n  const effectivePosition = adjustment?.position ?? position\n\n  return (\n    <span\n      ref={rootRef}\n      className={cn(styles.wrapper, className)}\n      onMouseEnter={handleMouseEnter}\n      onFocus={handleFocus}\n      {...rest}\n    >\n      {children}\n      <span\n        ref={contentRef}\n        className={cn(styles.content, styles[`position-${effectivePosition}`])}\n        style={\n          {\n            '--local-tooltip-width': getMaxWidth(width),\n            '--local-tooltip-shift-x': `${adjustment?.shiftX ?? 0}px`,\n            '--local-tooltip-shift-y': `${adjustment?.shiftY ?? 0}px`,\n          } as CSSProperties\n        }\n        role='tooltip'\n      >\n        {content}\n      </span>\n    </span>\n  )\n}\n\nTooltip.displayName = 'Tooltip'\n"],"names":["VIEWPORT_MARGIN","POSITION_GAP","clampValue","value","min","max","Math","getMaxWidth","width","getAdjustment","position","anchor","content","viewportWidth","document","documentElement","clientWidth","viewportHeight","clientHeight","spaceTop","top","spaceBottom","bottom","spaceLeft","left","spaceRight","right","main","corner","split","gap","needed","space","opposite","height","shiftX","shiftY","idealTop","idealLeft","Tooltip","_ref","className","children","onMouseEnter","onFocus","rest","rootRef","useRef","contentRef","adjustment","setAdjustment","useState","updatePosition","useCallback","root","current","contentEl","flushSync","getBoundingClientRect","useEffect","handleResize","matches","window","addEventListener","removeEventListener","handleMouseEnter","event","handleFocus","effectivePosition","_jsxs","ref","cn","styles","wrapper","_jsx","style","role","displayName"],"mappings":"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"}
+{"version":3,"file":"Tooltip.cjs","sources":["../../../src/tooltip/Tooltip.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type CSSProperties,\n  type FocusEvent,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\nimport { flushSync } from 'react-dom'\n\nimport cn from 'classnames'\n\nimport styles from './Tooltip.module.css'\n\nexport type TooltipPosition =\n  | 'top'\n  | 'right'\n  | 'bottom'\n  | 'left'\n  | 'top-left'\n  | 'top-right'\n  | 'bottom-left'\n  | 'bottom-right'\n\nexport type TooltipDataTestId = {\n  root?: string\n  content?: string\n}\n\nexport type TooltipProps = Omit<ComponentPropsWithoutRef<'span'>, 'content'> & {\n  content: ReactNode\n  position?: TooltipPosition\n  width?: number\n  dataTestId?: TooltipDataTestId\n}\n\n// Minimal distance between the tooltip and the viewport edge.\nconst VIEWPORT_MARGIN = 16\n// Distance between the anchor and the content for main (non-corner) positions.\nconst POSITION_GAP = 15\n\ntype TooltipAdjustment = {\n  position: TooltipPosition\n  shiftX: number\n  shiftY: number\n}\n\nconst clampValue = (value: number, min: number, max: number) =>\n  Math.min(Math.max(value, min), Math.max(max, min))\n\nconst getMaxWidth = (width: number) =>\n  `min(${width}px, calc(100vw - ${VIEWPORT_MARGIN * 2}px))`\n\n// Measures the anchor and the (hidden but laid-out) content, then picks a\n// position/shift that keeps the bubble inside the viewport — flipping sides\n// when there isn't room, sliding along the cross axis otherwise.\nconst getAdjustment = (\n  position: TooltipPosition,\n  anchor: DOMRect,\n  content: DOMRect,\n): TooltipAdjustment => {\n  const viewportWidth = document.documentElement.clientWidth\n  const viewportHeight = document.documentElement.clientHeight\n\n  const spaceTop = anchor.top - VIEWPORT_MARGIN\n  const spaceBottom = viewportHeight - anchor.bottom - VIEWPORT_MARGIN\n  const spaceLeft = anchor.left - VIEWPORT_MARGIN\n  const spaceRight = viewportWidth - anchor.right - VIEWPORT_MARGIN\n\n  let [main, corner] = position.split('-')\n  const gap = corner ? 0 : POSITION_GAP\n\n  // Side positions: flip to the other side, or fall back to a vertical\n  // position when the content doesn't fit horizontally on either side.\n  if (main === 'left' || main === 'right') {\n    const needed = content.width + gap\n    if (needed > spaceLeft && needed > spaceRight) {\n      main = spaceBottom >= spaceTop ? 'bottom' : 'top'\n    } else if (main === 'right' && needed > spaceRight) {\n      main = 'left'\n    } else if (main === 'left' && needed > spaceLeft) {\n      main = 'right'\n    }\n  }\n\n  // Vertical positions: flip when the content doesn't fit and there is more room on the other side.\n  if (main === 'top' || main === 'bottom') {\n    const space = main === 'top' ? spaceTop : spaceBottom\n    const opposite = main === 'top' ? spaceBottom : spaceTop\n    if (content.height + gap > space && opposite > space) {\n      main = main === 'top' ? 'bottom' : 'top'\n    }\n  }\n\n  // A corner's cut-off edge has to meet the anchor, and sliding breaks that\n  // join — so mirror to the other side first and only slide as a last resort.\n  if (corner) {\n    const space = corner === 'left' ? spaceLeft : spaceRight\n    const opposite = corner === 'left' ? spaceRight : spaceLeft\n    if (content.width > space && opposite > space) {\n      corner = corner === 'left' ? 'right' : 'left'\n    }\n  }\n\n  let shiftX = 0\n  let shiftY = 0\n  if (main === 'left' || main === 'right') {\n    const idealTop = anchor.top + anchor.height / 2 - content.height / 2\n    shiftY =\n      clampValue(\n        idealTop,\n        VIEWPORT_MARGIN,\n        viewportHeight - VIEWPORT_MARGIN - content.height,\n      ) - idealTop\n  } else {\n    const idealLeft = !corner\n      ? anchor.left + anchor.width / 2 - content.width / 2\n      : corner === 'left'\n        ? anchor.left - content.width\n        : anchor.right\n    shiftX =\n      clampValue(\n        idealLeft,\n        VIEWPORT_MARGIN,\n        viewportWidth - VIEWPORT_MARGIN - content.width,\n      ) - idealLeft\n  }\n\n  return {\n    position: (corner ? `${main}-${corner}` : main) as TooltipPosition,\n    shiftX,\n    shiftY,\n  }\n}\n\nexport const Tooltip = ({\n  content,\n  position = 'top',\n  width = 320,\n  className,\n  children,\n  onMouseEnter,\n  onFocus,\n  dataTestId,\n  ...rest\n}: TooltipProps) => {\n  const rootRef = useRef<HTMLSpanElement>(null)\n  const contentRef = useRef<HTMLSpanElement>(null)\n  const [adjustment, setAdjustment] = useState<TooltipAdjustment | null>(null)\n\n  const updatePosition = useCallback(() => {\n    const root = rootRef.current\n    const contentEl = contentRef.current\n    if (!root || !contentEl) return\n\n    // React treats mouseenter as a continuous-priority event and would defer\n    // the update past the next paint, flashing the tooltip at the old position.\n    flushSync(() => {\n      setAdjustment(\n        getAdjustment(\n          position,\n          root.getBoundingClientRect(),\n          contentEl.getBoundingClientRect(),\n        ),\n      )\n    })\n  }, [position])\n\n  useEffect(() => {\n    setAdjustment(null)\n  }, [position])\n\n  useEffect(() => {\n    const handleResize = () => {\n      if (rootRef.current?.matches(':hover')) updatePosition()\n    }\n\n    window.addEventListener('resize', handleResize)\n    return () => window.removeEventListener('resize', handleResize)\n  }, [updatePosition])\n\n  const handleMouseEnter = (event: MouseEvent<HTMLSpanElement>) => {\n    updatePosition()\n    onMouseEnter?.(event)\n  }\n\n  const handleFocus = (event: FocusEvent<HTMLSpanElement>) => {\n    updatePosition()\n    onFocus?.(event)\n  }\n\n  const effectivePosition = adjustment?.position ?? position\n\n  return (\n    <span\n      ref={rootRef}\n      className={cn(styles.wrapper, className)}\n      onMouseEnter={handleMouseEnter}\n      onFocus={handleFocus}\n      data-testid={dataTestId?.root}\n      {...rest}\n    >\n      {children}\n      <span\n        ref={contentRef}\n        className={cn(styles.content, styles[`position-${effectivePosition}`])}\n        style={\n          {\n            '--local-tooltip-width': getMaxWidth(width),\n            '--local-tooltip-shift-x': `${adjustment?.shiftX ?? 0}px`,\n            '--local-tooltip-shift-y': `${adjustment?.shiftY ?? 0}px`,\n          } as CSSProperties\n        }\n        role='tooltip'\n        data-testid={dataTestId?.content}\n      >\n        {content}\n      </span>\n    </span>\n  )\n}\n\nTooltip.displayName = 'Tooltip'\n"],"names":["VIEWPORT_MARGIN","POSITION_GAP","clampValue","value","min","max","Math","getMaxWidth","width","getAdjustment","position","anchor","content","viewportWidth","document","documentElement","clientWidth","viewportHeight","clientHeight","spaceTop","top","spaceBottom","bottom","spaceLeft","left","spaceRight","right","main","corner","split","gap","needed","space","opposite","height","shiftX","shiftY","idealTop","idealLeft","Tooltip","_ref","className","children","onMouseEnter","onFocus","dataTestId","rest","rootRef","useRef","contentRef","adjustment","setAdjustment","useState","updatePosition","useCallback","root","current","contentEl","flushSync","getBoundingClientRect","useEffect","handleResize","matches","window","addEventListener","removeEventListener","handleMouseEnter","event","handleFocus","effectivePosition","_jsxs","ref","cn","styles","wrapper","_jsx","style","role","displayName"],"mappings":"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"}

package/dist/cjs/tx-status/TxStatus.cjs

@@ -40,10 +40,14 @@ const TxStatus = _ref => {
     amount,
     message,
     footer,
-    className
+    className,
+    dataTestId,
+    ...rest
   } = _ref;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: cn(TxStatus_module.root, className),
+    "data-testid": dataTestId?.root,
+    ...rest,
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: TxStatus_module.graphicGroup,
       children: [/*#__PURE__*/jsxRuntime.jsx("span", {
@@ -53,17 +57,21 @@ const TxStatus = _ref => {
         className: TxStatus_module.textGroup,
         children: [/*#__PURE__*/jsxRuntime.jsx("span", {
           className: TxStatus_module.title,
+          "data-testid": dataTestId?.title,
           children: title
         }), amount ? /*#__PURE__*/jsxRuntime.jsx("div", {
           className: TxStatus_module.amount,
+          "data-testid": dataTestId?.amount,
           children: amount
         }) : null, message ? /*#__PURE__*/jsxRuntime.jsx("div", {
           className: TxStatus_module.message,
+          "data-testid": dataTestId?.message,
           children: message
         }) : null]
       })]
     }), footer ? /*#__PURE__*/jsxRuntime.jsx("div", {
       className: TxStatus_module.footer,
+      "data-testid": dataTestId?.footer,
       children: footer
     }) : null]
   });

package/dist/cjs/tx-status/TxStatus.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TxStatus.cjs","sources":["../../../src/tx-status/TxStatus.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nimport { IconCheck, IconCross, IconExclamation, IconSpinner } from '../icons'\nimport cn from 'classnames'\n\nimport styles from './TxStatus.module.css'\n\nexport type TxStatusVariant = 'loading' | 'success' | 'error' | 'warning'\n\nexport type TxStatusProps = {\n  status: TxStatusVariant\n  title: ReactNode\n  amount?: ReactNode\n  message?: ReactNode\n  footer?: ReactNode\n  className?: string\n}\n\nconst graphicByStatus: Record<TxStatusVariant, ReactNode> = {\n  loading: <IconSpinner className={styles.spinner} />,\n  success: (\n    <span className={cn(styles.circle, styles.circleSuccess)}>\n      <IconCheck className={styles.circleIcon} />\n    </span>\n  ),\n  error: (\n    <span className={cn(styles.circle, styles.circleError)}>\n      <IconCross className={styles.circleIcon} />\n    </span>\n  ),\n  warning: (\n    <span className={cn(styles.circle, styles.circleWarning)}>\n      <IconExclamation className={styles.circleIcon} />\n    </span>\n  ),\n}\n\nexport const TxStatus = ({\n  status,\n  title,\n  amount,\n  message,\n  footer,\n  className,\n}: TxStatusProps) => (\n  <div className={cn(styles.root, className)}>\n    <div className={styles.graphicGroup}>\n      <span className={styles.graphic}>{graphicByStatus[status]}</span>\n      <div className={styles.textGroup}>\n        <span className={styles.title}>{title}</span>\n        {amount ? <div className={styles.amount}>{amount}</div> : null}\n        {message ? <div className={styles.message}>{message}</div> : null}\n      </div>\n    </div>\n    {footer ? <div className={styles.footer}>{footer}</div> : null}\n  </div>\n)\n"],"names":["graphicByStatus","loading","_jsx","IconSpinner","className","styles","spinner","success","cn","circle","circleSuccess","children","IconCheck","circleIcon","error","circleError","IconCross","warning","circleWarning","IconExclamation","TxStatus","_ref","status","title","amount","message","footer","_jsxs","root","graphicGroup","graphic","textGroup"],"mappings":";;;;;;;;;;;;AAkBA,MAAMA,eAAmD,GAAG;EAC1DC,OAAO,eAAEC,cAAA,CAACC,uBAAW,EAAA;IAACC,SAAS,EAAEC,eAAM,CAACC,OAAAA;AAAQ,GAAE,CAAC;AACnDC,EAAAA,OAAO,eACLL,cAAA,CAAA,MAAA,EAAA;IAAME,SAAS,EAAEI,EAAE,CAACH,eAAM,CAACI,MAAM,EAAEJ,eAAM,CAACK,aAAa,CAAE;IAAAC,QAAA,eACvDT,cAAA,CAACU,mBAAS,EAAA;MAACR,SAAS,EAAEC,eAAM,CAACQ,UAAAA;KAAa,CAAA;AAAC,GACvC,CACP;AACDC,EAAAA,KAAK,eACHZ,cAAA,CAAA,MAAA,EAAA;IAAME,SAAS,EAAEI,EAAE,CAACH,eAAM,CAACI,MAAM,EAAEJ,eAAM,CAACU,WAAW,CAAE;IAAAJ,QAAA,eACrDT,cAAA,CAACc,mBAAS,EAAA;MAACZ,SAAS,EAAEC,eAAM,CAACQ,UAAAA;KAAa,CAAA;AAAC,GACvC,CACP;AACDI,EAAAA,OAAO,eACLf,cAAA,CAAA,MAAA,EAAA;IAAME,SAAS,EAAEI,EAAE,CAACH,eAAM,CAACI,MAAM,EAAEJ,eAAM,CAACa,aAAa,CAAE;IAAAP,QAAA,eACvDT,cAAA,CAACiB,+BAAe,EAAA;MAACf,SAAS,EAAEC,eAAM,CAACQ,UAAAA;KAAa,CAAA;GAC5C,CAAA;AAEV,CAAC,CAAA;AAEM,MAAMO,QAAQ,GAAGC,IAAA,IAAA;EAAA,IAAC;IACvBC,MAAM;IACNC,KAAK;IACLC,MAAM;IACNC,OAAO;IACPC,MAAM;AACNtB,IAAAA,SAAAA;AACa,GAAC,GAAAiB,IAAA,CAAA;AAAA,EAAA,oBACdM,eAAA,CAAA,KAAA,EAAA;IAAKvB,SAAS,EAAEI,EAAE,CAACH,eAAM,CAACuB,IAAI,EAAExB,SAAS,CAAE;AAAAO,IAAAA,QAAA,gBACzCgB,eAAA,CAAA,KAAA,EAAA;MAAKvB,SAAS,EAAEC,eAAM,CAACwB,YAAa;AAAAlB,MAAAA,QAAA,gBAClCT,cAAA,CAAA,MAAA,EAAA;QAAME,SAAS,EAAEC,eAAM,CAACyB,OAAQ;QAAAnB,QAAA,EAAEX,eAAe,CAACsB,MAAM,CAAA;OAAQ,CAAC,eACjEK,eAAA,CAAA,KAAA,EAAA;QAAKvB,SAAS,EAAEC,eAAM,CAAC0B,SAAU;AAAApB,QAAAA,QAAA,gBAC/BT,cAAA,CAAA,MAAA,EAAA;UAAME,SAAS,EAAEC,eAAM,CAACkB,KAAM;AAAAZ,UAAAA,QAAA,EAAEY,KAAAA;AAAK,SAAO,CAAC,EAC5CC,MAAM,gBAAGtB,cAAA,CAAA,KAAA,EAAA;UAAKE,SAAS,EAAEC,eAAM,CAACmB,MAAO;AAAAb,UAAAA,QAAA,EAAEa,MAAAA;AAAM,SAAM,CAAC,GAAG,IAAI,EAC7DC,OAAO,gBAAGvB,cAAA,CAAA,KAAA,EAAA;UAAKE,SAAS,EAAEC,eAAM,CAACoB,OAAQ;AAAAd,UAAAA,QAAA,EAAEc,OAAAA;SAAa,CAAC,GAAG,IAAI,CAAA;AAAA,OAC9D,CAAC,CAAA;AAAA,KACH,CAAC,EACLC,MAAM,gBAAGxB,cAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEC,eAAM,CAACqB,MAAO;AAAAf,MAAAA,QAAA,EAAEe,MAAAA;KAAY,CAAC,GAAG,IAAI,CAAA;AAAA,GAC3D,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"TxStatus.cjs","sources":["../../../src/tx-status/TxStatus.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react'\n\nimport { IconCheck, IconCross, IconExclamation, IconSpinner } from '../icons'\nimport cn from 'classnames'\n\nimport styles from './TxStatus.module.css'\n\nexport type TxStatusVariant = 'loading' | 'success' | 'error' | 'warning'\n\nexport type TxStatusDataTestId = {\n  root?: string\n  title?: string\n  amount?: string\n  message?: string\n  footer?: string\n}\n\nexport type TxStatusProps = Omit<ComponentPropsWithoutRef<'div'>, 'title'> & {\n  status: TxStatusVariant\n  title: ReactNode\n  amount?: ReactNode\n  message?: ReactNode\n  footer?: ReactNode\n  dataTestId?: TxStatusDataTestId\n}\n\nconst graphicByStatus: Record<TxStatusVariant, ReactNode> = {\n  loading: <IconSpinner className={styles.spinner} />,\n  success: (\n    <span className={cn(styles.circle, styles.circleSuccess)}>\n      <IconCheck className={styles.circleIcon} />\n    </span>\n  ),\n  error: (\n    <span className={cn(styles.circle, styles.circleError)}>\n      <IconCross className={styles.circleIcon} />\n    </span>\n  ),\n  warning: (\n    <span className={cn(styles.circle, styles.circleWarning)}>\n      <IconExclamation className={styles.circleIcon} />\n    </span>\n  ),\n}\n\nexport const TxStatus = ({\n  status,\n  title,\n  amount,\n  message,\n  footer,\n  className,\n  dataTestId,\n  ...rest\n}: TxStatusProps) => (\n  <div\n    className={cn(styles.root, className)}\n    data-testid={dataTestId?.root}\n    {...rest}\n  >\n    <div className={styles.graphicGroup}>\n      <span className={styles.graphic}>{graphicByStatus[status]}</span>\n      <div className={styles.textGroup}>\n        <span className={styles.title} data-testid={dataTestId?.title}>\n          {title}\n        </span>\n        {amount ? (\n          <div className={styles.amount} data-testid={dataTestId?.amount}>\n            {amount}\n          </div>\n        ) : null}\n        {message ? (\n          <div className={styles.message} data-testid={dataTestId?.message}>\n            {message}\n          </div>\n        ) : null}\n      </div>\n    </div>\n    {footer ? (\n      <div className={styles.footer} data-testid={dataTestId?.footer}>\n        {footer}\n      </div>\n    ) : null}\n  </div>\n)\n"],"names":["graphicByStatus","loading","_jsx","IconSpinner","className","styles","spinner","success","cn","circle","circleSuccess","children","IconCheck","circleIcon","error","circleError","IconCross","warning","circleWarning","IconExclamation","TxStatus","_ref","status","title","amount","message","footer","dataTestId","rest","_jsxs","root","graphicGroup","graphic","textGroup"],"mappings":"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"}

package/dist/cjs/typography/Typography.cjs

@@ -24,11 +24,13 @@ const Typography = _ref => {
     as,
     className,
     children,
+    dataTestId,
     ...rest
   } = _ref;
   const Component = as ?? variantTag[variant];
   return /*#__PURE__*/jsxRuntime.jsx(Component, {
     className: cn(Typography_module.root, Typography_module[variant], weight === 'semibold' && isBodyVariant(variant) && Typography_module.semibold, className),
+    "data-testid": dataTestId?.root,
     ...rest,
     children: children
   });

package/dist/cjs/typography/Typography.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.cjs","sources":["../../../src/typography/Typography.tsx"],"sourcesContent":["import type { ElementType, HTMLAttributes } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './Typography.module.css'\n\nexport type TypographyVariant =\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'richInput'\n  | 'bodyLarge'\n  | 'body'\n  | 'description'\n  | 'groupName'\n\n// Weight only applies to bodyLarge/body/description; headings are single-weight by design.\nexport type TypographyWeight = 'regular' | 'semibold'\n\nexport type TypographyProps = HTMLAttributes<HTMLElement> & {\n  variant: TypographyVariant\n  weight?: TypographyWeight\n  as?: ElementType\n}\n\nconst variantTag: Record<TypographyVariant, ElementType> = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  richInput: 'p',\n  bodyLarge: 'p',\n  body: 'p',\n  description: 'p',\n  groupName: 'p',\n}\n\nconst isBodyVariant = (variant: TypographyVariant): boolean =>\n  variant === 'bodyLarge' || variant === 'body' || variant === 'description'\n\nexport const Typography = ({\n  variant,\n  weight,\n  as,\n  className,\n  children,\n  ...rest\n}: TypographyProps) => {\n  const Component = as ?? variantTag[variant]\n\n  return (\n    <Component\n      className={cn(\n        styles.root,\n        styles[variant],\n        weight === 'semibold' && isBodyVariant(variant) && styles.semibold,\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </Component>\n  )\n}\n\ntype ShorthandProps = Omit<TypographyProps, 'variant'>\n\nexport const H1 = (props: ShorthandProps) => (\n  <Typography {...props} variant='h1' />\n)\n\nexport const H2 = (props: ShorthandProps) => (\n  <Typography {...props} variant='h2' />\n)\n\nexport const H3 = (props: ShorthandProps) => (\n  <Typography {...props} variant='h3' />\n)\n\nexport const BodyLarge = (props: ShorthandProps) => (\n  <Typography {...props} variant='bodyLarge' />\n)\n\nexport const Body = (props: ShorthandProps) => (\n  <Typography {...props} variant='body' />\n)\n\nexport const Description = (props: ShorthandProps) => (\n  <Typography {...props} variant='description' />\n)\n\nexport const GroupName = (props: ShorthandProps) => (\n  <Typography {...props} variant='groupName' />\n)\n"],"names":["variantTag","h1","h2","h3","richInput","bodyLarge","body","description","groupName","isBodyVariant","variant","Typography","_ref","weight","as","className","children","rest","Component","_jsx","cn","styles","root","semibold","H1","props","H2","H3","BodyLarge","Body","Description","GroupName"],"mappings":";;;;;;;;AAyBA,MAAMA,UAAkD,GAAG;AACzDC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,SAAS,EAAE,GAAG;AACdC,EAAAA,SAAS,EAAE,GAAG;AACdC,EAAAA,IAAI,EAAE,GAAG;AACTC,EAAAA,WAAW,EAAE,GAAG;AAChBC,EAAAA,SAAS,EAAE,GAAA;AACb,CAAC,CAAA;AAED,MAAMC,aAAa,GAAIC,OAA0B,IAC/CA,OAAO,KAAK,WAAW,IAAIA,OAAO,KAAK,MAAM,IAAIA,OAAO,KAAK,aAAa,CAAA;AAE/DC,MAAAA,UAAU,GAAGC,IAAA,IAOH;EAAA,IAPI;IACzBF,OAAO;IACPG,MAAM;IACNC,EAAE;IACFC,SAAS;IACTC,QAAQ;IACR,GAAGC,IAAAA;AACY,GAAC,GAAAL,IAAA,CAAA;AAChB,EAAA,MAAMM,SAAS,GAAGJ,EAAE,IAAId,UAAU,CAACU,OAAO,CAAC,CAAA;EAE3C,oBACES,cAAA,CAACD,SAAS,EAAA;IACRH,SAAS,EAAEK,EAAE,CACXC,iBAAM,CAACC,IAAI,EACXD,iBAAM,CAACX,OAAO,CAAC,EACfG,MAAM,KAAK,UAAU,IAAIJ,aAAa,CAACC,OAAO,CAAC,IAAIW,iBAAM,CAACE,QAAQ,EAClER,SACF,CAAE;AAAA,IAAA,GACEE,IAAI;AAAAD,IAAAA,QAAA,EAEPA,QAAAA;AAAQ,GACA,CAAC,CAAA;AAEhB,EAAC;MAIYQ,EAAE,GAAIC,KAAqB,iBACtCN,cAAA,CAACR,UAAU,EAAA;AAAA,EAAA,GAAKc,KAAK;AAAEf,EAAAA,OAAO,EAAC,IAAA;AAAI,CAAE,EACtC;MAEYgB,EAAE,GAAID,KAAqB,iBACtCN,cAAA,CAACR,UAAU,EAAA;AAAA,EAAA,GAAKc,KAAK;AAAEf,EAAAA,OAAO,EAAC,IAAA;AAAI,CAAE,EACtC;MAEYiB,EAAE,GAAIF,KAAqB,iBACtCN,cAAA,CAACR,UAAU,EAAA;AAAA,EAAA,GAAKc,KAAK;AAAEf,EAAAA,OAAO,EAAC,IAAA;AAAI,CAAE,EACtC;MAEYkB,SAAS,GAAIH,KAAqB,iBAC7CN,cAAA,CAACR,UAAU,EAAA;AAAA,EAAA,GAAKc,KAAK;AAAEf,EAAAA,OAAO,EAAC,WAAA;AAAW,CAAE,EAC7C;MAEYmB,IAAI,GAAIJ,KAAqB,iBACxCN,cAAA,CAACR,UAAU,EAAA;AAAA,EAAA,GAAKc,KAAK;AAAEf,EAAAA,OAAO,EAAC,MAAA;AAAM,CAAE,EACxC;MAEYoB,WAAW,GAAIL,KAAqB,iBAC/CN,cAAA,CAACR,UAAU,EAAA;AAAA,EAAA,GAAKc,KAAK;AAAEf,EAAAA,OAAO,EAAC,aAAA;AAAa,CAAE,EAC/C;MAEYqB,SAAS,GAAIN,KAAqB,iBAC7CN,cAAA,CAACR,UAAU,EAAA;AAAA,EAAA,GAAKc,KAAK;AAAEf,EAAAA,OAAO,EAAC,WAAA;AAAW,CAAE;;;;;;;;;;;"}
+{"version":3,"file":"Typography.cjs","sources":["../../../src/typography/Typography.tsx"],"sourcesContent":["import type { ElementType, HTMLAttributes } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './Typography.module.css'\n\nexport type TypographyVariant =\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'richInput'\n  | 'bodyLarge'\n  | 'body'\n  | 'description'\n  | 'groupName'\n\n// Weight only applies to bodyLarge/body/description; headings are single-weight by design.\nexport type TypographyWeight = 'regular' | 'semibold'\n\nexport type TypographyDataTestId = {\n  root?: string\n}\n\nexport type TypographyProps = HTMLAttributes<HTMLElement> & {\n  variant: TypographyVariant\n  weight?: TypographyWeight\n  as?: ElementType\n  dataTestId?: TypographyDataTestId\n}\n\nconst variantTag: Record<TypographyVariant, ElementType> = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  richInput: 'p',\n  bodyLarge: 'p',\n  body: 'p',\n  description: 'p',\n  groupName: 'p',\n}\n\nconst isBodyVariant = (variant: TypographyVariant): boolean =>\n  variant === 'bodyLarge' || variant === 'body' || variant === 'description'\n\nexport const Typography = ({\n  variant,\n  weight,\n  as,\n  className,\n  children,\n  dataTestId,\n  ...rest\n}: TypographyProps) => {\n  const Component = as ?? variantTag[variant]\n\n  return (\n    <Component\n      className={cn(\n        styles.root,\n        styles[variant],\n        weight === 'semibold' && isBodyVariant(variant) && styles.semibold,\n        className,\n      )}\n      data-testid={dataTestId?.root}\n      {...rest}\n    >\n      {children}\n    </Component>\n  )\n}\n\ntype ShorthandProps = Omit<TypographyProps, 'variant'>\n\nexport const H1 = (props: ShorthandProps) => (\n  <Typography {...props} variant='h1' />\n)\n\nexport const H2 = (props: ShorthandProps) => (\n  <Typography {...props} variant='h2' />\n)\n\nexport const H3 = (props: ShorthandProps) => (\n  <Typography {...props} variant='h3' />\n)\n\nexport const BodyLarge = (props: ShorthandProps) => (\n  <Typography {...props} variant='bodyLarge' />\n)\n\nexport const Body = (props: ShorthandProps) => (\n  <Typography {...props} variant='body' />\n)\n\nexport const Description = (props: ShorthandProps) => (\n  <Typography {...props} variant='description' />\n)\n\nexport const GroupName = (props: ShorthandProps) => (\n  <Typography {...props} variant='groupName' />\n)\n"],"names":["variantTag","h1","h2","h3","richInput","bodyLarge","body","description","groupName","isBodyVariant","variant","Typography","_ref","weight","as","className","children","dataTestId","rest","Component","_jsx","cn","styles","root","semibold","H1","props","H2","H3","BodyLarge","Body","Description","GroupName"],"mappings":";;;;;;;;AA8BA,MAAMA,UAAkD,GAAG;AACzDC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,SAAS,EAAE,GAAG;AACdC,EAAAA,SAAS,EAAE,GAAG;AACdC,EAAAA,IAAI,EAAE,GAAG;AACTC,EAAAA,WAAW,EAAE,GAAG;AAChBC,EAAAA,SAAS,EAAE,GAAA;AACb,CAAC,CAAA;AAED,MAAMC,aAAa,GAAIC,OAA0B,IAC/CA,OAAO,KAAK,WAAW,IAAIA,OAAO,KAAK,MAAM,IAAIA,OAAO,KAAK,aAAa,CAAA;AAE/DC,MAAAA,UAAU,GAAGC,IAAA,IAQH;EAAA,IARI;IACzBF,OAAO;IACPG,MAAM;IACNC,EAAE;IACFC,SAAS;IACTC,QAAQ;IACRC,UAAU;IACV,GAAGC,IAAAA;AACY,GAAC,GAAAN,IAAA,CAAA;AAChB,EAAA,MAAMO,SAAS,GAAGL,EAAE,IAAId,UAAU,CAACU,OAAO,CAAC,CAAA;EAE3C,oBACEU,cAAA,CAACD,SAAS,EAAA;IACRJ,SAAS,EAAEM,EAAE,CACXC,iBAAM,CAACC,IAAI,EACXD,iBAAM,CAACZ,OAAO,CAAC,EACfG,MAAM,KAAK,UAAU,IAAIJ,aAAa,CAACC,OAAO,CAAC,IAAIY,iBAAM,CAACE,QAAQ,EAClET,SACF,CAAE;IACF,aAAaE,EAAAA,UAAU,EAAEM,IAAK;AAAA,IAAA,GAC1BL,IAAI;AAAAF,IAAAA,QAAA,EAEPA,QAAAA;AAAQ,GACA,CAAC,CAAA;AAEhB,EAAC;MAIYS,EAAE,GAAIC,KAAqB,iBACtCN,cAAA,CAACT,UAAU,EAAA;AAAA,EAAA,GAAKe,KAAK;AAAEhB,EAAAA,OAAO,EAAC,IAAA;AAAI,CAAE,EACtC;MAEYiB,EAAE,GAAID,KAAqB,iBACtCN,cAAA,CAACT,UAAU,EAAA;AAAA,EAAA,GAAKe,KAAK;AAAEhB,EAAAA,OAAO,EAAC,IAAA;AAAI,CAAE,EACtC;MAEYkB,EAAE,GAAIF,KAAqB,iBACtCN,cAAA,CAACT,UAAU,EAAA;AAAA,EAAA,GAAKe,KAAK;AAAEhB,EAAAA,OAAO,EAAC,IAAA;AAAI,CAAE,EACtC;MAEYmB,SAAS,GAAIH,KAAqB,iBAC7CN,cAAA,CAACT,UAAU,EAAA;AAAA,EAAA,GAAKe,KAAK;AAAEhB,EAAAA,OAAO,EAAC,WAAA;AAAW,CAAE,EAC7C;MAEYoB,IAAI,GAAIJ,KAAqB,iBACxCN,cAAA,CAACT,UAAU,EAAA;AAAA,EAAA,GAAKe,KAAK;AAAEhB,EAAAA,OAAO,EAAC,MAAA;AAAM,CAAE,EACxC;MAEYqB,WAAW,GAAIL,KAAqB,iBAC/CN,cAAA,CAACT,UAAU,EAAA;AAAA,EAAA,GAAKe,KAAK;AAAEhB,EAAAA,OAAO,EAAC,aAAA;AAAa,CAAE,EAC/C;MAEYsB,SAAS,GAAIN,KAAqB,iBAC7CN,cAAA,CAACT,UAAU,EAAA;AAAA,EAAA,GAAKe,KAAK;AAAEhB,EAAAA,OAAO,EAAC,WAAA;AAAW,CAAE;;;;;;;;;;;"}

package/dist/esm/accordion/Accordion.mjs

@@ -14,6 +14,7 @@ const Accordion = _ref => {
     onExpandedChange,
     children,
     className,
+    dataTestId,
     ...rest
   } = _ref;
   const [uncontrolledExpanded, setUncontrolledExpanded] = useState(defaultExpanded);
@@ -28,6 +29,7 @@ const Accordion = _ref => {
     className: cn(styles.accordion, className, {
       [styles.borderless]: !border
     }),
+    "data-testid": dataTestId?.root,
     ...rest,
     children: [/*#__PURE__*/jsxs("button", {
       type: "button",
@@ -35,8 +37,10 @@ const Accordion = _ref => {
       "aria-expanded": isExpanded,
       "aria-controls": contentId,
       onClick: handleToggle,
+      "data-testid": dataTestId?.header,
       children: [/*#__PURE__*/jsx("span", {
         className: styles.title,
+        "data-testid": dataTestId?.title,
         children: title
       }), /*#__PURE__*/jsx("span", {
         className: styles.chevron,
@@ -52,6 +56,7 @@ const Accordion = _ref => {
         className: styles.content,
         children: /*#__PURE__*/jsx("div", {
           className: styles.contentInner,
+          "data-testid": dataTestId?.content,
           children: children
         })
       })

package/dist/esm/accordion/Accordion.mjs.map

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

package/dist/esm/badge/Badge.mjs

@@ -7,14 +7,17 @@ const Badge = _ref => {
     icon,
     className,
     children,
+    dataTestId,
     ...rest
   } = _ref;
   return /*#__PURE__*/jsxs("span", {
     className: cn(styles.badge, className),
+    "data-testid": dataTestId?.root,
     ...rest,
     children: [icon && /*#__PURE__*/jsx("span", {
       className: styles.icon,
       "aria-hidden": "true",
+      "data-testid": dataTestId?.icon,
       children: icon
     }), children]
   });

package/dist/esm/badge/Badge.mjs.map

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

package/dist/esm/banner/Banner.mjs

@@ -9,28 +9,34 @@ const Banner = _ref => {
     description,
     action,
     className,
+    dataTestId,
     ...rest
   } = _ref;
   return /*#__PURE__*/jsxs("div", {
     className: cn(styles.banner, className),
+    "data-testid": dataTestId?.root,
     ...rest,
     children: [/*#__PURE__*/jsxs("div", {
       className: styles.content,
       children: [icon ? /*#__PURE__*/jsx("span", {
         className: styles.icon,
+        "data-testid": dataTestId?.icon,
         children: icon
       }) : null, /*#__PURE__*/jsxs("div", {
         className: styles.text,
         children: [/*#__PURE__*/jsx("p", {
           className: styles.title,
+          "data-testid": dataTestId?.title,
           children: title
         }), description ? /*#__PURE__*/jsx("p", {
           className: styles.description,
+          "data-testid": dataTestId?.description,
           children: description
         }) : null]
       })]
     }), action ? /*#__PURE__*/jsx("div", {
       className: styles.action,
+      "data-testid": dataTestId?.action,
       children: action
     }) : null]
   });

package/dist/esm/banner/Banner.mjs.map

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

package/dist/esm/button/Button.mjs

@@ -14,6 +14,7 @@ const Button = _ref => {
     disabled = false,
     iconLeft,
     iconRight,
+    dataTestId,
     ...rest
   } = _ref;
   return /*#__PURE__*/jsxs("button", {
@@ -21,6 +22,7 @@ const Button = _ref => {
     disabled: disabled || loading,
     "aria-busy": loading || undefined,
     className: cn(styles.button, styles[variant], styles[size], loading && styles.loading, className),
+    "data-testid": dataTestId?.root,
     ...rest,
     children: [loading ? /*#__PURE__*/jsx(IconLoaderCircle, {
       className: styles.spinner,
@@ -28,13 +30,16 @@ const Button = _ref => {
     }) : iconLeft != null && /*#__PURE__*/jsx("span", {
       className: styles.icon,
       "aria-hidden": "true",
+      "data-testid": dataTestId?.iconLeft,
       children: iconLeft
     }), /*#__PURE__*/jsx("span", {
       className: styles.content,
+      "data-testid": dataTestId?.content,
       children: children
     }), !loading && iconRight != null ? /*#__PURE__*/jsx("span", {
       className: styles.icon,
       "aria-hidden": "true",
+      "data-testid": dataTestId?.iconRight,
       children: iconRight
     }) : null]
   });

package/dist/esm/button/Button.mjs.map

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

package/dist/esm/card/Card.mjs

@@ -6,10 +6,12 @@ const Card = _ref => {
   let {
     className,
     children,
+    dataTestId,
     ...rest
   } = _ref;
   return /*#__PURE__*/jsx("div", {
     className: cn(styles.card, className),
+    "data-testid": dataTestId?.root,
     ...rest,
     children: children
   });

package/dist/esm/card/Card.mjs.map

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