@lidofinance/lido-app-ui 1.2.0 → 1.3.0

package/dist/cjs/tooltip/Tooltip.cjs

@@ -0,0 +1,143 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const require$$0 = require('react');
+const reactDom = require('react-dom');
+const cn = require('classnames');
+const Tooltip_module = require('./Tooltip.module.css.cjs');
+const require$$2 = require('react/jsx-runtime');
+
+// Minimal distance between the tooltip and the viewport edge.
+const VIEWPORT_MARGIN = 16;
+// Distance between the anchor and the content for main (non-corner) positions.
+const POSITION_GAP = 15;
+const clampValue = (value, min, max) => Math.min(Math.max(value, min), Math.max(max, min));
+const getMaxWidth = width => `min(${width}px, calc(100vw - ${VIEWPORT_MARGIN * 2}px))`;
+
+// Measures the anchor and the (hidden but laid-out) content, then picks a
+// position/shift that keeps the bubble inside the viewport — flipping sides
+// when there isn't room, sliding along the cross axis otherwise.
+const getAdjustment = (position, anchor, content) => {
+  const viewportWidth = document.documentElement.clientWidth;
+  const viewportHeight = document.documentElement.clientHeight;
+  const spaceTop = anchor.top - VIEWPORT_MARGIN;
+  const spaceBottom = viewportHeight - anchor.bottom - VIEWPORT_MARGIN;
+  const spaceLeft = anchor.left - VIEWPORT_MARGIN;
+  const spaceRight = viewportWidth - anchor.right - VIEWPORT_MARGIN;
+  let [main, corner] = position.split('-');
+  const gap = corner ? 0 : POSITION_GAP;
+
+  // Side positions: flip to the other side, or fall back to a vertical
+  // position when the content doesn't fit horizontally on either side.
+  if (main === 'left' || main === 'right') {
+    const needed = content.width + gap;
+    if (needed > spaceLeft && needed > spaceRight) {
+      main = spaceBottom >= spaceTop ? 'bottom' : 'top';
+    } else if (main === 'right' && needed > spaceRight) {
+      main = 'left';
+    } else if (main === 'left' && needed > spaceLeft) {
+      main = 'right';
+    }
+  }
+
+  // Vertical positions: flip when the content doesn't fit and there is more room on the other side.
+  if (main === 'top' || main === 'bottom') {
+    const space = main === 'top' ? spaceTop : spaceBottom;
+    const opposite = main === 'top' ? spaceBottom : spaceTop;
+    if (content.height + gap > space && opposite > space) {
+      main = main === 'top' ? 'bottom' : 'top';
+    }
+  }
+
+  // A corner's cut-off edge has to meet the anchor, and sliding breaks that
+  // join — so mirror to the other side first and only slide as a last resort.
+  if (corner) {
+    const space = corner === 'left' ? spaceLeft : spaceRight;
+    const opposite = corner === 'left' ? spaceRight : spaceLeft;
+    if (content.width > space && opposite > space) {
+      corner = corner === 'left' ? 'right' : 'left';
+    }
+  }
+  let shiftX = 0;
+  let shiftY = 0;
+  if (main === 'left' || main === 'right') {
+    const idealTop = anchor.top + anchor.height / 2 - content.height / 2;
+    shiftY = clampValue(idealTop, VIEWPORT_MARGIN, viewportHeight - VIEWPORT_MARGIN - content.height) - idealTop;
+  } else {
+    const idealLeft = !corner ? anchor.left + anchor.width / 2 - content.width / 2 : corner === 'left' ? anchor.left - content.width : anchor.right;
+    shiftX = clampValue(idealLeft, VIEWPORT_MARGIN, viewportWidth - VIEWPORT_MARGIN - content.width) - idealLeft;
+  }
+  return {
+    position: corner ? `${main}-${corner}` : main,
+    shiftX,
+    shiftY
+  };
+};
+const Tooltip = _ref => {
+  let {
+    content,
+    position = 'top',
+    width = 320,
+    className,
+    children,
+    onMouseEnter,
+    onFocus,
+    ...rest
+  } = _ref;
+  const rootRef = require$$0.useRef(null);
+  const contentRef = require$$0.useRef(null);
+  const [adjustment, setAdjustment] = require$$0.useState(null);
+  const updatePosition = require$$0.useCallback(() => {
+    const root = rootRef.current;
+    const contentEl = contentRef.current;
+    if (!root || !contentEl) return;
+
+    // React treats mouseenter as a continuous-priority event and would defer
+    // the update past the next paint, flashing the tooltip at the old position.
+    reactDom.flushSync(() => {
+      setAdjustment(getAdjustment(position, root.getBoundingClientRect(), contentEl.getBoundingClientRect()));
+    });
+  }, [position]);
+  require$$0.useEffect(() => {
+    setAdjustment(null);
+  }, [position]);
+  require$$0.useEffect(() => {
+    const handleResize = () => {
+      if (rootRef.current?.matches(':hover')) updatePosition();
+    };
+    window.addEventListener('resize', handleResize);
+    return () => window.removeEventListener('resize', handleResize);
+  }, [updatePosition]);
+  const handleMouseEnter = event => {
+    updatePosition();
+    onMouseEnter?.(event);
+  };
+  const handleFocus = event => {
+    updatePosition();
+    onFocus?.(event);
+  };
+  const effectivePosition = adjustment?.position ?? position;
+  return /*#__PURE__*/require$$2.jsxs("span", {
+    ref: rootRef,
+    className: cn(Tooltip_module.wrapper, className),
+    onMouseEnter: handleMouseEnter,
+    onFocus: handleFocus,
+    ...rest,
+    children: [children, /*#__PURE__*/require$$2.jsx("span", {
+      ref: contentRef,
+      className: cn(Tooltip_module.content, Tooltip_module[`position-${effectivePosition}`]),
+      style: {
+        '--local-tooltip-width': getMaxWidth(width),
+        '--local-tooltip-shift-x': `${adjustment?.shiftX ?? 0}px`,
+        '--local-tooltip-shift-y': `${adjustment?.shiftY ?? 0}px`
+      },
+      role: "tooltip",
+      children: content
+    })]
+  });
+};
+Tooltip.displayName = 'Tooltip';
+
+exports.Tooltip = Tooltip;
+//# sourceMappingURL=Tooltip.cjs.map

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

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

