@lidofinance/lido-app-ui 1.8.0 → 1.10.0

package/dist/cjs/grid/GridItem.cjs

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+const cn = require('classnames');
+const GridItem_module = require('./GridItem.module.css.cjs');
+const jsxRuntime = require('react/jsx-runtime');
+const responsive = require('../utils/responsive.cjs');
+
+const spanToCss = span => span === 'full' ? '1 / -1' : `span ${span} / span ${span}`;
+
+/** Grid child that can span columns or sit in a named area. */
+const GridItem = /*#__PURE__*/react.forwardRef((_ref, ref) => {
+  let {
+    as: Component = 'div',
+    span,
+    area,
+    className,
+    style,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx(Component, {
+    ref: ref,
+    className: cn(GridItem_module.root, className),
+    style: {
+      ...responsive.responsiveVars('span', span, spanToCss),
+      ...(area !== undefined && {
+        gridArea: area
+      }),
+      ...style
+    },
+    ...rest
+  });
+});
+GridItem.displayName = 'GridItem';
+
+exports.GridItem = GridItem;
+//# sourceMappingURL=GridItem.cjs.map

package/dist/cjs/grid/GridItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridItem.cjs","sources":["../../../src/grid/GridItem.tsx"],"sourcesContent":["import { forwardRef, type ElementType, type HTMLAttributes } from 'react'\n\nimport cn from 'classnames'\n\nimport { responsiveVars, type Responsive } from '../utils'\nimport styles from './GridItem.module.css'\n\nexport type GridItemProps = HTMLAttributes<HTMLElement> & {\n  as?: ElementType\n  /** Number of columns to span; `'full'` spans every column. */\n  span?: Responsive<number | 'full'>\n  area?: string\n}\n\nconst spanToCss = (span: number | 'full') =>\n  span === 'full' ? '1 / -1' : `span ${span} / span ${span}`\n\n/** Grid child that can span columns or sit in a named area. */\nexport const GridItem = forwardRef<HTMLElement, GridItemProps>(\n  ({ as: Component = 'div', span, area, className, style, ...rest }, ref) => {\n    return (\n      <Component\n        ref={ref}\n        className={cn(styles.root, className)}\n        style={{\n          ...responsiveVars('span', span, spanToCss),\n          ...(area !== undefined && { gridArea: area }),\n          ...style,\n        }}\n        {...rest}\n      />\n    )\n  },\n)\n\nGridItem.displayName = 'GridItem'\n"],"names":["spanToCss","span","GridItem","forwardRef","_ref","ref","as","Component","area","className","style","rest","_jsx","cn","styles","root","responsiveVars","undefined","gridArea","displayName"],"mappings":";;;;;;;;;;AAcA,MAAMA,SAAS,GAAIC,IAAqB,IACtCA,IAAI,KAAK,MAAM,GAAG,QAAQ,GAAG,CAAA,KAAA,EAAQA,IAAI,CAAA,QAAA,EAAWA,IAAI,CAAE,CAAA,CAAA;;AAE5D;AACO,MAAMC,QAAQ,gBAAGC,gBAAU,CAChC,CAAAC,IAAA,EAAmEC,GAAG,KAAK;EAAA,IAA1E;IAAEC,EAAE,EAAEC,SAAS,GAAG,KAAK;IAAEN,IAAI;IAAEO,IAAI;IAAEC,SAAS;IAAEC,KAAK;IAAE,GAAGC,IAAAA;AAAK,GAAC,GAAAP,IAAA,CAAA;EAC/D,oBACEQ,cAAA,CAACL,SAAS,EAAA;AACRF,IAAAA,GAAG,EAAEA,GAAI;IACTI,SAAS,EAAEI,EAAE,CAACC,eAAM,CAACC,IAAI,EAAEN,SAAS,CAAE;AACtCC,IAAAA,KAAK,EAAE;AACL,MAAA,GAAGM,yBAAc,CAAC,MAAM,EAAEf,IAAI,EAAED,SAAS,CAAC;MAC1C,IAAIQ,IAAI,KAAKS,SAAS,IAAI;AAAEC,QAAAA,QAAQ,EAAEV,IAAAA;AAAK,OAAC,CAAC;MAC7C,GAAGE,KAAAA;KACH;IAAA,GACEC,IAAAA;AAAI,GACT,CAAC,CAAA;AAEN,CACF,EAAC;AAEDT,QAAQ,CAACiB,WAAW,GAAG,UAAU;;;;"}

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

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

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

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

package/dist/cjs/header/Header.cjs

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

package/dist/cjs/header/Header.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.cjs","sources":["../../../src/header/Header.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './Header.module.css'\n\nexport type HeaderProps = ComponentPropsWithoutRef<'header'> & {\n  /** Right control group. */\n  actions?: ReactNode\n  /** Sticks to the top of the viewport while scrolling. */\n  sticky?: boolean\n}\n\nexport const Header = ({\n  children,\n  actions,\n  sticky,\n  className,\n  ...rest\n}: HeaderProps) => (\n  <header\n    className={cn(styles.header, sticky && styles.sticky, className)}\n    {...rest}\n  >\n    <div className={styles.content}>{children}</div>\n    {actions != null ? <div className={styles.actions}>{actions}</div> : null}\n  </header>\n)\n"],"names":["Header","_ref","children","actions","sticky","className","rest","_jsxs","cn","styles","header","_jsx","content"],"mappings":";;;;;;;;AAaO,MAAMA,MAAM,GAAGC,IAAA,IAAA;EAAA,IAAC;IACrBC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC,SAAS;IACT,GAAGC,IAAAA;AACQ,GAAC,GAAAL,IAAA,CAAA;AAAA,EAAA,oBACZM,eAAA,CAAA,QAAA,EAAA;AACEF,IAAAA,SAAS,EAAEG,EAAE,CAACC,aAAM,CAACC,MAAM,EAAEN,MAAM,IAAIK,aAAM,CAACL,MAAM,EAAEC,SAAS,CAAE;AAAA,IAAA,GAC7DC,IAAI;AAAAJ,IAAAA,QAAA,gBAERS,cAAA,CAAA,KAAA,EAAA;MAAKN,SAAS,EAAEI,aAAM,CAACG,OAAQ;AAAAV,MAAAA,QAAA,EAAEA,QAAAA;AAAQ,KAAM,CAAC,EAC/CC,OAAO,IAAI,IAAI,gBAAGQ,cAAA,CAAA,KAAA,EAAA;MAAKN,SAAS,EAAEI,aAAM,CAACN,OAAQ;AAAAD,MAAAA,QAAA,EAAEC,OAAAA;KAAa,CAAC,GAAG,IAAI,CAAA;AAAA,GACnE,CAAC,CAAA;AAAA;;;;"}

package/dist/cjs/header/Header.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"header":"Header-module_header__BlKE6","sticky":"Header-module_sticky__ftIiS","content":"Header-module_content__P2dip","actions":"Header-module_actions__iRAGS"};
+
+module.exports = styles;
+//# sourceMappingURL=Header.module.css.cjs.map

package/dist/cjs/header/Header.module.css.cjs.map

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

