@lidofinance/lido-app-ui 1.12.0 → 1.13.0

package/dist/cjs/sidebar/SidebarInset.module.css.cjs.map

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

package/dist/cjs/sidebar/SidebarItem.cjs

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+const cn = require('classnames');
+const SidebarItem_module = require('./SidebarItem.module.css.cjs');
+const jsxRuntime = require('react/jsx-runtime');
+const ActionElement = require('../utils/ActionElement.cjs');
+
+const SidebarItem = /*#__PURE__*/react.forwardRef((_ref, ref) => {
+  let {
+    icon,
+    trailing,
+    active = false,
+    className,
+    children,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsxs(ActionElement.ActionElement, {
+    ref: ref,
+    "aria-current": active ? 'page' : undefined,
+    className: cn(SidebarItem_module.item, active && SidebarItem_module.active, rest.disabled && SidebarItem_module.disabled, className),
+    ...rest,
+    children: [icon != null ? /*#__PURE__*/jsxRuntime.jsx("span", {
+      className: SidebarItem_module.icon,
+      "aria-hidden": "true",
+      children: icon
+    }) : null, /*#__PURE__*/jsxRuntime.jsx("span", {
+      className: SidebarItem_module.label,
+      children: children
+    }), trailing != null && trailing !== false ? /*#__PURE__*/jsxRuntime.jsx("span", {
+      className: SidebarItem_module.trailing,
+      "aria-hidden": "true",
+      children: trailing
+    }) : null]
+  });
+});
+SidebarItem.displayName = 'SidebarItem';
+
+exports.SidebarItem = SidebarItem;
+//# sourceMappingURL=SidebarItem.cjs.map

package/dist/cjs/sidebar/SidebarItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarItem.cjs","sources":["../../../src/sidebar/SidebarItem.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport { ActionElement, type ActionElementProps } from '../utils'\nimport styles from './SidebarItem.module.css'\n\nexport type SidebarItemProps = ActionElementProps & {\n  icon?: ReactNode\n  /** Trailing slot, usually a `<Counter>`; hidden from assistive tech. */\n  trailing?: ReactNode\n  active?: boolean\n}\n\nexport const SidebarItem = forwardRef<\n  HTMLAnchorElement | HTMLButtonElement,\n  SidebarItemProps\n>(({ icon, trailing, active = false, className, children, ...rest }, ref) => (\n  <ActionElement\n    ref={ref}\n    aria-current={active ? 'page' : undefined}\n    className={cn(\n      styles.item,\n      active && styles.active,\n      rest.disabled && styles.disabled,\n      className,\n    )}\n    {...rest}\n  >\n    {icon != null ? (\n      <span className={styles.icon} aria-hidden='true'>\n        {icon}\n      </span>\n    ) : null}\n    <span className={styles.label}>{children}</span>\n    {trailing != null && trailing !== false ? (\n      <span className={styles.trailing} aria-hidden='true'>\n        {trailing}\n      </span>\n    ) : null}\n  </ActionElement>\n))\n\nSidebarItem.displayName = 'SidebarItem'\n"],"names":["SidebarItem","forwardRef","_ref","ref","icon","trailing","active","className","children","rest","_jsxs","ActionElement","undefined","cn","styles","item","disabled","_jsx","label","displayName"],"mappings":";;;;;;;;;;AAcO,MAAMA,WAAW,gBAAGC,gBAAU,CAGnC,CAAAC,IAAA,EAAmEC,GAAG,KAAA;EAAA,IAArE;IAAEC,IAAI;IAAEC,QAAQ;AAAEC,IAAAA,MAAM,GAAG,KAAK;IAAEC,SAAS;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAK,GAAC,GAAAP,IAAA,CAAA;EAAA,oBACjEQ,eAAA,CAACC,2BAAa,EAAA;AACZR,IAAAA,GAAG,EAAEA,GAAI;AACT,IAAA,cAAA,EAAcG,MAAM,GAAG,MAAM,GAAGM,SAAU;IAC1CL,SAAS,EAAEM,EAAE,CACXC,kBAAM,CAACC,IAAI,EACXT,MAAM,IAAIQ,kBAAM,CAACR,MAAM,EACvBG,IAAI,CAACO,QAAQ,IAAIF,kBAAM,CAACE,QAAQ,EAChCT,SACF,CAAE;AAAA,IAAA,GACEE,IAAI;AAAAD,IAAAA,QAAA,EAEPJ,CAAAA,IAAI,IAAI,IAAI,gBACXa,cAAA,CAAA,MAAA,EAAA;MAAMV,SAAS,EAAEO,kBAAM,CAACV,IAAK;AAAC,MAAA,aAAA,EAAY,MAAM;AAAAI,MAAAA,QAAA,EAC7CJ,IAAAA;AAAI,KACD,CAAC,GACL,IAAI,eACRa,cAAA,CAAA,MAAA,EAAA;MAAMV,SAAS,EAAEO,kBAAM,CAACI,KAAM;AAAAV,MAAAA,QAAA,EAAEA,QAAAA;KAAe,CAAC,EAC/CH,QAAQ,IAAI,IAAI,IAAIA,QAAQ,KAAK,KAAK,gBACrCY,cAAA,CAAA,MAAA,EAAA;MAAMV,SAAS,EAAEO,kBAAM,CAACT,QAAS;AAAC,MAAA,aAAA,EAAY,MAAM;AAAAG,MAAAA,QAAA,EACjDH,QAAAA;KACG,CAAC,GACL,IAAI,CAAA;AAAA,GACK,CAAC,CAAA;AAAA,CACjB,EAAC;AAEFL,WAAW,CAACmB,WAAW,GAAG,aAAa;;;;"}

package/dist/cjs/sidebar/SidebarItem.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"item":"SidebarItem-module_item__srUXX","disabled":"SidebarItem-module_disabled__P0pDL","active":"SidebarItem-module_active__Midud","icon":"SidebarItem-module_icon__pk4Aa","label":"SidebarItem-module_label__gFEjo","trailing":"SidebarItem-module_trailing__dyHoT"};
+
+module.exports = styles;
+//# sourceMappingURL=SidebarItem.module.css.cjs.map

package/dist/cjs/sidebar/SidebarItem.module.css.cjs.map

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

package/dist/cjs/sidebar/SidebarLayout.cjs

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+const cn = require('classnames');
+const SidebarLayout_module = require('./SidebarLayout.module.css.cjs');
+const SidebarContext = require('./SidebarContext.cjs');
+const useSidebarDrawer = require('./useSidebarDrawer.cjs');
+const jsxRuntime = require('react/jsx-runtime');
+
+/**
+ * Row that holds Sidebar and SidebarInset and wires the drawer between Sidebar and SidebarToggle.
+ * The Sidebar must be its direct child: it measures its parent's top for the banner offset.
+ */
+const SidebarLayout = /*#__PURE__*/react.forwardRef((_ref, ref) => {
+  let {
+    defaultOpen,
+    open,
+    onOpenChange,
+    className,
+    ...rest
+  } = _ref;
+  const value = useSidebarDrawer.useSidebarDrawer({
+    defaultOpen,
+    open,
+    onOpenChange
+  });
+  return /*#__PURE__*/jsxRuntime.jsx(SidebarContext.SidebarContext.Provider, {
+    value: value,
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      ref: ref,
+      className: cn(SidebarLayout_module.root, className),
+      ...rest
+    })
+  });
+});
+SidebarLayout.displayName = 'SidebarLayout';
+
+exports.SidebarLayout = SidebarLayout;
+//# sourceMappingURL=SidebarLayout.cjs.map

package/dist/cjs/sidebar/SidebarLayout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarLayout.cjs","sources":["../../../src/sidebar/SidebarLayout.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './SidebarLayout.module.css'\nimport { SidebarContext } from './SidebarContext'\nimport { useSidebarDrawer } from './useSidebarDrawer'\n\nexport type SidebarLayoutProps = HTMLAttributes<HTMLDivElement> & {\n  defaultOpen?: boolean\n  /** Controlled drawer state; pair with `onOpenChange`. */\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n}\n\n/**\n * Row that holds Sidebar and SidebarInset and wires the drawer between Sidebar and SidebarToggle.\n * The Sidebar must be its direct child: it measures its parent's top for the banner offset.\n */\nexport const SidebarLayout = forwardRef<HTMLDivElement, SidebarLayoutProps>(\n  ({ defaultOpen, open, onOpenChange, className, ...rest }, ref) => {\n    const value = useSidebarDrawer({ defaultOpen, open, onOpenChange })\n\n    return (\n      <SidebarContext.Provider value={value}>\n        <div ref={ref} className={cn(styles.root, className)} {...rest} />\n      </SidebarContext.Provider>\n    )\n  },\n)\n\nSidebarLayout.displayName = 'SidebarLayout'\n"],"names":["SidebarLayout","forwardRef","_ref","ref","defaultOpen","open","onOpenChange","className","rest","value","useSidebarDrawer","_jsx","SidebarContext","Provider","children","cn","styles","root","displayName"],"mappings":";;;;;;;;;;;AAeA;AACA;AACA;AACA;AACO,MAAMA,aAAa,gBAAGC,gBAAU,CACrC,CAAAC,IAAA,EAA0DC,GAAG,KAAK;EAAA,IAAjE;IAAEC,WAAW;IAAEC,IAAI;IAAEC,YAAY;IAAEC,SAAS;IAAE,GAAGC,IAAAA;AAAK,GAAC,GAAAN,IAAA,CAAA;EACtD,MAAMO,KAAK,GAAGC,iCAAgB,CAAC;IAAEN,WAAW;IAAEC,IAAI;AAAEC,IAAAA,YAAAA;AAAa,GAAC,CAAC,CAAA;AAEnE,EAAA,oBACEK,cAAA,CAACC,6BAAc,CAACC,QAAQ,EAAA;AAACJ,IAAAA,KAAK,EAAEA,KAAM;AAAAK,IAAAA,QAAA,eACpCH,cAAA,CAAA,KAAA,EAAA;AAAKR,MAAAA,GAAG,EAAEA,GAAI;MAACI,SAAS,EAAEQ,EAAE,CAACC,oBAAM,CAACC,IAAI,EAAEV,SAAS,CAAE;MAAA,GAAKC,IAAAA;KAAO,CAAA;AAAC,GAC3C,CAAC,CAAA;AAE9B,CACF,EAAC;AAEDR,aAAa,CAACkB,WAAW,GAAG,eAAe;;;;"}

