@lidofinance/lido-app-ui 1.2.0 → 1.3.0

package/dist/esm/button/Button.mjs

@@ -1,39 +1,44 @@
-import { forwardRef } from 'react';
 import cn from 'classnames';
 import styles from './Button.module.css.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { IconLoaderCircle } from '../icons/components/base/IconLoaderCircle.mjs';
 
-const Button = /*#__PURE__*/forwardRef((_ref, ref) => {
+const Button = _ref => {
   let {
-    size = 'md',
-    variant = 'filled',
-    color = 'primary',
-    fullwidth = false,
-    loading = false,
-    disabled,
-    children,
     className,
+    children,
+    type = 'button',
+    variant = 'primary',
+    size = 'big',
+    loading = false,
+    disabled = false,
+    iconLeft,
+    iconRight,
     ...rest
   } = _ref;
   return /*#__PURE__*/jsxs("button", {
-    ref: ref,
+    type: type,
     disabled: disabled || loading,
-    className: cn(styles.button, styles[size], styles[variant], styles[color], {
-      [styles.fullwidth]: fullwidth,
-      [styles.loading]: loading
-    }, className),
+    "aria-busy": loading || undefined,
+    className: cn(styles.button, styles[variant], styles[size], loading && styles.loading, className),
     ...rest,
-    children: [/*#__PURE__*/jsx("span", {
-      className: cn(styles.content, {
-        [styles.hidden]: loading
-      }),
+    children: [loading ? /*#__PURE__*/jsx(IconLoaderCircle, {
+      className: styles.spinner,
+      "aria-hidden": "true"
+    }) : iconLeft != null && /*#__PURE__*/jsx("span", {
+      className: styles.icon,
+      "aria-hidden": "true",
+      children: iconLeft
+    }), /*#__PURE__*/jsx("span", {
+      className: styles.content,
       children: children
-    }), loading && /*#__PURE__*/jsx("span", {
-      className: styles.loader
-    })]
+    }), !loading && iconRight != null ? /*#__PURE__*/jsx("span", {
+      className: styles.icon,
+      "aria-hidden": "true",
+      children: iconRight
+    }) : null]
   });
-});
-Button.displayName = 'Button';
+};
 
 export { Button };
 //# sourceMappingURL=Button.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.mjs","sources":["../../../src/button/Button.tsx"],"sourcesContent":["import { ButtonHTMLAttributes, forwardRef, ReactNode } from 'react'\nimport cn from 'classnames'\nimport styles from './Button.module.css'\n\nexport type ButtonSize = 'sm' | 'md' | 'lg'\nexport type ButtonVariant = 'filled' | 'outlined' | 'ghost'\nexport type ButtonColor = 'primary' | 'secondary' | 'warning'\n\nexport type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  size?: ButtonSize\n  variant?: ButtonVariant\n  color?: ButtonColor\n  fullwidth?: boolean\n  loading?: boolean\n  children?: ReactNode\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      size = 'md',\n      variant = 'filled',\n      color = 'primary',\n      fullwidth = false,\n      loading = false,\n      disabled,\n      children,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <button\n        ref={ref}\n        disabled={disabled || loading}\n        className={cn(\n          styles.button,\n          styles[size],\n          styles[variant],\n          styles[color],\n          { [styles.fullwidth]: fullwidth, [styles.loading]: loading },\n          className,\n        )}\n        {...rest}\n      >\n        <span className={cn(styles.content, { [styles.hidden]: loading })}>\n          {children}\n        </span>\n        {loading && <span className={styles.loader} />}\n      </button>\n    )\n  },\n)\n\nButton.displayName = 'Button'\n"],"names":["Button","forwardRef","_ref","ref","size","variant","color","fullwidth","loading","disabled","children","className","rest","_jsxs","cn","styles","button","_jsx","content","hidden","loader","displayName"],"mappings":";;;;;AAiBO,MAAMA,MAAM,gBAAGC,UAAU,CAC9B,CAAAC,IAAA,EAYEC,GAAG,KACA;EAAA,IAZH;AACEC,IAAAA,IAAI,GAAG,IAAI;AACXC,IAAAA,OAAO,GAAG,QAAQ;AAClBC,IAAAA,KAAK,GAAG,SAAS;AACjBC,IAAAA,SAAS,GAAG,KAAK;AACjBC,IAAAA,OAAO,GAAG,KAAK;IACfC,QAAQ;IACRC,QAAQ;IACRC,SAAS;IACT,GAAGC,IAAAA;AACL,GAAC,GAAAV,IAAA,CAAA;AAGD,EAAA,oBACEW,IAAA,CAAA,QAAA,EAAA;AACEV,IAAAA,GAAG,EAAEA,GAAI;IACTM,QAAQ,EAAEA,QAAQ,IAAID,OAAQ;IAC9BG,SAAS,EAAEG,EAAE,CACXC,MAAM,CAACC,MAAM,EACbD,MAAM,CAACX,IAAI,CAAC,EACZW,MAAM,CAACV,OAAO,CAAC,EACfU,MAAM,CAACT,KAAK,CAAC,EACb;AAAE,MAAA,CAACS,MAAM,CAACR,SAAS,GAAGA,SAAS;MAAE,CAACQ,MAAM,CAACP,OAAO,GAAGA,OAAAA;KAAS,EAC5DG,SACF,CAAE;AAAA,IAAA,GACEC,IAAI;AAAAF,IAAAA,QAAA,gBAERO,GAAA,CAAA,MAAA,EAAA;AAAMN,MAAAA,SAAS,EAAEG,EAAE,CAACC,MAAM,CAACG,OAAO,EAAE;QAAE,CAACH,MAAM,CAACI,MAAM,GAAGX,OAAAA;AAAQ,OAAC,CAAE;AAAAE,MAAAA,QAAA,EAC/DA,QAAAA;AAAQ,KACL,CAAC,EACNF,OAAO,iBAAIS,GAAA,CAAA,MAAA,EAAA;MAAMN,SAAS,EAAEI,MAAM,CAACK,MAAAA;AAAO,KAAE,CAAC,CAAA;AAAA,GACxC,CAAC,CAAA;AAEb,CACF,EAAC;AAEDpB,MAAM,CAACqB,WAAW,GAAG,QAAQ;;;;"}
