@lidofinance/lido-app-ui 1.8.0 → 1.10.0

package/README.md

@@ -28,7 +28,36 @@ function Widget() {
 }
 ```
 
-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.
+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
 

package/dist/README.md

@@ -28,7 +28,36 @@ function Widget() {
 }
 ```
 
-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.
+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
 

package/dist/cjs/breadcrumbs/Breadcrumbs.cjs

@@ -0,0 +1,92 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+const cn = require('classnames');
+const Breadcrumbs_module = require('./Breadcrumbs.module.css.cjs');
+const jsxRuntime = require('react/jsx-runtime');
+const ActionElement = require('../utils/ActionElement.cjs');
+const IconChevronRight = require('../icons/components/base/IconChevronRight.cjs');
+
+const syncFade = list => {
+  list.toggleAttribute('data-fade-start', list.scrollLeft > 0);
+  list.toggleAttribute('data-fade-end', list.scrollLeft < list.scrollWidth - list.clientWidth - 1);
+};
+const syncTitle = e => {
+  const el = e.target.closest('[data-label]');
+  if (!el) return;
+  if (el.scrollWidth > el.clientWidth) el.setAttribute('title', el.textContent ?? '');else el.removeAttribute('title');
+};
+const Breadcrumbs = _ref => {
+  let {
+    items,
+    className,
+    ...rest
+  } = _ref;
+  const listRef = react.useRef(null);
+  react.useLayoutEffect(() => {
+    const list = listRef.current;
+    if (!list) return;
+    list.scrollLeft = list.scrollWidth;
+    syncFade(list);
+  }, [items]);
+  react.useEffect(() => {
+    const list = listRef.current;
+    if (!list || typeof ResizeObserver === 'undefined') return;
+    const observer = new ResizeObserver(() => syncFade(list));
+    observer.observe(list);
+    return () => observer.disconnect();
+  }, []);
+  return /*#__PURE__*/jsxRuntime.jsx("nav", {
+    "aria-label": "Breadcrumb",
+    className: cn(Breadcrumbs_module.nav, className),
+    ...rest,
+    children: /*#__PURE__*/jsxRuntime.jsx("ol", {
+      ref: listRef,
+      className: Breadcrumbs_module.list,
+      onScroll: e => syncFade(e.currentTarget),
+      onPointerOver: syncTitle,
+      children: items.map((_ref2, index) => {
+        let {
+          label,
+          ...itemProps
+        } = _ref2;
+        const labelAttrs = itemProps.title === undefined ? {
+          'data-label': ''
+        } : {};
+        if (index === items.length - 1) {
+          return /*#__PURE__*/jsxRuntime.jsx("li", {
+            className: Breadcrumbs_module.item,
+            children: /*#__PURE__*/jsxRuntime.jsx("span", {
+              "aria-current": "page",
+              className: cn(Breadcrumbs_module.label, Breadcrumbs_module.current),
+              ...labelAttrs,
+              children: label
+            })
+          }, index);
+        }
+        const interactive = itemProps.href !== undefined || itemProps.onClick !== undefined;
+        return /*#__PURE__*/jsxRuntime.jsxs("li", {
+          className: Breadcrumbs_module.item,
+          children: [interactive ? /*#__PURE__*/jsxRuntime.jsx(ActionElement.ActionElement, {
+            ...itemProps,
+            ...labelAttrs,
+            className: cn(Breadcrumbs_module.label, Breadcrumbs_module.link, itemProps.className),
+            children: label
+          }) : /*#__PURE__*/jsxRuntime.jsx("span", {
+            className: Breadcrumbs_module.label,
+            ...labelAttrs,
+            children: label
+          }), /*#__PURE__*/jsxRuntime.jsx(IconChevronRight.IconChevronRight, {
+            className: Breadcrumbs_module.separator,
+            "aria-hidden": "true"
+          })]
+        }, index);
+      })
+    })
+  });
+};
+
+exports.Breadcrumbs = Breadcrumbs;
+//# sourceMappingURL=Breadcrumbs.cjs.map