package/dist/cjs/sidebar/SidebarLayout.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"root":"SidebarLayout-module_root__NAhr-"};
+
+module.exports = styles;
+//# sourceMappingURL=SidebarLayout.module.css.cjs.map

package/dist/cjs/sidebar/SidebarLayout.module.css.cjs.map

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

package/dist/cjs/sidebar/SidebarToggle.cjs

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+const cn = require('classnames');
+const SidebarContext = require('./SidebarContext.cjs');
+const SidebarToggle_module = require('./SidebarToggle.module.css.cjs');
+const jsxRuntime = require('react/jsx-runtime');
+const IconButton = require('../icon-button/IconButton.cjs');
+const IconMenu = require('../icons/components/base/IconMenu.cjs');
+
+/**
+ * Burger that opens the Sidebar drawer; visible only at `ml-down` widths.
+ * Inside a SidebarLayout it wires `aria-*` (explicit props win) and toggles after your
+ * `onClick`, unless that calls `event.preventDefault()`.
+ */
+const SidebarToggle = /*#__PURE__*/react.forwardRef((_ref, ref) => {
+  let {
+    className,
+    'aria-label': ariaLabel = 'Open menu',
+    onClick,
+    ...rest
+  } = _ref;
+  const toggleProps = react.useContext(SidebarContext.SidebarContext)?.toggleProps;
+  const handleClick = event => {
+    onClick?.(event);
+    if (!event.defaultPrevented) toggleProps?.onClick();
+  };
+  return /*#__PURE__*/jsxRuntime.jsx(IconButton.IconButton, {
+    ref: ref,
+    variant: "ghost",
+    icon: /*#__PURE__*/jsxRuntime.jsx(IconMenu.IconMenu, {}),
+    "aria-label": ariaLabel,
+    ...toggleProps,
+    ...rest,
+    onClick: handleClick,
+    className: cn(SidebarToggle_module.toggle, className)
+  });
+});
+SidebarToggle.displayName = 'SidebarToggle';
+
+exports.SidebarToggle = SidebarToggle;
+//# sourceMappingURL=SidebarToggle.cjs.map

package/dist/cjs/sidebar/SidebarToggle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarToggle.cjs","sources":["../../../src/sidebar/SidebarToggle.tsx"],"sourcesContent":["import { forwardRef, useContext, type MouseEvent } from 'react'\n\nimport cn from 'classnames'\n\nimport { IconButton, type IconButtonProps } from '../icon-button'\nimport { IconMenu } from '../icons'\nimport { SidebarContext } from './SidebarContext'\nimport styles from './SidebarToggle.module.css'\n\nexport type SidebarToggleProps = Omit<\n  IconButtonProps,\n  'icon' | 'aria-label'\n> & {\n  'aria-label'?: string\n}\n\n/**\n * Burger that opens the Sidebar drawer; visible only at `ml-down` widths.\n * Inside a SidebarLayout it wires `aria-*` (explicit props win) and toggles after your\n * `onClick`, unless that calls `event.preventDefault()`.\n */\nexport const SidebarToggle = forwardRef<HTMLButtonElement, SidebarToggleProps>(\n  (\n    { className, 'aria-label': ariaLabel = 'Open menu', onClick, ...rest },\n    ref,\n  ) => {\n    const toggleProps = useContext(SidebarContext)?.toggleProps\n    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event)\n      if (!event.defaultPrevented) toggleProps?.onClick()\n    }\n    return (\n      <IconButton\n        ref={ref}\n        variant='ghost'\n        icon={<IconMenu />}\n        aria-label={ariaLabel}\n        {...toggleProps}\n        {...rest}\n        onClick={handleClick}\n        className={cn(styles.toggle, className)}\n      />\n    )\n  },\n)\n\nSidebarToggle.displayName = 'SidebarToggle'\n"],"names":["SidebarToggle","forwardRef","_ref","ref","className","ariaLabel","onClick","rest","toggleProps","useContext","SidebarContext","handleClick","event","defaultPrevented","_jsx","IconButton","variant","icon","IconMenu","cn","styles","toggle","displayName"],"mappings":";;;;;;;;;;;;AAgBA;AACA;AACA;AACA;AACA;AACO,MAAMA,aAAa,gBAAGC,gBAAU,CACrC,CAAAC,IAAA,EAEEC,GAAG,KACA;EAAA,IAFH;IAAEC,SAAS;IAAE,YAAY,EAAEC,SAAS,GAAG,WAAW;IAAEC,OAAO;IAAE,GAAGC,IAAAA;AAAK,GAAC,GAAAL,IAAA,CAAA;AAGtE,EAAA,MAAMM,WAAW,GAAGC,gBAAU,CAACC,6BAAc,CAAC,EAAEF,WAAW,CAAA;EAC3D,MAAMG,WAAW,GAAIC,KAAoC,IAAK;IAC5DN,OAAO,GAAGM,KAAK,CAAC,CAAA;IAChB,IAAI,CAACA,KAAK,CAACC,gBAAgB,EAAEL,WAAW,EAAEF,OAAO,EAAE,CAAA;GACpD,CAAA;EACD,oBACEQ,cAAA,CAACC,qBAAU,EAAA;AACTZ,IAAAA,GAAG,EAAEA,GAAI;AACTa,IAAAA,OAAO,EAAC,OAAO;AACfC,IAAAA,IAAI,eAAEH,cAAA,CAACI,iBAAQ,IAAE,CAAE;AACnB,IAAA,YAAA,EAAYb,SAAU;AAAA,IAAA,GAClBG,WAAW;AAAA,IAAA,GACXD,IAAI;AACRD,IAAAA,OAAO,EAAEK,WAAY;AACrBP,IAAAA,SAAS,EAAEe,EAAE,CAACC,oBAAM,CAACC,MAAM,EAAEjB,SAAS,CAAA;AAAE,GACzC,CAAC,CAAA;AAEN,CACF,EAAC;AAEDJ,aAAa,CAACsB,WAAW,GAAG,eAAe;;;;"}

package/dist/cjs/sidebar/SidebarToggle.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"toggle":"SidebarToggle-module_toggle__pV-c5"};
+
+module.exports = styles;
+//# sourceMappingURL=SidebarToggle.module.css.cjs.map

package/dist/cjs/sidebar/SidebarToggle.module.css.cjs.map

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