package/dist/cjs/tooltip/Tooltip.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"wrapper":"Tooltip-module_wrapper__-h7ZD","content":"Tooltip-module_content__Yqdc-","position-top":"Tooltip-module_position-top__yIb6T","position-bottom":"Tooltip-module_position-bottom__LohZn","position-left":"Tooltip-module_position-left__oe67r","position-right":"Tooltip-module_position-right__N27I5","position-top-left":"Tooltip-module_position-top-left__2jkq9","position-top-right":"Tooltip-module_position-top-right__jdGlT","position-bottom-left":"Tooltip-module_position-bottom-left__-NwL7","position-bottom-right":"Tooltip-module_position-bottom-right__DNYiw"};
+
+module.exports = styles;
+//# sourceMappingURL=Tooltip.module.css.cjs.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TxStatus.cjs","sources":["../../../src/tx-status/TxStatus.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nimport { IconCheck, IconCross, IconSpinner } from '../icons'\nimport cn from 'classnames'\n\nimport styles from './TxStatus.module.css'\n\nexport type TxStatusVariant = 'loading' | 'success' | 'error'\n\nexport type TxStatusProps = {\n  status: TxStatusVariant\n  title: ReactNode\n  amount?: ReactNode\n  message?: ReactNode\n  footer?: ReactNode\n  className?: string\n}\n\nconst graphicByStatus: Record<TxStatusVariant, ReactNode> = {\n  loading: <IconSpinner className={styles.spinner} />,\n  success: (\n    <span className={cn(styles.circle, styles.circleSuccess)}>\n      <IconCheck className={styles.circleIcon} />\n    </span>\n  ),\n  error: (\n    <span className={cn(styles.circle, styles.circleError)}>\n      <IconCross className={styles.circleIcon} />\n    </span>\n  ),\n}\n\nexport const TxStatus = ({\n  status,\n  title,\n  amount,\n  message,\n  footer,\n  className,\n}: TxStatusProps) => (\n  <div className={cn(styles.root, className)}>\n    <div className={styles.statusBlock}>\n      <div className={styles.graphicGroup}>\n        <span className={styles.graphic}>{graphicByStatus[status]}</span>\n        <div className={styles.textGroup}>\n          <span className={styles.title}>{title}</span>\n          {amount ? <div className={styles.amount}>{amount}</div> : null}\n        </div>\n      </div>\n      {message ? <div className={styles.message}>{message}</div> : null}\n    </div>\n    {footer ? <div className={styles.footer}>{footer}</div> : null}\n  </div>\n)\n"],"names":["graphicByStatus","loading","_jsx","IconSpinner","className","styles","spinner","success","cn","circle","circleSuccess","children","IconCheck","circleIcon","error","circleError","IconCross","TxStatus","_ref","status","title","amount","message","footer","_jsxs","root","statusBlock","graphicGroup","graphic","textGroup"],"mappings":";;;;;;;;;;;AAkBA,MAAMA,eAAmD,GAAG;EAC1DC,OAAO,eAAEC,cAAA,CAACC,uBAAW,EAAA;IAACC,SAAS,EAAEC,eAAM,CAACC,OAAAA;AAAQ,GAAE,CAAC;AACnDC,EAAAA,OAAO,eACLL,cAAA,CAAA,MAAA,EAAA;IAAME,SAAS,EAAEI,EAAE,CAACH,eAAM,CAACI,MAAM,EAAEJ,eAAM,CAACK,aAAa,CAAE;IAAAC,QAAA,eACvDT,cAAA,CAACU,mBAAS,EAAA;MAACR,SAAS,EAAEC,eAAM,CAACQ,UAAAA;KAAa,CAAA;AAAC,GACvC,CACP;AACDC,EAAAA,KAAK,eACHZ,cAAA,CAAA,MAAA,EAAA;IAAME,SAAS,EAAEI,EAAE,CAACH,eAAM,CAACI,MAAM,EAAEJ,eAAM,CAACU,WAAW,CAAE;IAAAJ,QAAA,eACrDT,cAAA,CAACc,mBAAS,EAAA;MAACZ,SAAS,EAAEC,eAAM,CAACQ,UAAAA;KAAa,CAAA;GACtC,CAAA;AAEV,CAAC,CAAA;AAEM,MAAMI,QAAQ,GAAGC,IAAA,IAAA;EAAA,IAAC;IACvBC,MAAM;IACNC,KAAK;IACLC,MAAM;IACNC,OAAO;IACPC,MAAM;AACNnB,IAAAA,SAAAA;AACa,GAAC,GAAAc,IAAA,CAAA;AAAA,EAAA,oBACdM,eAAA,CAAA,KAAA,EAAA;IAAKpB,SAAS,EAAEI,EAAE,CAACH,eAAM,CAACoB,IAAI,EAAErB,SAAS,CAAE;AAAAO,IAAAA,QAAA,gBACzCa,eAAA,CAAA,KAAA,EAAA;MAAKpB,SAAS,EAAEC,eAAM,CAACqB,WAAY;AAAAf,MAAAA,QAAA,gBACjCa,eAAA,CAAA,KAAA,EAAA;QAAKpB,SAAS,EAAEC,eAAM,CAACsB,YAAa;AAAAhB,QAAAA,QAAA,gBAClCT,cAAA,CAAA,MAAA,EAAA;UAAME,SAAS,EAAEC,eAAM,CAACuB,OAAQ;UAAAjB,QAAA,EAAEX,eAAe,CAACmB,MAAM,CAAA;SAAQ,CAAC,eACjEK,eAAA,CAAA,KAAA,EAAA;UAAKpB,SAAS,EAAEC,eAAM,CAACwB,SAAU;AAAAlB,UAAAA,QAAA,gBAC/BT,cAAA,CAAA,MAAA,EAAA;YAAME,SAAS,EAAEC,eAAM,CAACe,KAAM;AAAAT,YAAAA,QAAA,EAAES,KAAAA;AAAK,WAAO,CAAC,EAC5CC,MAAM,gBAAGnB,cAAA,CAAA,KAAA,EAAA;YAAKE,SAAS,EAAEC,eAAM,CAACgB,MAAO;AAAAV,YAAAA,QAAA,EAAEU,MAAAA;WAAY,CAAC,GAAG,IAAI,CAAA;AAAA,SAC3D,CAAC,CAAA;AAAA,OACH,CAAC,EACLC,OAAO,gBAAGpB,cAAA,CAAA,KAAA,EAAA;QAAKE,SAAS,EAAEC,eAAM,CAACiB,OAAQ;AAAAX,QAAAA,QAAA,EAAEW,OAAAA;OAAa,CAAC,GAAG,IAAI,CAAA;AAAA,KAC9D,CAAC,EACLC,MAAM,gBAAGrB,cAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEC,eAAM,CAACkB,MAAO;AAAAZ,MAAAA,QAAA,EAAEY,MAAAA;KAAY,CAAC,GAAG,IAAI,CAAA;AAAA,GAC3D,CAAC,CAAA;AAAA;;;;"}

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

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

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

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