package/dist/cjs/breadcrumbs/Breadcrumbs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.cjs","sources":["../../../src/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef } from 'react'\nimport type { HTMLAttributes, PointerEvent, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport { IconChevronRight } from '../icons'\nimport { ActionElement, type ActionElementProps } from '../utils'\nimport styles from './Breadcrumbs.module.css'\n\nexport type BreadcrumbItem = ActionElementProps & {\n  label: ReactNode\n  children?: never\n}\n\nexport type BreadcrumbsProps = HTMLAttributes<HTMLElement> & {\n  items: BreadcrumbItem[]\n}\n\nconst syncFade = (list: HTMLElement) => {\n  list.toggleAttribute('data-fade-start', list.scrollLeft > 0)\n  list.toggleAttribute(\n    'data-fade-end',\n    list.scrollLeft < list.scrollWidth - list.clientWidth - 1,\n  )\n}\n\nconst syncTitle = (e: PointerEvent<HTMLElement>) => {\n  const el = (e.target as Element).closest('[data-label]')\n  if (!el) return\n  if (el.scrollWidth > el.clientWidth)\n    el.setAttribute('title', el.textContent ?? '')\n  else el.removeAttribute('title')\n}\n\nexport const Breadcrumbs = ({\n  items,\n  className,\n  ...rest\n}: BreadcrumbsProps) => {\n  const listRef = useRef<HTMLOListElement>(null)\n\n  useLayoutEffect(() => {\n    const list = listRef.current\n    if (!list) return\n    list.scrollLeft = list.scrollWidth\n    syncFade(list)\n  }, [items])\n\n  useEffect(() => {\n    const list = listRef.current\n    if (!list || typeof ResizeObserver === 'undefined') return\n    const observer = new ResizeObserver(() => syncFade(list))\n    observer.observe(list)\n    return () => observer.disconnect()\n  }, [])\n\n  return (\n    <nav\n      aria-label='Breadcrumb'\n      className={cn(styles.nav, className)}\n      {...rest}\n    >\n      <ol\n        ref={listRef}\n        className={styles.list}\n        onScroll={(e) => syncFade(e.currentTarget)}\n        onPointerOver={syncTitle}\n      >\n        {items.map(({ label, ...itemProps }, index) => {\n          const labelAttrs =\n            itemProps.title === undefined ? { 'data-label': '' } : {}\n          if (index === items.length - 1) {\n            return (\n              <li key={index} className={styles.item}>\n                <span\n                  aria-current='page'\n                  className={cn(styles.label, styles.current)}\n                  {...labelAttrs}\n                >\n                  {label}\n                </span>\n              </li>\n            )\n          }\n          const interactive =\n            itemProps.href !== undefined || itemProps.onClick !== undefined\n          return (\n            <li key={index} className={styles.item}>\n              {interactive ? (\n                <ActionElement\n                  {...itemProps}\n                  {...labelAttrs}\n                  className={cn(styles.label, styles.link, itemProps.className)}\n                >\n                  {label}\n                </ActionElement>\n              ) : (\n                <span className={styles.label} {...labelAttrs}>\n                  {label}\n                </span>\n              )}\n              <IconChevronRight\n                className={styles.separator}\n                aria-hidden='true'\n              />\n            </li>\n          )\n        })}\n      </ol>\n    </nav>\n  )\n}\n"],"names":["syncFade","list","toggleAttribute","scrollLeft","scrollWidth","clientWidth","syncTitle","e","el","target","closest","setAttribute","textContent","removeAttribute","Breadcrumbs","_ref","items","className","rest","listRef","useRef","useLayoutEffect","current","useEffect","ResizeObserver","observer","observe","disconnect","_jsx","cn","styles","nav","children","ref","onScroll","currentTarget","onPointerOver","map","_ref2","index","label","itemProps","labelAttrs","title","undefined","length","item","interactive","href","onClick","_jsxs","ActionElement","link","IconChevronRight","separator"],"mappings":"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"}

package/dist/cjs/breadcrumbs/Breadcrumbs.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"nav":"Breadcrumbs-module_nav__cDuA5","list":"Breadcrumbs-module_list__A6dlB","item":"Breadcrumbs-module_item__3t-Zj","label":"Breadcrumbs-module_label__gVU35","link":"Breadcrumbs-module_link__KJ87-","current":"Breadcrumbs-module_current__XK0a2","separator":"Breadcrumbs-module_separator__k-Tmd"};
+
+module.exports = styles;
+//# sourceMappingURL=Breadcrumbs.module.css.cjs.map

package/dist/cjs/breadcrumbs/Breadcrumbs.module.css.cjs.map

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

package/dist/cjs/button/Button.cjs

@@ -2,12 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const react = require('react');
 const cn = require('classnames');
+const CounterSlot = require('../counter/CounterSlot.cjs');
 const Button_module = require('./Button.module.css.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const IconLoaderCircle = require('../icons/components/base/IconLoaderCircle.cjs');
 
-const Button = _ref => {
+const Button = /*#__PURE__*/react.forwardRef((_ref, ref) => {
   let {
     className,
     children,
@@ -18,10 +20,12 @@ const Button = _ref => {
     disabled = false,
     iconLeft,
     iconRight,
+    counter,
     dataTestId,
     ...rest
   } = _ref;
   return /*#__PURE__*/jsxRuntime.jsxs("button", {
+    ref: ref,
     type: type,
     disabled: disabled || loading,
     "aria-busy": loading || undefined,
@@ -45,9 +49,13 @@ const Button = _ref => {
       "aria-hidden": "true",
       "data-testid": dataTestId?.iconRight,
       children: iconRight
-    }) : null]
+    }) : null, /*#__PURE__*/jsxRuntime.jsx(CounterSlot.CounterSlot, {
+      dataTestId: dataTestId?.counter,
+      children: counter
+    })]
   });
-};
+});
+Button.displayName = 'Button';
 
 exports.Button = Button;
 //# sourceMappingURL=Button.cjs.map

