@exromany/lido-app-ui 0.0.0-stage → 0.0.1-pre.1

package/README.md

@@ -1,3 +1,100 @@
-# Temporary Holding Version
+# @lidofinance/lido-app-ui
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Components for Lido app/widget products. The other current replacement for the deprecated [`@lidofinance/lido-ui`](https://www.npmjs.com/package/@lidofinance/lido-ui).
+
+Storybook: [ui.lido.fi/lido-app-ui](https://ui.lido.fi/lido-app-ui/)
+
+## Install
+
+```bash
+yarn add @lidofinance/lido-app-ui
+```
+
+## Usage
+
+Import the stylesheet once — it carries the `--lido-app-ui-*` token layer, the bundled Manrope font, and every component's styles.
+
+```tsx
+import { Button, RichInput, TokenSelector } from '@lidofinance/lido-app-ui'
+import '@lidofinance/lido-app-ui/index.css'
+
+function Widget() {
+  return (
+    <>
+      <RichInput label='Amount' placeholder='0' />
+      <Button variant='black'>Supply</Button>
+    </>
+  )
+}
+```
+
+Theme providers (`ThemeProvider`, `CookieThemeProvider`, `ThemeToggler`) are re-exported from `@lidofinance/lido-shared-ui`. The color tokens follow the `data-lido-theme` attribute they set, so switching to the dark theme restyles these components. `ThemeSwitcher` is the app-ui-styled theme toggle, since the shared `ThemeToggler` relies on `--lido-ui-*` tokens that app-ui doesn't define.
+
+## Router links
+
+Link components (`TextLink`, `SmallCard`) render a plain `<a>` by default. Wrap the app in `LinkProvider` to route in-app hrefs through your router's link component; `externalComponent` does the same for absolute URLs. Hash links, `download` links and links with a non-`_self` `target` always stay a plain `<a>`.
+
+Next.js 12 — `next/link` needs an `<a>` child, so wrap it once at module level:
+
+```tsx
+import { forwardRef } from 'react'
+import type { AppProps } from 'next/app'
+import NextLink from 'next/link'
+import { LinkProvider, type LinkComponentProps } from '@lidofinance/lido-app-ui'
+
+const AppLink = forwardRef<HTMLAnchorElement, LinkComponentProps>(
+  ({ href, ...rest }, ref) => (
+    <NextLink href={href}>
+      <a ref={ref} {...rest} />
+    </NextLink>
+  ),
+)
+
+export default function App({ Component, pageProps }: AppProps) {
+  return (
+    <LinkProvider component={AppLink}>
+      <Component {...pageProps} />
+    </LinkProvider>
+  )
+}
+```
+
+## Customization
+
+Override any token after importing the stylesheet:
+
+```css
+:root {
+  --lido-app-ui-color-border-active: #0085ff;
+  --lido-app-ui-border-radius-card: 20px;
+}
+```
+
+The typography mixins and breakpoint definitions are published too, for products running `postcss-mixins` / `postcss-custom-media`:
+
+```js
+// postcss.config.js
+import path from 'path'
+
+export default {
+  plugins: {
+    '@csstools/postcss-global-data': {
+      files: [
+        require.resolve('@lidofinance/lido-app-ui/styles/breakpoints.css'),
+      ],
+    },
+    'postcss-mixins': {
+      mixinsDir: path.dirname(
+        require.resolve(
+          '@lidofinance/lido-app-ui/styles/typography-mixins.css',
+        ),
+      ),
+    },
+    'postcss-custom-media': { preserve: false },
+  },
+}
+```
+
+## More
+
+This package is part of the [`lidofinance/ui`](https://github.com/lidofinance/ui) monorepo — see the [repo README](https://github.com/lidofinance/ui#readme) for the full package overview, theming, CSS variable customization, and contribution guide.

package/dist/README.md

@@ -0,0 +1,100 @@
+# @lidofinance/lido-app-ui
+
+Components for Lido app/widget products. The other current replacement for the deprecated [`@lidofinance/lido-ui`](https://www.npmjs.com/package/@lidofinance/lido-ui).
+
+Storybook: [ui.lido.fi/lido-app-ui](https://ui.lido.fi/lido-app-ui/)
+
+## Install
+
+```bash
+yarn add @lidofinance/lido-app-ui
+```
+
+## Usage
+
+Import the stylesheet once — it carries the `--lido-app-ui-*` token layer, the bundled Manrope font, and every component's styles.
+
+```tsx
+import { Button, RichInput, TokenSelector } from '@lidofinance/lido-app-ui'
+import '@lidofinance/lido-app-ui/index.css'
+
+function Widget() {
+  return (
+    <>
+      <RichInput label='Amount' placeholder='0' />
+      <Button variant='black'>Supply</Button>
+    </>
+  )
+}
+```
+
+Theme providers (`ThemeProvider`, `CookieThemeProvider`, `ThemeToggler`) are re-exported from `@lidofinance/lido-shared-ui`. The color tokens follow the `data-lido-theme` attribute they set, so switching to the dark theme restyles these components. `ThemeSwitcher` is the app-ui-styled theme toggle, since the shared `ThemeToggler` relies on `--lido-ui-*` tokens that app-ui doesn't define.
+
+## Router links
+
+Link components (`TextLink`, `SmallCard`) render a plain `<a>` by default. Wrap the app in `LinkProvider` to route in-app hrefs through your router's link component; `externalComponent` does the same for absolute URLs. Hash links, `download` links and links with a non-`_self` `target` always stay a plain `<a>`.
+
+Next.js 12 — `next/link` needs an `<a>` child, so wrap it once at module level:
+
+```tsx
+import { forwardRef } from 'react'
+import type { AppProps } from 'next/app'
+import NextLink from 'next/link'
+import { LinkProvider, type LinkComponentProps } from '@lidofinance/lido-app-ui'
+
+const AppLink = forwardRef<HTMLAnchorElement, LinkComponentProps>(
+  ({ href, ...rest }, ref) => (
+    <NextLink href={href}>
+      <a ref={ref} {...rest} />
+    </NextLink>
+  ),
+)
+
+export default function App({ Component, pageProps }: AppProps) {
+  return (
+    <LinkProvider component={AppLink}>
+      <Component {...pageProps} />
+    </LinkProvider>
+  )
+}
+```
+
+## Customization
+
+Override any token after importing the stylesheet:
+
+```css
+:root {
+  --lido-app-ui-color-border-active: #0085ff;
+  --lido-app-ui-border-radius-card: 20px;
+}
+```
+
+The typography mixins and breakpoint definitions are published too, for products running `postcss-mixins` / `postcss-custom-media`:
+
+```js
+// postcss.config.js
+import path from 'path'
+
+export default {
+  plugins: {
+    '@csstools/postcss-global-data': {
+      files: [
+        require.resolve('@lidofinance/lido-app-ui/styles/breakpoints.css'),
+      ],
+    },
+    'postcss-mixins': {
+      mixinsDir: path.dirname(
+        require.resolve(
+          '@lidofinance/lido-app-ui/styles/typography-mixins.css',
+        ),
+      ),
+    },
+    'postcss-custom-media': { preserve: false },
+  },
+}
+```
+
+## More
+
+This package is part of the [`lidofinance/ui`](https://github.com/lidofinance/ui) monorepo — see the [repo README](https://github.com/lidofinance/ui#readme) for the full package overview, theming, CSS variable customization, and contribution guide.

package/dist/assets/6c119570.svg

@@ -0,0 +1 @@
+<svg width="1920" height="60" viewBox="0 0 1920 60" fill="none" xmlns="http://www.w3.org/2000/svg"><defs><g id="m" fill="black"><path d="M966.164 30.638L963.8 34.733L974.567 40.949L971.855 45.646L961.088 39.43L958.725 43.525L954.693 41.197L962.132 28.311L966.164 30.638Z"/><path d="M1041.61 9.898C1043.962 5.825 1046.842 4.596 1050.25 6.213L1047.742 10.557C1047.225 10.332 1046.767 10.308 1046.369 10.484C1045.958 10.653 1045.56 11.071 1045.176 11.735C1044.488 12.927 1044.464 13.707 1045.101 14.075C1045.641 14.387 1046.242 14.115 1046.903 13.259L1048.184 11.615C1049.519 9.911 1050.802 8.84 1052.033 8.405C1053.263 7.97 1054.537 8.133 1055.853 8.893C1057.46 9.821 1058.403 11.132 1058.681 12.826C1058.943 14.548 1058.446 16.497 1057.19 18.672C1055.934 20.847 1054.503 22.238 1052.897 22.844C1051.283 23.464 1049.663 23.342 1048.037 22.478L1050.713 17.842C1051.382 18.154 1051.946 18.202 1052.404 17.986C1052.861 17.77 1053.302 17.295 1053.726 16.561C1054.47 15.272 1054.501 14.432 1053.823 14.04C1053.49 13.848 1053.146 13.852 1052.79 14.053C1052.434 14.254 1051.972 14.718 1051.406 15.443L1050.124 17.086C1049.077 18.421 1047.932 19.266 1046.693 19.622C1045.439 19.97 1044.147 19.76 1042.817 18.992C1041.514 18.24 1040.655 17.199 1040.241 15.869C1039.754 14.313 1040.21 12.323 1041.61 9.898Z"/><path d="M989.767 29.757L987.403 33.852L998.169 40.068L995.457 44.765L984.691 38.549L982.327 42.644L978.294 40.316L985.735 27.43L989.767 29.757Z"/><path d="M1023.621 11.105L1021.261 15.199L1032.021 21.415L1029.311 26.112L1018.541 19.896L1016.181 23.991L1012.151 21.663L1019.591 8.777L1023.621 11.105Z"/><path d="M1007.981 28.13C1010.333 24.057 1013.213 22.828 1016.622 24.445L1014.114 28.789C1013.597 28.564 1013.139 28.54 1012.742 28.716C1012.33 28.885 1011.932 29.302 1011.548 29.967C1010.861 31.159 1010.835 31.939 1011.472 32.307C1012.012 32.619 1012.613 32.347 1013.274 31.491L1014.555 29.847C1015.89 28.143 1017.173 27.072 1018.404 26.637C1019.634 26.202 1020.908 26.365 1022.224 27.124C1023.831 28.052 1024.774 29.364 1025.052 31.058C1025.314 32.78 1024.818 34.729 1023.562 36.904C1022.306 39.079 1020.874 40.47 1019.268 41.076C1017.654 41.695 1016.034 41.574 1014.409 40.709L1017.084 36.074C1017.754 36.386 1018.317 36.434 1018.775 36.218C1019.232 36.002 1019.673 35.527 1020.097 34.792C1020.841 33.504 1020.873 32.664 1020.195 32.272C1019.862 32.08 1019.518 32.084 1019.162 32.285C1018.805 32.486 1018.344 32.95 1017.777 33.675L1016.496 35.318C1015.448 36.653 1014.304 37.498 1013.064 37.854C1011.81 38.201 1010.518 37.992 1009.188 37.224C1007.886 36.472 1007.027 35.43 1006.612 34.101C1006.125 32.545 1006.581 30.555 1007.981 28.13Z"/><path d="M999.788 12.404L997.423 16.498L1008.19 22.714L1005.478 27.411L994.711 21.196L992.348 25.29L988.316 22.962L995.755 10.076L999.788 12.404Z"/><path d="M1008.242 37.767L1003.946 45.208L1005.401 46.047L1009.373 39.167L1013.26 41.412L1009.288 48.292L1010.681 49.095L1014.977 41.655L1019.009 43.983L1012.001 56.121L997.202 47.577L1004.21 35.439L1008.242 37.767Z"/><path d="M1041.864 19.533L1037.568 26.973L1039.023 27.813L1042.995 20.933L1046.882 23.177L1042.91 30.057L1044.302 30.861L1048.598 23.42L1052.631 25.749L1045.623 37.886L1030.824 29.342L1037.832 17.205L1041.864 19.533Z"/></g></defs><use href="#m" x="-992.01" y="-41.8"/><use href="#m" x="-1024.85" y="15.08"/><use href="#m" x="-957.37" y="-21.8"/><use href="#m" x="-990.21" y="35.08"/><use href="#m" x="-922.73" y="-1.8"/><use href="#m" x="-855.24" y="-38.69"/><use href="#m" x="-955.57" y="55.08"/><use href="#m" x="-888.09" y="18.2"/><use href="#m" x="-820.6" y="-18.69"/><use href="#m" x="-753.12" y="-55.57"/><use href="#m" x="-853.45" y="38.2"/><use href="#m" x="-785.96" y="1.31"/><use href="#m" x="-718.48" y="-35.58"/><use href="#m" x="-751.32" y="21.31"/><use href="#m" x="-683.84" y="-15.57"/><use href="#m" x="-616.35" y="-52.46"/><use href="#m" x="-716.68" y="41.31"/><use href="#m" x="-649.19" y="4.43"/><use href="#m" x="-581.71" y="-32.46"/><use href="#m" x="-614.55" y="24.43"/><use href="#m" x="-547.07" y="-12.46"/><use href="#m" x="-479.58" y="-49.34"/><use href="#m" x="-579.91" y="44.43"/><use href="#m" x="-512.43" y="7.54"/><use href="#m" x="-444.94" y="-29.34"/><use href="#m" x="-477.79" y="27.54"/><use href="#m" x="-410.3" y="-9.34"/><use href="#m" x="-342.82" y="-46.23"/><use href="#m" x="-443.15" y="47.54"/><use href="#m" x="-375.66" y="10.66"/><use href="#m" x="-308.18" y="-26.23"/><use href="#m" x="-341.02" y="30.66"/><use href="#m" x="-273.53" y="-6.23"/><use href="#m" x="-206.05" y="-43.11"/><use href="#m" x="-306.38" y="50.66"/><use href="#m" x="-238.89" y="13.77"/><use href="#m" x="-171.41" y="-23.11"/><use href="#m" x="-204.25" y="33.77"/><use href="#m" x="-136.77" y="-3.11"/><use href="#m" x="-69.28" y="-40"/><use href="#m" x="-169.61" y="53.77"/><use href="#m" x="-102.13" y="16.89"/><use href="#m" x="-34.64" y="-20"/><use href="#m" x="-67.49" y="36.88"/><use href="#m" x="0" y="0"/><use href="#m" x="67.49" y="-36.88"/><use href="#m" x="34.64" y="20"/><use href="#m" x="102.13" y="-16.89"/><use href="#m" x="169.61" y="-53.77"/><use href="#m" x="69.28" y="40"/><use href="#m" x="136.77" y="3.11"/><use href="#m" x="204.25" y="-33.77"/><use href="#m" x="171.41" y="23.11"/><use href="#m" x="238.89" y="-13.77"/><use href="#m" x="306.38" y="-50.66"/><use href="#m" x="206.05" y="43.11"/><use href="#m" x="273.53" y="6.23"/><use href="#m" x="341.02" y="-30.66"/><use href="#m" x="308.18" y="26.23"/><use href="#m" x="375.66" y="-10.66"/><use href="#m" x="443.15" y="-47.54"/><use href="#m" x="342.82" y="46.23"/><use href="#m" x="410.3" y="9.34"/><use href="#m" x="477.79" y="-27.54"/><use href="#m" x="444.94" y="29.34"/><use href="#m" x="512.43" y="-7.54"/><use href="#m" x="579.91" y="-44.43"/><use href="#m" x="479.58" y="49.34"/><use href="#m" x="547.07" y="12.46"/><use href="#m" x="614.55" y="-24.43"/><use href="#m" x="581.71" y="32.46"/><use href="#m" x="649.19" y="-4.43"/><use href="#m" x="716.68" y="-41.31"/><use href="#m" x="616.35" y="52.46"/><use href="#m" x="683.84" y="15.57"/><use href="#m" x="751.32" y="-21.31"/><use href="#m" x="718.48" y="35.57"/><use href="#m" x="785.96" y="-1.31"/><use href="#m" x="853.45" y="-38.2"/><use href="#m" x="820.6" y="18.69"/><use href="#m" x="888.09" y="-18.2"/><use href="#m" x="955.57" y="-55.08"/><use href="#m" x="855.24" y="38.69"/><use href="#m" x="922.73" y="1.8"/><use href="#m" x="957.37" y="21.8"/></svg>

package/dist/cjs/accordion/Accordion.cjs

@@ -0,0 +1,73 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+const cn = require('classnames');
+const Accordion_module = require('./Accordion.module.css.cjs');
+const jsxRuntime = require('react/jsx-runtime');
+const IconChevronUp = require('../icons/components/base/IconChevronUp.cjs');
+const IconChevronDown = require('../icons/components/base/IconChevronDown.cjs');
+
+const Accordion = _ref => {
+  let {
+    title,
+    border = true,
+    defaultExpanded = false,
+    expanded,
+    onExpandedChange,
+    children,
+    className,
+    dataTestId,
+    ...rest
+  } = _ref;
+  const [uncontrolledExpanded, setUncontrolledExpanded] = react.useState(defaultExpanded);
+  const isExpanded = expanded ?? uncontrolledExpanded;
+  const contentId = react.useId();
+  const handleToggle = () => {
+    const next = !isExpanded;
+    if (expanded == null) setUncontrolledExpanded(next);
+    onExpandedChange?.(next);
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: cn(Accordion_module.accordion, className, {
+      [Accordion_module.borderless]: !border
+    }),
+    "data-testid": dataTestId?.root,
+    ...rest,
+    children: [/*#__PURE__*/jsxRuntime.jsxs("button", {
+      type: "button",
+      className: Accordion_module.header,
+      "aria-expanded": isExpanded,
+      "aria-controls": contentId,
+      onClick: handleToggle,
+      "data-testid": dataTestId?.header,
+      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+        className: Accordion_module.title,
+        "data-testid": dataTestId?.title,
+        children: title
+      }), /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: Accordion_module.chevron,
+        "aria-hidden": "true",
+        children: isExpanded ? /*#__PURE__*/jsxRuntime.jsx(IconChevronUp.IconChevronUp, {}) : /*#__PURE__*/jsxRuntime.jsx(IconChevronDown.IconChevronDown, {})
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      id: contentId,
+      className: cn(Accordion_module.contentWrapper, {
+        [Accordion_module.expanded]: isExpanded
+      }),
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: Accordion_module.content,
+        children: /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: Accordion_module.contentInner,
+          "data-testid": dataTestId?.content,
+          children: children
+        })
+      })
+    })]
+  });
+};
+Accordion.displayName = 'Accordion';
+
+exports.Accordion = Accordion;
+//# sourceMappingURL=Accordion.cjs.map