package/dist/cjs/sidebar/useSidebarDrawer.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+
+/** Wires Sidebar and SidebarToggle together: spread `sidebarProps` and `toggleProps`. */
+const useSidebarDrawer = function () {
+  let {
+    defaultOpen = false,
+    open: openProp,
+    onOpenChange
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const id = react.useId();
+  const [internalOpen, setInternalOpen] = react.useState(defaultOpen);
+  const controlled = openProp !== undefined;
+  const open = openProp ?? internalOpen;
+  const openRef = react.useRef(open);
+  openRef.current = open;
+  const controlledRef = react.useRef(controlled);
+  controlledRef.current = controlled;
+  const onOpenChangeRef = react.useRef(onOpenChange);
+  onOpenChangeRef.current = onOpenChange;
+  const setOpen = react.useCallback(next => {
+    if (!controlledRef.current) setInternalOpen(next);
+    onOpenChangeRef.current?.(next);
+  }, []);
+  const onClose = react.useCallback(() => setOpen(false), [setOpen]);
+  const onClick = react.useCallback(() => setOpen(!openRef.current), [setOpen]);
+  return react.useMemo(() => ({
+    open,
+    setOpen,
+    sidebarProps: {
+      id,
+      open,
+      onClose
+    },
+    toggleProps: {
+      onClick,
+      'aria-expanded': open,
+      'aria-controls': id
+    }
+  }), [open, setOpen, id, onClose, onClick]);
+};
+
+exports.useSidebarDrawer = useSidebarDrawer;
+//# sourceMappingURL=useSidebarDrawer.cjs.map

package/dist/cjs/sidebar/useSidebarDrawer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSidebarDrawer.cjs","sources":["../../../src/sidebar/useSidebarDrawer.ts"],"sourcesContent":["import { useCallback, useId, useMemo, useRef, useState } from 'react'\n\nexport type UseSidebarDrawerOptions = {\n  defaultOpen?: boolean\n  /** Controlled state; pair with `onOpenChange`. */\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n}\n\nexport type UseSidebarDrawerResult = {\n  open: boolean\n  setOpen: (open: boolean) => void\n  sidebarProps: { id: string; open: boolean; onClose: () => void }\n  toggleProps: {\n    onClick: () => void\n    'aria-expanded': boolean\n    'aria-controls': string\n  }\n}\n\n/** Wires Sidebar and SidebarToggle together: spread `sidebarProps` and `toggleProps`. */\nexport const useSidebarDrawer = ({\n  defaultOpen = false,\n  open: openProp,\n  onOpenChange,\n}: UseSidebarDrawerOptions = {}): UseSidebarDrawerResult => {\n  const id = useId()\n  const [internalOpen, setInternalOpen] = useState(defaultOpen)\n  const controlled = openProp !== undefined\n  const open = openProp ?? internalOpen\n\n  const openRef = useRef(open)\n  openRef.current = open\n  const controlledRef = useRef(controlled)\n  controlledRef.current = controlled\n  const onOpenChangeRef = useRef(onOpenChange)\n  onOpenChangeRef.current = onOpenChange\n\n  const setOpen = useCallback((next: boolean) => {\n    if (!controlledRef.current) setInternalOpen(next)\n    onOpenChangeRef.current?.(next)\n  }, [])\n  const onClose = useCallback(() => setOpen(false), [setOpen])\n  const onClick = useCallback(() => setOpen(!openRef.current), [setOpen])\n\n  return useMemo(\n    () => ({\n      open,\n      setOpen,\n      sidebarProps: { id, open, onClose },\n      toggleProps: { onClick, 'aria-expanded': open, 'aria-controls': id },\n    }),\n    [open, setOpen, id, onClose, onClick],\n  )\n}\n"],"names":["useSidebarDrawer","defaultOpen","open","openProp","onOpenChange","arguments","length","undefined","id","useId","internalOpen","setInternalOpen","useState","controlled","openRef","useRef","current","controlledRef","onOpenChangeRef","setOpen","useCallback","next","onClose","onClick","useMemo","sidebarProps","toggleProps"],"mappings":";;;;;;AAoBA;AACaA,MAAAA,gBAAgB,GAAG,YAI4B;EAAA,IAJ3B;AAC/BC,IAAAA,WAAW,GAAG,KAAK;AACnBC,IAAAA,IAAI,EAAEC,QAAQ;AACdC,IAAAA,YAAAA;AACuB,GAAC,GAAAC,SAAA,CAAAC,MAAA,GAAAD,CAAAA,IAAAA,SAAA,CAAAE,CAAAA,CAAAA,KAAAA,SAAA,GAAAF,SAAA,CAAG,CAAA,CAAA,GAAA,EAAE,CAAA;AAC7B,EAAA,MAAMG,EAAE,GAAGC,WAAK,EAAE,CAAA;EAClB,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGC,cAAQ,CAACX,WAAW,CAAC,CAAA;AAC7D,EAAA,MAAMY,UAAU,GAAGV,QAAQ,KAAKI,SAAS,CAAA;AACzC,EAAA,MAAML,IAAI,GAAGC,QAAQ,IAAIO,YAAY,CAAA;AAErC,EAAA,MAAMI,OAAO,GAAGC,YAAM,CAACb,IAAI,CAAC,CAAA;EAC5BY,OAAO,CAACE,OAAO,GAAGd,IAAI,CAAA;AACtB,EAAA,MAAMe,aAAa,GAAGF,YAAM,CAACF,UAAU,CAAC,CAAA;EACxCI,aAAa,CAACD,OAAO,GAAGH,UAAU,CAAA;AAClC,EAAA,MAAMK,eAAe,GAAGH,YAAM,CAACX,YAAY,CAAC,CAAA;EAC5Cc,eAAe,CAACF,OAAO,GAAGZ,YAAY,CAAA;AAEtC,EAAA,MAAMe,OAAO,GAAGC,iBAAW,CAAEC,IAAa,IAAK;IAC7C,IAAI,CAACJ,aAAa,CAACD,OAAO,EAAEL,eAAe,CAACU,IAAI,CAAC,CAAA;AACjDH,IAAAA,eAAe,CAACF,OAAO,GAAGK,IAAI,CAAC,CAAA;GAChC,EAAE,EAAE,CAAC,CAAA;AACN,EAAA,MAAMC,OAAO,GAAGF,iBAAW,CAAC,MAAMD,OAAO,CAAC,KAAK,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC,CAAA;AAC5D,EAAA,MAAMI,OAAO,GAAGH,iBAAW,CAAC,MAAMD,OAAO,CAAC,CAACL,OAAO,CAACE,OAAO,CAAC,EAAE,CAACG,OAAO,CAAC,CAAC,CAAA;EAEvE,OAAOK,aAAO,CACZ,OAAO;IACLtB,IAAI;IACJiB,OAAO;AACPM,IAAAA,YAAY,EAAE;MAAEjB,EAAE;MAAEN,IAAI;AAAEoB,MAAAA,OAAAA;KAAS;AACnCI,IAAAA,WAAW,EAAE;MAAEH,OAAO;AAAE,MAAA,eAAe,EAAErB,IAAI;AAAE,MAAA,eAAe,EAAEM,EAAAA;AAAG,KAAA;AACrE,GAAC,CAAC,EACF,CAACN,IAAI,EAAEiB,OAAO,EAAEX,EAAE,EAAEc,OAAO,EAAEC,OAAO,CACtC,CAAC,CAAA;AACH;;;;"}

package/dist/cjs/stat-item/StatItem.cjs

@@ -5,8 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const cn = require('classnames');
 const StatItem_module = require('./StatItem.module.css.cjs');
 const jsxRuntime = require('react/jsx-runtime');
-const Tooltip = require('../tooltip/Tooltip.cjs');
-const IconInfo = require('../icons/components/base/IconInfo.cjs');
+const InfoTooltip = require('../info-tooltip/InfoTooltip.cjs');
 
 const StatItem = _ref => {
   let {
@@ -36,12 +35,8 @@ const StatItem = _ref => {
         className: StatItem_module.label,
         "data-testid": dataTestId?.label,
         children: label
-      }), info ? /*#__PURE__*/jsxRuntime.jsx(Tooltip.Tooltip, {
-        content: info,
-        className: StatItem_module.info,
-        children: /*#__PURE__*/jsxRuntime.jsx(IconInfo.IconInfo, {
-          className: StatItem_module.infoIcon
-        })
+      }), info ? /*#__PURE__*/jsxRuntime.jsx(InfoTooltip.InfoTooltip, {
+        content: info
       }) : null]
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: StatItem_module.valueRow,

package/dist/cjs/stat-item/StatItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StatItem.cjs","sources":["../../../src/stat-item/StatItem.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport { IconInfo } from '../icons'\nimport { Tooltip } from '../tooltip'\n\nimport styles from './StatItem.module.css'\n\nexport type StatItemAlign = 'left' | 'center'\n\nexport type StatItemDataTestId = {\n  root?: string\n  label?: string\n  icon?: string\n  value?: string\n  subValue?: string\n  description?: string\n}\n\nexport type StatItemProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {\n  label: ReactNode\n  value: ReactNode\n  titleIcon?: ReactNode\n  info?: ReactNode\n  icon?: ReactNode\n  subValue?: ReactNode\n  description?: ReactNode\n  align?: StatItemAlign\n  dataTestId?: StatItemDataTestId\n}\n\nexport const StatItem = ({\n  label,\n  value,\n  titleIcon,\n  info,\n  icon,\n  subValue,\n  description,\n  align = 'center',\n  className,\n  dataTestId,\n  ...rest\n}: StatItemProps) => (\n  <div\n    className={cn(styles.item, styles[align], className)}\n    data-testid={dataTestId?.root}\n    {...rest}\n  >\n    <div className={styles.title}>\n      {titleIcon ? (\n        <span className={styles.titleIcon} aria-hidden='true'>\n          {titleIcon}\n        </span>\n      ) : null}\n      <div className={styles.label} data-testid={dataTestId?.label}>\n        {label}\n      </div>\n      {info ? (\n        <Tooltip content={info} className={styles.info}>\n          <IconInfo className={styles.infoIcon} />\n        </Tooltip>\n      ) : null}\n    </div>\n    <div className={styles.valueRow}>\n      <div className={styles.value} data-testid={dataTestId?.value}>\n        {value}\n      </div>\n      {icon != null ? (\n        <span\n          className={styles.icon}\n          aria-hidden='true'\n          data-testid={dataTestId?.icon}\n        >\n          {icon}\n        </span>\n      ) : null}\n      {align === 'left' && subValue != null ? (\n        <div className={styles.subValue} data-testid={dataTestId?.subValue}>\n          {subValue}\n        </div>\n      ) : null}\n    </div>\n    {align === 'center' && subValue != null ? (\n      <div className={styles.subValue} data-testid={dataTestId?.subValue}>\n        {subValue}\n      </div>\n    ) : null}\n    {description != null ? (\n      <div className={styles.description} data-testid={dataTestId?.description}>\n        {description}\n      </div>\n    ) : null}\n  </div>\n)\n"],"names":["StatItem","_ref","label","value","titleIcon","info","icon","subValue","description","align","className","dataTestId","rest","_jsxs","cn","styles","item","root","children","title","_jsx","Tooltip","content","IconInfo","infoIcon","valueRow"],"mappings":";;;;;;;;;;AAgCO,MAAMA,QAAQ,GAAGC,IAAA,IAAA;EAAA,IAAC;IACvBC,KAAK;IACLC,KAAK;IACLC,SAAS;IACTC,IAAI;IACJC,IAAI;IACJC,QAAQ;IACRC,WAAW;AACXC,IAAAA,KAAK,GAAG,QAAQ;IAChBC,SAAS;IACTC,UAAU;IACV,GAAGC,IAAAA;AACU,GAAC,GAAAX,IAAA,CAAA;AAAA,EAAA,oBACdY,eAAA,CAAA,KAAA,EAAA;AACEH,IAAAA,SAAS,EAAEI,EAAE,CAACC,eAAM,CAACC,IAAI,EAAED,eAAM,CAACN,KAAK,CAAC,EAAEC,SAAS,CAAE;IACrD,aAAaC,EAAAA,UAAU,EAAEM,IAAK;AAAA,IAAA,GAC1BL,IAAI;AAAAM,IAAAA,QAAA,gBAERL,eAAA,CAAA,KAAA,EAAA;MAAKH,SAAS,EAAEK,eAAM,CAACI,KAAM;MAAAD,QAAA,EAAA,CAC1Bd,SAAS,gBACRgB,cAAA,CAAA,MAAA,EAAA;QAAMV,SAAS,EAAEK,eAAM,CAACX,SAAU;AAAC,QAAA,aAAA,EAAY,MAAM;AAAAc,QAAAA,QAAA,EAClDd,SAAAA;AAAS,OACN,CAAC,GACL,IAAI,eACRgB,cAAA,CAAA,KAAA,EAAA;QAAKV,SAAS,EAAEK,eAAM,CAACb,KAAM;QAAC,aAAaS,EAAAA,UAAU,EAAET,KAAM;AAAAgB,QAAAA,QAAA,EAC1DhB,KAAAA;AAAK,OACH,CAAC,EACLG,IAAI,gBACHe,cAAA,CAACC,eAAO,EAAA;AAACC,QAAAA,OAAO,EAAEjB,IAAK;QAACK,SAAS,EAAEK,eAAM,CAACV,IAAK;QAAAa,QAAA,eAC7CE,cAAA,CAACG,iBAAQ,EAAA;UAACb,SAAS,EAAEK,eAAM,CAACS,QAAAA;SAAW,CAAA;OAChC,CAAC,GACR,IAAI,CAAA;KACL,CAAC,eACNX,eAAA,CAAA,KAAA,EAAA;MAAKH,SAAS,EAAEK,eAAM,CAACU,QAAS;AAAAP,MAAAA,QAAA,gBAC9BE,cAAA,CAAA,KAAA,EAAA;QAAKV,SAAS,EAAEK,eAAM,CAACZ,KAAM;QAAC,aAAaQ,EAAAA,UAAU,EAAER,KAAM;AAAAe,QAAAA,QAAA,EAC1Df,KAAAA;AAAK,OACH,CAAC,EACLG,IAAI,IAAI,IAAI,gBACXc,cAAA,CAAA,MAAA,EAAA;QACEV,SAAS,EAAEK,eAAM,CAACT,IAAK;AACvB,QAAA,aAAA,EAAY,MAAM;QAClB,aAAaK,EAAAA,UAAU,EAAEL,IAAK;AAAAY,QAAAA,QAAA,EAE7BZ,IAAAA;AAAI,OACD,CAAC,GACL,IAAI,EACPG,KAAK,KAAK,MAAM,IAAIF,QAAQ,IAAI,IAAI,gBACnCa,cAAA,CAAA,KAAA,EAAA;QAAKV,SAAS,EAAEK,eAAM,CAACR,QAAS;QAAC,aAAaI,EAAAA,UAAU,EAAEJ,QAAS;AAAAW,QAAAA,QAAA,EAChEX,QAAAA;OACE,CAAC,GACJ,IAAI,CAAA;KACL,CAAC,EACLE,KAAK,KAAK,QAAQ,IAAIF,QAAQ,IAAI,IAAI,gBACrCa,cAAA,CAAA,KAAA,EAAA;MAAKV,SAAS,EAAEK,eAAM,CAACR,QAAS;MAAC,aAAaI,EAAAA,UAAU,EAAEJ,QAAS;AAAAW,MAAAA,QAAA,EAChEX,QAAAA;KACE,CAAC,GACJ,IAAI,EACPC,WAAW,IAAI,IAAI,gBAClBY,cAAA,CAAA,KAAA,EAAA;MAAKV,SAAS,EAAEK,eAAM,CAACP,WAAY;MAAC,aAAaG,EAAAA,UAAU,EAAEH,WAAY;AAAAU,MAAAA,QAAA,EACtEV,WAAAA;KACE,CAAC,GACJ,IAAI,CAAA;AAAA,GACL,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"StatItem.cjs","sources":["../../../src/stat-item/StatItem.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport { InfoTooltip } from '../info-tooltip'\n\nimport styles from './StatItem.module.css'\n\nexport type StatItemAlign = 'left' | 'center'\n\nexport type StatItemDataTestId = {\n  root?: string\n  label?: string\n  icon?: string\n  value?: string\n  subValue?: string\n  description?: string\n}\n\nexport type StatItemProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {\n  label: ReactNode\n  value: ReactNode\n  titleIcon?: ReactNode\n  info?: ReactNode\n  icon?: ReactNode\n  subValue?: ReactNode\n  description?: ReactNode\n  align?: StatItemAlign\n  dataTestId?: StatItemDataTestId\n}\n\nexport const StatItem = ({\n  label,\n  value,\n  titleIcon,\n  info,\n  icon,\n  subValue,\n  description,\n  align = 'center',\n  className,\n  dataTestId,\n  ...rest\n}: StatItemProps) => (\n  <div\n    className={cn(styles.item, styles[align], className)}\n    data-testid={dataTestId?.root}\n    {...rest}\n  >\n    <div className={styles.title}>\n      {titleIcon ? (\n        <span className={styles.titleIcon} aria-hidden='true'>\n          {titleIcon}\n        </span>\n      ) : null}\n      <div className={styles.label} data-testid={dataTestId?.label}>\n        {label}\n      </div>\n      {info ? <InfoTooltip content={info} /> : null}\n    </div>\n    <div className={styles.valueRow}>\n      <div className={styles.value} data-testid={dataTestId?.value}>\n        {value}\n      </div>\n      {icon != null ? (\n        <span\n          className={styles.icon}\n          aria-hidden='true'\n          data-testid={dataTestId?.icon}\n        >\n          {icon}\n        </span>\n      ) : null}\n      {align === 'left' && subValue != null ? (\n        <div className={styles.subValue} data-testid={dataTestId?.subValue}>\n          {subValue}\n        </div>\n      ) : null}\n    </div>\n    {align === 'center' && subValue != null ? (\n      <div className={styles.subValue} data-testid={dataTestId?.subValue}>\n        {subValue}\n      </div>\n    ) : null}\n    {description != null ? (\n      <div className={styles.description} data-testid={dataTestId?.description}>\n        {description}\n      </div>\n    ) : null}\n  </div>\n)\n"],"names":["StatItem","_ref","label","value","titleIcon","info","icon","subValue","description","align","className","dataTestId","rest","_jsxs","cn","styles","item","root","children","title","_jsx","InfoTooltip","content","valueRow"],"mappings":";;;;;;;;;AA+BO,MAAMA,QAAQ,GAAGC,IAAA,IAAA;EAAA,IAAC;IACvBC,KAAK;IACLC,KAAK;IACLC,SAAS;IACTC,IAAI;IACJC,IAAI;IACJC,QAAQ;IACRC,WAAW;AACXC,IAAAA,KAAK,GAAG,QAAQ;IAChBC,SAAS;IACTC,UAAU;IACV,GAAGC,IAAAA;AACU,GAAC,GAAAX,IAAA,CAAA;AAAA,EAAA,oBACdY,eAAA,CAAA,KAAA,EAAA;AACEH,IAAAA,SAAS,EAAEI,EAAE,CAACC,eAAM,CAACC,IAAI,EAAED,eAAM,CAACN,KAAK,CAAC,EAAEC,SAAS,CAAE;IACrD,aAAaC,EAAAA,UAAU,EAAEM,IAAK;AAAA,IAAA,GAC1BL,IAAI;AAAAM,IAAAA,QAAA,gBAERL,eAAA,CAAA,KAAA,EAAA;MAAKH,SAAS,EAAEK,eAAM,CAACI,KAAM;MAAAD,QAAA,EAAA,CAC1Bd,SAAS,gBACRgB,cAAA,CAAA,MAAA,EAAA;QAAMV,SAAS,EAAEK,eAAM,CAACX,SAAU;AAAC,QAAA,aAAA,EAAY,MAAM;AAAAc,QAAAA,QAAA,EAClDd,SAAAA;AAAS,OACN,CAAC,GACL,IAAI,eACRgB,cAAA,CAAA,KAAA,EAAA;QAAKV,SAAS,EAAEK,eAAM,CAACb,KAAM;QAAC,aAAaS,EAAAA,UAAU,EAAET,KAAM;AAAAgB,QAAAA,QAAA,EAC1DhB,KAAAA;AAAK,OACH,CAAC,EACLG,IAAI,gBAAGe,cAAA,CAACC,uBAAW,EAAA;AAACC,QAAAA,OAAO,EAAEjB,IAAAA;OAAO,CAAC,GAAG,IAAI,CAAA;KAC1C,CAAC,eACNQ,eAAA,CAAA,KAAA,EAAA;MAAKH,SAAS,EAAEK,eAAM,CAACQ,QAAS;AAAAL,MAAAA,QAAA,gBAC9BE,cAAA,CAAA,KAAA,EAAA;QAAKV,SAAS,EAAEK,eAAM,CAACZ,KAAM;QAAC,aAAaQ,EAAAA,UAAU,EAAER,KAAM;AAAAe,QAAAA,QAAA,EAC1Df,KAAAA;AAAK,OACH,CAAC,EACLG,IAAI,IAAI,IAAI,gBACXc,cAAA,CAAA,MAAA,EAAA;QACEV,SAAS,EAAEK,eAAM,CAACT,IAAK;AACvB,QAAA,aAAA,EAAY,MAAM;QAClB,aAAaK,EAAAA,UAAU,EAAEL,IAAK;AAAAY,QAAAA,QAAA,EAE7BZ,IAAAA;AAAI,OACD,CAAC,GACL,IAAI,EACPG,KAAK,KAAK,MAAM,IAAIF,QAAQ,IAAI,IAAI,gBACnCa,cAAA,CAAA,KAAA,EAAA;QAAKV,SAAS,EAAEK,eAAM,CAACR,QAAS;QAAC,aAAaI,EAAAA,UAAU,EAAEJ,QAAS;AAAAW,QAAAA,QAAA,EAChEX,QAAAA;OACE,CAAC,GACJ,IAAI,CAAA;KACL,CAAC,EACLE,KAAK,KAAK,QAAQ,IAAIF,QAAQ,IAAI,IAAI,gBACrCa,cAAA,CAAA,KAAA,EAAA;MAAKV,SAAS,EAAEK,eAAM,CAACR,QAAS;MAAC,aAAaI,EAAAA,UAAU,EAAEJ,QAAS;AAAAW,MAAAA,QAAA,EAChEX,QAAAA;KACE,CAAC,GACJ,IAAI,EACPC,WAAW,IAAI,IAAI,gBAClBY,cAAA,CAAA,KAAA,EAAA;MAAKV,SAAS,EAAEK,eAAM,CAACP,WAAY;MAAC,aAAaG,EAAAA,UAAU,EAAEH,WAAY;AAAAU,MAAAA,QAAA,EACtEV,WAAAA;KACE,CAAC,GACJ,IAAI,CAAA;AAAA,GACL,CAAC,CAAA;AAAA;;;;"}