+{"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;;;;"}

package/dist/esm/button/Button.module.css.mjs

@@ -1,4 +1,4 @@
-const styles = {"button":"Button-module_button__eiKKZ","loading":"Button-module_loading__wZ1IR","sm":"Button-module_sm__Y4qjx","md":"Button-module_md__qbViT","lg":"Button-module_lg__vMNHM","filled":"Button-module_filled__7Ri6T","primary":"Button-module_primary__EU45Z","secondary":"Button-module_secondary__5BZ2i","warning":"Button-module_warning__8WIwI","outlined":"Button-module_outlined__kI-f-","ghost":"Button-module_ghost__OX4Ks","fullwidth":"Button-module_fullwidth__6G5sB","loader":"Button-module_loader__kuL68","spin":"Button-module_spin__Q6mex","content":"Button-module_content__SVjwi","hidden":"Button-module_hidden__vJlfj"};
+const styles = {"button":"Button-module_button__eiKKZ","content":"Button-module_content__SVjwi","icon":"Button-module_icon__Ojq-e","spinner":"Button-module_spinner__QToZm","spin":"Button-module_spin__Q6mex","big":"Button-module_big__-gJao","small":"Button-module_small__U2Zqq","primary":"Button-module_primary__EU45Z","outline":"Button-module_outline__Jx-Hc","subtle":"Button-module_subtle__2DyRK","ghost":"Button-module_ghost__OX4Ks","error":"Button-module_error__qp2tu","loading":"Button-module_loading__wZ1IR"};
 
 export { styles as default };
 //# sourceMappingURL=Button.module.css.mjs.map

package/dist/esm/card/Card.mjs

@@ -0,0 +1,19 @@
+import cn from 'classnames';
+import styles from './Card.module.css.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const Card = _ref => {
+  let {
+    className,
+    children,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsx("div", {
+    className: cn(styles.card, className),
+    ...rest,
+    children: children
+  });
+};
+
+export { Card };
+//# sourceMappingURL=Card.mjs.map

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

@@ -0,0 +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;;;;"}

package/dist/esm/card/Card.module.css.mjs

@@ -0,0 +1,4 @@
+const styles = {"card":"Card-module_card__V59wY"};
+
+export { styles as default };
+//# sourceMappingURL=Card.module.css.mjs.map

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

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

package/dist/esm/checkbox/Checkbox.mjs

@@ -0,0 +1,40 @@
+import { forwardRef } from 'react';
+import cn from 'classnames';
+import styles from './Checkbox.module.css.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { IconCheck } from '../icons/components/base/IconCheck.mjs';
+
+const Checkbox = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    label,
+    className,
+    disabled,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxs("label", {
+    className: cn(styles.container, className, {
+      [styles.containerDisabled]: disabled
+    }),
+    children: [/*#__PURE__*/jsxs("span", {
+      className: styles.control,
+      children: [/*#__PURE__*/jsx("input", {
+        ref: ref,
+        type: "checkbox",
+        className: styles.input,
+        disabled: disabled,
+        ...rest
+      }), /*#__PURE__*/jsx(IconCheck, {
+        className: styles.tick
+      })]
+    }), label ? /*#__PURE__*/jsx("span", {
+      className: cn(styles.label, {
+        [styles.labelDisabled]: disabled
+      }),
+      children: label
+    }) : null]
+  });
+});
+Checkbox.displayName = 'Checkbox';
+
+export { Checkbox };
+//# sourceMappingURL=Checkbox.mjs.map

