npm - @lidofinance/lido-app-ui - Versions diffs - 1.3.0 → 1.5.0 - Mend

@lidofinance/lido-app-ui 1.3.0 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (784) hide show

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

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require$$0 = require('react');
+const react = require('react');
 const useOutsideClick = require('../hooks/useOutsideClick.cjs');
 const cn = require('classnames');
 const TokenSelector_module = require('./TokenSelector.module.css.cjs');
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const IconChevronUp = require('../icons/components/base/IconChevronUp.cjs');
 const IconChevronDown = require('../icons/components/base/IconChevronDown.cjs');
 const IconCheck = require('../icons/components/base/IconCheck.cjs');
@@ -21,12 +21,12 @@ const TokenSelector = _ref => {
     placeholder = 'Select',
     className
   } = _ref;
-  const [open, setOpen] = require$$0.useState(false);
-  const rootRef = require$$0.useRef(null);
-  const triggerRef = require$$0.useRef(null);
-  const handleClose = require$$0.useCallback(() => setOpen(false), []);
+  const [open, setOpen] = react.useState(false);
+  const rootRef = react.useRef(null);
+  const triggerRef = react.useRef(null);
+  const handleClose = react.useCallback(() => setOpen(false), []);
   useOutsideClick.useOutsideClick(rootRef, handleClose, open);