package/dist/cjs/stat-item/StatItem.module.css.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const styles = {"item":"StatItem-module_item__QRZDs","left":"StatItem-module_left__-Ovy7","title":"StatItem-module_title__FHb51","titleIcon":"StatItem-module_titleIcon__Ma4M2","label":"StatItem-module_label__VE-ss","info":"StatItem-module_info__bfs7P","infoIcon":"StatItem-module_infoIcon__ACfd4","valueRow":"StatItem-module_valueRow__29twm","value":"StatItem-module_value__SNuSG","icon":"StatItem-module_icon__azLse","subValue":"StatItem-module_subValue__cw34j","description":"StatItem-module_description__lwTA2"};
+const styles = {"item":"StatItem-module_item__QRZDs","left":"StatItem-module_left__-Ovy7","title":"StatItem-module_title__FHb51","titleIcon":"StatItem-module_titleIcon__Ma4M2","label":"StatItem-module_label__VE-ss","valueRow":"StatItem-module_valueRow__29twm","value":"StatItem-module_value__SNuSG","icon":"StatItem-module_icon__azLse","subValue":"StatItem-module_subValue__cw34j","description":"StatItem-module_description__lwTA2"};
 
 module.exports = styles;
 //# sourceMappingURL=StatItem.module.css.cjs.map