package/dist/cjs/typography/Typography.cjs

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

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

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

package/dist/cjs/typography/Typography.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"root":"Typography-module_root__2cRgG","h1":"Typography-module_h1__Owx3Q","h2":"Typography-module_h2__PGKur","h3":"Typography-module_h3__SyRpZ","richInput":"Typography-module_richInput__QDHSm","bodyLarge":"Typography-module_bodyLarge__ziLsk","body":"Typography-module_body__fowlB","description":"Typography-module_description__5mtlx","groupName":"Typography-module_groupName__DNolh","semibold":"Typography-module_semibold__pf-6N"};
+
+module.exports = styles;
+//# sourceMappingURL=Typography.module.css.cjs.map

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

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

package/dist/esm/_virtual/UniqueIdGeneratorProvider.mjs

@@ -0,0 +1,4 @@
+var UniqueIdGeneratorProvider = {};
+
+export { UniqueIdGeneratorProvider as __exports };
+//# sourceMappingURL=UniqueIdGeneratorProvider.mjs.map

package/dist/esm/_virtual/UniqueIdGeneratorProvider.mjs.map

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

package/dist/esm/_virtual/context.mjs

@@ -0,0 +1,4 @@
+var context = {};
+
+export { context as __exports };
+//# sourceMappingURL=context.mjs.map