package/dist/cjs/accordion/Accordion.cjs.map

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

package/dist/cjs/accordion/Accordion.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+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"};
+
+module.exports = styles;
+//# sourceMappingURL=Accordion.module.css.cjs.map

package/dist/cjs/accordion/Accordion.module.css.cjs.map

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

package/dist/cjs/address/Address.cjs

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+const cn = require('classnames');
+const Address_module = require('./Address.module.css.cjs');
+const jsxRuntime = require('react/jsx-runtime');
+const Identicon = require('../identicon/Identicon.cjs');
+const Tooltip = require('../tooltip/Tooltip.cjs');
+const Copy = require('../copy/Copy.cjs');
+const Hex = require('../hex/Hex.cjs');
+
+const Address = /*#__PURE__*/react.forwardRef((_ref, ref) => {
+  let {
+    address,
+    symbols,
+    identicon,
+    tooltip = false,
+    copy = false,
+    className,
+    children,
+    ...rest
+  } = _ref;
+  const hex = /*#__PURE__*/jsxRuntime.jsx(Hex.Hex, {
+    value: address,
+    symbols: symbols,
+    title: tooltip ? '' : undefined
+  });
+  return /*#__PURE__*/jsxRuntime.jsxs("span", {
+    ref: ref,
+    className: cn(Address_module.root, className),
+    ...rest,
+    children: [identicon != null ? /*#__PURE__*/jsxRuntime.jsx(Identicon.Identicon, {
+      address: address,
+      size: identicon,
+      className: cn(Address_module.identicon, identicon >= 28 && Address_module.identiconLarge)
+    }) : null, tooltip ? /*#__PURE__*/jsxRuntime.jsx(Tooltip.Tooltip, {
+      content: address,
+      children: hex
+    }) : hex, copy ? /*#__PURE__*/jsxRuntime.jsx(Copy.Copy, {
+      text: address
+    }) : null, children]
+  });
+});
+Address.displayName = 'Address';
+
+exports.Address = Address;
+//# sourceMappingURL=Address.cjs.map