package/dist/cjs/header/HeaderNav.cjs

@@ -0,0 +1,69 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+const cn = require('classnames');
+const HeaderNav_module = require('./HeaderNav.module.css.cjs');
+const jsxRuntime = require('react/jsx-runtime');
+
+const syncFade = nav => {
+  nav.toggleAttribute('data-fade-start', nav.scrollLeft > 0);
+  nav.toggleAttribute('data-fade-end', nav.scrollLeft < nav.scrollWidth - nav.clientWidth - 1);
+};
+const scrollActiveIntoView = nav => {
+  const active = nav.querySelector("[aria-current='page']");
+  if (!active) return;
+  const navRect = nav.getBoundingClientRect();
+  const activeRect = active.getBoundingClientRect();
+  nav.scrollLeft += activeRect.left - navRect.left - (nav.clientWidth - activeRect.width) / 2;
+};
+const HeaderNav = /*#__PURE__*/react.forwardRef((_ref, ref) => {
+  let {
+    'aria-label': ariaLabel = 'Main',
+    className,
+    onScroll,
+    ...rest
+  } = _ref;
+  const navRef = react.useRef(null);
+  const setRef = react.useCallback(node => {
+    navRef.current = node;
+    if (typeof ref === 'function') ref(node);else if (ref) ref.current = node;
+  }, [ref]);
+  react.useEffect(() => {
+    const nav = navRef.current;
+    if (!nav) return;
+    const sync = () => {
+      scrollActiveIntoView(nav);
+      syncFade(nav);
+    };
+    sync();
+    const mutations = typeof MutationObserver === 'undefined' ? null : new MutationObserver(sync);
+    mutations?.observe(nav, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: ['aria-current']
+    });
+    const resizes = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(() => syncFade(nav));
+    resizes?.observe(nav);
+    return () => {
+      mutations?.disconnect();
+      resizes?.disconnect();
+    };
+  }, []);
+  return /*#__PURE__*/jsxRuntime.jsx("nav", {
+    ref: setRef,
+    "aria-label": ariaLabel,
+    className: cn(HeaderNav_module.nav, className),
+    onScroll: e => {
+      syncFade(e.currentTarget);
+      onScroll?.(e);
+    },
+    ...rest
+  });
+});
+HeaderNav.displayName = 'HeaderNav';
+
+exports.HeaderNav = HeaderNav;
+//# sourceMappingURL=HeaderNav.cjs.map

package/dist/cjs/header/HeaderNav.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderNav.cjs","sources":["../../../src/header/HeaderNav.tsx"],"sourcesContent":["import { forwardRef, useCallback, useEffect, useRef } from 'react'\nimport type { ComponentPropsWithoutRef } from 'react'\n\nimport cn from 'classnames'\n\nimport styles from './HeaderNav.module.css'\n\nexport type HeaderNavProps = ComponentPropsWithoutRef<'nav'>\n\nconst syncFade = (nav: HTMLElement) => {\n  nav.toggleAttribute('data-fade-start', nav.scrollLeft > 0)\n  nav.toggleAttribute(\n    'data-fade-end',\n    nav.scrollLeft < nav.scrollWidth - nav.clientWidth - 1,\n  )\n}\n\nconst scrollActiveIntoView = (nav: HTMLElement) => {\n  const active = nav.querySelector<HTMLElement>(\"[aria-current='page']\")\n  if (!active) return\n  const navRect = nav.getBoundingClientRect()\n  const activeRect = active.getBoundingClientRect()\n  nav.scrollLeft +=\n    activeRect.left - navRect.left - (nav.clientWidth - activeRect.width) / 2\n}\n\nexport const HeaderNav = forwardRef<HTMLElement, HeaderNavProps>(\n  ({ 'aria-label': ariaLabel = 'Main', className, onScroll, ...rest }, ref) => {\n    const navRef = useRef<HTMLElement | null>(null)\n\n    const setRef = useCallback(\n      (node: HTMLElement | null) => {\n        navRef.current = node\n        if (typeof ref === 'function') ref(node)\n        else if (ref) ref.current = node\n      },\n      [ref],\n    )\n\n    useEffect(() => {\n      const nav = navRef.current\n      if (!nav) return\n      const sync = () => {\n        scrollActiveIntoView(nav)\n        syncFade(nav)\n      }\n      sync()\n      const mutations =\n        typeof MutationObserver === 'undefined'\n          ? null\n          : new MutationObserver(sync)\n      mutations?.observe(nav, {\n        childList: true,\n        subtree: true,\n        attributes: true,\n        attributeFilter: ['aria-current'],\n      })\n      const resizes =\n        typeof ResizeObserver === 'undefined'\n          ? null\n          : new ResizeObserver(() => syncFade(nav))\n      resizes?.observe(nav)\n      return () => {\n        mutations?.disconnect()\n        resizes?.disconnect()\n      }\n    }, [])\n\n    return (\n      <nav\n        ref={setRef}\n        aria-label={ariaLabel}\n        className={cn(styles.nav, className)}\n        onScroll={(e) => {\n          syncFade(e.currentTarget)\n          onScroll?.(e)\n        }}\n        {...rest}\n      />\n    )\n  },\n)\n\nHeaderNav.displayName = 'HeaderNav'\n"],"names":["syncFade","nav","toggleAttribute","scrollLeft","scrollWidth","clientWidth","scrollActiveIntoView","active","querySelector","navRect","getBoundingClientRect","activeRect","left","width","HeaderNav","forwardRef","_ref","ref","ariaLabel","className","onScroll","rest","navRef","useRef","setRef","useCallback","node","current","useEffect","sync","mutations","MutationObserver","observe","childList","subtree","attributes","attributeFilter","resizes","ResizeObserver","disconnect","_jsx","cn","styles","e","currentTarget","displayName"],"mappings":"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"}

package/dist/cjs/header/HeaderNav.module.css.cjs

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

package/dist/cjs/header/HeaderNav.module.css.cjs.map

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

package/dist/cjs/hidden/Hidden.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const cn = require('classnames');
+const Hidden_module = require('./Hidden.module.css.cjs');
+const jsxRuntime = require('react/jsx-runtime');
+const responsive = require('../utils/responsive.cjs');
+
+/** CSS-only responsive visibility, safe for SSR. Wrapper is `display: contents` while visible. */
+const Hidden = _ref => {
+  let {
+    below,
+    above,
+    className,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: cn(Hidden_module.root, below && Hidden_module[`below${responsive.capitalize(below)}`], above && Hidden_module[`above${responsive.capitalize(above)}`], className),
+    ...rest
+  });
+};
+
+exports.Hidden = Hidden;
+//# sourceMappingURL=Hidden.cjs.map