package/dist/esm/_virtual/context.mjs.map

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

package/dist/esm/_virtual/index.mjs

@@ -0,0 +1,6 @@
+import { __require as requireLib } from '../node_modules/@inline-svg-unique-id/react/lib/index.mjs';
+
+var libExports = requireLib();
+
+export { libExports as l };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/_virtual/index.mjs.map

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

package/dist/esm/_virtual/index2.mjs

@@ -0,0 +1,4 @@
+var lib = {};
+
+export { lib as __exports };
+//# sourceMappingURL=index2.mjs.map

package/dist/esm/_virtual/index2.mjs.map

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

package/dist/esm/_virtual/useUniqueInlineId.mjs

@@ -0,0 +1,4 @@
+var useUniqueInlineId = {};
+
+export { useUniqueInlineId as __exports };
+//# sourceMappingURL=useUniqueInlineId.mjs.map

package/dist/esm/_virtual/useUniqueInlineId.mjs.map

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

package/dist/esm/accordion/Accordion.mjs

@@ -0,0 +1,64 @@
+import { useState, useId } from 'react';
+import cn from 'classnames';
+import styles from './Accordion.module.css.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { IconChevronUp } from '../icons/components/base/IconChevronUp.mjs';
+import { IconChevronDown } from '../icons/components/base/IconChevronDown.mjs';
+
+const Accordion = _ref => {
+  let {
+    title,
+    border = true,
+    defaultExpanded = false,
+    expanded,
+    onExpandedChange,
+    children,
+    className,
+    ...rest
+  } = _ref;
+  const [uncontrolledExpanded, setUncontrolledExpanded] = useState(defaultExpanded);
+  const isExpanded = expanded ?? uncontrolledExpanded;
+  const contentId = useId();
+  const handleToggle = () => {
+    const next = !isExpanded;
+    if (expanded == null) setUncontrolledExpanded(next);
+    onExpandedChange?.(next);
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: cn(styles.accordion, className, {
+      [styles.borderless]: !border
+    }),
+    ...rest,
+    children: [/*#__PURE__*/jsxs("button", {
+      type: "button",
+      className: styles.header,
+      "aria-expanded": isExpanded,
+      "aria-controls": contentId,
+      onClick: handleToggle,
+      children: [/*#__PURE__*/jsx("span", {
+        className: styles.title,
+        children: title
+      }), /*#__PURE__*/jsx("span", {
+        className: styles.chevron,
+        "aria-hidden": "true",
+        children: isExpanded ? /*#__PURE__*/jsx(IconChevronUp, {}) : /*#__PURE__*/jsx(IconChevronDown, {})
+      })]
+    }), /*#__PURE__*/jsx("div", {
+      id: contentId,
+      className: cn(styles.contentWrapper, {
+        [styles.expanded]: isExpanded
+      }),
+      children: /*#__PURE__*/jsx("div", {
+        className: styles.content,
+        children: /*#__PURE__*/jsx("div", {
+          className: styles.contentInner,
+          children: children
+        })
+      })
+    })]
+  });
+};
+Accordion.displayName = 'Accordion';
+
+export { Accordion };
+//# sourceMappingURL=Accordion.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.mjs","sources":["../../../src/accordion/Accordion.tsx"],"sourcesContent":["import {\n  useId,\n  useState,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react'\n\nimport { IconChevronDown, IconChevronUp } from '../icons'\nimport cn from 'classnames'\n\nimport styles from './Accordion.module.css'\n\nexport type AccordionProps = Omit<ComponentPropsWithoutRef<'div'>, 'title'> & {\n  title: ReactNode\n  border?: boolean\n  defaultExpanded?: boolean\n  expanded?: boolean\n  onExpandedChange?: (expanded: boolean) => void\n}\n\nexport const Accordion = ({\n  title,\n  border = true,\n  defaultExpanded = false,\n  expanded,\n  onExpandedChange,\n  children,\n  className,\n  ...rest\n}: AccordionProps) => {\n  const [uncontrolledExpanded, setUncontrolledExpanded] =\n    useState(defaultExpanded)\n  const isExpanded = expanded ?? uncontrolledExpanded\n  const contentId = useId()\n\n  const handleToggle = () => {\n    const next = !isExpanded\n    if (expanded == null) setUncontrolledExpanded(next)\n    onExpandedChange?.(next)\n  }\n\n  return (\n    <div\n      className={cn(styles.accordion, className, {\n        [styles.borderless]: !border,\n      })}\n      {...rest}\n    >\n      <button\n        type='button'\n        className={styles.header}\n        aria-expanded={isExpanded}\n        aria-controls={contentId}\n        onClick={handleToggle}\n      >\n        <span className={styles.title}>{title}</span>\n        <span className={styles.chevron} aria-hidden='true'>\n          {isExpanded ? <IconChevronUp /> : <IconChevronDown />}\n        </span>\n      </button>\n      <div\n        id={contentId}\n        className={cn(styles.contentWrapper, {\n          [styles.expanded]: isExpanded,\n        })}\n      >\n        <div className={styles.content}>\n          <div className={styles.contentInner}>{children}</div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nAccordion.displayName = 'Accordion'\n"],"names":["Accordion","_ref","title","border","defaultExpanded","expanded","onExpandedChange","children","className","rest","uncontrolledExpanded","setUncontrolledExpanded","useState","isExpanded","contentId","useId","handleToggle","next","_jsxs","cn","styles","accordion","borderless","type","header","onClick","_jsx","chevron","IconChevronUp","IconChevronDown","id","contentWrapper","content","contentInner","displayName"],"mappings":";;;;;;;AAoBaA,MAAAA,SAAS,GAAGC,IAAA,IASH;EAAA,IATI;IACxBC,KAAK;AACLC,IAAAA,MAAM,GAAG,IAAI;AACbC,IAAAA,eAAe,GAAG,KAAK;IACvBC,QAAQ;IACRC,gBAAgB;IAChBC,QAAQ;IACRC,SAAS;IACT,GAAGC,IAAAA;AACW,GAAC,GAAAR,IAAA,CAAA;EACf,MAAM,CAACS,oBAAoB,EAAEC,uBAAuB,CAAC,GACnDC,QAAQ,CAACR,eAAe,CAAC,CAAA;AAC3B,EAAA,MAAMS,UAAU,GAAGR,QAAQ,IAAIK,oBAAoB,CAAA;AACnD,EAAA,MAAMI,SAAS,GAAGC,KAAK,EAAE,CAAA;EAEzB,MAAMC,YAAY,GAAGA,MAAM;IACzB,MAAMC,IAAI,GAAG,CAACJ,UAAU,CAAA;AACxB,IAAA,IAAIR,QAAQ,IAAI,IAAI,EAAEM,uBAAuB,CAACM,IAAI,CAAC,CAAA;IACnDX,gBAAgB,GAAGW,IAAI,CAAC,CAAA;GACzB,CAAA;AAED,EAAA,oBACEC,IAAA,CAAA,KAAA,EAAA;IACEV,SAAS,EAAEW,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEb,SAAS,EAAE;AACzC,MAAA,CAACY,MAAM,CAACE,UAAU,GAAG,CAACnB,MAAAA;AACxB,KAAC,CAAE;AAAA,IAAA,GACCM,IAAI;AAAAF,IAAAA,QAAA,gBAERW,IAAA,CAAA,QAAA,EAAA;AACEK,MAAAA,IAAI,EAAC,QAAQ;MACbf,SAAS,EAAEY,MAAM,CAACI,MAAO;AACzB,MAAA,eAAA,EAAeX,UAAW;AAC1B,MAAA,eAAA,EAAeC,SAAU;AACzBW,MAAAA,OAAO,EAAET,YAAa;AAAAT,MAAAA,QAAA,gBAEtBmB,GAAA,CAAA,MAAA,EAAA;QAAMlB,SAAS,EAAEY,MAAM,CAAClB,KAAM;AAAAK,QAAAA,QAAA,EAAEL,KAAAA;OAAY,CAAC,eAC7CwB,GAAA,CAAA,MAAA,EAAA;QAAMlB,SAAS,EAAEY,MAAM,CAACO,OAAQ;AAAC,QAAA,aAAA,EAAY,MAAM;AAAApB,QAAAA,QAAA,EAChDM,UAAU,gBAAGa,GAAA,CAACE,aAAa,EAAE,EAAA,CAAC,gBAAGF,GAAA,CAACG,eAAe,EAAE,EAAA,CAAA;AAAC,OACjD,CAAC,CAAA;KACD,CAAC,eACTH,GAAA,CAAA,KAAA,EAAA;AACEI,MAAAA,EAAE,EAAEhB,SAAU;AACdN,MAAAA,SAAS,EAAEW,EAAE,CAACC,MAAM,CAACW,cAAc,EAAE;QACnC,CAACX,MAAM,CAACf,QAAQ,GAAGQ,UAAAA;AACrB,OAAC,CAAE;AAAAN,MAAAA,QAAA,eAEHmB,GAAA,CAAA,KAAA,EAAA;QAAKlB,SAAS,EAAEY,MAAM,CAACY,OAAQ;AAAAzB,QAAAA,QAAA,eAC7BmB,GAAA,CAAA,KAAA,EAAA;UAAKlB,SAAS,EAAEY,MAAM,CAACa,YAAa;AAAA1B,UAAAA,QAAA,EAAEA,QAAAA;SAAc,CAAA;OACjD,CAAA;AAAC,KACH,CAAC,CAAA;AAAA,GACH,CAAC,CAAA;AAEV,EAAC;AAEDP,SAAS,CAACkC,WAAW,GAAG,WAAW;;;;"}