package/dist/cjs/address/Address.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Address.cjs","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 ? <Tooltip content={address}>{hex}</Tooltip> : hex}\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","Copy","text","displayName"],"mappings":";;;;;;;;;;;;;AAkBO,MAAMA,OAAO,gBAAGC,gBAAU,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,cAAA,CAACC,OAAG,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,eAAA,CAAA,MAAA,EAAA;AAAMf,IAAAA,GAAG,EAAEA,GAAI;IAACM,SAAS,EAAEU,EAAE,CAACC,cAAM,CAACC,IAAI,EAAEZ,SAAS,CAAE;AAAA,IAAA,GAAKE,IAAI;AAAAD,IAAAA,QAAA,GAC5DJ,SAAS,IAAI,IAAI,gBAChBO,cAAA,CAACS,mBAAS,EAAA;AACRlB,MAAAA,OAAO,EAAEA,OAAQ;AACjBmB,MAAAA,IAAI,EAAEjB,SAAU;AAChBG,MAAAA,SAAS,EAAEU,EAAE,CACXC,cAAM,CAACd,SAAS,EAChBA,SAAS,IAAI,EAAE,IAAIc,cAAM,CAACI,cAC5B,CAAA;KACD,CAAC,GACA,IAAI,EACPjB,OAAO,gBAAGM,cAAA,CAACY,eAAO,EAAA;AAACC,MAAAA,OAAO,EAAEtB,OAAQ;AAAAM,MAAAA,QAAA,EAAEE,GAAAA;KAAa,CAAC,GAAGA,GAAG,EAC1DJ,IAAI,gBAAGK,cAAA,CAACc,SAAI,EAAA;AAACC,MAAAA,IAAI,EAAExB,OAAAA;AAAQ,KAAE,CAAC,GAAG,IAAI,EACrCM,QAAQ,CAAA;AAAA,GACL,CAAC,CAAA;AAEX,CACF,EAAC;AAEDV,OAAO,CAAC6B,WAAW,GAAG,SAAS;;;;"}