package/dist/esm/checkbox/Checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.mjs","sources":["../../../src/checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, type InputHTMLAttributes, type ReactNode } from 'react'\n\nimport { IconCheck } from '../icons'\nimport cn from 'classnames'\n\nimport styles from './Checkbox.module.css'\n\nexport type CheckboxProps = Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'type'\n> & {\n  label?: ReactNode\n}\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  ({ label, className, disabled, ...rest }, ref) => (\n    <label\n      className={cn(styles.container, className, {\n        [styles.containerDisabled]: disabled,\n      })}\n    >\n      <span className={styles.control}>\n        <input\n          ref={ref}\n          type='checkbox'\n          className={styles.input}\n          disabled={disabled}\n          {...rest}\n        />\n        <IconCheck className={styles.tick} />\n      </span>\n      {label ? (\n        <span\n          className={cn(styles.label, { [styles.labelDisabled]: disabled })}\n        >\n          {label}\n        </span>\n      ) : null}\n    </label>\n  ),\n)\n\nCheckbox.displayName = 'Checkbox'\n"],"names":["Checkbox","forwardRef","_ref","ref","label","className","disabled","rest","_jsxs","cn","styles","container","containerDisabled","children","control","_jsx","type","input","IconCheck","tick","labelDisabled","displayName"],"mappings":";;;;;;AAcO,MAAMA,QAAQ,gBAAGC,UAAU,CAChC,CAAAC,IAAA,EAA0CC,GAAG,KAAA;EAAA,IAA5C;IAAEC,KAAK;IAAEC,SAAS;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAK,GAAC,GAAAL,IAAA,CAAA;AAAA,EAAA,oBACtCM,IAAA,CAAA,OAAA,EAAA;IACEH,SAAS,EAAEI,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEN,SAAS,EAAE;MACzC,CAACK,MAAM,CAACE,iBAAiB,GAAGN,QAAAA;AAC9B,KAAC,CAAE;AAAAO,IAAAA,QAAA,gBAEHL,IAAA,CAAA,MAAA,EAAA;MAAMH,SAAS,EAAEK,MAAM,CAACI,OAAQ;AAAAD,MAAAA,QAAA,gBAC9BE,GAAA,CAAA,OAAA,EAAA;AACEZ,QAAAA,GAAG,EAAEA,GAAI;AACTa,QAAAA,IAAI,EAAC,UAAU;QACfX,SAAS,EAAEK,MAAM,CAACO,KAAM;AACxBX,QAAAA,QAAQ,EAAEA,QAAS;QAAA,GACfC,IAAAA;AAAI,OACT,CAAC,eACFQ,GAAA,CAACG,SAAS,EAAA;QAACb,SAAS,EAAEK,MAAM,CAACS,IAAAA;AAAK,OAAE,CAAC,CAAA;AAAA,KACjC,CAAC,EACNf,KAAK,gBACJW,GAAA,CAAA,MAAA,EAAA;AACEV,MAAAA,SAAS,EAAEI,EAAE,CAACC,MAAM,CAACN,KAAK,EAAE;QAAE,CAACM,MAAM,CAACU,aAAa,GAAGd,QAAAA;AAAS,OAAC,CAAE;AAAAO,MAAAA,QAAA,EAEjET,KAAAA;KACG,CAAC,GACL,IAAI,CAAA;AAAA,GACH,CAAC,CAAA;AAAA,CAEZ,EAAC;AAEDJ,QAAQ,CAACqB,WAAW,GAAG,UAAU;;;;"}

package/dist/esm/checkbox/Checkbox.module.css.mjs

@@ -0,0 +1,4 @@
+const styles = {"container":"Checkbox-module_container__42EWx","control":"Checkbox-module_control__x1PrL","input":"Checkbox-module_input__4PoNe","tick":"Checkbox-module_tick__-F4vw","label":"Checkbox-module_label__ubb5U","containerDisabled":"Checkbox-module_containerDisabled__G2w9L","labelDisabled":"Checkbox-module_labelDisabled__oMB5p"};
+
+export { styles as default };
+//# sourceMappingURL=Checkbox.module.css.mjs.map

package/dist/esm/checkbox/Checkbox.module.css.mjs.map

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

package/dist/esm/counter/Counter.mjs

@@ -0,0 +1,20 @@
+import cn from 'classnames';
+import styles from './Counter.module.css.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const Counter = _ref => {
+  let {
+    variant = 'default',
+    className,
+    children,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsx("span", {
+    className: cn(styles.counter, styles[variant], className),
+    ...rest,
+    children: children
+  });
+};
+
+export { Counter };
+//# sourceMappingURL=Counter.mjs.map