package/dist/esm/accordion/Accordion.module.css.mjs

@@ -0,0 +1,4 @@
+const styles = {"accordion":"Accordion-module_accordion__Wzyid","borderless":"Accordion-module_borderless__AX3pr","header":"Accordion-module_header__xrik8","title":"Accordion-module_title__n-YUT","chevron":"Accordion-module_chevron__oFGVg","contentWrapper":"Accordion-module_contentWrapper__UEl1o","expanded":"Accordion-module_expanded__NRyM0","content":"Accordion-module_content__V9Ftc","contentInner":"Accordion-module_contentInner__9z222"};
+
+export { styles as default };
+//# sourceMappingURL=Accordion.module.css.mjs.map

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

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

package/dist/esm/badge/Badge.mjs

@@ -0,0 +1,24 @@
+import cn from 'classnames';
+import styles from './Badge.module.css.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const Badge = _ref => {
+  let {
+    icon,
+    className,
+    children,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxs("span", {
+    className: cn(styles.badge, className),
+    ...rest,
+    children: [icon && /*#__PURE__*/jsx("span", {
+      className: styles.icon,
+      "aria-hidden": "true",
+      children: icon
+    }), children]
+  });
+};
+
+export { Badge };
+//# sourceMappingURL=Badge.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.mjs","sources":["../../../src/badge/Badge.tsx"],"sourcesContent":["import cn from 'classnames'\nimport type { HTMLAttributes, ReactNode } from 'react'\nimport styles from './Badge.module.css'\n\nexport type BadgeProps = HTMLAttributes<HTMLSpanElement> & {\n  /** Optional glyph before the label. Omitted entirely when not passed. */\n  icon?: ReactNode\n}\n\nexport const Badge = ({ icon, className, children, ...rest }: BadgeProps) => (\n  <span className={cn(styles.badge, className)} {...rest}>\n    {icon && (\n      <span className={styles.icon} aria-hidden='true'>\n        {icon}\n      </span>\n    )}\n    {children}\n  </span>\n)\n"],"names":["Badge","_ref","icon","className","children","rest","_jsxs","cn","styles","badge","_jsx"],"mappings":";;;;AASO,MAAMA,KAAK,GAAGC,IAAA,IAAA;EAAA,IAAC;IAAEC,IAAI;IAAEC,SAAS;IAAEC,QAAQ;IAAE,GAAGC,IAAAA;AAAiB,GAAC,GAAAJ,IAAA,CAAA;AAAA,EAAA,oBACtEK,IAAA,CAAA,MAAA,EAAA;IAAMH,SAAS,EAAEI,EAAE,CAACC,MAAM,CAACC,KAAK,EAAEN,SAAS,CAAE;AAAA,IAAA,GAAKE,IAAI;IAAAD,QAAA,EAAA,CACnDF,IAAI,iBACHQ,GAAA,CAAA,MAAA,EAAA;MAAMP,SAAS,EAAEK,MAAM,CAACN,IAAK;AAAC,MAAA,aAAA,EAAY,MAAM;AAAAE,MAAAA,QAAA,EAC7CF,IAAAA;KACG,CACP,EACAE,QAAQ,CAAA;AAAA,GACL,CAAC,CAAA;AAAA;;;;"}