package/dist/cjs/address/Address.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"root":"Address-module_root__VufXT","identicon":"Address-module_identicon__QBsQ2","identiconLarge":"Address-module_identiconLarge__PljfK"};
+
+module.exports = styles;
+//# sourceMappingURL=Address.module.css.cjs.map

package/dist/cjs/address/Address.module.css.cjs.map

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

package/dist/cjs/address-button/AddressButton.cjs

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+const cn = require('classnames');
+const surface_module = require('../utils/surface.module.css.cjs');
+const AddressButton_module = require('./AddressButton.module.css.cjs');
+const jsxRuntime = require('react/jsx-runtime');
+const IconLoaderCircle = require('../icons/components/base/IconLoaderCircle.cjs');
+const Address = require('../address/Address.cjs');
+
+/** Pill button showing an identicon and the trimmed address. */
+const AddressButton = /*#__PURE__*/react.forwardRef((_ref, ref) => {
+  let {
+    address,
+    symbols,
+    loading = false,
+    disabled = false,
+    className,
+    type = 'button',
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx("button", {
+    ref: ref,
+    type: type,
+    disabled: disabled || loading,
+    "aria-busy": loading || undefined,
+    className: cn(surface_module.surface, AddressButton_module.button, loading && !disabled && AddressButton_module.loading, className),
+    ...rest,
+    children: loading ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+        className: AddressButton_module.slot,
+        "aria-hidden": "true",
+        children: /*#__PURE__*/jsxRuntime.jsx(IconLoaderCircle.IconLoaderCircle, {
+          className: AddressButton_module.spinner
+        })
+      }), "Loading"]
+    }) : /*#__PURE__*/jsxRuntime.jsx(Address.Address, {
+      address: address,
+      symbols: symbols,
+      identicon: 28
+    })
+  });
+});
+AddressButton.displayName = 'AddressButton';
+
+exports.AddressButton = AddressButton;
+//# sourceMappingURL=AddressButton.cjs.map