package/dist/cjs/utils/surface.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+const surfaceStyles = {"surface":"surface-module_surface__YCidZ"};
+
+module.exports = surfaceStyles;
+//# sourceMappingURL=surface.module.css.cjs.map

package/dist/cjs/utils/surface.module.css.cjs.map

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

package/dist/esm/address/Address.mjs

@@ -0,0 +1,46 @@
+import { forwardRef } from 'react';
+import cn from 'classnames';
+import styles from './Address.module.css.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Identicon } from '../identicon/Identicon.mjs';
+import { Tooltip } from '../tooltip/Tooltip.mjs';
+import { Copy } from '../copy/Copy.mjs';
+import { Hex } from '../hex/Hex.mjs';
+
+const Address = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    address,
+    symbols,
+    identicon,
+    tooltip = false,
+    copy = false,
+    className,
+    children,
+    ...rest
+  } = _ref;
+  const hex = /*#__PURE__*/jsx(Hex, {
+    value: address,
+    symbols: symbols,
+    title: tooltip ? '' : undefined
+  });
+  return /*#__PURE__*/jsxs("span", {
+    ref: ref,
+    className: cn(styles.root, className),
+    ...rest,
+    children: [identicon != null ? /*#__PURE__*/jsx(Identicon, {
+      address: address,
+      size: identicon,
+      className: cn(styles.identicon, identicon >= 28 && styles.identiconLarge)
+    }) : null, tooltip ? /*#__PURE__*/jsx(Tooltip, {
+      content: address,
+      tabIndex: 0,
+      children: hex
+    }) : hex, copy ? /*#__PURE__*/jsx(Copy, {
+      text: address
+    }) : null, children]
+  });
+});
+Address.displayName = 'Address';
+
+export { Address };
+//# sourceMappingURL=Address.mjs.map

package/dist/esm/address/Address.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Address.mjs","sources":["../../../src/address/Address.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef } from 'react'\n\nimport cn from 'classnames'\n\nimport { Copy } from '../copy'\nimport { Hex } from '../hex'\nimport { Identicon } from '../identicon'\nimport { Tooltip } from '../tooltip'\nimport styles from './Address.module.css'\n\nexport type AddressProps = ComponentPropsWithoutRef<'span'> & {\n  address: string\n  symbols?: number\n  identicon?: number\n  tooltip?: boolean\n  copy?: boolean\n}\n\nexport const Address = forwardRef<HTMLSpanElement, AddressProps>(\n  (\n    {\n      address,\n      symbols,\n      identicon,\n      tooltip = false,\n      copy = false,\n      className,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    const hex = (\n      <Hex value={address} symbols={symbols} title={tooltip ? '' : undefined} />\n    )\n\n    return (\n      <span ref={ref} className={cn(styles.root, className)} {...rest}>\n        {identicon != null ? (\n          <Identicon\n            address={address}\n            size={identicon}\n            className={cn(\n              styles.identicon,\n              identicon >= 28 && styles.identiconLarge,\n            )}\n          />\n        ) : null}\n        {tooltip ? (\n          <Tooltip content={address} tabIndex={0}>\n            {hex}\n          </Tooltip>\n        ) : (\n          hex\n        )}\n        {copy ? <Copy text={address} /> : null}\n        {children}\n      </span>\n    )\n  },\n)\n\nAddress.displayName = 'Address'\n"],"names":["Address","forwardRef","_ref","ref","address","symbols","identicon","tooltip","copy","className","children","rest","hex","_jsx","Hex","value","title","undefined","_jsxs","cn","styles","root","Identicon","size","identiconLarge","Tooltip","content","tabIndex","Copy","text","displayName"],"mappings":";;;;;;;;;AAkBO,MAAMA,OAAO,gBAAGC,UAAU,CAC/B,CAAAC,IAAA,EAWEC,GAAG,KACA;EAAA,IAXH;IACEC,OAAO;IACPC,OAAO;IACPC,SAAS;AACTC,IAAAA,OAAO,GAAG,KAAK;AACfC,IAAAA,IAAI,GAAG,KAAK;IACZC,SAAS;IACTC,QAAQ;IACR,GAAGC,IAAAA;AACL,GAAC,GAAAT,IAAA,CAAA;AAGD,EAAA,MAAMU,GAAG,gBACPC,GAAA,CAACC,GAAG,EAAA;AAACC,IAAAA,KAAK,EAAEX,OAAQ;AAACC,IAAAA,OAAO,EAAEA,OAAQ;AAACW,IAAAA,KAAK,EAAET,OAAO,GAAG,EAAE,GAAGU,SAAAA;AAAU,GAAE,CAC1E,CAAA;AAED,EAAA,oBACEC,IAAA,CAAA,MAAA,EAAA;AAAMf,IAAAA,GAAG,EAAEA,GAAI;IAACM,SAAS,EAAEU,EAAE,CAACC,MAAM,CAACC,IAAI,EAAEZ,SAAS,CAAE;AAAA,IAAA,GAAKE,IAAI;AAAAD,IAAAA,QAAA,GAC5DJ,SAAS,IAAI,IAAI,gBAChBO,GAAA,CAACS,SAAS,EAAA;AACRlB,MAAAA,OAAO,EAAEA,OAAQ;AACjBmB,MAAAA,IAAI,EAAEjB,SAAU;AAChBG,MAAAA,SAAS,EAAEU,EAAE,CACXC,MAAM,CAACd,SAAS,EAChBA,SAAS,IAAI,EAAE,IAAIc,MAAM,CAACI,cAC5B,CAAA;KACD,CAAC,GACA,IAAI,EACPjB,OAAO,gBACNM,GAAA,CAACY,OAAO,EAAA;AAACC,MAAAA,OAAO,EAAEtB,OAAQ;AAACuB,MAAAA,QAAQ,EAAE,CAAE;AAAAjB,MAAAA,QAAA,EACpCE,GAAAA;KACM,CAAC,GAEVA,GACD,EACAJ,IAAI,gBAAGK,GAAA,CAACe,IAAI,EAAA;AAACC,MAAAA,IAAI,EAAEzB,OAAAA;AAAQ,KAAE,CAAC,GAAG,IAAI,EACrCM,QAAQ,CAAA;AAAA,GACL,CAAC,CAAA;AAEX,CACF,EAAC;AAEDV,OAAO,CAAC8B,WAAW,GAAG,SAAS;;;;"}

package/dist/esm/address/Address.module.css.mjs

@@ -0,0 +1,4 @@
+const styles = {"root":"Address-module_root__VufXT","identicon":"Address-module_identicon__QBsQ2","identiconLarge":"Address-module_identiconLarge__PljfK"};
+
+export { styles as default };
+//# sourceMappingURL=Address.module.css.mjs.map

package/dist/esm/address/Address.module.css.mjs.map

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

package/dist/esm/address-button/AddressButton.mjs

@@ -0,0 +1,45 @@
+import { forwardRef } from 'react';
+import cn from 'classnames';
+import surfaceStyles from '../utils/surface.module.css.mjs';
+import styles from './AddressButton.module.css.mjs';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { IconLoaderCircle } from '../icons/components/base/IconLoaderCircle.mjs';
+import { Address } from '../address/Address.mjs';
+
+/** Pill button showing an identicon and the trimmed address. */
+const AddressButton = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    address,
+    symbols,
+    loading = false,
+    disabled = false,
+    className,
+    type = 'button',
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsx("button", {
+    ref: ref,
+    type: type,
+    disabled: disabled || loading,
+    "aria-busy": loading || undefined,
+    className: cn(surfaceStyles.surface, styles.button, loading && !disabled && styles.loading, className),
+    ...rest,
+    children: loading ? /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx("span", {
+        className: styles.slot,
+        "aria-hidden": "true",
+        children: /*#__PURE__*/jsx(IconLoaderCircle, {
+          className: styles.spinner
+        })
+      }), "Loading"]
+    }) : /*#__PURE__*/jsx(Address, {
+      address: address,
+      symbols: symbols,
+      identicon: 28
+    })
+  });
+});
+AddressButton.displayName = 'AddressButton';
+
+export { AddressButton };
+//# sourceMappingURL=AddressButton.mjs.map