package/dist/esm/counter/Counter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Counter.mjs","sources":["../../../src/counter/Counter.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './Counter.module.css'\n\nexport type CounterVariant =\n  | 'default'\n  | 'neutral'\n  | 'error'\n  | 'warning'\n  | 'action'\n  | 'active'\n\nexport type CounterProps = HTMLAttributes<HTMLSpanElement> & {\n  variant?: CounterVariant\n}\n\nexport const Counter = ({\n  variant = 'default',\n  className,\n  children,\n  ...rest\n}: CounterProps) => (\n  <span className={cn(styles.counter, styles[variant], className)} {...rest}>\n    {children}\n  </span>\n)\n"],"names":["Counter","_ref","variant","className","children","rest","_jsx","cn","styles","counter"],"mappings":";;;;AAkBO,MAAMA,OAAO,GAAGC,IAAA,IAAA;EAAA,IAAC;AACtBC,IAAAA,OAAO,GAAG,SAAS;IACnBC,SAAS;IACTC,QAAQ;IACR,GAAGC,IAAAA;AACS,GAAC,GAAAJ,IAAA,CAAA;AAAA,EAAA,oBACbK,GAAA,CAAA,MAAA,EAAA;AAAMH,IAAAA,SAAS,EAAEI,EAAE,CAACC,MAAM,CAACC,OAAO,EAAED,MAAM,CAACN,OAAO,CAAC,EAAEC,SAAS,CAAE;AAAA,IAAA,GAAKE,IAAI;AAAAD,IAAAA,QAAA,EACtEA,QAAAA;AAAQ,GACL,CAAC,CAAA;AAAA;;;;"}

package/dist/esm/counter/Counter.module.css.mjs

@@ -0,0 +1,4 @@
+const styles = {"counter":"Counter-module_counter__qutVl","neutral":"Counter-module_neutral__Z5iCI","error":"Counter-module_error__srNOJ","warning":"Counter-module_warning__5OY4o","action":"Counter-module_action__ywkeX","active":"Counter-module_active__AZ4oD"};
+
+export { styles as default };
+//# sourceMappingURL=Counter.module.css.mjs.map

package/dist/esm/counter/Counter.module.css.mjs.map

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

package/dist/esm/data-list/DataList.mjs

@@ -0,0 +1,18 @@
+import cn from 'classnames';
+import styles from './DataList.module.css.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const DataList = _ref => {
+  let {
+    children,
+    className,
+    divided = false
+  } = _ref;
+  return /*#__PURE__*/jsx("div", {
+    className: cn(styles.card, divided && styles.divided, className),
+    children: children
+  });
+};
+
+export { DataList };
+//# sourceMappingURL=DataList.mjs.map

package/dist/esm/data-list/DataList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataList.mjs","sources":["../../../src/data-list/DataList.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './DataList.module.css'\n\nexport type DataListProps = {\n  children: ReactNode\n  className?: string\n  divided?: boolean\n}\n\nexport const DataList = ({\n  children,\n  className,\n  divided = false,\n}: DataListProps) => (\n  <div className={cn(styles.card, divided && styles.divided, className)}>\n    {children}\n  </div>\n)\n"],"names":["DataList","_ref","children","className","divided","_jsx","cn","styles","card"],"mappings":";;;;AAYO,MAAMA,QAAQ,GAAGC,IAAA,IAAA;EAAA,IAAC;IACvBC,QAAQ;IACRC,SAAS;AACTC,IAAAA,OAAO,GAAG,KAAA;AACG,GAAC,GAAAH,IAAA,CAAA;AAAA,EAAA,oBACdI,GAAA,CAAA,KAAA,EAAA;AAAKF,IAAAA,SAAS,EAAEG,EAAE,CAACC,MAAM,CAACC,IAAI,EAAEJ,OAAO,IAAIG,MAAM,CAACH,OAAO,EAAED,SAAS,CAAE;AAAAD,IAAAA,QAAA,EACnEA,QAAAA;AAAQ,GACN,CAAC,CAAA;AAAA;;;;"}

package/dist/esm/data-list/DataList.module.css.mjs

@@ -0,0 +1,4 @@
+const styles = {"card":"DataList-module_card__k21RE","divided":"DataList-module_divided__y48ZD","row":"DataList-module_row__d5UUl","mainRow":"DataList-module_mainRow__eAAA3","labelGroup":"DataList-module_labelGroup__-vCWZ","leadingIcon":"DataList-module_leadingIcon__6L9A9","label":"DataList-module_label__xl6By","info":"DataList-module_info__TF2HU","infoIcon":"DataList-module_infoIcon__czTXh","infoFaint":"DataList-module_infoFaint__lq3WZ","value":"DataList-module_value__oGp7D","valueOld":"DataList-module_valueOld__FuEV2","valueArrow":"DataList-module_valueArrow__7RRSA","descriptionRow":"DataList-module_descriptionRow__oZCWf","description":"DataList-module_description__biMHO","descriptionIcon":"DataList-module_descriptionIcon__pS1MU"};
+
+export { styles as default };
+//# sourceMappingURL=DataList.module.css.mjs.map

package/dist/esm/data-list/DataList.module.css.mjs.map

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

package/dist/esm/data-list/DataListRow.mjs