package/dist/cjs/button/Button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","sources":["../../../src/button/Button.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport { IconLoaderCircle } from '../icons'\nimport styles from './Button.module.css'\n\nexport type ButtonVariant = 'primary' | 'outline' | 'subtle' | 'ghost' | 'error'\n\nexport type ButtonSize = 'big' | 'small'\n\nexport type ButtonDataTestId = {\n  root?: string\n  iconLeft?: string\n  iconRight?: string\n  content?: string\n}\n\nexport type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  variant?: ButtonVariant\n  size?: ButtonSize\n  loading?: boolean\n  iconLeft?: ReactNode\n  iconRight?: ReactNode\n  dataTestId?: ButtonDataTestId\n}\n\nexport const Button = ({\n  className,\n  children,\n  type = 'button',\n  variant = 'primary',\n  size = 'big',\n  loading = false,\n  disabled = false,\n  iconLeft,\n  iconRight,\n  dataTestId,\n  ...rest\n}: ButtonProps) => (\n  <button\n    type={type}\n    disabled={disabled || loading}\n    aria-busy={loading || undefined}\n    className={cn(\n      styles.button,\n      styles[variant],\n      styles[size],\n      loading && styles.loading,\n      className,\n    )}\n    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  </button>\n)\n"],"names":["Button","_ref","className","children","type","variant","size","loading","disabled","iconLeft","iconRight","dataTestId","rest","_jsxs","undefined","cn","styles","button","root","_jsx","IconLoaderCircle","spinner","icon","content"],"mappings":";;;;;;;;;AA2BO,MAAMA,MAAM,GAAGC,IAAA,IAAA;EAAA,IAAC;IACrBC,SAAS;IACTC,QAAQ;AACRC,IAAAA,IAAI,GAAG,QAAQ;AACfC,IAAAA,OAAO,GAAG,SAAS;AACnBC,IAAAA,IAAI,GAAG,KAAK;AACZC,IAAAA,OAAO,GAAG,KAAK;AACfC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,QAAQ;IACRC,SAAS;IACTC,UAAU;IACV,GAAGC,IAAAA;AACQ,GAAC,GAAAX,IAAA,CAAA;AAAA,EAAA,oBACZY,eAAA,CAAA,QAAA,EAAA;AACET,IAAAA,IAAI,EAAEA,IAAK;IACXI,QAAQ,EAAEA,QAAQ,IAAID,OAAQ;IAC9B,WAAWA,EAAAA,OAAO,IAAIO,SAAU;IAChCZ,SAAS,EAAEa,EAAE,CACXC,aAAM,CAACC,MAAM,EACbD,aAAM,CAACX,OAAO,CAAC,EACfW,aAAM,CAACV,IAAI,CAAC,EACZC,OAAO,IAAIS,aAAM,CAACT,OAAO,EACzBL,SACF,CAAE;IACF,aAAaS,EAAAA,UAAU,EAAEO,IAAK;AAAA,IAAA,GAC1BN,IAAI;AAAAT,IAAAA,QAAA,EAEPI,CAAAA,OAAO,gBACNY,cAAA,CAACC,iCAAgB,EAAA;MAAClB,SAAS,EAAEc,aAAM,CAACK,OAAQ;MAAC,aAAY,EAAA,MAAA;AAAM,KAAE,CAAC,GAElEZ,QAAQ,IAAI,IAAI,iBACdU,cAAA,CAAA,MAAA,EAAA;MACEjB,SAAS,EAAEc,aAAM,CAACM,IAAK;AACvB,MAAA,aAAA,EAAY,MAAM;MAClB,aAAaX,EAAAA,UAAU,EAAEF,QAAS;AAAAN,MAAAA,QAAA,EAEjCM,QAAAA;KACG,CAET,eACDU,cAAA,CAAA,MAAA,EAAA;MAAMjB,SAAS,EAAEc,aAAM,CAACO,OAAQ;MAAC,aAAaZ,EAAAA,UAAU,EAAEY,OAAQ;AAAApB,MAAAA,QAAA,EAC/DA,QAAAA;KACG,CAAC,EACN,CAACI,OAAO,IAAIG,SAAS,IAAI,IAAI,gBAC5BS,cAAA,CAAA,MAAA,EAAA;MACEjB,SAAS,EAAEc,aAAM,CAACM,IAAK;AACvB,MAAA,aAAA,EAAY,MAAM;MAClB,aAAaX,EAAAA,UAAU,EAAED,SAAU;AAAAP,MAAAA,QAAA,EAElCO,SAAAA;KACG,CAAC,GACL,IAAI,CAAA;AAAA,GACF,CAAC,CAAA;AAAA;;;;"}
+{"version":3,"file":"Button.cjs","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,gBAAU,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,eAAA,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,aAAM,CAACC,MAAM,EACbD,aAAM,CAACZ,OAAO,CAAC,EACfY,aAAM,CAACX,IAAI,CAAC,EACZC,OAAO,IAAIU,aAAM,CAACV,OAAO,EACzBL,SACF,CAAE;IACF,aAAaU,EAAAA,UAAU,EAAEO,IAAK;AAAA,IAAA,GAC1BN,IAAI;AAAAV,IAAAA,QAAA,EAEPI,CAAAA,OAAO,gBACNa,cAAA,CAACC,iCAAgB,EAAA;MAACnB,SAAS,EAAEe,aAAM,CAACK,OAAQ;MAAC,aAAY,EAAA,MAAA;AAAM,KAAE,CAAC,GAElEb,QAAQ,IAAI,IAAI,iBACdW,cAAA,CAAA,MAAA,EAAA;MACElB,SAAS,EAAEe,aAAM,CAACM,IAAK;AACvB,MAAA,aAAA,EAAY,MAAM;MAClB,aAAaX,EAAAA,UAAU,EAAEH,QAAS;AAAAN,MAAAA,QAAA,EAEjCM,QAAAA;KACG,CAET,eACDW,cAAA,CAAA,MAAA,EAAA;MAAMlB,SAAS,EAAEe,aAAM,CAACO,OAAQ;MAAC,aAAaZ,EAAAA,UAAU,EAAEY,OAAQ;AAAArB,MAAAA,QAAA,EAC/DA,QAAAA;KACG,CAAC,EACN,CAACI,OAAO,IAAIG,SAAS,IAAI,IAAI,gBAC5BU,cAAA,CAAA,MAAA,EAAA;MACElB,SAAS,EAAEe,aAAM,CAACM,IAAK;AACvB,MAAA,aAAA,EAAY,MAAM;MAClB,aAAaX,EAAAA,UAAU,EAAEF,SAAU;AAAAP,MAAAA,QAAA,EAElCO,SAAAA;AAAS,KACN,CAAC,GACL,IAAI,eACRU,cAAA,CAACK,uBAAW,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/cjs/counter/Counter.module.css.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const styles = {"counter":"Counter-module_counter__qutVl","neutral":"Counter-module_neutral__Z5iCI","error":"Counter-module_error__srNOJ","warning":"Counter-module_warning__5OY4o","action":"Counter-module_action__ywkeX","active":"Counter-module_active__AZ4oD"};
+const styles = {"counter":"Counter-module_counter__qutVl","neutral":"Counter-module_neutral__Z5iCI","default":"Counter-module_default__W0-pw","error":"Counter-module_error__srNOJ","warning":"Counter-module_warning__5OY4o","action":"Counter-module_action__ywkeX","active":"Counter-module_active__AZ4oD"};
 
 module.exports = styles;
 //# sourceMappingURL=Counter.module.css.cjs.map

package/dist/cjs/counter/CounterSlot.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const CounterSlot_module = require('./CounterSlot.module.css.cjs');
+const jsxRuntime = require('react/jsx-runtime');
+
+const CounterSlot = _ref => {
+  let {
+    children,
+    dataTestId
+  } = _ref;
+  return children == null || children === false ? null : /*#__PURE__*/jsxRuntime.jsx("span", {
+    className: CounterSlot_module.slot,
+    "aria-hidden": "true",
+    "data-testid": dataTestId,
+    children: children
+  });
+};
+
+exports.CounterSlot = CounterSlot;
+//# sourceMappingURL=CounterSlot.cjs.map

package/dist/cjs/counter/CounterSlot.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CounterSlot.cjs","sources":["../../../src/counter/CounterSlot.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nimport styles from './CounterSlot.module.css'\n\ntype CounterSlotProps = {\n  children?: ReactNode\n  dataTestId?: string\n}\n\nexport const CounterSlot = ({ children, dataTestId }: CounterSlotProps) =>\n  children == null || children === false ? null : (\n    <span className={styles.slot} aria-hidden='true' data-testid={dataTestId}>\n      {children}\n    </span>\n  )\n"],"names":["CounterSlot","_ref","children","dataTestId","_jsx","className","styles","slot"],"mappings":";;;;;;;AASO,MAAMA,WAAW,GAAGC,IAAA,IAAA;EAAA,IAAC;IAAEC,QAAQ;AAAEC,IAAAA,UAAAA;AAA6B,GAAC,GAAAF,IAAA,CAAA;EAAA,OACpEC,QAAQ,IAAI,IAAI,IAAIA,QAAQ,KAAK,KAAK,GAAG,IAAI,gBAC3CE,cAAA,CAAA,MAAA,EAAA;IAAMC,SAAS,EAAEC,kBAAM,CAACC,IAAK;AAAC,IAAA,aAAA,EAAY,MAAM;AAAC,IAAA,aAAA,EAAaJ,UAAW;AAAAD,IAAAA,QAAA,EACtEA,QAAAA;AAAQ,GACL,CACP,CAAA;AAAA;;;;"}

package/dist/cjs/counter/CounterSlot.module.css.cjs

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

package/dist/cjs/counter/CounterSlot.module.css.cjs.map

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

package/dist/cjs/disclaimer/Disclaimer.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const cn = require('classnames');
+const Disclaimer_module = require('./Disclaimer.module.css.cjs');
+const jsxRuntime = require('react/jsx-runtime');
+const TextLink = require('../text-link/TextLink.cjs');
+
+const defaultContent = /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+  children: ["Your privacy matters. We use cookieless analytics and collect only anonymized data for improvements. Cookies are used for functionality only. For more info read", ' ', /*#__PURE__*/jsxRuntime.jsx(TextLink.TextLink, {
+    href: "https://lido.fi/privacy-notice",
+    external: true,
+    children: "Privacy Notice"
+  }), "."]
+});
+const Disclaimer = _ref => {
+  let {
+    className,
+    children = defaultContent,
+    dataTestId,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx("p", {
+    className: cn(Disclaimer_module.root, className),
+    "data-testid": dataTestId?.root,
+    ...rest,
+    children: children
+  });
+};
+
+exports.Disclaimer = Disclaimer;
+//# sourceMappingURL=Disclaimer.cjs.map

package/dist/cjs/disclaimer/Disclaimer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Disclaimer.cjs","sources":["../../../src/disclaimer/Disclaimer.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react'\n\nimport cn from 'classnames'\n\nimport { TextLink } from '../text-link'\nimport styles from './Disclaimer.module.css'\n\nexport type DisclaimerDataTestId = {\n  root?: string\n}\n\nexport type DisclaimerProps = ComponentPropsWithoutRef<'p'> & {\n  dataTestId?: DisclaimerDataTestId\n}\n\nconst defaultContent = (\n  <>\n    Your privacy matters. We use cookieless analytics and collect only\n    anonymized data for improvements. Cookies are used for functionality only.\n    For more info read{' '}\n    <TextLink href='https://lido.fi/privacy-notice' external>\n      Privacy Notice\n    </TextLink>\n    .\n  </>\n)\n\nexport const Disclaimer = ({\n  className,\n  children = defaultContent,\n  dataTestId,\n  ...rest\n}: DisclaimerProps) => (\n  <p\n    className={cn(styles.root, className)}\n    data-testid={dataTestId?.root}\n    {...rest}\n  >\n    {children}\n  </p>\n)\n"],"names":["defaultContent","_jsxs","_Fragment","children","_jsx","TextLink","href","external","Disclaimer","_ref","className","dataTestId","rest","cn","styles","root"],"mappings":";;;;;;;;;AAeA,MAAMA,cAAc,gBAClBC,eAAA,CAAAC,mBAAA,EAAA;AAAAC,EAAAA,QAAA,GAAE,kKAGkB,EAAC,GAAG,eACtBC,cAAA,CAACC,iBAAQ,EAAA;AAACC,IAAAA,IAAI,EAAC,gCAAgC;IAACC,QAAQ,EAAA,IAAA;AAAAJ,IAAAA,QAAA,EAAC,gBAAA;AAEzD,GAAU,CAAC,EAEb,GAAA,CAAA;AAAA,CAAE,CACH,CAAA;AAEM,MAAMK,UAAU,GAAGC,IAAA,IAAA;EAAA,IAAC;IACzBC,SAAS;AACTP,IAAAA,QAAQ,GAAGH,cAAc;IACzBW,UAAU;IACV,GAAGC,IAAAA;AACY,GAAC,GAAAH,IAAA,CAAA;AAAA,EAAA,oBAChBL,cAAA,CAAA,GAAA,EAAA;IACEM,SAAS,EAAEG,EAAE,CAACC,iBAAM,CAACC,IAAI,EAAEL,SAAS,CAAE;IACtC,aAAaC,EAAAA,UAAU,EAAEI,IAAK;AAAA,IAAA,GAC1BH,IAAI;AAAAT,IAAAA,QAAA,EAEPA,QAAAA;AAAQ,GACR,CAAC,CAAA;AAAA;;;;"}

package/dist/cjs/disclaimer/Disclaimer.module.css.cjs

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

package/dist/cjs/disclaimer/Disclaimer.module.css.cjs.map

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

package/dist/cjs/divider/Divider.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+const cn = require('classnames');
+const Divider_module = require('./Divider.module.css.cjs');
+const jsxRuntime = require('react/jsx-runtime');
+
+/** Visual-only 1px line in the default border color; stretches along the cross axis of a flex parent. Pass role='separator' for semantics. */
+const Divider = /*#__PURE__*/react.forwardRef((_ref, ref) => {
+  let {
+    orientation = 'horizontal',
+    className,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    ref: ref,
+    className: cn(Divider_module.root, Divider_module[orientation], className),
+    ...rest
+  });
+});
+Divider.displayName = 'Divider';
+
+exports.Divider = Divider;
+//# sourceMappingURL=Divider.cjs.map