package/dist/cjs/address-button/AddressButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddressButton.cjs","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,gBAAU,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,cAAA,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,cAAa,CAACC,OAAO,EACrBC,oBAAM,CAACC,MAAM,EACbX,OAAO,IAAI,CAACC,QAAQ,IAAIS,oBAAM,CAACV,OAAO,EACtCE,SACF,CAAE;AAAA,IAAA,GACEE,IAAI;AAAAQ,IAAAA,QAAA,EAEPZ,OAAO,gBACNa,eAAA,CAAAC,mBAAA,EAAA;AAAAF,MAAAA,QAAA,gBACEP,cAAA,CAAA,MAAA,EAAA;QAAMH,SAAS,EAAEQ,oBAAM,CAACK,IAAK;AAAC,QAAA,aAAA,EAAY,MAAM;QAAAH,QAAA,eAC9CP,cAAA,CAACW,iCAAgB,EAAA;UAACd,SAAS,EAAEQ,oBAAM,CAACO,OAAAA;SAAU,CAAA;AAAC,OAC3C,CAAC,EAET,SAAA,CAAA;AAAA,KAAE,CAAC,gBAEHZ,cAAA,CAACa,eAAO,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/cjs/address-button/AddressButton.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+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"};
+
+module.exports = styles;
+//# sourceMappingURL=AddressButton.module.css.cjs.map