@@ -0,0 +1,71 @@
+import cn from 'classnames';
+import styles from './DataList.module.css.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Tooltip } from '../tooltip/Tooltip.mjs';
+import { IconInfo } from '../icons/components/base/IconInfo.mjs';
+
+const isChangeValue = value => typeof value === 'object' && value !== null && 'from' in value && 'to' in value;
+const DataListRow = _ref => {
+  let {
+    label,
+    value,
+    icon,
+    info,
+    infoFaint = false,
+    description,
+    descriptionInfo,
+    className
+  } = _ref;
+  return /*#__PURE__*/jsxs("div", {
+    className: cn(styles.row, className),
+    children: [/*#__PURE__*/jsxs("span", {
+      className: styles.mainRow,
+      children: [/*#__PURE__*/jsxs("span", {
+        className: styles.labelGroup,
+        children: [icon ? /*#__PURE__*/jsx("span", {
+          className: styles.leadingIcon,
+          children: icon
+        }) : null, /*#__PURE__*/jsx("span", {
+          className: styles.label,
+          children: label
+        }), info ? /*#__PURE__*/jsx(Tooltip, {
+          content: info,
+          className: cn(styles.info, infoFaint && styles.infoFaint),
+          children: /*#__PURE__*/jsx(IconInfo, {
+            className: styles.infoIcon
+          })
+        }) : null]
+      }), isChangeValue(value) ? /*#__PURE__*/jsxs("span", {
+        className: styles.value,
+        children: [/*#__PURE__*/jsx("span", {
+          className: styles.valueOld,
+          children: value.from
+        }), /*#__PURE__*/jsx("span", {
+          className: styles.valueArrow,
+          "aria-hidden": "true",
+          children: "\u2192"
+        }), /*#__PURE__*/jsx("span", {
+          children: value.to
+        })]
+      }) : /*#__PURE__*/jsx("span", {
+        className: styles.value,
+        children: value
+      })]
+    }), description ? /*#__PURE__*/jsxs("span", {
+      className: styles.descriptionRow,
+      children: [/*#__PURE__*/jsx("span", {
+        className: styles.description,
+        children: description
+      }), descriptionInfo ? /*#__PURE__*/jsx(Tooltip, {
+        content: descriptionInfo,
+        className: styles.info,
+        children: /*#__PURE__*/jsx(IconInfo, {
+          className: styles.descriptionIcon
+        })
+      }) : null]
+    }) : null]
+  });
+};
+
+export { DataListRow };
+//# sourceMappingURL=DataListRow.mjs.map

package/dist/esm/data-list/DataListRow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataListRow.mjs","sources":["../../../src/data-list/DataListRow.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nimport { IconInfo } from '../icons'\nimport cn from 'classnames'\nimport { Tooltip } from '../tooltip'\n\nimport styles from './DataList.module.css'\n\nexport type DetailRowValue = ReactNode | { from: ReactNode; to: ReactNode }\n\nexport type DetailRowProps = {\n  label: ReactNode\n  value: DetailRowValue\n  icon?: ReactNode\n  info?: ReactNode\n  infoFaint?: boolean\n  description?: ReactNode\n  descriptionInfo?: ReactNode\n  className?: string\n}\n\nconst isChangeValue = (\n  value: DetailRowValue,\n): value is { from: ReactNode; to: ReactNode } =>\n  typeof value === 'object' &&\n  value !== null &&\n  'from' in value &&\n  'to' in value\n\nexport const DataListRow = ({\n  label,\n  value,\n  icon,\n  info,\n  infoFaint = false,\n  description,\n  descriptionInfo,\n  className,\n}: DetailRowProps) => (\n  <div className={cn(styles.row, className)}>\n    <span className={styles.mainRow}>\n      <span className={styles.labelGroup}>\n        {icon ? <span className={styles.leadingIcon}>{icon}</span> : null}\n        <span className={styles.label}>{label}</span>\n        {info ? (\n          <Tooltip\n            content={info}\n            className={cn(styles.info, infoFaint && styles.infoFaint)}\n          >\n            <IconInfo className={styles.infoIcon} />\n          </Tooltip>\n        ) : null}\n      </span>\n      {isChangeValue(value) ? (\n        <span className={styles.value}>\n          <span className={styles.valueOld}>{value.from}</span>\n          <span className={styles.valueArrow} aria-hidden='true'>\n            →\n          </span>\n          <span>{value.to}</span>\n        </span>\n      ) : (\n        <span className={styles.value}>{value}</span>\n      )}\n    </span>\n    {description ? (\n      <span className={styles.descriptionRow}>\n        <span className={styles.description}>{description}</span>\n        {descriptionInfo ? (\n          <Tooltip content={descriptionInfo} className={styles.info}>\n            <IconInfo className={styles.descriptionIcon} />\n          </Tooltip>\n        ) : null}\n      </span>\n    ) : null}\n  </div>\n)\n"],"names":["isChangeValue","value","DataListRow","_ref","label","icon","info","infoFaint","description","descriptionInfo","className","_jsxs","cn","styles","row","children","mainRow","labelGroup","_jsx","leadingIcon","Tooltip","content","IconInfo","infoIcon","valueOld","from","valueArrow","to","descriptionRow","descriptionIcon"],"mappings":"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"}