package/dist/cjs/divider/Divider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.cjs","sources":["../../../src/divider/Divider.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './Divider.module.css'\n\nexport type DividerOrientation = 'horizontal' | 'vertical'\n\nexport type DividerProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {\n  orientation?: DividerOrientation\n}\n\n/** Visual-only 1px line in the default border color; stretches along the cross axis of a flex parent. Pass role='separator' for semantics. */\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(\n  ({ orientation = 'horizontal', className, ...rest }, ref) => (\n    <div\n      ref={ref}\n      className={cn(styles.root, styles[orientation], className)}\n      {...rest}\n    />\n  ),\n)\n\nDivider.displayName = 'Divider'\n"],"names":["Divider","forwardRef","_ref","ref","orientation","className","rest","_jsx","cn","styles","root","displayName"],"mappings":";;;;;;;;;AAYA;AACO,MAAMA,OAAO,gBAAGC,gBAAU,CAC/B,CAAAC,IAAA,EAAqDC,GAAG,KAAA;EAAA,IAAvD;AAAEC,IAAAA,WAAW,GAAG,YAAY;IAAEC,SAAS;IAAE,GAAGC,IAAAA;AAAK,GAAC,GAAAJ,IAAA,CAAA;AAAA,EAAA,oBACjDK,cAAA,CAAA,KAAA,EAAA;AACEJ,IAAAA,GAAG,EAAEA,GAAI;AACTE,IAAAA,SAAS,EAAEG,EAAE,CAACC,cAAM,CAACC,IAAI,EAAED,cAAM,CAACL,WAAW,CAAC,EAAEC,SAAS,CAAE;IAAA,GACvDC,IAAAA;AAAI,GACT,CAAC,CAAA;AAAA,CAEN,EAAC;AAEDN,OAAO,CAACW,WAAW,GAAG,SAAS;;;;"}