package/dist/cjs/hidden/Hidden.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hidden.cjs","sources":["../../../src/hidden/Hidden.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react'\n\nimport cn from 'classnames'\n\nimport { capitalize, type Breakpoint } from '../utils'\nimport styles from './Hidden.module.css'\n\nexport type HiddenProps = HTMLAttributes<HTMLDivElement> & {\n  /** Hides at this breakpoint's width and below. */\n  below?: Breakpoint\n  /** Hides at widths above this breakpoint. */\n  above?: Breakpoint\n}\n\n/** CSS-only responsive visibility, safe for SSR. Wrapper is `display: contents` while visible. */\nexport const Hidden = ({ below, above, className, ...rest }: HiddenProps) => (\n  <div\n    className={cn(\n      styles.root,\n      below && styles[`below${capitalize(below)}`],\n      above && styles[`above${capitalize(above)}`],\n      className,\n    )}\n    {...rest}\n  />\n)\n"],"names":["Hidden","_ref","below","above","className","rest","_jsx","cn","styles","root","capitalize"],"mappings":";;;;;;;;;AAcA;AACO,MAAMA,MAAM,GAAGC,IAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;IAAEC,KAAK;IAAEC,SAAS;IAAE,GAAGC,IAAAA;AAAkB,GAAC,GAAAJ,IAAA,CAAA;AAAA,EAAA,oBACtEK,cAAA,CAAA,KAAA,EAAA;AACEF,IAAAA,SAAS,EAAEG,EAAE,CACXC,aAAM,CAACC,IAAI,EACXP,KAAK,IAAIM,aAAM,CAAC,CAAQE,KAAAA,EAAAA,qBAAU,CAACR,KAAK,CAAC,CAAE,CAAA,CAAC,EAC5CC,KAAK,IAAIK,aAAM,CAAC,CAAQE,KAAAA,EAAAA,qBAAU,CAACP,KAAK,CAAC,CAAA,CAAE,CAAC,EAC5CC,SACF,CAAE;IAAA,GACEC,IAAAA;AAAI,GACT,CAAC,CAAA;AAAA;;;;"}

package/dist/cjs/hidden/Hidden.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+const styles = {"root":"Hidden-module_root__9hkfD","belowLg":"Hidden-module_belowLg__zbI6R","belowMl":"Hidden-module_belowMl__vJPhT","belowMd":"Hidden-module_belowMd__lVH9f","belowSm":"Hidden-module_belowSm__cnb9B","belowXs":"Hidden-module_belowXs__ipzM-","belowXxs":"Hidden-module_belowXxs__BkbGR","aboveLg":"Hidden-module_aboveLg__G7kJk","aboveMl":"Hidden-module_aboveMl__QadhV","aboveMd":"Hidden-module_aboveMd__1yfOJ","aboveSm":"Hidden-module_aboveSm__6-6D8","aboveXs":"Hidden-module_aboveXs__TxT4e","aboveXxs":"Hidden-module_aboveXxs__gRrwE"};
+
+module.exports = styles;
+//# sourceMappingURL=Hidden.module.css.cjs.map

package/dist/cjs/hidden/Hidden.module.css.cjs.map

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

package/dist/cjs/hooks/Portal.cjs

@@ -0,0 +1,57 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+const reactDom = require('react-dom');
+const jsxRuntime = require('react/jsx-runtime');
+
+const THEME_ATTR = 'data-lido-theme';
+
+/**
+ * Renders `null` until mounted so SSR and first client render match.
+ * Without `container`, mirrors the nearest `data-lido-theme` scope onto the portal root so tokens still resolve.
+ */
+const Portal = _ref => {
+  let {
+    children,
+    container
+  } = _ref;
+  const markerRef = react.useRef(null);
+  const [target, setTarget] = react.useState(null);
+  react.useEffect(() => {
+    if (container) {
+      setTarget(container);
+      return;
+    }
+    const scope = markerRef.current?.closest(`[${THEME_ATTR}]`);
+    if (!scope || scope === document.documentElement) {
+      setTarget(document.body);
+      return;
+    }
+    const root = document.createElement('div');
+    root.style.display = 'contents';
+    const sync = () => root.setAttribute(THEME_ATTR, scope.getAttribute(THEME_ATTR) ?? '');
+    sync();
+    document.body.appendChild(root);
+    const observer = new MutationObserver(sync);
+    observer.observe(scope, {
+      attributes: true,
+      attributeFilter: [THEME_ATTR]
+    });
+    setTarget(root);
+    return () => {
+      observer.disconnect();
+      root.remove();
+    };
+  }, [container]);
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+      ref: markerRef,
+      hidden: true
+    }), target ? /*#__PURE__*/reactDom.createPortal(children, target) : null]
+  });
+};
+
+exports.Portal = Portal;
+//# sourceMappingURL=Portal.cjs.map