package/dist/esm/hooks/useOutsideClick.mjs

@@ -0,0 +1,20 @@
+import { useEffect } from 'react';
+
+const useOutsideClick = (ref, onOutside, enabled) => {
+  useEffect(() => {
+    if (!enabled) return;
+    const handlePointerDown = event => {
+      const element = ref.current;
+      if (!element) return;
+      if (event.target instanceof Node && element.contains(event.target)) {
+        return;
+      }
+      onOutside();
+    };
+    document.addEventListener('pointerdown', handlePointerDown, true);
+    return () => document.removeEventListener('pointerdown', handlePointerDown, true);
+  }, [ref, onOutside, enabled]);
+};
+
+export { useOutsideClick };
+//# sourceMappingURL=useOutsideClick.mjs.map

package/dist/esm/hooks/useOutsideClick.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOutsideClick.mjs","sources":["../../../src/hooks/useOutsideClick.ts"],"sourcesContent":["import { useEffect, type RefObject } from 'react'\n\nexport const useOutsideClick = (\n  ref: RefObject<HTMLElement | null>,\n  onOutside: () => void,\n  enabled: boolean,\n) => {\n  useEffect(() => {\n    if (!enabled) return\n\n    const handlePointerDown = (event: PointerEvent) => {\n      const element = ref.current\n      if (!element) return\n      if (event.target instanceof Node && element.contains(event.target)) {\n        return\n      }\n      onOutside()\n    }\n\n    document.addEventListener('pointerdown', handlePointerDown, true)\n    return () =>\n      document.removeEventListener('pointerdown', handlePointerDown, true)\n  }, [ref, onOutside, enabled])\n}\n"],"names":["useOutsideClick","ref","onOutside","enabled","useEffect","handlePointerDown","event","element","current","target","Node","contains","document","addEventListener","removeEventListener"],"mappings":";;AAEO,MAAMA,eAAe,GAAGA,CAC7BC,GAAkC,EAClCC,SAAqB,EACrBC,OAAgB,KACb;AACHC,EAAAA,SAAS,CAAC,MAAM;IACd,IAAI,CAACD,OAAO,EAAE,OAAA;IAEd,MAAME,iBAAiB,GAAIC,KAAmB,IAAK;AACjD,MAAA,MAAMC,OAAO,GAAGN,GAAG,CAACO,OAAO,CAAA;MAC3B,IAAI,CAACD,OAAO,EAAE,OAAA;AACd,MAAA,IAAID,KAAK,CAACG,MAAM,YAAYC,IAAI,IAAIH,OAAO,CAACI,QAAQ,CAACL,KAAK,CAACG,MAAM,CAAC,EAAE;AAClE,QAAA,OAAA;AACF,OAAA;AACAP,MAAAA,SAAS,EAAE,CAAA;KACZ,CAAA;IAEDU,QAAQ,CAACC,gBAAgB,CAAC,aAAa,EAAER,iBAAiB,EAAE,IAAI,CAAC,CAAA;IACjE,OAAO,MACLO,QAAQ,CAACE,mBAAmB,CAAC,aAAa,EAAET,iBAAiB,EAAE,IAAI,CAAC,CAAA;GACvE,EAAE,CAACJ,GAAG,EAAEC,SAAS,EAAEC,OAAO,CAAC,CAAC,CAAA;AAC/B;;;;"}

package/dist/esm/icon-button/IconButton.mjs