package/dist/cjs/divider/Divider.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"root":"Divider-module_root__SVXVb","horizontal":"Divider-module_horizontal__1RnR-","vertical":"Divider-module_vertical__pIPZy"};
+
+module.exports = styles;
+//# sourceMappingURL=Divider.module.css.cjs.map

package/dist/cjs/divider/Divider.module.css.cjs.map

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

package/dist/cjs/error-page/ErrorPage.cjs

@@ -0,0 +1,64 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const cn = require('classnames');
+const ErrorPage_module = require('./ErrorPage.module.css.cjs');
+const jsxRuntime = require('react/jsx-runtime');
+
+const presets = {
+  '404': {
+    title: 'Page not found',
+    description: 'The page you’re looking for doesn’t exist or has been moved. Check the URL or return to your dashboard.'
+  },
+  '500': {
+    title: 'Something went wrong',
+    description: 'We’re having trouble loading this page. Please try again in a moment.'
+  }
+};
+const isPresetCode = code => code === '404' || code === '500';
+const ErrorPage = _ref => {
+  let {
+    code,
+    title,
+    description,
+    action,
+    className,
+    dataTestId,
+    ...rest
+  } = _ref;
+  const preset = isPresetCode(code) ? presets[code] : undefined;
+  const resolvedTitle = title !== undefined ? title : preset?.title;
+  const resolvedDescription = description !== undefined ? description : preset?.description;
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: cn(ErrorPage_module.root, className),
+    "data-testid": dataTestId?.root,
+    ...rest,
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: ErrorPage_module.inner,
+      children: [code != null ? /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: ErrorPage_module.code,
+        "data-testid": dataTestId?.code,
+        children: code
+      }) : null, /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: ErrorPage_module.text,
+        children: [resolvedTitle != null ? /*#__PURE__*/jsxRuntime.jsx("h1", {
+          className: ErrorPage_module.title,
+          "data-testid": dataTestId?.title,
+          children: resolvedTitle
+        }) : null, resolvedDescription != null ? /*#__PURE__*/jsxRuntime.jsx("p", {
+          className: ErrorPage_module.description,
+          "data-testid": dataTestId?.description,
+          children: resolvedDescription
+        }) : null]
+      }), action != null ? /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: ErrorPage_module.action,
+        "data-testid": dataTestId?.action,
+        children: action
+      }) : null]
+    })
+  });
+};
+
+exports.ErrorPage = ErrorPage;
+//# sourceMappingURL=ErrorPage.cjs.map