package/dist/esm/address-button/AddressButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddressButton.mjs","sources":["../../../src/address-button/AddressButton.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes } from 'react'\n\nimport cn from 'classnames'\n\nimport { Address } from '../address'\nimport { IconLoaderCircle } from '../icons'\nimport surfaceStyles from '../utils/surface.module.css'\nimport styles from './AddressButton.module.css'\n\nexport type AddressButtonProps = Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'children'\n> & {\n  address: string\n  symbols?: number\n  loading?: boolean\n}\n\n/** Pill button showing an identicon and the trimmed address. */\nexport const AddressButton = forwardRef<HTMLButtonElement, AddressButtonProps>(\n  (\n    {\n      address,\n      symbols,\n      loading = false,\n      disabled = false,\n      className,\n      type = 'button',\n      ...rest\n    },\n    ref,\n  ) => (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled || loading}\n      aria-busy={loading || undefined}\n      className={cn(\n        surfaceStyles.surface,\n        styles.button,\n        loading && !disabled && styles.loading,\n        className,\n      )}\n      {...rest}\n    >\n      {loading ? (\n        <>\n          <span className={styles.slot} aria-hidden='true'>\n            <IconLoaderCircle className={styles.spinner} />\n          </span>\n          Loading\n        </>\n      ) : (\n        <Address address={address} symbols={symbols} identicon={28} />\n      )}\n    </button>\n  ),\n)\n\nAddressButton.displayName = 'AddressButton'\n"],"names":["AddressButton","forwardRef","_ref","ref","address","symbols","loading","disabled","className","type","rest","_jsx","undefined","cn","surfaceStyles","surface","styles","button","children","_jsxs","_Fragment","slot","IconLoaderCircle","spinner","Address","identicon","displayName"],"mappings":";;;;;;;;AAkBA;AACO,MAAMA,aAAa,gBAAGC,UAAU,CACrC,CAAAC,IAAA,EAUEC,GAAG,KAAA;EAAA,IATH;IACEC,OAAO;IACPC,OAAO;AACPC,IAAAA,OAAO,GAAG,KAAK;AACfC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,SAAS;AACTC,IAAAA,IAAI,GAAG,QAAQ;IACf,GAAGC,IAAAA;AACL,GAAC,GAAAR,IAAA,CAAA;AAAA,EAAA,oBAGDS,GAAA,CAAA,QAAA,EAAA;AACER,IAAAA,GAAG,EAAEA,GAAI;AACTM,IAAAA,IAAI,EAAEA,IAAK;IACXF,QAAQ,EAAEA,QAAQ,IAAID,OAAQ;IAC9B,WAAWA,EAAAA,OAAO,IAAIM,SAAU;IAChCJ,SAAS,EAAEK,EAAE,CACXC,aAAa,CAACC,OAAO,EACrBC,MAAM,CAACC,MAAM,EACbX,OAAO,IAAI,CAACC,QAAQ,IAAIS,MAAM,CAACV,OAAO,EACtCE,SACF,CAAE;AAAA,IAAA,GACEE,IAAI;AAAAQ,IAAAA,QAAA,EAEPZ,OAAO,gBACNa,IAAA,CAAAC,QAAA,EAAA;AAAAF,MAAAA,QAAA,gBACEP,GAAA,CAAA,MAAA,EAAA;QAAMH,SAAS,EAAEQ,MAAM,CAACK,IAAK;AAAC,QAAA,aAAA,EAAY,MAAM;QAAAH,QAAA,eAC9CP,GAAA,CAACW,gBAAgB,EAAA;UAACd,SAAS,EAAEQ,MAAM,CAACO,OAAAA;SAAU,CAAA;AAAC,OAC3C,CAAC,EAET,SAAA,CAAA;AAAA,KAAE,CAAC,gBAEHZ,GAAA,CAACa,OAAO,EAAA;AAACpB,MAAAA,OAAO,EAAEA,OAAQ;AAACC,MAAAA,OAAO,EAAEA,OAAQ;AAACoB,MAAAA,SAAS,EAAE,EAAA;KAAK,CAAA;AAC9D,GACK,CAAC,CAAA;AAAA,CAEb,EAAC;AAEDzB,aAAa,CAAC0B,WAAW,GAAG,eAAe;;;;"}

package/dist/esm/address-button/AddressButton.module.css.mjs

@@ -0,0 +1,4 @@
+const styles = {"button":"AddressButton-module_button__cNJUm","loading":"AddressButton-module_loading__TmxUZ","slot":"AddressButton-module_slot__A5Xbe","spinner":"AddressButton-module_spinner__JztAP","spin":"AddressButton-module_spin__no7O5"};
+
+export { styles as default };
+//# sourceMappingURL=AddressButton.module.css.mjs.map

package/dist/esm/address-button/AddressButton.module.css.mjs.map

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

package/dist/esm/button/Button.mjs