package/dist/esm/badge/Badge.module.css.mjs

@@ -0,0 +1,4 @@
+const styles = {"badge":"Badge-module_badge__ikDSa","icon":"Badge-module_icon__lkt9n"};
+
+export { styles as default };
+//# sourceMappingURL=Badge.module.css.mjs.map

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

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

package/dist/esm/banner/Banner.mjs

@@ -0,0 +1,41 @@
+import cn from 'classnames';
+import styles from './Banner.module.css.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const Banner = _ref => {
+  let {
+    icon,
+    title,
+    description,
+    action,
+    className,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxs("div", {
+    className: cn(styles.banner, className),
+    ...rest,
+    children: [/*#__PURE__*/jsxs("div", {
+      className: styles.content,
+      children: [icon ? /*#__PURE__*/jsx("span", {
+        className: styles.icon,
+        children: icon
+      }) : null, /*#__PURE__*/jsxs("div", {
+        className: styles.text,
+        children: [/*#__PURE__*/jsx("p", {
+          className: styles.title,
+          children: title
+        }), description ? /*#__PURE__*/jsx("p", {
+          className: styles.description,
+          children: description
+        }) : null]
+      })]
+    }), action ? /*#__PURE__*/jsx("div", {
+      className: styles.action,
+      children: action
+    }) : null]
+  });
+};
+Banner.displayName = 'Banner';
+
+export { Banner };
+//# sourceMappingURL=Banner.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.mjs","sources":["../../../src/banner/Banner.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './Banner.module.css'\n\nexport type BannerProps = ComponentPropsWithoutRef<'div'> & {\n  icon?: ReactNode\n  title: ReactNode\n  description?: ReactNode\n  action?: ReactNode\n}\n\nexport const Banner = ({\n  icon,\n  title,\n  description,\n  action,\n  className,\n  ...rest\n}: BannerProps) => (\n  <div className={cn(styles.banner, className)} {...rest}>\n    <div className={styles.content}>\n      {icon ? <span className={styles.icon}>{icon}</span> : null}\n      <div className={styles.text}>\n        <p className={styles.title}>{title}</p>\n        {description ? (\n          <p className={styles.description}>{description}</p>\n        ) : null}\n      </div>\n    </div>\n    {action ? <div className={styles.action}>{action}</div> : null}\n  </div>\n)\n\nBanner.displayName = 'Banner'\n"],"names":["Banner","_ref","icon","title","description","action","className","rest","_jsxs","cn","styles","banner","children","content","_jsx","text","displayName"],"mappings":";;;;AAaO,MAAMA,MAAM,GAAGC,IAAA,IAAA;EAAA,IAAC;IACrBC,IAAI;IACJC,KAAK;IACLC,WAAW;IACXC,MAAM;IACNC,SAAS;IACT,GAAGC,IAAAA;AACQ,GAAC,GAAAN,IAAA,CAAA;AAAA,EAAA,oBACZO,IAAA,CAAA,KAAA,EAAA;IAAKF,SAAS,EAAEG,EAAE,CAACC,MAAM,CAACC,MAAM,EAAEL,SAAS,CAAE;AAAA,IAAA,GAAKC,IAAI;AAAAK,IAAAA,QAAA,gBACpDJ,IAAA,CAAA,KAAA,EAAA;MAAKF,SAAS,EAAEI,MAAM,CAACG,OAAQ;MAAAD,QAAA,EAAA,CAC5BV,IAAI,gBAAGY,GAAA,CAAA,MAAA,EAAA;QAAMR,SAAS,EAAEI,MAAM,CAACR,IAAK;AAAAU,QAAAA,QAAA,EAAEV,IAAAA;AAAI,OAAO,CAAC,GAAG,IAAI,eAC1DM,IAAA,CAAA,KAAA,EAAA;QAAKF,SAAS,EAAEI,MAAM,CAACK,IAAK;AAAAH,QAAAA,QAAA,gBAC1BE,GAAA,CAAA,GAAA,EAAA;UAAGR,SAAS,EAAEI,MAAM,CAACP,KAAM;AAAAS,UAAAA,QAAA,EAAET,KAAAA;AAAK,SAAI,CAAC,EACtCC,WAAW,gBACVU,GAAA,CAAA,GAAA,EAAA;UAAGR,SAAS,EAAEI,MAAM,CAACN,WAAY;AAAAQ,UAAAA,QAAA,EAAER,WAAAA;SAAe,CAAC,GACjD,IAAI,CAAA;AAAA,OACL,CAAC,CAAA;AAAA,KACH,CAAC,EACLC,MAAM,gBAAGS,GAAA,CAAA,KAAA,EAAA;MAAKR,SAAS,EAAEI,MAAM,CAACL,MAAO;AAAAO,MAAAA,QAAA,EAAEP,MAAAA;KAAY,CAAC,GAAG,IAAI,CAAA;AAAA,GAC3D,CAAC,CAAA;AAAA,EACP;AAEDL,MAAM,CAACgB,WAAW,GAAG,QAAQ;;;;"}

package/dist/esm/banner/Banner.module.css.mjs

@@ -0,0 +1,4 @@
+const styles = {"banner":"Banner-module_banner__bQhms","content":"Banner-module_content__44TzS","icon":"Banner-module_icon__PkyAA","text":"Banner-module_text__2q-km","title":"Banner-module_title__gUKq0","description":"Banner-module_description__tosgg","action":"Banner-module_action__OKt2C"};
+
+export { styles as default };
+//# sourceMappingURL=Banner.module.css.mjs.map

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

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