@@ -0,0 +1,34 @@
+import cn from 'classnames';
+import styles from './IconButton.module.css.mjs';
+import { jsx } from 'react/jsx-runtime';
+import { IconLoaderCircle } from '../icons/components/base/IconLoaderCircle.mjs';
+
+const IconButton = _ref => {
+  let {
+    className,
+    type = 'button',
+    variant = 'outline',
+    loading = false,
+    disabled = false,
+    icon,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsx("button", {
+    type: type,
+    disabled: disabled || loading,
+    "aria-busy": loading || undefined,
+    className: cn(styles.button, styles[variant], loading && styles.loading, className),
+    ...rest,
+    children: loading ? /*#__PURE__*/jsx(IconLoaderCircle, {
+      className: styles.spinner,
+      "aria-hidden": "true"
+    }) : /*#__PURE__*/jsx("span", {
+      className: styles.icon,
+      "aria-hidden": "true",
+      children: icon
+    })
+  });
+};
+
+export { IconButton };
+//# sourceMappingURL=IconButton.mjs.map

package/dist/esm/icon-button/IconButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.mjs","sources":["../../../src/icon-button/IconButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport { IconLoaderCircle } from '../icons'\nimport styles from './IconButton.module.css'\n\nexport type IconButtonVariant = 'outline' | 'ghost'\n\nexport type IconButtonProps = Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'aria-label'\n> & {\n  'aria-label': string\n  icon: ReactNode\n  variant?: IconButtonVariant\n  loading?: boolean\n}\n\nexport const IconButton = ({\n  className,\n  type = 'button',\n  variant = 'outline',\n  loading = false,\n  disabled = false,\n  icon,\n  ...rest\n}: IconButtonProps) => (\n  <button\n    type={type}\n    disabled={disabled || loading}\n    aria-busy={loading || undefined}\n    className={cn(\n      styles.button,\n      styles[variant],\n      loading && styles.loading,\n      className,\n    )}\n    {...rest}\n  >\n    {loading ? (\n      <IconLoaderCircle className={styles.spinner} aria-hidden='true' />\n    ) : (\n      <span className={styles.icon} aria-hidden='true'>\n        {icon}\n      </span>\n    )}\n  </button>\n)\n"],"names":["IconButton","_ref","className","type","variant","loading","disabled","icon","rest","_jsx","undefined","cn","styles","button","children","IconLoaderCircle","spinner"],"mappings":";;;;;AAmBO,MAAMA,UAAU,GAAGC,IAAA,IAAA;EAAA,IAAC;IACzBC,SAAS;AACTC,IAAAA,IAAI,GAAG,QAAQ;AACfC,IAAAA,OAAO,GAAG,SAAS;AACnBC,IAAAA,OAAO,GAAG,KAAK;AACfC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,IAAI;IACJ,GAAGC,IAAAA;AACY,GAAC,GAAAP,IAAA,CAAA;AAAA,EAAA,oBAChBQ,GAAA,CAAA,QAAA,EAAA;AACEN,IAAAA,IAAI,EAAEA,IAAK;IACXG,QAAQ,EAAEA,QAAQ,IAAID,OAAQ;IAC9B,WAAWA,EAAAA,OAAO,IAAIK,SAAU;AAChCR,IAAAA,SAAS,EAAES,EAAE,CACXC,MAAM,CAACC,MAAM,EACbD,MAAM,CAACR,OAAO,CAAC,EACfC,OAAO,IAAIO,MAAM,CAACP,OAAO,EACzBH,SACF,CAAE;AAAA,IAAA,GACEM,IAAI;AAAAM,IAAAA,QAAA,EAEPT,OAAO,gBACNI,GAAA,CAACM,gBAAgB,EAAA;MAACb,SAAS,EAAEU,MAAM,CAACI,OAAQ;MAAC,aAAY,EAAA,MAAA;KAAQ,CAAC,gBAElEP,GAAA,CAAA,MAAA,EAAA;MAAMP,SAAS,EAAEU,MAAM,CAACL,IAAK;AAAC,MAAA,aAAA,EAAY,MAAM;AAAAO,MAAAA,QAAA,EAC7CP,IAAAA;KACG,CAAA;AACP,GACK,CAAC,CAAA;AAAA;;;;"}

package/dist/esm/icon-button/IconButton.module.css.mjs

@@ -0,0 +1,4 @@
+const styles = {"button":"IconButton-module_button__5QpG9","icon":"IconButton-module_icon__1WMNC","spinner":"IconButton-module_spinner__-fwrf","spin":"IconButton-module_spin__eNilo","outline":"IconButton-module_outline__91r6g","ghost":"IconButton-module_ghost__WYnGy","loading":"IconButton-module_loading__v67XX"};
+
+export { styles as default };
+//# sourceMappingURL=IconButton.module.css.mjs.map

package/dist/esm/icon-button/IconButton.module.css.mjs.map

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

package/dist/esm/icons/TokenIcon.mjs

@@ -0,0 +1,28 @@
+import { TokenEth } from './components/token/TokenEth.mjs';
+import { TokenSteth } from './components/token/TokenSteth.mjs';
+import { TokenWsteth } from './components/token/TokenWsteth.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const iconBySymbol = {
+  ETH: TokenEth,
+  stETH: TokenSteth,
+  wstETH: TokenWsteth
+};
+
+// True when a symbol has a glyph in the kit — callers with arbitrary token symbols guard
+// on this before rendering an icon, so tokens without art render no icon rather than crash.
+const isTokenIcon = symbol => symbol in iconBySymbol;
+const TokenIcon = _ref => {
+  let {
+    token,
+    ...props
+  } = _ref;
+  const Icon = iconBySymbol[token];
+  if (!Icon) return null;
+  return /*#__PURE__*/jsx(Icon, {
+    ...props
+  });
+};
+
+export { TokenIcon, isTokenIcon };
+//# sourceMappingURL=TokenIcon.mjs.map