package/dist/cjs/hooks/Portal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.cjs","sources":["../../../src/hooks/Portal.tsx"],"sourcesContent":["import { useEffect, useRef, useState, type ReactNode } from 'react'\nimport { createPortal } from 'react-dom'\n\nexport type PortalProps = {\n  children?: ReactNode\n  /** Defaults to `document.body`. */\n  container?: Element | null\n}\n\nconst THEME_ATTR = 'data-lido-theme'\n\n/**\n * Renders `null` until mounted so SSR and first client render match.\n * Without `container`, mirrors the nearest `data-lido-theme` scope onto the portal root so tokens still resolve.\n */\nexport const Portal = ({ children, container }: PortalProps) => {\n  const markerRef = useRef<HTMLSpanElement>(null)\n  const [target, setTarget] = useState<Element | null>(null)\n\n  useEffect(() => {\n    if (container) {\n      setTarget(container)\n      return\n    }\n    const scope = markerRef.current?.closest(`[${THEME_ATTR}]`)\n    if (!scope || scope === document.documentElement) {\n      setTarget(document.body)\n      return\n    }\n\n    const root = document.createElement('div')\n    root.style.display = 'contents'\n    const sync = () =>\n      root.setAttribute(THEME_ATTR, scope.getAttribute(THEME_ATTR) ?? '')\n    sync()\n    document.body.appendChild(root)\n    const observer = new MutationObserver(sync)\n    observer.observe(scope, { attributes: true, attributeFilter: [THEME_ATTR] })\n    setTarget(root)\n    return () => {\n      observer.disconnect()\n      root.remove()\n    }\n  }, [container])\n\n  return (\n    <>\n      <span ref={markerRef} hidden />\n      {target ? createPortal(children, target) : null}\n    </>\n  )\n}\n"],"names":["THEME_ATTR","Portal","_ref","children","container","markerRef","useRef","target","setTarget","useState","useEffect","scope","current","closest","document","documentElement","body","root","createElement","style","display","sync","setAttribute","getAttribute","appendChild","observer","MutationObserver","observe","attributes","attributeFilter","disconnect","remove","_jsxs","_Fragment","_jsx","ref","hidden","createPortal"],"mappings":";;;;;;;;AASA,MAAMA,UAAU,GAAG,iBAAiB,CAAA;;AAEpC;AACA;AACA;AACA;AACaC,MAAAA,MAAM,GAAGC,IAAA,IAA0C;EAAA,IAAzC;IAAEC,QAAQ;AAAEC,IAAAA,SAAAA;AAAuB,GAAC,GAAAF,IAAA,CAAA;AACzD,EAAA,MAAMG,SAAS,GAAGC,YAAM,CAAkB,IAAI,CAAC,CAAA;EAC/C,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGC,cAAQ,CAAiB,IAAI,CAAC,CAAA;AAE1DC,EAAAA,eAAS,CAAC,MAAM;AACd,IAAA,IAAIN,SAAS,EAAE;MACbI,SAAS,CAACJ,SAAS,CAAC,CAAA;AACpB,MAAA,OAAA;AACF,KAAA;IACA,MAAMO,KAAK,GAAGN,SAAS,CAACO,OAAO,EAAEC,OAAO,CAAC,CAAA,CAAA,EAAIb,UAAU,CAAA,CAAA,CAAG,CAAC,CAAA;IAC3D,IAAI,CAACW,KAAK,IAAIA,KAAK,KAAKG,QAAQ,CAACC,eAAe,EAAE;AAChDP,MAAAA,SAAS,CAACM,QAAQ,CAACE,IAAI,CAAC,CAAA;AACxB,MAAA,OAAA;AACF,KAAA;AAEA,IAAA,MAAMC,IAAI,GAAGH,QAAQ,CAACI,aAAa,CAAC,KAAK,CAAC,CAAA;AAC1CD,IAAAA,IAAI,CAACE,KAAK,CAACC,OAAO,GAAG,UAAU,CAAA;AAC/B,IAAA,MAAMC,IAAI,GAAGA,MACXJ,IAAI,CAACK,YAAY,CAACtB,UAAU,EAAEW,KAAK,CAACY,YAAY,CAACvB,UAAU,CAAC,IAAI,EAAE,CAAC,CAAA;AACrEqB,IAAAA,IAAI,EAAE,CAAA;AACNP,IAAAA,QAAQ,CAACE,IAAI,CAACQ,WAAW,CAACP,IAAI,CAAC,CAAA;AAC/B,IAAA,MAAMQ,QAAQ,GAAG,IAAIC,gBAAgB,CAACL,IAAI,CAAC,CAAA;AAC3CI,IAAAA,QAAQ,CAACE,OAAO,CAAChB,KAAK,EAAE;AAAEiB,MAAAA,UAAU,EAAE,IAAI;MAAEC,eAAe,EAAE,CAAC7B,UAAU,CAAA;AAAE,KAAC,CAAC,CAAA;IAC5EQ,SAAS,CAACS,IAAI,CAAC,CAAA;AACf,IAAA,OAAO,MAAM;MACXQ,QAAQ,CAACK,UAAU,EAAE,CAAA;MACrBb,IAAI,CAACc,MAAM,EAAE,CAAA;KACd,CAAA;AACH,GAAC,EAAE,CAAC3B,SAAS,CAAC,CAAC,CAAA;EAEf,oBACE4B,eAAA,CAAAC,mBAAA,EAAA;AAAA9B,IAAAA,QAAA,gBACE+B,cAAA,CAAA,MAAA,EAAA;AAAMC,MAAAA,GAAG,EAAE9B,SAAU;MAAC+B,MAAM,EAAA,IAAA;KAAE,CAAC,EAC9B7B,MAAM,gBAAG8B,qBAAY,CAAClC,QAAQ,EAAEI,MAAM,CAAC,GAAG,IAAI,CAAA;AAAA,GAC/C,CAAC,CAAA;AAEP;;;;"}