@@ -25,7 +25,7 @@ const Button = /*#__PURE__*/forwardRef((_ref, ref) => {
     type: type,
     disabled: disabled || loading,
     "aria-busy": loading || undefined,
-    className: cn(styles.button, styles[variant], styles[size], loading && styles.loading, className),
+    className: cn(styles.button, styles[variant], styles[size], loading && !disabled && styles.loading, className),
     "data-testid": dataTestId?.root,
     ...rest,
     children: [loading ? /*#__PURE__*/jsx(IconLoaderCircle, {

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

@@ -1 +1 @@
-{"version":3,"file":"Button.mjs","sources":["../../../src/button/Button.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes, type ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport { CounterSlot } from '../counter/CounterSlot'\nimport { IconLoaderCircle } from '../icons'\nimport styles from './Button.module.css'\n\nexport type ButtonVariant = 'primary' | 'outline' | 'subtle' | 'ghost' | 'error'\n\nexport type ButtonSize = 'big' | 'small'\n\nexport type ButtonDataTestId = {\n  root?: string\n  iconLeft?: string\n  iconRight?: string\n  content?: string\n  counter?: string\n}\n\nexport type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  variant?: ButtonVariant\n  size?: ButtonSize\n  loading?: boolean\n  iconLeft?: ReactNode\n  iconRight?: ReactNode\n  /** Corner slot, aria-hidden: put the count into `aria-label`. */\n  counter?: ReactNode\n  dataTestId?: ButtonDataTestId\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      children,\n      type = 'button',\n      variant = 'primary',\n      size = 'big',\n      loading = false,\n      disabled = false,\n      iconLeft,\n      iconRight,\n      counter,\n      dataTestId,\n      ...rest\n    },\n    ref,\n  ) => (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled || loading}\n      aria-busy={loading || undefined}\n      className={cn(\n        styles.button,\n        styles[variant],\n        styles[size],\n        loading && styles.loading,\n        className,\n      )}\n      data-testid={dataTestId?.root}\n      {...rest}\n    >\n      {loading ? (\n        <IconLoaderCircle className={styles.spinner} aria-hidden='true' />\n      ) : (\n        iconLeft != null && (\n          <span\n            className={styles.icon}\n            aria-hidden='true'\n            data-testid={dataTestId?.iconLeft}\n          >\n            {iconLeft}\n          </span>\n        )\n      )}\n      <span className={styles.content} data-testid={dataTestId?.content}>\n        {children}\n      </span>\n      {!loading && iconRight != null ? (\n        <span\n          className={styles.icon}\n          aria-hidden='true'\n          data-testid={dataTestId?.iconRight}\n        >\n          {iconRight}\n        </span>\n      ) : null}\n      <CounterSlot dataTestId={dataTestId?.counter}>{counter}</CounterSlot>\n    </button>\n  ),\n)\n\nButton.displayName = 'Button'\n"],"names":["Button","forwardRef","_ref","ref","className","children","type","variant","size","loading","disabled","iconLeft","iconRight","counter","dataTestId","rest","_jsxs","undefined","cn","styles","button","root","_jsx","IconLoaderCircle","spinner","icon","content","CounterSlot","displayName"],"mappings":";;;;;;;AA+BO,MAAMA,MAAM,gBAAGC,UAAU,CAC9B,CAAAC,IAAA,EAeEC,GAAG,KAAA;EAAA,IAdH;IACEC,SAAS;IACTC,QAAQ;AACRC,IAAAA,IAAI,GAAG,QAAQ;AACfC,IAAAA,OAAO,GAAG,SAAS;AACnBC,IAAAA,IAAI,GAAG,KAAK;AACZC,IAAAA,OAAO,GAAG,KAAK;AACfC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,QAAQ;IACRC,SAAS;IACTC,OAAO;IACPC,UAAU;IACV,GAAGC,IAAAA;AACL,GAAC,GAAAb,IAAA,CAAA;AAAA,EAAA,oBAGDc,IAAA,CAAA,QAAA,EAAA;AACEb,IAAAA,GAAG,EAAEA,GAAI;AACTG,IAAAA,IAAI,EAAEA,IAAK;IACXI,QAAQ,EAAEA,QAAQ,IAAID,OAAQ;IAC9B,WAAWA,EAAAA,OAAO,IAAIQ,SAAU;IAChCb,SAAS,EAAEc,EAAE,CACXC,MAAM,CAACC,MAAM,EACbD,MAAM,CAACZ,OAAO,CAAC,EACfY,MAAM,CAACX,IAAI,CAAC,EACZC,OAAO,IAAIU,MAAM,CAACV,OAAO,EACzBL,SACF,CAAE;IACF,aAAaU,EAAAA,UAAU,EAAEO,IAAK;AAAA,IAAA,GAC1BN,IAAI;AAAAV,IAAAA,QAAA,EAEPI,CAAAA,OAAO,gBACNa,GAAA,CAACC,gBAAgB,EAAA;MAACnB,SAAS,EAAEe,MAAM,CAACK,OAAQ;MAAC,aAAY,EAAA,MAAA;AAAM,KAAE,CAAC,GAElEb,QAAQ,IAAI,IAAI,iBACdW,GAAA,CAAA,MAAA,EAAA;MACElB,SAAS,EAAEe,MAAM,CAACM,IAAK;AACvB,MAAA,aAAA,EAAY,MAAM;MAClB,aAAaX,EAAAA,UAAU,EAAEH,QAAS;AAAAN,MAAAA,QAAA,EAEjCM,QAAAA;KACG,CAET,eACDW,GAAA,CAAA,MAAA,EAAA;MAAMlB,SAAS,EAAEe,MAAM,CAACO,OAAQ;MAAC,aAAaZ,EAAAA,UAAU,EAAEY,OAAQ;AAAArB,MAAAA,QAAA,EAC/DA,QAAAA;KACG,CAAC,EACN,CAACI,OAAO,IAAIG,SAAS,IAAI,IAAI,gBAC5BU,GAAA,CAAA,MAAA,EAAA;MACElB,SAAS,EAAEe,MAAM,CAACM,IAAK;AACvB,MAAA,aAAA,EAAY,MAAM;MAClB,aAAaX,EAAAA,UAAU,EAAEF,SAAU;AAAAP,MAAAA,QAAA,EAElCO,SAAAA;AAAS,KACN,CAAC,GACL,IAAI,eACRU,GAAA,CAACK,WAAW,EAAA;MAACb,UAAU,EAAEA,UAAU,EAAED,OAAQ;AAAAR,MAAAA,QAAA,EAAEQ,OAAAA;AAAO,KAAc,CAAC,CAAA;AAAA,GAC/D,CAAC,CAAA;AAAA,CAEb,EAAC;AAEDb,MAAM,CAAC4B,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Button.mjs","sources":["../../../src/button/Button.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes, type ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport { CounterSlot } from '../counter/CounterSlot'\nimport { IconLoaderCircle } from '../icons'\nimport styles from './Button.module.css'\n\nexport type ButtonVariant = 'primary' | 'outline' | 'subtle' | 'ghost' | 'error'\n\nexport type ButtonSize = 'big' | 'small'\n\nexport type ButtonDataTestId = {\n  root?: string\n  iconLeft?: string\n  iconRight?: string\n  content?: string\n  counter?: string\n}\n\nexport type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  variant?: ButtonVariant\n  size?: ButtonSize\n  loading?: boolean\n  iconLeft?: ReactNode\n  iconRight?: ReactNode\n  /** Corner slot, aria-hidden: put the count into `aria-label`. */\n  counter?: ReactNode\n  dataTestId?: ButtonDataTestId\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      children,\n      type = 'button',\n      variant = 'primary',\n      size = 'big',\n      loading = false,\n      disabled = false,\n      iconLeft,\n      iconRight,\n      counter,\n      dataTestId,\n      ...rest\n    },\n    ref,\n  ) => (\n    <button\n      ref={ref}\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 && !disabled && styles.loading,\n        className,\n      )}\n      data-testid={dataTestId?.root}\n      {...rest}\n    >\n      {loading ? (\n        <IconLoaderCircle className={styles.spinner} aria-hidden='true' />\n      ) : (\n        iconLeft != null && (\n          <span\n            className={styles.icon}\n            aria-hidden='true'\n            data-testid={dataTestId?.iconLeft}\n          >\n            {iconLeft}\n          </span>\n        )\n      )}\n      <span className={styles.content} data-testid={dataTestId?.content}>\n        {children}\n      </span>\n      {!loading && iconRight != null ? (\n        <span\n          className={styles.icon}\n          aria-hidden='true'\n          data-testid={dataTestId?.iconRight}\n        >\n          {iconRight}\n        </span>\n      ) : null}\n      <CounterSlot dataTestId={dataTestId?.counter}>{counter}</CounterSlot>\n    </button>\n  ),\n)\n\nButton.displayName = 'Button'\n"],"names":["Button","forwardRef","_ref","ref","className","children","type","variant","size","loading","disabled","iconLeft","iconRight","counter","dataTestId","rest","_jsxs","undefined","cn","styles","button","root","_jsx","IconLoaderCircle","spinner","icon","content","CounterSlot","displayName"],"mappings":";;;;;;;AA+BO,MAAMA,MAAM,gBAAGC,UAAU,CAC9B,CAAAC,IAAA,EAeEC,GAAG,KAAA;EAAA,IAdH;IACEC,SAAS;IACTC,QAAQ;AACRC,IAAAA,IAAI,GAAG,QAAQ;AACfC,IAAAA,OAAO,GAAG,SAAS;AACnBC,IAAAA,IAAI,GAAG,KAAK;AACZC,IAAAA,OAAO,GAAG,KAAK;AACfC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,QAAQ;IACRC,SAAS;IACTC,OAAO;IACPC,UAAU;IACV,GAAGC,IAAAA;AACL,GAAC,GAAAb,IAAA,CAAA;AAAA,EAAA,oBAGDc,IAAA,CAAA,QAAA,EAAA;AACEb,IAAAA,GAAG,EAAEA,GAAI;AACTG,IAAAA,IAAI,EAAEA,IAAK;IACXI,QAAQ,EAAEA,QAAQ,IAAID,OAAQ;IAC9B,WAAWA,EAAAA,OAAO,IAAIQ,SAAU;IAChCb,SAAS,EAAEc,EAAE,CACXC,MAAM,CAACC,MAAM,EACbD,MAAM,CAACZ,OAAO,CAAC,EACfY,MAAM,CAACX,IAAI,CAAC,EACZC,OAAO,IAAI,CAACC,QAAQ,IAAIS,MAAM,CAACV,OAAO,EACtCL,SACF,CAAE;IACF,aAAaU,EAAAA,UAAU,EAAEO,IAAK;AAAA,IAAA,GAC1BN,IAAI;AAAAV,IAAAA,QAAA,EAEPI,CAAAA,OAAO,gBACNa,GAAA,CAACC,gBAAgB,EAAA;MAACnB,SAAS,EAAEe,MAAM,CAACK,OAAQ;MAAC,aAAY,EAAA,MAAA;AAAM,KAAE,CAAC,GAElEb,QAAQ,IAAI,IAAI,iBACdW,GAAA,CAAA,MAAA,EAAA;MACElB,SAAS,EAAEe,MAAM,CAACM,IAAK;AACvB,MAAA,aAAA,EAAY,MAAM;MAClB,aAAaX,EAAAA,UAAU,EAAEH,QAAS;AAAAN,MAAAA,QAAA,EAEjCM,QAAAA;KACG,CAET,eACDW,GAAA,CAAA,MAAA,EAAA;MAAMlB,SAAS,EAAEe,MAAM,CAACO,OAAQ;MAAC,aAAaZ,EAAAA,UAAU,EAAEY,OAAQ;AAAArB,MAAAA,QAAA,EAC/DA,QAAAA;KACG,CAAC,EACN,CAACI,OAAO,IAAIG,SAAS,IAAI,IAAI,gBAC5BU,GAAA,CAAA,MAAA,EAAA;MACElB,SAAS,EAAEe,MAAM,CAACM,IAAK;AACvB,MAAA,aAAA,EAAY,MAAM;MAClB,aAAaX,EAAAA,UAAU,EAAEF,SAAU;AAAAP,MAAAA,QAAA,EAElCO,SAAAA;AAAS,KACN,CAAC,GACL,IAAI,eACRU,GAAA,CAACK,WAAW,EAAA;MAACb,UAAU,EAAEA,UAAU,EAAED,OAAQ;AAAAR,MAAAA,QAAA,EAAEQ,OAAAA;AAAO,KAAc,CAAC,CAAA;AAAA,GAC/D,CAAC,CAAA;AAAA,CAEb,EAAC;AAEDb,MAAM,CAAC4B,WAAW,GAAG,QAAQ;;;;"}

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

@@ -1,4 +1,4 @@
-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"};
+const styles = {"button":"Button-module_button__eiKKZ","loading":"Button-module_loading__wZ1IR","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"};
 
 export { styles as default };
 //# sourceMappingURL=Button.module.css.mjs.map

package/dist/esm/copy/Copy.mjs

@@ -0,0 +1,51 @@
+import { forwardRef } from 'react';
+import cn from 'classnames';
+import styles from './Copy.module.css.mjs';
+import { useCopy } from './useCopy.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { IconCopy } from '../icons/components/base/IconCopy.mjs';
+import { IconCheck } from '../icons/components/base/IconCheck.mjs';
+
+const Copy = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    text,
+    onCopy,
+    onClick,
+    className,
+    ...rest
+  } = _ref;
+  const {
+    copy,
+    copied
+  } = useCopy(text, {
+    onCopy
+  });
+  const handleClick = event => {
+    onClick?.(event);
+    void copy();
+  };
+  return /*#__PURE__*/jsx("button", {
+    ref: ref,
+    type: "button",
+    "aria-label": copied ? 'Copied' : 'Copy',
+    "data-copied": copied || undefined,
+    className: cn(styles.root, className),
+    onClick: handleClick,
+    ...rest,
+    children: /*#__PURE__*/jsxs("span", {
+      className: styles.icon,
+      "aria-hidden": "true",
+      children: [/*#__PURE__*/jsx("span", {
+        className: cn(styles.glyph, styles.idle),
+        children: /*#__PURE__*/jsx(IconCopy, {})
+      }), /*#__PURE__*/jsx("span", {
+        className: cn(styles.glyph, styles.done),
+        children: /*#__PURE__*/jsx(IconCheck, {})
+      })]
+    })
+  });
+});
+Copy.displayName = 'Copy';
+
+export { Copy };
+//# sourceMappingURL=Copy.mjs.map

package/dist/esm/copy/Copy.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Copy.mjs","sources":["../../../src/copy/Copy.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type MouseEvent,\n} from 'react'\n\nimport cn from 'classnames'\n\nimport { IconCheck, IconCopy } from '../icons'\nimport styles from './Copy.module.css'\nimport { useCopy } from './useCopy'\n\nexport type CopyProps = Omit<ComponentPropsWithoutRef<'button'>, 'children'> & {\n  text: string\n  onCopy?: () => void\n}\n\nexport const Copy = forwardRef<HTMLButtonElement, CopyProps>(\n  ({ text, onCopy, onClick, className, ...rest }, ref) => {\n    const { copy, copied } = useCopy(text, { onCopy })\n\n    const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event)\n      void copy()\n    }\n\n    return (\n      <button\n        ref={ref}\n        type='button'\n        aria-label={copied ? 'Copied' : 'Copy'}\n        data-copied={copied || undefined}\n        className={cn(styles.root, className)}\n        onClick={handleClick}\n        {...rest}\n      >\n        <span className={styles.icon} aria-hidden='true'>\n          <span className={cn(styles.glyph, styles.idle)}>\n            <IconCopy />\n          </span>\n          <span className={cn(styles.glyph, styles.done)}>\n            <IconCheck />\n          </span>\n        </span>\n      </button>\n    )\n  },\n)\n\nCopy.displayName = 'Copy'\n"],"names":["Copy","forwardRef","_ref","ref","text","onCopy","onClick","className","rest","copy","copied","useCopy","handleClick","event","_jsx","type","undefined","cn","styles","root","children","_jsxs","icon","glyph","idle","IconCopy","done","IconCheck","displayName"],"mappings":";;;;;;;;AAiBO,MAAMA,IAAI,gBAAGC,UAAU,CAC5B,CAAAC,IAAA,EAAgDC,GAAG,KAAK;EAAA,IAAvD;IAAEC,IAAI;IAAEC,MAAM;IAAEC,OAAO;IAAEC,SAAS;IAAE,GAAGC,IAAAA;AAAK,GAAC,GAAAN,IAAA,CAAA;EAC5C,MAAM;IAAEO,IAAI;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAGC,OAAO,CAACP,IAAI,EAAE;AAAEC,IAAAA,MAAAA;AAAO,GAAC,CAAC,CAAA;EAElD,MAAMO,WAAW,GAAIC,KAAoC,IAAK;IAC5DP,OAAO,GAAGO,KAAK,CAAC,CAAA;IAChB,KAAKJ,IAAI,EAAE,CAAA;GACZ,CAAA;AAED,EAAA,oBACEK,GAAA,CAAA,QAAA,EAAA;AACEX,IAAAA,GAAG,EAAEA,GAAI;AACTY,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,YAAA,EAAYL,MAAM,GAAG,QAAQ,GAAG,MAAO;IACvC,aAAaA,EAAAA,MAAM,IAAIM,SAAU;IACjCT,SAAS,EAAEU,EAAE,CAACC,MAAM,CAACC,IAAI,EAAEZ,SAAS,CAAE;AACtCD,IAAAA,OAAO,EAAEM,WAAY;AAAA,IAAA,GACjBJ,IAAI;AAAAY,IAAAA,QAAA,eAERC,IAAA,CAAA,MAAA,EAAA;MAAMd,SAAS,EAAEW,MAAM,CAACI,IAAK;AAAC,MAAA,aAAA,EAAY,MAAM;AAAAF,MAAAA,QAAA,gBAC9CN,GAAA,CAAA,MAAA,EAAA;QAAMP,SAAS,EAAEU,EAAE,CAACC,MAAM,CAACK,KAAK,EAAEL,MAAM,CAACM,IAAI,CAAE;AAAAJ,QAAAA,QAAA,eAC7CN,GAAA,CAACW,QAAQ,EAAE,EAAA,CAAA;OACP,CAAC,eACPX,GAAA,CAAA,MAAA,EAAA;QAAMP,SAAS,EAAEU,EAAE,CAACC,MAAM,CAACK,KAAK,EAAEL,MAAM,CAACQ,IAAI,CAAE;AAAAN,QAAAA,QAAA,eAC7CN,GAAA,CAACa,SAAS,EAAE,EAAA,CAAA;AAAC,OACT,CAAC,CAAA;KACH,CAAA;AAAC,GACD,CAAC,CAAA;AAEb,CACF,EAAC;AAED3B,IAAI,CAAC4B,WAAW,GAAG,MAAM;;;;"}