-  require$$0.useEffect(() => {
+  react.useEffect(() => {
     if (!open) return;
     const handleDocumentKeyDown = event => {
       if (event.key !== 'Escape') return;
@@ -38,15 +38,15 @@ const TokenSelector = _ref => {
   }, [open]);
   const selectedOption = options.find(option => option.value === value);
   if (single) {
-    return /*#__PURE__*/require$$2.jsxs("span", {
+    return /*#__PURE__*/jsxRuntime.jsxs("span", {
       className: cn(TokenSelector_module.single, TokenSelector_module[size], className),
-      children: [selectedOption?.icon ? /*#__PURE__*/require$$2.jsx("span", {
+      children: [selectedOption?.icon ? /*#__PURE__*/jsxRuntime.jsx("span", {
         className: TokenSelector_module.icon,
         children: selectedOption.icon
-      }) : null, /*#__PURE__*/require$$2.jsx("span", {
+      }) : null, /*#__PURE__*/jsxRuntime.jsx("span", {
         className: TokenSelector_module.label,
         children: selectedOption?.label
-      }), size === 'default' && selectedOption?.secondaryLabel != null ? /*#__PURE__*/require$$2.jsx("span", {
+      }), size === 'default' && selectedOption?.secondaryLabel != null ? /*#__PURE__*/jsxRuntime.jsx("span", {
         className: TokenSelector_module.secondaryLabel,
         children: selectedOption.secondaryLabel
       }) : null]
@@ -59,74 +59,74 @@ const TokenSelector = _ref => {
     setOpen(false);
     triggerRef.current?.focus();
   };
-  return /*#__PURE__*/require$$2.jsxs("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     ref: rootRef,
     className: cn(TokenSelector_module.root, className),
-    children: [/*#__PURE__*/require$$2.jsxs("button", {
+    children: [/*#__PURE__*/jsxRuntime.jsxs("button", {
       ref: triggerRef,
       type: "button",
       "aria-haspopup": "listbox",
       "aria-expanded": open,
       className: cn(TokenSelector_module.trigger, TokenSelector_module[size], open && TokenSelector_module.open),
       onClick: handleTriggerClick,
-      children: [/*#__PURE__*/require$$2.jsx("span", {
+      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
         className: TokenSelector_module.content,
-        children: selectedOption ? /*#__PURE__*/require$$2.jsxs(require$$2.Fragment, {
-          children: [selectedOption.icon ? /*#__PURE__*/require$$2.jsx("span", {
+        children: selectedOption ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [selectedOption.icon ? /*#__PURE__*/jsxRuntime.jsx("span", {
             className: TokenSelector_module.icon,
             children: selectedOption.icon
-          }) : null, /*#__PURE__*/require$$2.jsx("span", {
+          }) : null, /*#__PURE__*/jsxRuntime.jsx("span", {
             className: TokenSelector_module.label,
             children: selectedOption.label
-          }), size === 'default' && selectedOption.secondaryLabel != null ? /*#__PURE__*/require$$2.jsx("span", {
+          }), size === 'default' && selectedOption.secondaryLabel != null ? /*#__PURE__*/jsxRuntime.jsx("span", {
             className: TokenSelector_module.secondaryLabel,
             children: selectedOption.secondaryLabel
           }) : null]
-        }) : /*#__PURE__*/require$$2.jsx("span", {
+        }) : /*#__PURE__*/jsxRuntime.jsx("span", {
           className: TokenSelector_module.placeholder,
           children: placeholder
         })
-      }), /*#__PURE__*/require$$2.jsx("span", {
+      }), /*#__PURE__*/jsxRuntime.jsx("span", {
         className: TokenSelector_module.chevron,
         "aria-hidden": "true",
-        children: open ? /*#__PURE__*/require$$2.jsx(IconChevronUp.IconChevronUp, {}) : /*#__PURE__*/require$$2.jsx(IconChevronDown.IconChevronDown, {})
+        children: open ? /*#__PURE__*/jsxRuntime.jsx(IconChevronUp.IconChevronUp, {}) : /*#__PURE__*/jsxRuntime.jsx(IconChevronDown.IconChevronDown, {})
       })]
-    }), open ? /*#__PURE__*/require$$2.jsx("div", {
+    }), open ? /*#__PURE__*/jsxRuntime.jsx("div", {
       role: "listbox",
       className: TokenSelector_module.panel,
-      children: /*#__PURE__*/require$$2.jsx("div", {
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
         className: TokenSelector_module.list,
         children: options.map(option => {
           const selected = option.value === value;
-          return /*#__PURE__*/require$$2.jsxs("button", {
+          return /*#__PURE__*/jsxRuntime.jsxs("button", {
             type: "button",
             role: "option",
             "aria-selected": selected,
             disabled: option.disabled,
             className: cn(TokenSelector_module.option, TokenSelector_module[size], selected && TokenSelector_module.selected),
             onClick: () => handleOptionClick(option),
-            children: [option.icon ? /*#__PURE__*/require$$2.jsx("span", {
+            children: [option.icon ? /*#__PURE__*/jsxRuntime.jsx("span", {
               className: TokenSelector_module.icon,
               children: option.icon
-            }) : null, /*#__PURE__*/require$$2.jsxs("span", {
+            }) : null, /*#__PURE__*/jsxRuntime.jsxs("span", {
               className: TokenSelector_module.optionContent,
-              children: [/*#__PURE__*/require$$2.jsxs("span", {
+              children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
                 className: TokenSelector_module.optionRow,
-                children: [/*#__PURE__*/require$$2.jsx("span", {
+                children: [/*#__PURE__*/jsxRuntime.jsx("span", {
                   className: TokenSelector_module.label,
                   children: option.label
-                }), size === 'default' && option.secondaryLabel != null ? /*#__PURE__*/require$$2.jsx("span", {
+                }), size === 'default' && option.secondaryLabel != null ? /*#__PURE__*/jsxRuntime.jsx("span", {
                   className: TokenSelector_module.secondaryLabel,
                   children: option.secondaryLabel
                 }) : null]
-              }), size === 'default' && option.description != null ? /*#__PURE__*/require$$2.jsx("span", {
+              }), size === 'default' && option.description != null ? /*#__PURE__*/jsxRuntime.jsx("span", {
                 className: TokenSelector_module.description,
                 children: option.description
               }) : null]
-            }), size === 'default' && selected ? /*#__PURE__*/require$$2.jsx("span", {
+            }), size === 'default' && selected ? /*#__PURE__*/jsxRuntime.jsx("span", {
               className: TokenSelector_module.indicator,
               "aria-hidden": "true",
-              children: /*#__PURE__*/require$$2.jsx(IconCheck.IconCheck, {
+              children: /*#__PURE__*/jsxRuntime.jsx(IconCheck.IconCheck, {
                 className: TokenSelector_module.checkmark
               })
             }) : null]

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

	@@ -1 +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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"}
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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"}

package/dist/cjs/tooltip/Tooltip.cjs CHANGED Viewed

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require$$0 = require('react');
+const react = require('react');
 const reactDom = require('react-dom');
 const cn = require('classnames');
 const Tooltip_module = require('./Tooltip.module.css.cjs');
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 // Minimal distance between the tooltip and the viewport edge.
 const VIEWPORT_MARGIN = 16;
@@ -85,10 +85,10 @@ const Tooltip = _ref => {
     onFocus,
     ...rest
   } = _ref;
-  const rootRef = require$$0.useRef(null);
-  const contentRef = require$$0.useRef(null);
-  const [adjustment, setAdjustment] = require$$0.useState(null);
-  const updatePosition = require$$0.useCallback(() => {
+  const rootRef = react.useRef(null);
+  const contentRef = react.useRef(null);
+  const [adjustment, setAdjustment] = react.useState(null);
+  const updatePosition = react.useCallback(() => {
     const root = rootRef.current;
     const contentEl = contentRef.current;
     if (!root || !contentEl) return;
@@ -99,10 +99,10 @@ const Tooltip = _ref => {
       setAdjustment(getAdjustment(position, root.getBoundingClientRect(), contentEl.getBoundingClientRect()));
     });
   }, [position]);
-  require$$0.useEffect(() => {
+  react.useEffect(() => {
     setAdjustment(null);
   }, [position]);
-  require$$0.useEffect(() => {
+  react.useEffect(() => {
     const handleResize = () => {
       if (rootRef.current?.matches(':hover')) updatePosition();
     };
@@ -118,13 +118,13 @@ const Tooltip = _ref => {
     onFocus?.(event);
   };
   const effectivePosition = adjustment?.position ?? position;
-  return /*#__PURE__*/require$$2.jsxs("span", {
+  return /*#__PURE__*/jsxRuntime.jsxs("span", {
     ref: rootRef,
     className: cn(Tooltip_module.wrapper, className),
     onMouseEnter: handleMouseEnter,
     onFocus: handleFocus,
     ...rest,
-    children: [children, /*#__PURE__*/require$$2.jsx("span", {
+    children: [children, /*#__PURE__*/jsxRuntime.jsx("span", {
       ref: contentRef,
       className: cn(Tooltip_module.content, Tooltip_module[`position-${effectivePosition}`]),
       style: {

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

	@@ -1 +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":";;;;;;;;;;AAiCA;AACA,MAAMA,eAAe,GAAG,EAAE,CAAA;AAC1B;AACA,MAAMC,YAAY,GAAG,EAAE,CAAA;AAQvB,MAAMC,UAAU,GAAGA,CAACC,KAAa,EAAEC,GAAW,EAAEC,GAAW,KACzDC,IAAI,CAACF,GAAG,CAACE,IAAI,CAACD,GAAG,CAACF,KAAK,EAAEC,GAAG,CAAC,EAAEE,IAAI,CAACD,GAAG,CAACA,GAAG,EAAED,GAAG,CAAC,CAAC,CAAA;AAEpD,MAAMG,WAAW,GAAIC,KAAa,IAChC,CAAA,IAAA,EAAOA,KAAK,CAAoBR,iBAAAA,EAAAA,eAAe,GAAG,CAAC,CAAM,IAAA,CAAA,CAAA;;AAE3D;AACA;AACA;AACA,MAAMS,aAAa,GAAGA,CACpBC,QAAyB,EACzBC,MAAe,EACfC,OAAgB,KACM;AACtB,EAAA,MAAMC,aAAa,GAAGC,QAAQ,CAACC,eAAe,CAACC,WAAW,CAAA;AAC1D,EAAA,MAAMC,cAAc,GAAGH,QAAQ,CAACC,eAAe,CAACG,YAAY,CAAA;AAE5D,EAAA,MAAMC,QAAQ,GAAGR,MAAM,CAACS,GAAG,GAAGpB,eAAe,CAAA;EAC7C,MAAMqB,WAAW,GAAGJ,cAAc,GAAGN,MAAM,CAACW,MAAM,GAAGtB,eAAe,CAAA;AACpE,EAAA,MAAMuB,SAAS,GAAGZ,MAAM,CAACa,IAAI,GAAGxB,eAAe,CAAA;EAC/C,MAAMyB,UAAU,GAAGZ,aAAa,GAAGF,MAAM,CAACe,KAAK,GAAG1B,eAAe,CAAA;EAEjE,IAAI,CAAC2B,IAAI,EAAEC,MAAM,CAAC,GAAGlB,QAAQ,CAACmB,KAAK,CAAC,GAAG,CAAC,CAAA;AACxC,EAAA,MAAMC,GAAG,GAAGF,MAAM,GAAG,CAAC,GAAG3B,YAAY,CAAA;;AAErC;AACA;AACA,EAAA,IAAI0B,IAAI,KAAK,MAAM,IAAIA,IAAI,KAAK,OAAO,EAAE;AACvC,IAAA,MAAMI,MAAM,GAAGnB,OAAO,CAACJ,KAAK,GAAGsB,GAAG,CAAA;AAClC,IAAA,IAAIC,MAAM,GAAGR,SAAS,IAAIQ,MAAM,GAAGN,UAAU,EAAE;AAC7CE,MAAAA,IAAI,GAAGN,WAAW,IAAIF,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAA;KAClD,MAAM,IAAIQ,IAAI,KAAK,OAAO,IAAII,MAAM,GAAGN,UAAU,EAAE;AAClDE,MAAAA,IAAI,GAAG,MAAM,CAAA;KACd,MAAM,IAAIA,IAAI,KAAK,MAAM,IAAII,MAAM,GAAGR,SAAS,EAAE;AAChDI,MAAAA,IAAI,GAAG,OAAO,CAAA;AAChB,KAAA;AACF,GAAA;;AAEA;AACA,EAAA,IAAIA,IAAI,KAAK,KAAK,IAAIA,IAAI,KAAK,QAAQ,EAAE;IACvC,MAAMK,KAAK,GAAGL,IAAI,KAAK,KAAK,GAAGR,QAAQ,GAAGE,WAAW,CAAA;IACrD,MAAMY,QAAQ,GAAGN,IAAI,KAAK,KAAK,GAAGN,WAAW,GAAGF,QAAQ,CAAA;IACxD,IAAIP,OAAO,CAACsB,MAAM,GAAGJ,GAAG,GAAGE,KAAK,IAAIC,QAAQ,GAAGD,KAAK,EAAE;AACpDL,MAAAA,IAAI,GAAGA,IAAI,KAAK,KAAK,GAAG,QAAQ,GAAG,KAAK,CAAA;AAC1C,KAAA;AACF,GAAA;;AAEA;AACA;AACA,EAAA,IAAIC,MAAM,EAAE;IACV,MAAMI,KAAK,GAAGJ,MAAM,KAAK,MAAM,GAAGL,SAAS,GAAGE,UAAU,CAAA;IACxD,MAAMQ,QAAQ,GAAGL,MAAM,KAAK,MAAM,GAAGH,UAAU,GAAGF,SAAS,CAAA;IAC3D,IAAIX,OAAO,CAACJ,KAAK,GAAGwB,KAAK,IAAIC,QAAQ,GAAGD,KAAK,EAAE;AAC7CJ,MAAAA,MAAM,GAAGA,MAAM,KAAK,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;AAC/C,KAAA;AACF,GAAA;EAEA,IAAIO,MAAM,GAAG,CAAC,CAAA;EACd,IAAIC,MAAM,GAAG,CAAC,CAAA;AACd,EAAA,IAAIT,IAAI,KAAK,MAAM,IAAIA,IAAI,KAAK,OAAO,EAAE;AACvC,IAAA,MAAMU,QAAQ,GAAG1B,MAAM,CAACS,GAAG,GAAGT,MAAM,CAACuB,MAAM,GAAG,CAAC,GAAGtB,OAAO,CAACsB,MAAM,GAAG,CAAC,CAAA;AACpEE,IAAAA,MAAM,GACJlC,UAAU,CACRmC,QAAQ,EACRrC,eAAe,EACfiB,cAAc,GAAGjB,eAAe,GAAGY,OAAO,CAACsB,MAC7C,CAAC,GAAGG,QAAQ,CAAA;AAChB,GAAC,MAAM;AACL,IAAA,MAAMC,SAAS,GAAG,CAACV,MAAM,GACrBjB,MAAM,CAACa,IAAI,GAAGb,MAAM,CAACH,KAAK,GAAG,CAAC,GAAGI,OAAO,CAACJ,KAAK,GAAG,CAAC,GAClDoB,MAAM,KAAK,MAAM,GACfjB,MAAM,CAACa,IAAI,GAAGZ,OAAO,CAACJ,KAAK,GAC3BG,MAAM,CAACe,KAAK,CAAA;AAClBS,IAAAA,MAAM,GACJjC,UAAU,CACRoC,SAAS,EACTtC,eAAe,EACfa,aAAa,GAAGb,eAAe,GAAGY,OAAO,CAACJ,KAC5C,CAAC,GAAG8B,SAAS,CAAA;AACjB,GAAA;EAEA,OAAO;IACL5B,QAAQ,EAAGkB,MAAM,GAAG,CAAA,EAAGD,IAAI,CAAIC,CAAAA,EAAAA,MAAM,CAAE,CAAA,GAAGD,IAAwB;IAClEQ,MAAM;AACNC,IAAAA,MAAAA;GACD,CAAA;AACH,CAAC,CAAA;AAEYG,MAAAA,OAAO,GAAGC,IAAA,IASH;EAAA,IATI;IACtB5B,OAAO;AACPF,IAAAA,QAAQ,GAAG,KAAK;AAChBF,IAAAA,KAAK,GAAG,GAAG;IACXiC,SAAS;IACTC,QAAQ;IACRC,YAAY;IACZC,OAAO;IACP,GAAGC,IAAAA;AACS,GAAC,GAAAL,IAAA,CAAA;AACb,EAAA,MAAMM,OAAO,GAAGC,iBAAM,CAAkB,IAAI,CAAC,CAAA;AAC7C,EAAA,MAAMC,UAAU,GAAGD,iBAAM,CAAkB,IAAI,CAAC,CAAA;EAChD,MAAM,CAACE,UAAU,EAAEC,aAAa,CAAC,GAAGC,mBAAQ,CAA2B,IAAI,CAAC,CAAA;AAE5E,EAAA,MAAMC,cAAc,GAAGC,sBAAW,CAAC,MAAM;AACvC,IAAA,MAAMC,IAAI,GAAGR,OAAO,CAACS,OAAO,CAAA;AAC5B,IAAA,MAAMC,SAAS,GAAGR,UAAU,CAACO,OAAO,CAAA;AACpC,IAAA,IAAI,CAACD,IAAI,IAAI,CAACE,SAAS,EAAE,OAAA;;AAEzB;AACA;AACAC,IAAAA,kBAAS,CAAC,MAAM;AACdP,MAAAA,aAAa,CACXzC,aAAa,CACXC,QAAQ,EACR4C,IAAI,CAACI,qBAAqB,EAAE,EAC5BF,SAAS,CAACE,qBAAqB,EACjC,CACF,CAAC,CAAA;AACH,KAAC,CAAC,CAAA;AACJ,GAAC,EAAE,CAAChD,QAAQ,CAAC,CAAC,CAAA;AAEdiD,EAAAA,oBAAS,CAAC,MAAM;IACdT,aAAa,CAAC,IAAI,CAAC,CAAA;AACrB,GAAC,EAAE,CAACxC,QAAQ,CAAC,CAAC,CAAA;AAEdiD,EAAAA,oBAAS,CAAC,MAAM;IACd,MAAMC,YAAY,GAAGA,MAAM;MACzB,IAAId,OAAO,CAACS,OAAO,EAAEM,OAAO,CAAC,QAAQ,CAAC,EAAET,cAAc,EAAE,CAAA;KACzD,CAAA;AAEDU,IAAAA,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEH,YAAY,CAAC,CAAA;IAC/C,OAAO,MAAME,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEJ,YAAY,CAAC,CAAA;AACjE,GAAC,EAAE,CAACR,cAAc,CAAC,CAAC,CAAA;EAEpB,MAAMa,gBAAgB,GAAIC,KAAkC,IAAK;AAC/Dd,IAAAA,cAAc,EAAE,CAAA;IAChBT,YAAY,GAAGuB,KAAK,CAAC,CAAA;GACtB,CAAA;EAED,MAAMC,WAAW,GAAID,KAAkC,IAAK;AAC1Dd,IAAAA,cAAc,EAAE,CAAA;IAChBR,OAAO,GAAGsB,KAAK,CAAC,CAAA;GACjB,CAAA;AAED,EAAA,MAAME,iBAAiB,GAAGnB,UAAU,EAAEvC,QAAQ,IAAIA,QAAQ,CAAA;AAE1D,EAAA,oBACE2D,eAAA,CAAA,MAAA,EAAA;AACEC,IAAAA,GAAG,EAAExB,OAAQ;IACbL,SAAS,EAAE8B,EAAE,CAACC,cAAM,CAACC,OAAO,EAAEhC,SAAS,CAAE;AACzCE,IAAAA,YAAY,EAAEsB,gBAAiB;AAC/BrB,IAAAA,OAAO,EAAEuB,WAAY;AAAA,IAAA,GACjBtB,IAAI;IAAAH,QAAA,EAAA,CAEPA,QAAQ,eACTgC,cAAA,CAAA,MAAA,EAAA;AACEJ,MAAAA,GAAG,EAAEtB,UAAW;AAChBP,MAAAA,SAAS,EAAE8B,EAAE,CAACC,cAAM,CAAC5D,OAAO,EAAE4D,cAAM,CAAC,CAAA,SAAA,EAAYJ,iBAAiB,CAAA,CAAE,CAAC,CAAE;AACvEO,MAAAA,KAAK,EACH;AACE,QAAA,uBAAuB,EAAEpE,WAAW,CAACC,KAAK,CAAC;AAC3C,QAAA,yBAAyB,EAAE,CAAGyC,EAAAA,UAAU,EAAEd,MAAM,IAAI,CAAC,CAAI,EAAA,CAAA;AACzD,QAAA,yBAAyB,EAAE,CAAGc,EAAAA,UAAU,EAAEb,MAAM,IAAI,CAAC,CAAA,EAAA,CAAA;OAExD;AACDwC,MAAAA,IAAI,EAAC,SAAS;AAAAlC,MAAAA,QAAA,EAEb9B,OAAAA;AAAO,KACJ,CAAC,CAAA;AAAA,GACH,CAAC,CAAA;AAEX,EAAC;AAED2B,OAAO,CAACsC,WAAW,GAAG,SAAS;;;;"}
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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"}

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

@@ -4,24 +4,31 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const cn = require('classnames');
 const TxStatus_module = require('./TxStatus.module.css.cjs');
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const IconSpinner = require('../icons/components/base/IconSpinner.cjs');
+const IconExclamation = require('../icons/components/base/IconExclamation.cjs');
 const IconCheck = require('../icons/components/base/IconCheck.cjs');
 const IconCross = require('../icons/components/base/IconCross.cjs');
 const graphicByStatus = {
-  loading: /*#__PURE__*/require$$2.jsx(IconSpinner.IconSpinner, {
+  loading: /*#__PURE__*/jsxRuntime.jsx(IconSpinner.IconSpinner, {
     className: TxStatus_module.spinner
   }),
-  success: /*#__PURE__*/require$$2.jsx("span", {
+  success: /*#__PURE__*/jsxRuntime.jsx("span", {
     className: cn(TxStatus_module.circle, TxStatus_module.circleSuccess),
-    children: /*#__PURE__*/require$$2.jsx(IconCheck.IconCheck, {
+    children: /*#__PURE__*/jsxRuntime.jsx(IconCheck.IconCheck, {
       className: TxStatus_module.circleIcon
     })
   }),
-  error: /*#__PURE__*/require$$2.jsx("span", {
+  error: /*#__PURE__*/jsxRuntime.jsx("span", {
     className: cn(TxStatus_module.circle, TxStatus_module.circleError),
-    children: /*#__PURE__*/require$$2.jsx(IconCross.IconCross, {
+    children: /*#__PURE__*/jsxRuntime.jsx(IconCross.IconCross, {
+      className: TxStatus_module.circleIcon
+    })
+  }),
+  warning: /*#__PURE__*/jsxRuntime.jsx("span", {
+    className: cn(TxStatus_module.circle, TxStatus_module.circleWarning),
+    children: /*#__PURE__*/jsxRuntime.jsx(IconExclamation.IconExclamation, {
       className: TxStatus_module.circleIcon
     })
   })
@@ -35,30 +42,27 @@ const TxStatus = _ref => {
     footer,
     className
   } = _ref;
-  return /*#__PURE__*/require$$2.jsxs("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: cn(TxStatus_module.root, className),
-    children: [/*#__PURE__*/require$$2.jsxs("div", {
-      className: TxStatus_module.statusBlock,
-      children: [/*#__PURE__*/require$$2.jsxs("div", {
-        className: TxStatus_module.graphicGroup,
-        children: [/*#__PURE__*/require$$2.jsx("span", {
-          className: TxStatus_module.graphic,
-          children: graphicByStatus[status]
-        }), /*#__PURE__*/require$$2.jsxs("div", {
-          className: TxStatus_module.textGroup,
-          children: [/*#__PURE__*/require$$2.jsx("span", {
-            className: TxStatus_module.title,
-            children: title
-          }), amount ? /*#__PURE__*/require$$2.jsx("div", {
-            className: TxStatus_module.amount,
-            children: amount
-          }) : null]
-        })]
-      }), message ? /*#__PURE__*/require$$2.jsx("div", {
-        className: TxStatus_module.message,
-        children: message
-      }) : null]
-    }), footer ? /*#__PURE__*/require$$2.jsx("div", {
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: TxStatus_module.graphicGroup,
+      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+        className: TxStatus_module.graphic,
+        children: graphicByStatus[status]
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: TxStatus_module.textGroup,
+        children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+          className: TxStatus_module.title,
+          children: title
+        }), amount ? /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: TxStatus_module.amount,
+          children: amount
+        }) : null, message ? /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: TxStatus_module.message,
+          children: message
+        }) : null]
+      })]
+    }), footer ? /*#__PURE__*/jsxRuntime.jsx("div", {
       className: TxStatus_module.footer,
       children: footer
     }) : null]

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TxStatus.cjs","sources":["../../../src/tx-status/TxStatus.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nimport { IconCheck, IconCross, IconSpinner } from '../icons'\nimport cn from 'classnames'\n\nimport styles from './TxStatus.module.css'\n\nexport type TxStatusVariant = 'loading' \| 'success' \| 'error'\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}\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.~~statusBlock~~}>\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 ~~</div>\n </div>\n~~ {message ? <div className={styles.message}>{message}</div> : null}\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","TxStatus","_ref","status","title","amount","message","footer","_jsxs","root","~~statusBlock","~~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;~~GACtC~~,CAAA;AAEV,CAAC,CAAA;AAEM,~~MAAMI~~,QAAQ,GAAGC,IAAA,IAAA;EAAA,IAAC;IACvBC,MAAM;IACNC,KAAK;IACLC,MAAM;IACNC,OAAO;IACPC,MAAM;~~AACNnB~~,IAAAA,SAAAA;AACa,GAAC,~~GAAAc~~,IAAA,CAAA;AAAA,EAAA,oBACdM,eAAA,CAAA,KAAA,EAAA;~~IAAKpB~~,SAAS,EAAEI,EAAE,CAACH,eAAM,~~CAACoB~~,IAAI,~~EAAErB~~,SAAS,CAAE;AAAAO,IAAAA,QAAA,~~gBACzCa~~,eAAA,CAAA,KAAA,EAAA;~~MAAKpB~~,SAAS,EAAEC,eAAM,~~CAACqB~~,~~WAAY~~;~~AAAAf~~,MAAAA,QAAA,~~gBACjCa,eAAA,CAAA,KAAA,EAAA;QAAKpB,SAAS,EAAEC,eAAM,CAACsB,YAAa;AAAAhB,QAAAA,QAAA,~~gBAClCT,cAAA,CAAA,MAAA,EAAA;~~UAAME~~,SAAS,EAAEC,eAAM,~~CAACuB~~,OAAQ;~~UAAAjB~~,QAAA,EAAEX,eAAe,~~CAACmB~~,MAAM,CAAA;~~SAAQ~~,CAAC,eACjEK,eAAA,CAAA,KAAA,EAAA;~~UAAKpB~~,SAAS,EAAEC,eAAM,~~CAACwB~~,SAAU;~~AAAAlB~~,~~UAAAA~~,QAAA,gBAC/BT,cAAA,CAAA,MAAA,EAAA;~~YAAME~~,SAAS,EAAEC,eAAM,~~CAACe~~,KAAM;~~AAAAT~~,~~YAAAA~~,QAAA,~~EAAES~~,KAAAA;AAAK,~~WAAO~~,CAAC,EAC5CC,MAAM,~~gBAAGnB~~,cAAA,CAAA,KAAA,EAAA;~~YAAKE~~,SAAS,EAAEC,eAAM,~~CAACgB~~,MAAO;~~AAAAV~~,~~YAAAA~~,QAAA,~~EAAEU~~,MAAAA;~~WAAY~~,CAAC,GAAG,IAAI,~~CAAA;AAAA~~,~~SAC3D,CAAC,CAAA;AAAA,OACH,CAAC,EACLC,~~OAAO,~~gBAAGpB~~,cAAA,CAAA,KAAA,EAAA;~~QAAKE~~,SAAS,EAAEC,eAAM,~~CAACiB~~,OAAQ;~~AAAAX~~,~~QAAAA~~,QAAA,~~EAAEW~~,OAAAA;~~OAAa~~,CAAC,GAAG,IAAI,CAAA;AAAA,~~KAC9D~~,CAAC,EACLC,MAAM,~~gBAAGrB~~,cAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEC,eAAM,~~CAACkB~~,MAAO;~~AAAAZ~~,MAAAA,QAAA,~~EAAEY~~,MAAAA;KAAY,CAAC,GAAG,IAAI,CAAA;AAAA,GAC3D,CAAC,CAAA;AAAA;;;;"}
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;;;;"}

package/dist/cjs/tx-status/TxStatus.module.css.cjs CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-const styles = {"root":"TxStatus-module_root__Ei4-y","statusBlock":"TxStatus-module_statusBlock__uZCwq","graphicGroup":"TxStatus-module_graphicGroup__VBBP7","graphic":"TxStatus-module_graphic__-6MVT","spinner":"TxStatus-module_spinner__kZnfO","spin":"TxStatus-module_spin__--DsV","circle":"TxStatus-module_circle__2McU9","circleSuccess":"TxStatus-module_circleSuccess__ioyYt","circleError":"TxStatus-module_circleError__iZ-fn","circleIcon":"TxStatus-module_circleIcon__KQeiU","textGroup":"TxStatus-module_textGroup__Fbo3U","title":"TxStatus-module_title__LO53U","amount":"TxStatus-module_amount__UXqNu","message":"TxStatus-module_message__L5JLs","footer":"TxStatus-module_footer__sXCub"};
+const styles = {"root":"TxStatus-module_root__Ei4-y","graphicGroup":"TxStatus-module_graphicGroup__VBBP7","graphic":"TxStatus-module_graphic__-6MVT","spinner":"TxStatus-module_spinner__kZnfO","spin":"TxStatus-module_spin__--DsV","circle":"TxStatus-module_circle__2McU9","circleSuccess":"TxStatus-module_circleSuccess__ioyYt","circleError":"TxStatus-module_circleError__iZ-fn","circleWarning":"TxStatus-module_circleWarning__RRm-Y","circleIcon":"TxStatus-module_circleIcon__KQeiU","textGroup":"TxStatus-module_textGroup__Fbo3U","title":"TxStatus-module_title__LO53U","amount":"TxStatus-module_amount__UXqNu","message":"TxStatus-module_message__L5JLs","footer":"TxStatus-module_footer__sXCub"};
 module.exports = styles;
 //# sourceMappingURL=TxStatus.module.css.cjs.map

package/dist/cjs/typography/Typography.cjs CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const cn = require('classnames');
 const Typography_module = require('./Typography.module.css.cjs');
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const variantTag = {
   h1: 'h1',
@@ -27,37 +27,37 @@ const Typography = _ref => {
     ...rest
   } = _ref;
   const Component = as ?? variantTag[variant];
-  return /*#__PURE__*/require$$2.jsx(Component, {
+  return /*#__PURE__*/jsxRuntime.jsx(Component, {
     className: cn(Typography_module.root, Typography_module[variant], weight === 'semibold' && isBodyVariant(variant) && Typography_module.semibold, className),
     ...rest,
     children: children
   });
 };
-const H1 = props => /*#__PURE__*/require$$2.jsx(Typography, {
+const H1 = props => /*#__PURE__*/jsxRuntime.jsx(Typography, {
   ...props,
   variant: "h1"
 });
-const H2 = props => /*#__PURE__*/require$$2.jsx(Typography, {
+const H2 = props => /*#__PURE__*/jsxRuntime.jsx(Typography, {
   ...props,
   variant: "h2"
 });
-const H3 = props => /*#__PURE__*/require$$2.jsx(Typography, {
+const H3 = props => /*#__PURE__*/jsxRuntime.jsx(Typography, {
   ...props,
   variant: "h3"
 });
-const BodyLarge = props => /*#__PURE__*/require$$2.jsx(Typography, {
+const BodyLarge = props => /*#__PURE__*/jsxRuntime.jsx(Typography, {
   ...props,
   variant: "bodyLarge"
 });
-const Body = props => /*#__PURE__*/require$$2.jsx(Typography, {
+const Body = props => /*#__PURE__*/jsxRuntime.jsx(Typography, {
   ...props,
   variant: "body"
 });
-const Description = props => /*#__PURE__*/require$$2.jsx(Typography, {
+const Description = props => /*#__PURE__*/jsxRuntime.jsx(Typography, {
   ...props,
   variant: "description"
 });
-const GroupName = props => /*#__PURE__*/require$$2.jsx(Typography, {
+const GroupName = props => /*#__PURE__*/jsxRuntime.jsx(Typography, {
   ...props,
   variant: "groupName"
 });

package/dist/esm/icons/components/base/IconAdd.mjs CHANGED Viewed

@@ -15,8 +15,7 @@ const IconAdd = props => {
     ...props,
     children: /*#__PURE__*/jsx("path", {
       d: "M9.991 1.458c4.671 0 8.547 3.867 8.547 8.538 0 4.662-3.867 8.538-8.538 8.538-4.662 0-8.538-3.876-8.538-8.538 0-4.67 3.867-8.538 8.53-8.538zm-.718 3.745v4.146H5.119v1.3h4.154v4.154h1.3v-4.154h4.146v-1.3h-4.147V5.203h-1.3z",
-      fill: "currentColor",
-      fillOpacity: 0.7
+      fill: "currentColor"
     })
   });
 };

package/dist/esm/icons/components/base/IconAdd.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconAdd.mjs","sources":["../../../../../src/icons/components/base/IconAdd.tsx"],"sourcesContent":["// THIS FILE IS AUTO GENERATED\n\nimport React, { SVGProps } from 'react'\n\nexport const IconAdd = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg\n preserveAspectRatio='none'\n overflow='visible'\n width={20}\n height={20}\n viewBox='0 0 20 20'\n display='block'\n fill='none'\n {...props}\n >\n <path\n d='M9.991 1.458c4.671 0 8.547 3.867 8.547 8.538 0 4.662-3.867 8.538-8.538 8.538-4.662 0-8.538-3.876-8.538-8.538 0-4.67 3.867-8.538 8.53-8.538zm-.718 3.745v4.146H5.119v1.3h4.154v4.154h1.3v-4.154h4.146v-1.3h-4.147V5.203h-1.3z'\n fill='currentColor'\n ~~fillOpacity={0.7}\n~~ />\n </svg>\n )\n}\n"],"names":["IconAdd","props","_jsx","preserveAspectRatio","overflow","width","height","viewBox","display","fill","children","d"~~,"fillOpacity"~~],"mappings":";;;AAAA;;AAIaA,MAAAA,OAAO,GAAIC,KAA8B,IAAK;AACzD,EAAA,oBACEC,GAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,mBAAmB,EAAC,MAAM;AAC1BC,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,KAAK,EAAE,EAAG;AACVC,IAAAA,MAAM,EAAE,EAAG;AACXC,IAAAA,OAAO,EAAC,WAAW;AACnBC,IAAAA,OAAO,EAAC,OAAO;AACfC,IAAAA,IAAI,EAAC,MAAM;AAAA,IAAA,GACPR,KAAK;AAAAS,IAAAA,QAAA,eAETR,GAAA,CAAA,MAAA,EAAA;AACES,MAAAA,CAAC,EAAC,8NAA8N;AAChOF,MAAAA,IAAI,EAAC,~~cAAc~~;~~AACnBG~~,~~MAAAA,WAAW,EAAE,GAAA;KACd,~~CAAA;AAAC,GACC,CAAC,CAAA;AAEV;;;;"}
1	+ {"version":3,"file":"IconAdd.mjs","sources":["../../../../../src/icons/components/base/IconAdd.tsx"],"sourcesContent":["// THIS FILE IS AUTO GENERATED\n\nimport React, { SVGProps } from 'react'\n\nexport const IconAdd = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg\n preserveAspectRatio='none'\n overflow='visible'\n width={20}\n height={20}\n viewBox='0 0 20 20'\n display='block'\n fill='none'\n {...props}\n >\n <path\n d='M9.991 1.458c4.671 0 8.547 3.867 8.547 8.538 0 4.662-3.867 8.538-8.538 8.538-4.662 0-8.538-3.876-8.538-8.538 0-4.67 3.867-8.538 8.53-8.538zm-.718 3.745v4.146H5.119v1.3h4.154v4.154h1.3v-4.154h4.146v-1.3h-4.147V5.203h-1.3z'\n fill='currentColor'\n />\n </svg>\n )\n}\n"],"names":["IconAdd","props","_jsx","preserveAspectRatio","overflow","width","height","viewBox","display","fill","children","d"],"mappings":";;;AAAA;;AAIaA,MAAAA,OAAO,GAAIC,KAA8B,IAAK;AACzD,EAAA,oBACEC,GAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,mBAAmB,EAAC,MAAM;AAC1BC,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,KAAK,EAAE,EAAG;AACVC,IAAAA,MAAM,EAAE,EAAG;AACXC,IAAAA,OAAO,EAAC,WAAW;AACnBC,IAAAA,OAAO,EAAC,OAAO;AACfC,IAAAA,IAAI,EAAC,MAAM;AAAA,IAAA,GACPR,KAAK;AAAAS,IAAAA,QAAA,eAETR,GAAA,CAAA,MAAA,EAAA;AACES,MAAAA,CAAC,EAAC,8NAA8N;AAChOF,MAAAA,IAAI,EAAC,cAAA;KACN,CAAA;AAAC,GACC,CAAC,CAAA;AAEV;;;;"}

package/dist/esm/icons/components/base/IconAdjust.mjs CHANGED Viewed

@@ -15,8 +15,7 @@ const IconAdjust = props => {
     ...props,
     children: /*#__PURE__*/jsx("path", {
       d: "M16.268 14.324a1.944 1.944 0 10-3.889 0 1.944 1.944 0 003.889 0zM5.676 2.43a3.246 3.246 0 013.179 2.595h7.848v1.3H8.855A3.245 3.245 0 115.676 2.43zm11.892 11.893a3.244 3.244 0 01-6.424.65H3.296v-1.3h7.848a3.246 3.246 0 016.424.65zM3.732 5.676a1.945 1.945 0 103.89 0 1.945 1.945 0 00-3.89 0z",
-      fill: "currentColor",
-      fillOpacity: 0.7
+      fill: "currentColor"
     })
   });
 };

package/dist/esm/icons/components/base/IconAdjust.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconAdjust.mjs","sources":["../../../../../src/icons/components/base/IconAdjust.tsx"],"sourcesContent":["// THIS FILE IS AUTO GENERATED\n\nimport React, { SVGProps } from 'react'\n\nexport const IconAdjust = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg\n preserveAspectRatio='none'\n overflow='visible'\n width={20}\n height={20}\n viewBox='0 0 20 20'\n display='block'\n fill='none'\n {...props}\n >\n <path\n d='M16.268 14.324a1.944 1.944 0 10-3.889 0 1.944 1.944 0 003.889 0zM5.676 2.43a3.246 3.246 0 013.179 2.595h7.848v1.3H8.855A3.245 3.245 0 115.676 2.43zm11.892 11.893a3.244 3.244 0 01-6.424.65H3.296v-1.3h7.848a3.246 3.246 0 016.424.65zM3.732 5.676a1.945 1.945 0 103.89 0 1.945 1.945 0 00-3.89 0z'\n fill='currentColor'\n ~~fillOpacity={0.7}\n~~ />\n </svg>\n )\n}\n"],"names":["IconAdjust","props","_jsx","preserveAspectRatio","overflow","width","height","viewBox","display","fill","children","d"~~,"fillOpacity"~~],"mappings":";;;AAAA;;AAIaA,MAAAA,UAAU,GAAIC,KAA8B,IAAK;AAC5D,EAAA,oBACEC,GAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,mBAAmB,EAAC,MAAM;AAC1BC,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,KAAK,EAAE,EAAG;AACVC,IAAAA,MAAM,EAAE,EAAG;AACXC,IAAAA,OAAO,EAAC,WAAW;AACnBC,IAAAA,OAAO,EAAC,OAAO;AACfC,IAAAA,IAAI,EAAC,MAAM;AAAA,IAAA,GACPR,KAAK;AAAAS,IAAAA,QAAA,eAETR,GAAA,CAAA,MAAA,EAAA;AACES,MAAAA,CAAC,EAAC,oSAAoS;AACtSF,MAAAA,IAAI,EAAC,~~cAAc~~;~~AACnBG~~,~~MAAAA,WAAW,EAAE,GAAA;KACd,~~CAAA;AAAC,GACC,CAAC,CAAA;AAEV;;;;"}
1	+ {"version":3,"file":"IconAdjust.mjs","sources":["../../../../../src/icons/components/base/IconAdjust.tsx"],"sourcesContent":["// THIS FILE IS AUTO GENERATED\n\nimport React, { SVGProps } from 'react'\n\nexport const IconAdjust = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg\n preserveAspectRatio='none'\n overflow='visible'\n width={20}\n height={20}\n viewBox='0 0 20 20'\n display='block'\n fill='none'\n {...props}\n >\n <path\n d='M16.268 14.324a1.944 1.944 0 10-3.889 0 1.944 1.944 0 003.889 0zM5.676 2.43a3.246 3.246 0 013.179 2.595h7.848v1.3H8.855A3.245 3.245 0 115.676 2.43zm11.892 11.893a3.244 3.244 0 01-6.424.65H3.296v-1.3h7.848a3.246 3.246 0 016.424.65zM3.732 5.676a1.945 1.945 0 103.89 0 1.945 1.945 0 00-3.89 0z'\n fill='currentColor'\n />\n </svg>\n )\n}\n"],"names":["IconAdjust","props","_jsx","preserveAspectRatio","overflow","width","height","viewBox","display","fill","children","d"],"mappings":";;;AAAA;;AAIaA,MAAAA,UAAU,GAAIC,KAA8B,IAAK;AAC5D,EAAA,oBACEC,GAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,mBAAmB,EAAC,MAAM;AAC1BC,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,KAAK,EAAE,EAAG;AACVC,IAAAA,MAAM,EAAE,EAAG;AACXC,IAAAA,OAAO,EAAC,WAAW;AACnBC,IAAAA,OAAO,EAAC,OAAO;AACfC,IAAAA,IAAI,EAAC,MAAM;AAAA,IAAA,GACPR,KAAK;AAAAS,IAAAA,QAAA,eAETR,GAAA,CAAA,MAAA,EAAA;AACES,MAAAA,CAAC,EAAC,oSAAoS;AACtSF,MAAAA,IAAI,EAAC,cAAA;KACN,CAAA;AAAC,GACC,CAAC,CAAA;AAEV;;;;"}

package/dist/esm/icons/components/base/IconArrowDown.mjs CHANGED Viewed

@@ -15,8 +15,7 @@ const IconArrowDown = props => {
     ...props,
     children: /*#__PURE__*/jsx("path", {
       d: "M6.46 11.544l2.89 2.89V3.995h1.3v10.437l2.89-2.89.92.92-4 4-.46.46-.46-.46-4-4 .92-.92z",
-      fill: "currentColor",
-      fillOpacity: 0.7
+      fill: "currentColor"
     })
   });
 };

package/dist/esm/icons/components/base/IconArrowDown.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconArrowDown.mjs","sources":["../../../../../src/icons/components/base/IconArrowDown.tsx"],"sourcesContent":["// THIS FILE IS AUTO GENERATED\n\nimport React, { SVGProps } from 'react'\n\nexport const IconArrowDown = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg\n preserveAspectRatio='none'\n overflow='visible'\n width={20}\n height={20}\n viewBox='0 0 20 20'\n display='block'\n fill='none'\n {...props}\n >\n <path\n d='M6.46 11.544l2.89 2.89V3.995h1.3v10.437l2.89-2.89.92.92-4 4-.46.46-.46-.46-4-4 .92-.92z'\n fill='currentColor'\n ~~fillOpacity={0.7}\n~~ />\n </svg>\n )\n}\n"],"names":["IconArrowDown","props","_jsx","preserveAspectRatio","overflow","width","height","viewBox","display","fill","children","d"~~,"fillOpacity"~~],"mappings":";;;AAAA;;AAIaA,MAAAA,aAAa,GAAIC,KAA8B,IAAK;AAC/D,EAAA,oBACEC,GAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,mBAAmB,EAAC,MAAM;AAC1BC,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,KAAK,EAAE,EAAG;AACVC,IAAAA,MAAM,EAAE,EAAG;AACXC,IAAAA,OAAO,EAAC,WAAW;AACnBC,IAAAA,OAAO,EAAC,OAAO;AACfC,IAAAA,IAAI,EAAC,MAAM;AAAA,IAAA,GACPR,KAAK;AAAAS,IAAAA,QAAA,eAETR,GAAA,CAAA,MAAA,EAAA;AACES,MAAAA,CAAC,EAAC,yFAAyF;AAC3FF,MAAAA,IAAI,EAAC,~~cAAc~~;~~AACnBG~~,~~MAAAA,WAAW,EAAE,GAAA;KACd,~~CAAA;AAAC,GACC,CAAC,CAAA;AAEV;;;;"}
1	+ {"version":3,"file":"IconArrowDown.mjs","sources":["../../../../../src/icons/components/base/IconArrowDown.tsx"],"sourcesContent":["// THIS FILE IS AUTO GENERATED\n\nimport React, { SVGProps } from 'react'\n\nexport const IconArrowDown = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg\n preserveAspectRatio='none'\n overflow='visible'\n width={20}\n height={20}\n viewBox='0 0 20 20'\n display='block'\n fill='none'\n {...props}\n >\n <path\n d='M6.46 11.544l2.89 2.89V3.995h1.3v10.437l2.89-2.89.92.92-4 4-.46.46-.46-.46-4-4 .92-.92z'\n fill='currentColor'\n />\n </svg>\n )\n}\n"],"names":["IconArrowDown","props","_jsx","preserveAspectRatio","overflow","width","height","viewBox","display","fill","children","d"],"mappings":";;;AAAA;;AAIaA,MAAAA,aAAa,GAAIC,KAA8B,IAAK;AAC/D,EAAA,oBACEC,GAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,mBAAmB,EAAC,MAAM;AAC1BC,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,KAAK,EAAE,EAAG;AACVC,IAAAA,MAAM,EAAE,EAAG;AACXC,IAAAA,OAAO,EAAC,WAAW;AACnBC,IAAAA,OAAO,EAAC,OAAO;AACfC,IAAAA,IAAI,EAAC,MAAM;AAAA,IAAA,GACPR,KAAK;AAAAS,IAAAA,QAAA,eAETR,GAAA,CAAA,MAAA,EAAA;AACES,MAAAA,CAAC,EAAC,yFAAyF;AAC3FF,MAAAA,IAAI,EAAC,cAAA;KACN,CAAA;AAAC,GACC,CAAC,CAAA;AAEV;;;;"}

package/dist/esm/icons/components/base/IconArrowLeft.mjs CHANGED Viewed

@@ -15,8 +15,7 @@ const IconArrowLeft = props => {
     ...props,
     children: /*#__PURE__*/jsx("path", {
       d: "M8.456 6.46l-2.89 2.89h10.438v1.3H5.566l2.89 2.89-.92.92-4-4-.459-.46.46-.46 4-4 .919.92z",
-      fill: "currentColor",
-      fillOpacity: 0.7
+      fill: "currentColor"
     })
   });
 };

package/dist/esm/icons/components/base/IconArrowLeft.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconArrowLeft.mjs","sources":["../../../../../src/icons/components/base/IconArrowLeft.tsx"],"sourcesContent":["// THIS FILE IS AUTO GENERATED\n\nimport React, { SVGProps } from 'react'\n\nexport const IconArrowLeft = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg\n preserveAspectRatio='none'\n overflow='visible'\n width={20}\n height={20}\n viewBox='0 0 20 20'\n display='block'\n fill='none'\n {...props}\n >\n <path\n d='M8.456 6.46l-2.89 2.89h10.438v1.3H5.566l2.89 2.89-.92.92-4-4-.459-.46.46-.46 4-4 .919.92z'\n fill='currentColor'\n ~~fillOpacity={0.7}\n~~ />\n </svg>\n )\n}\n"],"names":["IconArrowLeft","props","_jsx","preserveAspectRatio","overflow","width","height","viewBox","display","fill","children","d"~~,"fillOpacity"~~],"mappings":";;;AAAA;;AAIaA,MAAAA,aAAa,GAAIC,KAA8B,IAAK;AAC/D,EAAA,oBACEC,GAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,mBAAmB,EAAC,MAAM;AAC1BC,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,KAAK,EAAE,EAAG;AACVC,IAAAA,MAAM,EAAE,EAAG;AACXC,IAAAA,OAAO,EAAC,WAAW;AACnBC,IAAAA,OAAO,EAAC,OAAO;AACfC,IAAAA,IAAI,EAAC,MAAM;AAAA,IAAA,GACPR,KAAK;AAAAS,IAAAA,QAAA,eAETR,GAAA,CAAA,MAAA,EAAA;AACES,MAAAA,CAAC,EAAC,2FAA2F;AAC7FF,MAAAA,IAAI,EAAC,~~cAAc~~;~~AACnBG~~,~~MAAAA,WAAW,EAAE,GAAA;KACd,~~CAAA;AAAC,GACC,CAAC,CAAA;AAEV;;;;"}
1	+ {"version":3,"file":"IconArrowLeft.mjs","sources":["../../../../../src/icons/components/base/IconArrowLeft.tsx"],"sourcesContent":["// THIS FILE IS AUTO GENERATED\n\nimport React, { SVGProps } from 'react'\n\nexport const IconArrowLeft = (props: SVGProps<SVGSVGElement>) => {\n return (\n <svg\n preserveAspectRatio='none'\n overflow='visible'\n width={20}\n height={20}\n viewBox='0 0 20 20'\n display='block'\n fill='none'\n {...props}\n >\n <path\n d='M8.456 6.46l-2.89 2.89h10.438v1.3H5.566l2.89 2.89-.92.92-4-4-.459-.46.46-.46 4-4 .919.92z'\n fill='currentColor'\n />\n </svg>\n )\n}\n"],"names":["IconArrowLeft","props","_jsx","preserveAspectRatio","overflow","width","height","viewBox","display","fill","children","d"],"mappings":";;;AAAA;;AAIaA,MAAAA,aAAa,GAAIC,KAA8B,IAAK;AAC/D,EAAA,oBACEC,GAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,mBAAmB,EAAC,MAAM;AAC1BC,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,KAAK,EAAE,EAAG;AACVC,IAAAA,MAAM,EAAE,EAAG;AACXC,IAAAA,OAAO,EAAC,WAAW;AACnBC,IAAAA,OAAO,EAAC,OAAO;AACfC,IAAAA,IAAI,EAAC,MAAM;AAAA,IAAA,GACPR,KAAK;AAAAS,IAAAA,QAAA,eAETR,GAAA,CAAA,MAAA,EAAA;AACES,MAAAA,CAAC,EAAC,2FAA2F;AAC7FF,MAAAA,IAAI,EAAC,cAAA;KACN,CAAA;AAAC,GACC,CAAC,CAAA;AAEV;;;;"}