package/dist/cjs/error-page/ErrorPage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorPage.cjs","sources":["../../../src/error-page/ErrorPage.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './ErrorPage.module.css'\n\nexport type ErrorPageCode = '404' | '500'\n\nexport type ErrorPageDataTestId = {\n  root?: string\n  code?: string\n  title?: string\n  description?: string\n  action?: string\n}\n\nexport type ErrorPageProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'> & {\n  /** `'404'` / `'500'` fill default title and description. */\n  code?: ErrorPageCode | (string & {})\n  title?: ReactNode\n  description?: ReactNode\n  /** Slot below the text, usually a `Button`. */\n  action?: ReactNode\n  dataTestId?: ErrorPageDataTestId\n}\n\nconst presets: Record<ErrorPageCode, { title: string; description: string }> = {\n  '404': {\n    title: 'Page not found',\n    description:\n      'The page you’re looking for doesn’t exist or has been moved. Check the URL or return to your dashboard.',\n  },\n  '500': {\n    title: 'Something went wrong',\n    description:\n      'We’re having trouble loading this page. Please try again in a moment.',\n  },\n}\n\nconst isPresetCode = (code?: string): code is ErrorPageCode =>\n  code === '404' || code === '500'\n\nexport const ErrorPage = ({\n  code,\n  title,\n  description,\n  action,\n  className,\n  dataTestId,\n  ...rest\n}: ErrorPageProps) => {\n  const preset = isPresetCode(code) ? presets[code] : undefined\n  const resolvedTitle = title !== undefined ? title : preset?.title\n  const resolvedDescription =\n    description !== undefined ? description : preset?.description\n\n  return (\n    <div\n      className={cn(styles.root, className)}\n      data-testid={dataTestId?.root}\n      {...rest}\n    >\n      <div className={styles.inner}>\n        {code != null ? (\n          <div className={styles.code} data-testid={dataTestId?.code}>\n            {code}\n          </div>\n        ) : null}\n        <div className={styles.text}>\n          {resolvedTitle != null ? (\n            <h1 className={styles.title} data-testid={dataTestId?.title}>\n              {resolvedTitle}\n            </h1>\n          ) : null}\n          {resolvedDescription != null ? (\n            <p\n              className={styles.description}\n              data-testid={dataTestId?.description}\n            >\n              {resolvedDescription}\n            </p>\n          ) : null}\n        </div>\n        {action != null ? (\n          <div className={styles.action} data-testid={dataTestId?.action}>\n            {action}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n"],"names":["presets","title","description","isPresetCode","code","ErrorPage","_ref","action","className","dataTestId","rest","preset","undefined","resolvedTitle","resolvedDescription","_jsx","cn","styles","root","children","_jsxs","inner","text"],"mappings":";;;;;;;;AA0BA,MAAMA,OAAsE,GAAG;AAC7E,EAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,gBAAgB;AACvBC,IAAAA,WAAW,EACT,yGAAA;GACH;AACD,EAAA,KAAK,EAAE;AACLD,IAAAA,KAAK,EAAE,sBAAsB;AAC7BC,IAAAA,WAAW,EACT,uEAAA;AACJ,GAAA;AACF,CAAC,CAAA;AAED,MAAMC,YAAY,GAAIC,IAAa,IACjCA,IAAI,KAAK,KAAK,IAAIA,IAAI,KAAK,KAAK,CAAA;AAErBC,MAAAA,SAAS,GAAGC,IAAA,IAQH;EAAA,IARI;IACxBF,IAAI;IACJH,KAAK;IACLC,WAAW;IACXK,MAAM;IACNC,SAAS;IACTC,UAAU;IACV,GAAGC,IAAAA;AACW,GAAC,GAAAJ,IAAA,CAAA;AACf,EAAA,MAAMK,MAAM,GAAGR,YAAY,CAACC,IAAI,CAAC,GAAGJ,OAAO,CAACI,IAAI,CAAC,GAAGQ,SAAS,CAAA;EAC7D,MAAMC,aAAa,GAAGZ,KAAK,KAAKW,SAAS,GAAGX,KAAK,GAAGU,MAAM,EAAEV,KAAK,CAAA;EACjE,MAAMa,mBAAmB,GACvBZ,WAAW,KAAKU,SAAS,GAAGV,WAAW,GAAGS,MAAM,EAAET,WAAW,CAAA;AAE/D,EAAA,oBACEa,cAAA,CAAA,KAAA,EAAA;IACEP,SAAS,EAAEQ,EAAE,CAACC,gBAAM,CAACC,IAAI,EAAEV,SAAS,CAAE;IACtC,aAAaC,EAAAA,UAAU,EAAES,IAAK;AAAA,IAAA,GAC1BR,IAAI;AAAAS,IAAAA,QAAA,eAERC,eAAA,CAAA,KAAA,EAAA;MAAKZ,SAAS,EAAES,gBAAM,CAACI,KAAM;AAAAF,MAAAA,QAAA,EAC1Bf,CAAAA,IAAI,IAAI,IAAI,gBACXW,cAAA,CAAA,KAAA,EAAA;QAAKP,SAAS,EAAES,gBAAM,CAACb,IAAK;QAAC,aAAaK,EAAAA,UAAU,EAAEL,IAAK;AAAAe,QAAAA,QAAA,EACxDf,IAAAA;AAAI,OACF,CAAC,GACJ,IAAI,eACRgB,eAAA,CAAA,KAAA,EAAA;QAAKZ,SAAS,EAAES,gBAAM,CAACK,IAAK;AAAAH,QAAAA,QAAA,EACzBN,CAAAA,aAAa,IAAI,IAAI,gBACpBE,cAAA,CAAA,IAAA,EAAA;UAAIP,SAAS,EAAES,gBAAM,CAAChB,KAAM;UAAC,aAAaQ,EAAAA,UAAU,EAAER,KAAM;AAAAkB,UAAAA,QAAA,EACzDN,aAAAA;SACC,CAAC,GACH,IAAI,EACPC,mBAAmB,IAAI,IAAI,gBAC1BC,cAAA,CAAA,GAAA,EAAA;UACEP,SAAS,EAAES,gBAAM,CAACf,WAAY;UAC9B,aAAaO,EAAAA,UAAU,EAAEP,WAAY;AAAAiB,UAAAA,QAAA,EAEpCL,mBAAAA;SACA,CAAC,GACF,IAAI,CAAA;AAAA,OACL,CAAC,EACLP,MAAM,IAAI,IAAI,gBACbQ,cAAA,CAAA,KAAA,EAAA;QAAKP,SAAS,EAAES,gBAAM,CAACV,MAAO;QAAC,aAAaE,EAAAA,UAAU,EAAEF,MAAO;AAAAY,QAAAA,QAAA,EAC5DZ,MAAAA;OACE,CAAC,GACJ,IAAI,CAAA;KACL,CAAA;AAAC,GACH,CAAC,CAAA;AAEV;;;;"}