package/dist/cjs/hooks/overlayStack.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+/** Each layer gets a document listener for `type` that only fires while it's the newest layer in its stack. */
+const createLayerStack = function (type) {
+  let {
+    capture = false
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const layers = [];
+  return onEvent => {
+    const layer = {};
+    layers.push(layer);
+    const listener = event => {
+      if (layers[layers.length - 1] === layer) onEvent(event);
+    };
+    document.addEventListener(type, listener, capture);
+    return () => {
+      document.removeEventListener(type, listener, capture);
+      layers.splice(layers.indexOf(layer), 1);
+    };
+  };
+};
+
+exports.createLayerStack = createLayerStack;
+//# sourceMappingURL=overlayStack.cjs.map

package/dist/cjs/hooks/overlayStack.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlayStack.cjs","sources":["../../../src/hooks/overlayStack.ts"],"sourcesContent":["type LayerOptions = { capture?: boolean }\n\n/** Each layer gets a document listener for `type` that only fires while it's the newest layer in its stack. */\nexport const createLayerStack = <K extends keyof DocumentEventMap>(\n  type: K,\n  { capture = false }: LayerOptions = {},\n) => {\n  const layers: object[] = []\n  return (onEvent: (event: DocumentEventMap[K]) => void) => {\n    const layer = {}\n    layers.push(layer)\n    const listener = (event: DocumentEventMap[K]) => {\n      if (layers[layers.length - 1] === layer) onEvent(event)\n    }\n    document.addEventListener(type, listener, capture)\n    return () => {\n      document.removeEventListener(type, listener, capture)\n      layers.splice(layers.indexOf(layer), 1)\n    }\n  }\n}\n"],"names":["createLayerStack","type","capture","arguments","length","undefined","layers","onEvent","layer","push","listener","event","document","addEventListener","removeEventListener","splice","indexOf"],"mappings":";;;;AAEA;MACaA,gBAAgB,GAAG,UAC9BC,IAAO,EAEJ;EAAA,IADH;AAAEC,IAAAA,OAAO,GAAG,KAAA;AAAoB,GAAC,GAAAC,SAAA,CAAAC,MAAA,GAAAD,CAAAA,IAAAA,SAAA,CAAAE,CAAAA,CAAAA,KAAAA,SAAA,GAAAF,SAAA,CAAG,CAAA,CAAA,GAAA,EAAE,CAAA;EAEtC,MAAMG,MAAgB,GAAG,EAAE,CAAA;AAC3B,EAAA,OAAQC,OAA6C,IAAK;IACxD,MAAMC,KAAK,GAAG,EAAE,CAAA;AAChBF,IAAAA,MAAM,CAACG,IAAI,CAACD,KAAK,CAAC,CAAA;IAClB,MAAME,QAAQ,GAAIC,KAA0B,IAAK;AAC/C,MAAA,IAAIL,MAAM,CAACA,MAAM,CAACF,MAAM,GAAG,CAAC,CAAC,KAAKI,KAAK,EAAED,OAAO,CAACI,KAAK,CAAC,CAAA;KACxD,CAAA;IACDC,QAAQ,CAACC,gBAAgB,CAACZ,IAAI,EAAES,QAAQ,EAAER,OAAO,CAAC,CAAA;AAClD,IAAA,OAAO,MAAM;MACXU,QAAQ,CAACE,mBAAmB,CAACb,IAAI,EAAES,QAAQ,EAAER,OAAO,CAAC,CAAA;MACrDI,MAAM,CAACS,MAAM,CAACT,MAAM,CAACU,OAAO,CAACR,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA;KACxC,CAAA;GACF,CAAA;AACH;;;;"}

package/dist/cjs/hooks/useBodyScrollLock.cjs

@@ -0,0 +1,50 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+
+// Ref-counted so stacked overlays only restore on the last unlock.
+let lockCount = 0;
+let saved = {
+  overflow: '',
+  paddingRight: ''
+};
+const lock = () => {
+  if (lockCount === 0) {
+    const {
+      body,
+      documentElement
+    } = document;
+    saved = {
+      overflow: body.style.overflow,
+      paddingRight: body.style.paddingRight
+    };
+    const scrollbarWidth = window.innerWidth - documentElement.clientWidth;
+    if (scrollbarWidth > 0) {
+      const current = parseFloat(getComputedStyle(body).paddingRight) || 0;
+      body.style.paddingRight = `${current + scrollbarWidth}px`;
+    }
+    body.style.overflow = 'hidden';
+  }
+  lockCount += 1;
+};
+const unlock = () => {
+  lockCount -= 1;
+  if (lockCount === 0) {
+    document.body.style.overflow = saved.overflow;
+    document.body.style.paddingRight = saved.paddingRight;
+  }
+};
+
+/** Locks body scroll while `active`, compensating the scrollbar width. */
+const useBodyScrollLock = active => {
+  react.useEffect(() => {
+    if (!active) return;
+    lock();
+    return unlock;
+  }, [active]);
+};
+
+exports.useBodyScrollLock = useBodyScrollLock;
+//# sourceMappingURL=useBodyScrollLock.cjs.map

package/dist/cjs/hooks/useBodyScrollLock.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBodyScrollLock.cjs","sources":["../../../src/hooks/useBodyScrollLock.ts"],"sourcesContent":["import { useEffect } from 'react'\n\n// Ref-counted so stacked overlays only restore on the last unlock.\nlet lockCount = 0\nlet saved = { overflow: '', paddingRight: '' }\n\nconst lock = () => {\n  if (lockCount === 0) {\n    const { body, documentElement } = document\n    saved = {\n      overflow: body.style.overflow,\n      paddingRight: body.style.paddingRight,\n    }\n    const scrollbarWidth = window.innerWidth - documentElement.clientWidth\n    if (scrollbarWidth > 0) {\n      const current = parseFloat(getComputedStyle(body).paddingRight) || 0\n      body.style.paddingRight = `${current + scrollbarWidth}px`\n    }\n    body.style.overflow = 'hidden'\n  }\n  lockCount += 1\n}\n\nconst unlock = () => {\n  lockCount -= 1\n  if (lockCount === 0) {\n    document.body.style.overflow = saved.overflow\n    document.body.style.paddingRight = saved.paddingRight\n  }\n}\n\n/** Locks body scroll while `active`, compensating the scrollbar width. */\nexport const useBodyScrollLock = (active: boolean) => {\n  useEffect(() => {\n    if (!active) return\n    lock()\n    return unlock\n  }, [active])\n}\n"],"names":["lockCount","saved","overflow","paddingRight","lock","body","documentElement","document","style","scrollbarWidth","window","innerWidth","clientWidth","current","parseFloat","getComputedStyle","unlock","useBodyScrollLock","active","useEffect"],"mappings":";;;;;;AAEA;AACA,IAAIA,SAAS,GAAG,CAAC,CAAA;AACjB,IAAIC,KAAK,GAAG;AAAEC,EAAAA,QAAQ,EAAE,EAAE;AAAEC,EAAAA,YAAY,EAAE,EAAA;AAAG,CAAC,CAAA;AAE9C,MAAMC,IAAI,GAAGA,MAAM;EACjB,IAAIJ,SAAS,KAAK,CAAC,EAAE;IACnB,MAAM;MAAEK,IAAI;AAAEC,MAAAA,eAAAA;AAAgB,KAAC,GAAGC,QAAQ,CAAA;AAC1CN,IAAAA,KAAK,GAAG;AACNC,MAAAA,QAAQ,EAAEG,IAAI,CAACG,KAAK,CAACN,QAAQ;AAC7BC,MAAAA,YAAY,EAAEE,IAAI,CAACG,KAAK,CAACL,YAAAA;KAC1B,CAAA;IACD,MAAMM,cAAc,GAAGC,MAAM,CAACC,UAAU,GAAGL,eAAe,CAACM,WAAW,CAAA;IACtE,IAAIH,cAAc,GAAG,CAAC,EAAE;AACtB,MAAA,MAAMI,OAAO,GAAGC,UAAU,CAACC,gBAAgB,CAACV,IAAI,CAAC,CAACF,YAAY,CAAC,IAAI,CAAC,CAAA;MACpEE,IAAI,CAACG,KAAK,CAACL,YAAY,GAAG,CAAGU,EAAAA,OAAO,GAAGJ,cAAc,CAAI,EAAA,CAAA,CAAA;AAC3D,KAAA;AACAJ,IAAAA,IAAI,CAACG,KAAK,CAACN,QAAQ,GAAG,QAAQ,CAAA;AAChC,GAAA;AACAF,EAAAA,SAAS,IAAI,CAAC,CAAA;AAChB,CAAC,CAAA;AAED,MAAMgB,MAAM,GAAGA,MAAM;AACnBhB,EAAAA,SAAS,IAAI,CAAC,CAAA;EACd,IAAIA,SAAS,KAAK,CAAC,EAAE;IACnBO,QAAQ,CAACF,IAAI,CAACG,KAAK,CAACN,QAAQ,GAAGD,KAAK,CAACC,QAAQ,CAAA;IAC7CK,QAAQ,CAACF,IAAI,CAACG,KAAK,CAACL,YAAY,GAAGF,KAAK,CAACE,YAAY,CAAA;AACvD,GAAA;AACF,CAAC,CAAA;;AAED;AACac,MAAAA,iBAAiB,GAAIC,MAAe,IAAK;AACpDC,EAAAA,eAAS,CAAC,MAAM;IACd,IAAI,CAACD,MAAM,EAAE,OAAA;AACbd,IAAAA,IAAI,EAAE,CAAA;AACN,IAAA,OAAOY,MAAM,CAAA;AACf,GAAC,EAAE,CAACE,MAAM,CAAC,CAAC,CAAA;AACd;;;;"}

package/dist/cjs/hooks/useEscape.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+const overlayStack = require('./overlayStack.cjs');
+
+const listenEscapeLayer = overlayStack.createLayerStack('keydown');
+
+/** Calls `handler` on Escape while `active`; with nested overlays only the newest one handles it. */
+const useEscape = (active, handler) => {
+  const handlerRef = react.useRef(handler);
+  handlerRef.current = handler;
+  react.useEffect(() => {
+    if (!active) return;
+    return listenEscapeLayer(event => {
+      if (event.key !== 'Escape' || event.defaultPrevented) return;
+      event.preventDefault();
+      handlerRef.current(event);
+    });
+  }, [active]);
+};
+
+exports.useEscape = useEscape;
+//# sourceMappingURL=useEscape.cjs.map

package/dist/cjs/hooks/useEscape.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEscape.cjs","sources":["../../../src/hooks/useEscape.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nimport { createLayerStack } from './overlayStack'\n\nconst listenEscapeLayer = createLayerStack('keydown')\n\n/** Calls `handler` on Escape while `active`; with nested overlays only the newest one handles it. */\nexport const useEscape = (\n  active: boolean,\n  handler: (event: KeyboardEvent) => void,\n) => {\n  const handlerRef = useRef(handler)\n  handlerRef.current = handler\n\n  useEffect(() => {\n    if (!active) return\n\n    return listenEscapeLayer((event) => {\n      if (event.key !== 'Escape' || event.defaultPrevented) return\n      event.preventDefault()\n      handlerRef.current(event)\n    })\n  }, [active])\n}\n"],"names":["listenEscapeLayer","createLayerStack","useEscape","active","handler","handlerRef","useRef","current","useEffect","event","key","defaultPrevented","preventDefault"],"mappings":";;;;;;;AAIA,MAAMA,iBAAiB,GAAGC,6BAAgB,CAAC,SAAS,CAAC,CAAA;;AAErD;MACaC,SAAS,GAAGA,CACvBC,MAAe,EACfC,OAAuC,KACpC;AACH,EAAA,MAAMC,UAAU,GAAGC,YAAM,CAACF,OAAO,CAAC,CAAA;EAClCC,UAAU,CAACE,OAAO,GAAGH,OAAO,CAAA;AAE5BI,EAAAA,eAAS,CAAC,MAAM;IACd,IAAI,CAACL,MAAM,EAAE,OAAA;IAEb,OAAOH,iBAAiB,CAAES,KAAK,IAAK;MAClC,IAAIA,KAAK,CAACC,GAAG,KAAK,QAAQ,IAAID,KAAK,CAACE,gBAAgB,EAAE,OAAA;MACtDF,KAAK,CAACG,cAAc,EAAE,CAAA;AACtBP,MAAAA,UAAU,CAACE,OAAO,CAACE,KAAK,CAAC,CAAA;AAC3B,KAAC,CAAC,CAAA;AACJ,GAAC,EAAE,CAACN,MAAM,CAAC,CAAC,CAAA;AACd;;;;"}

package/dist/cjs/hooks/useFocusTrap.cjs

@@ -0,0 +1,66 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+const overlayStack = require('./overlayStack.cjs');
+
+const listenTrapLayer = overlayStack.createLayerStack('keydown');
+const TABBABLE = 'a[href],button,input:not([type="hidden"]),select,textarea,[tabindex]:not([tabindex="-1"]),[contenteditable="true"]';
+const isRendered = el => {
+  const style = getComputedStyle(el);
+  return style.visibility !== 'hidden' && style.display !== 'none';
+};
+const getTabbable = container => Array.from(container.querySelectorAll(TABBABLE)).filter(el => !el.matches(':disabled') && el.getAttribute('aria-hidden') !== 'true' && isRendered(el));
+/** Keeps Tab / Shift+Tab inside `element` while `active`; with nested traps only the newest one handles Tab. */
+const useFocusTrap = function (element, active) {
+  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  const optionsRef = react.useRef(options);
+  optionsRef.current = options;
+  react.useEffect(() => {
+    const container = element;
+    if (!active || !container) return;
+    const previous = document.activeElement;
+    const target = optionsRef.current.initialFocus?.current ?? getTabbable(container)[0] ?? container;
+    if (target === container && !container.hasAttribute('tabindex')) {
+      container.setAttribute('tabindex', '-1');
+    }
+    target.focus({
+      preventScroll: true
+    });
+    const onKeyDown = event => {
+      if (event.key !== 'Tab') return;
+      const items = getTabbable(container);
+      if (items.length === 0) {
+        event.preventDefault();
+        container.focus();
+        return;
+      }
+      const first = items[0];
+      const last = items[items.length - 1];
+      const current = document.activeElement;
+      if (!container.contains(current)) {
+        event.preventDefault();
+        (event.shiftKey ? last : first).focus();
+      } else if (event.shiftKey && (current === first || current === container)) {
+        event.preventDefault();
+        last.focus();
+      } else if (!event.shiftKey && current === last) {
+        event.preventDefault();
+        first.focus();
+      }
+    };
+    const stopListening = listenTrapLayer(onKeyDown);
+    return () => {
+      stopListening();
+      if ((optionsRef.current.restoreFocus ?? true) && previous && document.contains(previous)) {
+        previous.focus({
+          preventScroll: true
+        });
+      }
+    };
+  }, [element, active]);
+};
+
+exports.useFocusTrap = useFocusTrap;
+//# sourceMappingURL=useFocusTrap.cjs.map

package/dist/cjs/hooks/useFocusTrap.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusTrap.cjs","sources":["../../../src/hooks/useFocusTrap.ts"],"sourcesContent":["import { useEffect, useRef, type RefObject } from 'react'\n\nimport { createLayerStack } from './overlayStack'\n\nconst listenTrapLayer = createLayerStack('keydown')\n\nconst TABBABLE =\n  'a[href],button,input:not([type=\"hidden\"]),select,textarea,[tabindex]:not([tabindex=\"-1\"]),[contenteditable=\"true\"]'\n\nconst isRendered = (el: HTMLElement) => {\n  const style = getComputedStyle(el)\n  return style.visibility !== 'hidden' && style.display !== 'none'\n}\n\nconst getTabbable = (container: HTMLElement) =>\n  Array.from(container.querySelectorAll<HTMLElement>(TABBABLE)).filter(\n    (el) =>\n      !el.matches(':disabled') &&\n      el.getAttribute('aria-hidden') !== 'true' &&\n      isRendered(el),\n  )\n\nexport type FocusTrapOptions = {\n  /** Element to focus on activate; defaults to first tabbable, then the container. */\n  initialFocus?: RefObject<HTMLElement | null>\n  /** Return focus to the previously focused element on deactivate. Default true. */\n  restoreFocus?: boolean\n}\n\n/** Keeps Tab / Shift+Tab inside `element` while `active`; with nested traps only the newest one handles Tab. */\nexport const useFocusTrap = (\n  element: HTMLElement | null,\n  active: boolean,\n  options: FocusTrapOptions = {},\n) => {\n  const optionsRef = useRef(options)\n  optionsRef.current = options\n\n  useEffect(() => {\n    const container = element\n    if (!active || !container) return\n\n    const previous = document.activeElement as HTMLElement | null\n\n    const target =\n      optionsRef.current.initialFocus?.current ??\n      getTabbable(container)[0] ??\n      container\n    if (target === container && !container.hasAttribute('tabindex')) {\n      container.setAttribute('tabindex', '-1')\n    }\n    target.focus({ preventScroll: true })\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== 'Tab') return\n      const items = getTabbable(container)\n      if (items.length === 0) {\n        event.preventDefault()\n        container.focus()\n        return\n      }\n      const first = items[0]\n      const last = items[items.length - 1]\n      const current = document.activeElement\n      if (!container.contains(current)) {\n        event.preventDefault()\n        ;(event.shiftKey ? last : first).focus()\n      } else if (\n        event.shiftKey &&\n        (current === first || current === container)\n      ) {\n        event.preventDefault()\n        last.focus()\n      } else if (!event.shiftKey && current === last) {\n        event.preventDefault()\n        first.focus()\n      }\n    }\n\n    const stopListening = listenTrapLayer(onKeyDown)\n    return () => {\n      stopListening()\n      if (\n        (optionsRef.current.restoreFocus ?? true) &&\n        previous &&\n        document.contains(previous)\n      ) {\n        previous.focus({ preventScroll: true })\n      }\n    }\n  }, [element, active])\n}\n"],"names":["listenTrapLayer","createLayerStack","TABBABLE","isRendered","el","style","getComputedStyle","visibility","display","getTabbable","container","Array","from","querySelectorAll","filter","matches","getAttribute","useFocusTrap","element","active","options","arguments","length","undefined","optionsRef","useRef","current","useEffect","previous","document","activeElement","target","initialFocus","hasAttribute","setAttribute","focus","preventScroll","onKeyDown","event","key","items","preventDefault","first","last","contains","shiftKey","stopListening","restoreFocus"],"mappings":";;;;;;;AAIA,MAAMA,eAAe,GAAGC,6BAAgB,CAAC,SAAS,CAAC,CAAA;AAEnD,MAAMC,QAAQ,GACZ,oHAAoH,CAAA;AAEtH,MAAMC,UAAU,GAAIC,EAAe,IAAK;AACtC,EAAA,MAAMC,KAAK,GAAGC,gBAAgB,CAACF,EAAE,CAAC,CAAA;EAClC,OAAOC,KAAK,CAACE,UAAU,KAAK,QAAQ,IAAIF,KAAK,CAACG,OAAO,KAAK,MAAM,CAAA;AAClE,CAAC,CAAA;AAED,MAAMC,WAAW,GAAIC,SAAsB,IACzCC,KAAK,CAACC,IAAI,CAACF,SAAS,CAACG,gBAAgB,CAAcX,QAAQ,CAAC,CAAC,CAACY,MAAM,CACjEV,EAAE,IACD,CAACA,EAAE,CAACW,OAAO,CAAC,WAAW,CAAC,IACxBX,EAAE,CAACY,YAAY,CAAC,aAAa,CAAC,KAAK,MAAM,IACzCb,UAAU,CAACC,EAAE,CACjB,CAAC,CAAA;AASH;AACO,MAAMa,YAAY,GAAG,UAC1BC,OAA2B,EAC3BC,MAAe,EAEZ;AAAA,EAAA,IADHC,OAAyB,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,EAAE,CAAA;AAE9B,EAAA,MAAMG,UAAU,GAAGC,YAAM,CAACL,OAAO,CAAC,CAAA;EAClCI,UAAU,CAACE,OAAO,GAAGN,OAAO,CAAA;AAE5BO,EAAAA,eAAS,CAAC,MAAM;IACd,MAAMjB,SAAS,GAAGQ,OAAO,CAAA;AACzB,IAAA,IAAI,CAACC,MAAM,IAAI,CAACT,SAAS,EAAE,OAAA;AAE3B,IAAA,MAAMkB,QAAQ,GAAGC,QAAQ,CAACC,aAAmC,CAAA;AAE7D,IAAA,MAAMC,MAAM,GACVP,UAAU,CAACE,OAAO,CAACM,YAAY,EAAEN,OAAO,IACxCjB,WAAW,CAACC,SAAS,CAAC,CAAC,CAAC,CAAC,IACzBA,SAAS,CAAA;IACX,IAAIqB,MAAM,KAAKrB,SAAS,IAAI,CAACA,SAAS,CAACuB,YAAY,CAAC,UAAU,CAAC,EAAE;AAC/DvB,MAAAA,SAAS,CAACwB,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;AAC1C,KAAA;IACAH,MAAM,CAACI,KAAK,CAAC;AAAEC,MAAAA,aAAa,EAAE,IAAA;AAAK,KAAC,CAAC,CAAA;IAErC,MAAMC,SAAS,GAAIC,KAAoB,IAAK;AAC1C,MAAA,IAAIA,KAAK,CAACC,GAAG,KAAK,KAAK,EAAE,OAAA;AACzB,MAAA,MAAMC,KAAK,GAAG/B,WAAW,CAACC,SAAS,CAAC,CAAA;AACpC,MAAA,IAAI8B,KAAK,CAAClB,MAAM,KAAK,CAAC,EAAE;QACtBgB,KAAK,CAACG,cAAc,EAAE,CAAA;QACtB/B,SAAS,CAACyB,KAAK,EAAE,CAAA;AACjB,QAAA,OAAA;AACF,OAAA;AACA,MAAA,MAAMO,KAAK,GAAGF,KAAK,CAAC,CAAC,CAAC,CAAA;MACtB,MAAMG,IAAI,GAAGH,KAAK,CAACA,KAAK,CAAClB,MAAM,GAAG,CAAC,CAAC,CAAA;AACpC,MAAA,MAAMI,OAAO,GAAGG,QAAQ,CAACC,aAAa,CAAA;AACtC,MAAA,IAAI,CAACpB,SAAS,CAACkC,QAAQ,CAAClB,OAAO,CAAC,EAAE;QAChCY,KAAK,CAACG,cAAc,EAAE,CAAA;QACrB,CAACH,KAAK,CAACO,QAAQ,GAAGF,IAAI,GAAGD,KAAK,EAAEP,KAAK,EAAE,CAAA;AAC1C,OAAC,MAAM,IACLG,KAAK,CAACO,QAAQ,KACbnB,OAAO,KAAKgB,KAAK,IAAIhB,OAAO,KAAKhB,SAAS,CAAC,EAC5C;QACA4B,KAAK,CAACG,cAAc,EAAE,CAAA;QACtBE,IAAI,CAACR,KAAK,EAAE,CAAA;OACb,MAAM,IAAI,CAACG,KAAK,CAACO,QAAQ,IAAInB,OAAO,KAAKiB,IAAI,EAAE;QAC9CL,KAAK,CAACG,cAAc,EAAE,CAAA;QACtBC,KAAK,CAACP,KAAK,EAAE,CAAA;AACf,OAAA;KACD,CAAA;AAED,IAAA,MAAMW,aAAa,GAAG9C,eAAe,CAACqC,SAAS,CAAC,CAAA;AAChD,IAAA,OAAO,MAAM;AACXS,MAAAA,aAAa,EAAE,CAAA;AACf,MAAA,IACE,CAACtB,UAAU,CAACE,OAAO,CAACqB,YAAY,IAAI,IAAI,KACxCnB,QAAQ,IACRC,QAAQ,CAACe,QAAQ,CAAChB,QAAQ,CAAC,EAC3B;QACAA,QAAQ,CAACO,KAAK,CAAC;AAAEC,UAAAA,aAAa,EAAE,IAAA;AAAK,SAAC,CAAC,CAAA;AACzC,OAAA;KACD,CAAA;AACH,GAAC,EAAE,CAAClB,OAAO,EAAEC,MAAM,CAAC,CAAC,CAAA;AACvB;;;;"}