package/dist/esm/copy/Copy.module.css.mjs

@@ -0,0 +1,4 @@
+const styles = {"root":"Copy-module_root__LWKJ9","icon":"Copy-module_icon__MjYMv","glyph":"Copy-module_glyph__MJNUb","done":"Copy-module_done__wizRt","idle":"Copy-module_idle__MQyyS"};
+
+export { styles as default };
+//# sourceMappingURL=Copy.module.css.mjs.map

package/dist/esm/copy/Copy.module.css.mjs.map

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

package/dist/esm/copy/useCopy.mjs

@@ -0,0 +1,29 @@
+import { useState, useRef, useEffect, useCallback } from 'react';
+
+const useCopy = function (text) {
+  let {
+    onCopy,
+    timeout = 1000
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const [copied, setCopied] = useState(false);
+  const timerRef = useRef();
+  useEffect(() => () => clearTimeout(timerRef.current), []);
+  const copy = useCallback(async () => {
+    try {
+      await navigator.clipboard.writeText(text);
+    } catch {
+      return;
+    }
+    clearTimeout(timerRef.current);
+    setCopied(true);
+    onCopy?.();
+    timerRef.current = setTimeout(() => setCopied(false), timeout);
+  }, [text, onCopy, timeout]);
+  return {
+    copy,
+    copied
+  };
+};
+
+export { useCopy };
+//# sourceMappingURL=useCopy.mjs.map

package/dist/esm/copy/useCopy.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCopy.mjs","sources":["../../../src/copy/useCopy.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\n\nexport type UseCopyOptions = {\n  onCopy?: () => void\n  timeout?: number\n}\n\nexport const useCopy = (\n  text: string,\n  { onCopy, timeout = 1000 }: UseCopyOptions = {},\n) => {\n  const [copied, setCopied] = useState(false)\n  const timerRef = useRef<ReturnType<typeof setTimeout>>()\n\n  useEffect(() => () => clearTimeout(timerRef.current), [])\n\n  const copy = useCallback(async () => {\n    try {\n      await navigator.clipboard.writeText(text)\n    } catch {\n      return\n    }\n\n    clearTimeout(timerRef.current)\n    setCopied(true)\n    onCopy?.()\n    timerRef.current = setTimeout(() => setCopied(false), timeout)\n  }, [text, onCopy, timeout])\n\n  return { copy, copied }\n}\n"],"names":["useCopy","text","onCopy","timeout","arguments","length","undefined","copied","setCopied","useState","timerRef","useRef","useEffect","clearTimeout","current","copy","useCallback","navigator","clipboard","writeText","setTimeout"],"mappings":";;MAOaA,OAAO,GAAG,UACrBC,IAAY,EAET;EAAA,IADH;IAAEC,MAAM;AAAEC,IAAAA,OAAO,GAAG,IAAA;AAAqB,GAAC,GAAAC,SAAA,CAAAC,MAAA,GAAAD,CAAAA,IAAAA,SAAA,CAAAE,CAAAA,CAAAA,KAAAA,SAAA,GAAAF,SAAA,CAAG,CAAA,CAAA,GAAA,EAAE,CAAA;EAE/C,MAAM,CAACG,MAAM,EAAEC,SAAS,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;AAC3C,EAAA,MAAMC,QAAQ,GAAGC,MAAM,EAAiC,CAAA;EAExDC,SAAS,CAAC,MAAM,MAAMC,YAAY,CAACH,QAAQ,CAACI,OAAO,CAAC,EAAE,EAAE,CAAC,CAAA;AAEzD,EAAA,MAAMC,IAAI,GAAGC,WAAW,CAAC,YAAY;IACnC,IAAI;AACF,MAAA,MAAMC,SAAS,CAACC,SAAS,CAACC,SAAS,CAAClB,IAAI,CAAC,CAAA;AAC3C,KAAC,CAAC,MAAM;AACN,MAAA,OAAA;AACF,KAAA;AAEAY,IAAAA,YAAY,CAACH,QAAQ,CAACI,OAAO,CAAC,CAAA;IAC9BN,SAAS,CAAC,IAAI,CAAC,CAAA;AACfN,IAAAA,MAAM,IAAI,CAAA;AACVQ,IAAAA,QAAQ,CAACI,OAAO,GAAGM,UAAU,CAAC,MAAMZ,SAAS,CAAC,KAAK,CAAC,EAAEL,OAAO,CAAC,CAAA;GAC/D,EAAE,CAACF,IAAI,EAAEC,MAAM,EAAEC,OAAO,CAAC,CAAC,CAAA;EAE3B,OAAO;IAAEY,IAAI;AAAER,IAAAA,MAAAA;GAAQ,CAAA;AACzB;;;;"}

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

@@ -1,4 +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"};
+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","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"};
 
 export { styles as default };
 //# sourceMappingURL=DataList.module.css.mjs.map