package/dist/cjs/address-button/AddressButton.module.css.cjs.map

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

package/dist/cjs/badge/Badge.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const cn = require('classnames');
+const Badge_module = require('./Badge.module.css.cjs');
+const jsxRuntime = require('react/jsx-runtime');
+
+const Badge = _ref => {
+  let {
+    icon,
+    className,
+    children,
+    dataTestId,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsxs("span", {
+    className: cn(Badge_module.badge, className),
+    "data-testid": dataTestId?.root,
+    ...rest,
+    children: [icon && /*#__PURE__*/jsxRuntime.jsx("span", {
+      className: Badge_module.icon,
+      "aria-hidden": "true",
+      "data-testid": dataTestId?.icon,
+      children: icon
+    }), children]
+  });
+};
+
+exports.Badge = Badge;
+//# sourceMappingURL=Badge.cjs.map

package/dist/cjs/badge/Badge.cjs.map

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

package/dist/cjs/badge/Badge.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"badge":"Badge-module_badge__ikDSa","icon":"Badge-module_icon__lkt9n"};
+
+module.exports = styles;
+//# sourceMappingURL=Badge.module.css.cjs.map

package/dist/cjs/badge/Badge.module.css.cjs.map

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

package/dist/cjs/banner/Banner.cjs

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const cn = require('classnames');
+const Banner_module = require('./Banner.module.css.cjs');
+const jsxRuntime = require('react/jsx-runtime');
+
+const Banner = _ref => {
+  let {
+    icon,
+    title,
+    description,
+    action,
+    className,
+    dataTestId,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: cn(Banner_module.banner, className),
+    "data-testid": dataTestId?.root,
+    ...rest,
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: Banner_module.content,
+      children: [icon ? /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: Banner_module.icon,
+        "data-testid": dataTestId?.icon,
+        children: icon
+      }) : null, /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: Banner_module.text,
+        children: [/*#__PURE__*/jsxRuntime.jsx("p", {
+          className: Banner_module.title,
+          "data-testid": dataTestId?.title,
+          children: title
+        }), description ? /*#__PURE__*/jsxRuntime.jsx("p", {
+          className: Banner_module.description,
+          "data-testid": dataTestId?.description,
+          children: description
+        }) : null]
+      })]
+    }), action ? /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: Banner_module.action,
+      "data-testid": dataTestId?.action,
+      children: action
+    }) : null]
+  });
+};
+Banner.displayName = 'Banner';
+
+exports.Banner = Banner;
+//# sourceMappingURL=Banner.cjs.map

package/dist/cjs/banner/Banner.cjs.map

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

package/dist/cjs/banner/Banner.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+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"};
+
+module.exports = styles;
+//# sourceMappingURL=Banner.module.css.cjs.map

package/dist/cjs/banner/Banner.module.css.cjs.map

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