package/dist/cjs/error-page/ErrorPage.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"root":"ErrorPage-module_root__sdAsZ","inner":"ErrorPage-module_inner__rf3pT","code":"ErrorPage-module_code__sXtwL","text":"ErrorPage-module_text__SIHr-","title":"ErrorPage-module_title__1gYNN","description":"ErrorPage-module_description__VILdD","action":"ErrorPage-module_action__euwDk"};
+
+module.exports = styles;
+//# sourceMappingURL=ErrorPage.module.css.cjs.map

package/dist/cjs/error-page/ErrorPage.module.css.cjs.map

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

package/dist/cjs/footer/Footer.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const cn = require('classnames');
+const Footer_module = require('./Footer.module.css.cjs');
+const jsxRuntime = require('react/jsx-runtime');
+
+const Footer = _ref => {
+  let {
+    children,
+    aside,
+    className,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsxs("footer", {
+    className: cn(Footer_module.footer, className),
+    ...rest,
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: Footer_module.content,
+      children: children
+    }), aside != null ? /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: Footer_module.aside,
+      children: aside
+    }) : null]
+  });
+};
+
+exports.Footer = Footer;
+//# sourceMappingURL=Footer.cjs.map

package/dist/cjs/footer/Footer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.cjs","sources":["../../../src/footer/Footer.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './Footer.module.css'\n\nexport type FooterProps = ComponentPropsWithoutRef<'footer'> & {\n  /** Right slot, e.g. version tag. */\n  aside?: ReactNode\n}\n\nexport const Footer = ({\n  children,\n  aside,\n  className,\n  ...rest\n}: FooterProps) => (\n  <footer className={cn(styles.footer, className)} {...rest}>\n    <div className={styles.content}>{children}</div>\n    {aside != null ? <div className={styles.aside}>{aside}</div> : null}\n  </footer>\n)\n"],"names":["Footer","_ref","children","aside","className","rest","_jsxs","cn","styles","footer","_jsx","content"],"mappings":";;;;;;;;AAWO,MAAMA,MAAM,GAAGC,IAAA,IAAA;EAAA,IAAC;IACrBC,QAAQ;IACRC,KAAK;IACLC,SAAS;IACT,GAAGC,IAAAA;AACQ,GAAC,GAAAJ,IAAA,CAAA;AAAA,EAAA,oBACZK,eAAA,CAAA,QAAA,EAAA;IAAQF,SAAS,EAAEG,EAAE,CAACC,aAAM,CAACC,MAAM,EAAEL,SAAS,CAAE;AAAA,IAAA,GAAKC,IAAI;AAAAH,IAAAA,QAAA,gBACvDQ,cAAA,CAAA,KAAA,EAAA;MAAKN,SAAS,EAAEI,aAAM,CAACG,OAAQ;AAAAT,MAAAA,QAAA,EAAEA,QAAAA;AAAQ,KAAM,CAAC,EAC/CC,KAAK,IAAI,IAAI,gBAAGO,cAAA,CAAA,KAAA,EAAA;MAAKN,SAAS,EAAEI,aAAM,CAACL,KAAM;AAAAD,MAAAA,QAAA,EAAEC,KAAAA;KAAW,CAAC,GAAG,IAAI,CAAA;AAAA,GAC7D,CAAC,CAAA;AAAA;;;;"}

package/dist/cjs/footer/Footer.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"footer":"Footer-module_footer__N4WWk","content":"Footer-module_content__czurW","aside":"Footer-module_aside__r3tkL"};
+
+module.exports = styles;
+//# sourceMappingURL=Footer.module.css.cjs.map

package/dist/cjs/footer/Footer.module.css.cjs.map

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

package/dist/cjs/grid/Grid.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+const cn = require('classnames');
+const Grid_module = require('./Grid.module.css.cjs');
+const jsxRuntime = require('react/jsx-runtime');
+const responsive = require('../utils/responsive.cjs');
+
+const columnsToCss = columns => typeof columns === 'number' ? `repeat(${columns}, minmax(0, 1fr))` : columns;
+
+/** CSS grid container with equal, templated or auto-fit columns and a spacing scale. */
+const Grid = /*#__PURE__*/react.forwardRef((_ref, ref) => {
+  let {
+    as: Component = 'div',
+    columns,
+    minItemWidth,
+    gap,
+    rowGap,
+    columnGap,
+    align,
+    className,
+    style,
+    ...rest
+  } = _ref;
+  const minWidth = typeof minItemWidth === 'number' ? `${minItemWidth}px` : minItemWidth;
+  const template = minItemWidth !== undefined ? `repeat(auto-fit, minmax(min(${minWidth}, 100%), 1fr))` : columns;
+  const vars = {
+    ...responsive.responsiveVars('columns', template, columnsToCss),
+    ...responsive.responsiveVars('rowGap', responsive.mergeResponsive(gap, rowGap), responsive.spaceToCss),
+    ...responsive.responsiveVars('columnGap', responsive.mergeResponsive(gap, columnGap), responsive.spaceToCss)
+  };
+  return /*#__PURE__*/jsxRuntime.jsx(Component, {
+    ref: ref,
+    className: cn(Grid_module.root, align && Grid_module[`align${responsive.capitalize(align)}`], className),
+    style: {
+      ...vars,
+      ...style
+    },
+    ...rest
+  });
+});
+Grid.displayName = 'Grid';
+
+exports.Grid = Grid;
+//# sourceMappingURL=Grid.cjs.map