package/dist/cjs/hooks/useIsomorphicLayoutEffect.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+
+const useIsomorphicLayoutEffect = typeof window === 'undefined' ? react.useEffect : react.useLayoutEffect;
+
+exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
+//# sourceMappingURL=useIsomorphicLayoutEffect.cjs.map

package/dist/cjs/hooks/useIsomorphicLayoutEffect.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsomorphicLayoutEffect.cjs","sources":["../../../src/hooks/useIsomorphicLayoutEffect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from 'react'\n\nexport const useIsomorphicLayoutEffect =\n  typeof window === 'undefined' ? useEffect : useLayoutEffect\n"],"names":["useIsomorphicLayoutEffect","window","useEffect","useLayoutEffect"],"mappings":";;;;;;AAEO,MAAMA,yBAAyB,GACpC,OAAOC,MAAM,KAAK,WAAW,GAAGC,eAAS,GAAGC;;;;"}

package/dist/cjs/hooks/useOutsideClick.cjs

@@ -3,21 +3,23 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const react = require('react');
+const overlayStack = require('./overlayStack.cjs');
 
-const useOutsideClick = (ref, onOutside, enabled) => {
+const listenOutsideLayer = overlayStack.createLayerStack('pointerdown', {
+  capture: true
+});
+
+/** Calls `onOutside` on pointerdown outside `element` while `enabled`; with nested overlays only the newest one handles outside clicks. */
+const useOutsideClick = (element, onOutside, enabled) => {
+  const handlerRef = react.useRef(onOutside);
+  handlerRef.current = onOutside;
   react.useEffect(() => {
-    if (!enabled) return;
-    const handlePointerDown = event => {
-      const element = ref.current;
-      if (!element) return;
-      if (event.target instanceof Node && element.contains(event.target)) {
-        return;
-      }
-      onOutside();
-    };
-    document.addEventListener('pointerdown', handlePointerDown, true);
-    return () => document.removeEventListener('pointerdown', handlePointerDown, true);
-  }, [ref, onOutside, enabled]);
+    if (!enabled || !element) return;
+    return listenOutsideLayer(event => {
+      if (event.target instanceof Node && element.contains(event.target)) return;
+      handlerRef.current(event);
+    });
+  }, [element, enabled]);
 };
 
 exports.useOutsideClick = useOutsideClick;