package/dist/esm/icons/TokenIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenIcon.mjs","sources":["../../../src/icons/TokenIcon.tsx"],"sourcesContent":["import type { SVGProps } from 'react'\nimport { TokenEth } from './components/token/TokenEth'\nimport { TokenSteth } from './components/token/TokenSteth'\nimport { TokenWsteth } from './components/token/TokenWsteth'\n\nexport type TokenIconSymbol = 'ETH' | 'stETH' | 'wstETH'\n\nexport type TokenIconProps = SVGProps<SVGSVGElement> & {\n  token: TokenIconSymbol\n}\n\nconst iconBySymbol = {\n  ETH: TokenEth,\n  stETH: TokenSteth,\n  wstETH: TokenWsteth,\n} as const\n\n// True when a symbol has a glyph in the kit — callers with arbitrary token symbols guard\n// on this before rendering an icon, so tokens without art render no icon rather than crash.\nexport const isTokenIcon = (symbol: string): symbol is TokenIconSymbol =>\n  symbol in iconBySymbol\n\nexport const TokenIcon = ({ token, ...props }: TokenIconProps) => {\n  const Icon = iconBySymbol[token]\n  if (!Icon) return null\n  return <Icon {...props} />\n}\n"],"names":["iconBySymbol","ETH","TokenEth","stETH","TokenSteth","wstETH","TokenWsteth","isTokenIcon","symbol","TokenIcon","_ref","token","props","Icon","_jsx"],"mappings":";;;;;AAWA,MAAMA,YAAY,GAAG;AACnBC,EAAAA,GAAG,EAAEC,QAAQ;AACbC,EAAAA,KAAK,EAAEC,UAAU;AACjBC,EAAAA,MAAM,EAAEC,WAAAA;AACV,CAAU,CAAA;;AAEV;AACA;MACaC,WAAW,GAAIC,MAAc,IACxCA,MAAM,IAAIR,aAAY;AAEXS,MAAAA,SAAS,GAAGC,IAAA,IAAyC;EAAA,IAAxC;IAAEC,KAAK;IAAE,GAAGC,KAAAA;AAAsB,GAAC,GAAAF,IAAA,CAAA;AAC3D,EAAA,MAAMG,IAAI,GAAGb,YAAY,CAACW,KAAK,CAAC,CAAA;AAChC,EAAA,IAAI,CAACE,IAAI,EAAE,OAAO,IAAI,CAAA;EACtB,oBAAOC,GAAA,CAACD,IAAI,EAAA;IAAA,GAAKD,KAAAA;AAAK,GAAG,CAAC,CAAA;AAC5B;;;;"}

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

@@ -0,0 +1,25 @@
+import 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// THIS FILE IS AUTO GENERATED
+
+const IconAdd = props => {
+  return /*#__PURE__*/jsx("svg", {
+    preserveAspectRatio: "none",
+    overflow: "visible",
+    width: 20,
+    height: 20,
+    viewBox: "0 0 20 20",
+    display: "block",
+    fill: "none",
+    ...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
+    })
+  });
+};
+
+export { IconAdd };
+//# sourceMappingURL=IconAdd.mjs.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,25 @@
+import 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// THIS FILE IS AUTO GENERATED
+
+const IconAdjust = props => {
+  return /*#__PURE__*/jsx("svg", {
+    preserveAspectRatio: "none",
+    overflow: "visible",
+    width: 20,
+    height: 20,
+    viewBox: "0 0 20 20",
+    display: "block",
+    fill: "none",
+    ...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
+    })
+  });
+};
+
+export { IconAdjust };
+//# sourceMappingURL=IconAdjust.mjs.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,25 @@
+import 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// THIS FILE IS AUTO GENERATED
+
+const IconArrowDown = props => {
+  return /*#__PURE__*/jsx("svg", {
+    preserveAspectRatio: "none",
+    overflow: "visible",
+    width: 20,
+    height: 20,
+    viewBox: "0 0 20 20",
+    display: "block",
+    fill: "none",
+    ...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
+    })
+  });
+};
+
+export { IconArrowDown };
+//# sourceMappingURL=IconArrowDown.mjs.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,25 @@
+import 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// THIS FILE IS AUTO GENERATED
+
+const IconArrowLeft = props => {
+  return /*#__PURE__*/jsx("svg", {
+    preserveAspectRatio: "none",
+    overflow: "visible",
+    width: 20,
+    height: 20,
+    viewBox: "0 0 20 20",
+    display: "block",
+    fill: "none",
+    ...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
+    })
+  });
+};
+
+export { IconArrowLeft };
+//# sourceMappingURL=IconArrowLeft.mjs.map

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

@@ -0,0 +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;;;;"}

package/dist/esm/icons/components/base/IconArrowNarrowUpRight.mjs

@@ -0,0 +1,25 @@
+import 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// THIS FILE IS AUTO GENERATED
+
+const IconArrowNarrowUpRight = props => {
+  return /*#__PURE__*/jsx("svg", {
+    preserveAspectRatio: "none",
+    overflow: "visible",
+    width: 20,
+    height: 20,
+    viewBox: "0 0 20 20",
+    display: "block",
+    fill: "none",
+    ...props,
+    children: /*#__PURE__*/jsx("path", {
+      d: "M13.595 11.412V7.325l-7.38 7.38-.92-.92 7.38-7.38H8.59v-1.3h6.306v6.307h-1.3z",
+      fill: "currentColor",
+      fillOpacity: 0.7
+    })
+  });
+};
+
+export { IconArrowNarrowUpRight };
+//# sourceMappingURL=IconArrowNarrowUpRight.mjs.map