package/dist/cjs/grid/Grid.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.cjs","sources":["../../../src/grid/Grid.tsx"],"sourcesContent":["import { forwardRef, type ElementType, type HTMLAttributes } from 'react'\n\nimport cn from 'classnames'\n\nimport {\n  capitalize,\n  mergeResponsive,\n  responsiveVars,\n  spaceToCss,\n  type Responsive,\n  type Space,\n} from '../utils'\nimport styles from './Grid.module.css'\n\nexport type GridAlign = 'start' | 'center' | 'end' | 'stretch'\n\nexport type GridProps = HTMLAttributes<HTMLElement> & {\n  as?: ElementType\n  /** A number makes equal columns; a string is used as raw `grid-template-columns`. */\n  columns?: Responsive<number | string>\n  /** Auto-fit columns of at least this width (number = px). Takes precedence over `columns`. */\n  minItemWidth?: number | string\n  gap?: Responsive<Space>\n  /** Overrides `gap` for rows, per breakpoint. */\n  rowGap?: Responsive<Space>\n  /** Overrides `gap` for columns, per breakpoint. */\n  columnGap?: Responsive<Space>\n  align?: GridAlign\n}\n\nconst columnsToCss = (columns: number | string) =>\n  typeof columns === 'number' ? `repeat(${columns}, minmax(0, 1fr))` : columns\n\n/** CSS grid container with equal, templated or auto-fit columns and a spacing scale. */\nexport const Grid = forwardRef<HTMLElement, GridProps>(\n  (\n    {\n      as: Component = 'div',\n      columns,\n      minItemWidth,\n      gap,\n      rowGap,\n      columnGap,\n      align,\n      className,\n      style,\n      ...rest\n    },\n    ref,\n  ) => {\n    const minWidth =\n      typeof minItemWidth === 'number' ? `${minItemWidth}px` : minItemWidth\n    const template =\n      minItemWidth !== undefined\n        ? `repeat(auto-fit, minmax(min(${minWidth}, 100%), 1fr))`\n        : columns\n\n    const vars = {\n      ...responsiveVars('columns', template, columnsToCss),\n      ...responsiveVars('rowGap', mergeResponsive(gap, rowGap), spaceToCss),\n      ...responsiveVars(\n        'columnGap',\n        mergeResponsive(gap, columnGap),\n        spaceToCss,\n      ),\n    }\n\n    return (\n      <Component\n        ref={ref}\n        className={cn(\n          styles.root,\n          align && styles[`align${capitalize(align)}`],\n          className,\n        )}\n        style={{ ...vars, ...style }}\n        {...rest}\n      />\n    )\n  },\n)\n\nGrid.displayName = 'Grid'\n"],"names":["columnsToCss","columns","Grid","forwardRef","_ref","ref","as","Component","minItemWidth","gap","rowGap","columnGap","align","className","style","rest","minWidth","template","undefined","vars","responsiveVars","mergeResponsive","spaceToCss","_jsx","cn","styles","root","capitalize","displayName"],"mappings":";;;;;;;;;;AA8BA,MAAMA,YAAY,GAAIC,OAAwB,IAC5C,OAAOA,OAAO,KAAK,QAAQ,GAAG,CAAA,OAAA,EAAUA,OAAO,CAAA,iBAAA,CAAmB,GAAGA,OAAO,CAAA;;AAE9E;AACO,MAAMC,IAAI,gBAAGC,gBAAU,CAC5B,CAAAC,IAAA,EAaEC,GAAG,KACA;EAAA,IAbH;IACEC,EAAE,EAAEC,SAAS,GAAG,KAAK;IACrBN,OAAO;IACPO,YAAY;IACZC,GAAG;IACHC,MAAM;IACNC,SAAS;IACTC,KAAK;IACLC,SAAS;IACTC,KAAK;IACL,GAAGC,IAAAA;AACL,GAAC,GAAAX,IAAA,CAAA;EAGD,MAAMY,QAAQ,GACZ,OAAOR,YAAY,KAAK,QAAQ,GAAG,CAAGA,EAAAA,YAAY,CAAI,EAAA,CAAA,GAAGA,YAAY,CAAA;EACvE,MAAMS,QAAQ,GACZT,YAAY,KAAKU,SAAS,GACtB,CAA+BF,4BAAAA,EAAAA,QAAQ,CAAgB,cAAA,CAAA,GACvDf,OAAO,CAAA;AAEb,EAAA,MAAMkB,IAAI,GAAG;AACX,IAAA,GAAGC,yBAAc,CAAC,SAAS,EAAEH,QAAQ,EAAEjB,YAAY,CAAC;AACpD,IAAA,GAAGoB,yBAAc,CAAC,QAAQ,EAAEC,0BAAe,CAACZ,GAAG,EAAEC,MAAM,CAAC,EAAEY,qBAAU,CAAC;IACrE,GAAGF,yBAAc,CACf,WAAW,EACXC,0BAAe,CAACZ,GAAG,EAAEE,SAAS,CAAC,EAC/BW,qBACF,CAAA;GACD,CAAA;EAED,oBACEC,cAAA,CAAChB,SAAS,EAAA;AACRF,IAAAA,GAAG,EAAEA,GAAI;IACTQ,SAAS,EAAEW,EAAE,CACXC,WAAM,CAACC,IAAI,EACXd,KAAK,IAAIa,WAAM,CAAC,CAAQE,KAAAA,EAAAA,qBAAU,CAACf,KAAK,CAAC,EAAE,CAAC,EAC5CC,SACF,CAAE;AACFC,IAAAA,KAAK,EAAE;AAAE,MAAA,GAAGK,IAAI;MAAE,GAAGL,KAAAA;KAAQ;IAAA,GACzBC,IAAAA;AAAI,GACT,CAAC,CAAA;AAEN,CACF,EAAC;AAEDb,IAAI,CAAC0B,WAAW,GAAG,MAAM;;;;"}

package/dist/cjs/grid/Grid.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"root":"Grid-module_root__WQ5eA","alignStart":"Grid-module_alignStart__tJzED","alignCenter":"Grid-module_alignCenter__Br-nr","alignEnd":"Grid-module_alignEnd__oWTV-","alignStretch":"Grid-module_alignStretch__v1rgi"};
+
+module.exports = styles;
+//# sourceMappingURL=Grid.module.css.cjs.map

package/dist/cjs/grid/Grid.module.css.cjs.map

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