package/dist/cjs/hooks/useOutsideClick.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useOutsideClick.cjs","sources":["../../../src/hooks/useOutsideClick.ts"],"sourcesContent":["import { useEffect, type RefObject } from 'react'\n\nexport const useOutsideClick = (\n  ref: RefObject<HTMLElement | null>,\n  onOutside: () => void,\n  enabled: boolean,\n) => {\n  useEffect(() => {\n    if (!enabled) return\n\n    const handlePointerDown = (event: PointerEvent) => {\n      const element = ref.current\n      if (!element) return\n      if (event.target instanceof Node && element.contains(event.target)) {\n        return\n      }\n      onOutside()\n    }\n\n    document.addEventListener('pointerdown', handlePointerDown, true)\n    return () =>\n      document.removeEventListener('pointerdown', handlePointerDown, true)\n  }, [ref, onOutside, enabled])\n}\n"],"names":["useOutsideClick","ref","onOutside","enabled","useEffect","handlePointerDown","event","element","current","target","Node","contains","document","addEventListener","removeEventListener"],"mappings":";;;;;;AAEO,MAAMA,eAAe,GAAGA,CAC7BC,GAAkC,EAClCC,SAAqB,EACrBC,OAAgB,KACb;AACHC,EAAAA,eAAS,CAAC,MAAM;IACd,IAAI,CAACD,OAAO,EAAE,OAAA;IAEd,MAAME,iBAAiB,GAAIC,KAAmB,IAAK;AACjD,MAAA,MAAMC,OAAO,GAAGN,GAAG,CAACO,OAAO,CAAA;MAC3B,IAAI,CAACD,OAAO,EAAE,OAAA;AACd,MAAA,IAAID,KAAK,CAACG,MAAM,YAAYC,IAAI,IAAIH,OAAO,CAACI,QAAQ,CAACL,KAAK,CAACG,MAAM,CAAC,EAAE;AAClE,QAAA,OAAA;AACF,OAAA;AACAP,MAAAA,SAAS,EAAE,CAAA;KACZ,CAAA;IAEDU,QAAQ,CAACC,gBAAgB,CAAC,aAAa,EAAER,iBAAiB,EAAE,IAAI,CAAC,CAAA;IACjE,OAAO,MACLO,QAAQ,CAACE,mBAAmB,CAAC,aAAa,EAAET,iBAAiB,EAAE,IAAI,CAAC,CAAA;GACvE,EAAE,CAACJ,GAAG,EAAEC,SAAS,EAAEC,OAAO,CAAC,CAAC,CAAA;AAC/B;;;;"}
+{"version":3,"file":"useOutsideClick.cjs","sources":["../../../src/hooks/useOutsideClick.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nimport { createLayerStack } from './overlayStack'\n\nconst listenOutsideLayer = createLayerStack('pointerdown', { capture: true })\n\n/** Calls `onOutside` on pointerdown outside `element` while `enabled`; with nested overlays only the newest one handles outside clicks. */\nexport const useOutsideClick = (\n  element: HTMLElement | null,\n  onOutside: (event: PointerEvent) => void,\n  enabled: boolean,\n) => {\n  const handlerRef = useRef(onOutside)\n  handlerRef.current = onOutside\n\n  useEffect(() => {\n    if (!enabled || !element) return\n\n    return listenOutsideLayer((event) => {\n      if (event.target instanceof Node && element.contains(event.target)) return\n      handlerRef.current(event)\n    })\n  }, [element, enabled])\n}\n"],"names":["listenOutsideLayer","createLayerStack","capture","useOutsideClick","element","onOutside","enabled","handlerRef","useRef","current","useEffect","event","target","Node","contains"],"mappings":";;;;;;;AAIA,MAAMA,kBAAkB,GAAGC,6BAAgB,CAAC,aAAa,EAAE;AAAEC,EAAAA,OAAO,EAAE,IAAA;AAAK,CAAC,CAAC,CAAA;;AAE7E;AACO,MAAMC,eAAe,GAAGA,CAC7BC,OAA2B,EAC3BC,SAAwC,EACxCC,OAAgB,KACb;AACH,EAAA,MAAMC,UAAU,GAAGC,YAAM,CAACH,SAAS,CAAC,CAAA;EACpCE,UAAU,CAACE,OAAO,GAAGJ,SAAS,CAAA;AAE9BK,EAAAA,eAAS,CAAC,MAAM;AACd,IAAA,IAAI,CAACJ,OAAO,IAAI,CAACF,OAAO,EAAE,OAAA;IAE1B,OAAOJ,kBAAkB,CAAEW,KAAK,IAAK;AACnC,MAAA,IAAIA,KAAK,CAACC,MAAM,YAAYC,IAAI,IAAIT,OAAO,CAACU,QAAQ,CAACH,KAAK,CAACC,MAAM,CAAC,EAAE,OAAA;AACpEL,MAAAA,UAAU,CAACE,OAAO,CAACE,KAAK,CAAC,CAAA;AAC3B,KAAC,CAAC,CAAA;AACJ,GAAC,EAAE,CAACP,OAAO,EAAEE,OAAO,CAAC,CAAC,CAAA;AACxB;;;;"}