@lidofinance/lido-ui 1.10.13 → 2.0.0-next.2

package/dist/esm/popover/src/calculatePosition.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/popover/src/calculatePosition.ts"],"sourcesContent":["import { CSSProperties } from 'react'\nimport { PopoverPlacements } from './types'\n\nexport const calculatePosition = (\n  anchorRect: DOMRect,\n  popoverRect: DOMRect,\n  wrapperRect: DOMRect,\n  placement: PopoverPlacements\n): CSSProperties => {\n  const position: CSSProperties = {}\n\n  switch (placement) {\n    case 'top':\n    case 'bottom':\n      position.left =\n        (anchorRect.left + anchorRect.right) / 2 - popoverRect.width / 2\n      break\n\n    case 'topLeft':\n    case 'bottomLeft':\n      position.left = anchorRect.left\n      break\n\n    case 'topRight':\n    case 'bottomRight':\n      position.left = anchorRect.right - popoverRect.width\n      break\n\n    case 'rightTop':\n    case 'right':\n    case 'rightBottom':\n      position.left = anchorRect.right\n      break\n\n    case 'leftTop':\n    case 'left':\n    case 'leftBottom':\n      position.left = anchorRect.left - popoverRect.width\n      break\n  }\n\n  switch (placement) {\n    case 'left':\n    case 'right':\n      position.top =\n        (anchorRect.top + anchorRect.bottom) / 2 - popoverRect.height / 2\n      break\n\n    case 'leftTop':\n    case 'rightTop':\n      position.top = anchorRect.top\n      break\n\n    case 'leftBottom':\n    case 'rightBottom':\n      position.top = anchorRect.bottom - popoverRect.height\n      break\n\n    case 'topLeft':\n    case 'top':\n    case 'topRight':\n      position.top = anchorRect.top - popoverRect.height\n      break\n\n    case 'bottomLeft':\n    case 'bottom':\n    case 'bottomRight':\n      position.top = anchorRect.bottom\n      break\n  }\n\n  position.top -= wrapperRect.top\n  position.left -= wrapperRect.left\n\n  return position\n}\n"],"names":["calculatePosition","anchorRect","popoverRect","wrapperRect","placement","position","left","right","width","top","bottom","height"],"mappings":"AAGA,OAAO,MAAMA,iBAAiB,GAAG,CAC/BC,UAAmB,EACnBC,WAAoB,EACpBC,WAAoB,EACpBC,SAA4B,GACV;IAClB,MAAMC,QAAQ,GAAkB,EAAE;IAElC,OAAQD,SAAS;QACf,KAAK,KAAK,CAAC;QACX,KAAK,QAAQ;YACXC,QAAQ,CAACC,IAAI,GACX,CAACL,UAAU,CAACK,IAAI,GAAGL,UAAU,CAACM,KAAK,CAAC,GAAG,CAAC,GAAGL,WAAW,CAACM,KAAK,GAAG,CAAC;YAClE,MAAK;QAEP,KAAK,SAAS,CAAC;QACf,KAAK,YAAY;YACfH,QAAQ,CAACC,IAAI,GAAGL,UAAU,CAACK,IAAI;YAC/B,MAAK;QAEP,KAAK,UAAU,CAAC;QAChB,KAAK,aAAa;YAChBD,QAAQ,CAACC,IAAI,GAAGL,UAAU,CAACM,KAAK,GAAGL,WAAW,CAACM,KAAK;YACpD,MAAK;QAEP,KAAK,UAAU,CAAC;QAChB,KAAK,OAAO,CAAC;QACb,KAAK,aAAa;YAChBH,QAAQ,CAACC,IAAI,GAAGL,UAAU,CAACM,KAAK;YAChC,MAAK;QAEP,KAAK,SAAS,CAAC;QACf,KAAK,MAAM,CAAC;QACZ,KAAK,YAAY;YACfF,QAAQ,CAACC,IAAI,GAAGL,UAAU,CAACK,IAAI,GAAGJ,WAAW,CAACM,KAAK;YACnD,MAAK;KACR;IAED,OAAQJ,SAAS;QACf,KAAK,MAAM,CAAC;QACZ,KAAK,OAAO;YACVC,QAAQ,CAACI,GAAG,GACV,CAACR,UAAU,CAACQ,GAAG,GAAGR,UAAU,CAACS,MAAM,CAAC,GAAG,CAAC,GAAGR,WAAW,CAACS,MAAM,GAAG,CAAC;YACnE,MAAK;QAEP,KAAK,SAAS,CAAC;QACf,KAAK,UAAU;YACbN,QAAQ,CAACI,GAAG,GAAGR,UAAU,CAACQ,GAAG;YAC7B,MAAK;QAEP,KAAK,YAAY,CAAC;QAClB,KAAK,aAAa;YAChBJ,QAAQ,CAACI,GAAG,GAAGR,UAAU,CAACS,MAAM,GAAGR,WAAW,CAACS,MAAM;YACrD,MAAK;QAEP,KAAK,SAAS,CAAC;QACf,KAAK,KAAK,CAAC;QACX,KAAK,UAAU;YACbN,QAAQ,CAACI,GAAG,GAAGR,UAAU,CAACQ,GAAG,GAAGP,WAAW,CAACS,MAAM;YAClD,MAAK;QAEP,KAAK,YAAY,CAAC;QAClB,KAAK,QAAQ,CAAC;QACd,KAAK,aAAa;YAChBN,QAAQ,CAACI,GAAG,GAAGR,UAAU,CAACS,MAAM;YAChC,MAAK;KACR;IAEDL,QAAQ,CAACI,GAAG,IAAIN,WAAW,CAACM,GAAG;IAC/BJ,QAAQ,CAACC,IAAI,IAAIH,WAAW,CAACG,IAAI;IAEjC,OAAOD,QAAQ,CAAA;AACjB,CAAC,CAAA"}

package/dist/esm/popover/src/constants.js

@@ -0,0 +1,9 @@
+export const INITIAL_STYLE = {
+    // needs to prevent scrolling to initial state when using the auto focus
+    position: 'fixed',
+    opacity: 0,
+    pointerEvents: 'none'
+};
+export const DEFAULT_PLACEMENT = 'bottomLeft';
+
+//# sourceMappingURL=constants.js.map

package/dist/esm/popover/src/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/popover/src/constants.ts"],"sourcesContent":["import { CSSProperties } from 'react'\n\nexport const INITIAL_STYLE: CSSProperties = {\n  // needs to prevent scrolling to initial state when using the auto focus\n  position: 'fixed',\n\n  opacity: 0,\n  pointerEvents: 'none',\n}\n\nexport const DEFAULT_PLACEMENT = 'bottomLeft'\n"],"names":["INITIAL_STYLE","position","opacity","pointerEvents","DEFAULT_PLACEMENT"],"mappings":"AAEA,OAAO,MAAMA,aAAa,GAAkB;IAC1C,wEAAwE;IACxEC,QAAQ,EAAE,OAAO;IAEjBC,OAAO,EAAE,CAAC;IACVC,aAAa,EAAE,MAAM;CACtB,CAAA;AAED,OAAO,MAAMC,iBAAiB,GAAG,YAAY,CAAA"}

package/dist/esm/popover/src/index.js

@@ -0,0 +1,4 @@
+export { default as Popover } from "./Popover";
+export * from './types';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/popover/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/popover/src/index.ts"],"sourcesContent":["export { default as Popover } from './Popover'\nexport * from './types'\n"],"names":["default","Popover"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAAO,QAAQ,WAAW,CAAA;AAC9C,cAAc,SAAS,CAAA"}

package/dist/esm/popover/src/types.js

@@ -0,0 +1,26 @@
+import React from "react";
+export var PopoverOffset;
+(function(PopoverOffset) {
+    PopoverOffset[PopoverOffset["xs"] = 0] = "xs";
+    PopoverOffset[PopoverOffset["sm"] = 1] = "sm";
+    PopoverOffset[PopoverOffset["md"] = 2] = "md";
+    PopoverOffset[PopoverOffset["lg"] = 3] = "lg";
+    PopoverOffset[PopoverOffset["xl"] = 4] = "xl";
+})(PopoverOffset || (PopoverOffset = {}));
+export var PopoverPlacement;
+(function(PopoverPlacement) {
+    PopoverPlacement[PopoverPlacement["topLeft"] = 0] = "topLeft";
+    PopoverPlacement[PopoverPlacement["top"] = 1] = "top";
+    PopoverPlacement[PopoverPlacement["topRight"] = 2] = "topRight";
+    PopoverPlacement[PopoverPlacement["rightTop"] = 3] = "rightTop";
+    PopoverPlacement[PopoverPlacement["right"] = 4] = "right";
+    PopoverPlacement[PopoverPlacement["rightBottom"] = 5] = "rightBottom";
+    PopoverPlacement[PopoverPlacement["bottomLeft"] = 6] = "bottomLeft";
+    PopoverPlacement[PopoverPlacement["bottom"] = 7] = "bottom";
+    PopoverPlacement[PopoverPlacement["bottomRight"] = 8] = "bottomRight";
+    PopoverPlacement[PopoverPlacement["leftTop"] = 9] = "leftTop";
+    PopoverPlacement[PopoverPlacement["left"] = 10] = "left";
+    PopoverPlacement[PopoverPlacement["leftBottom"] = 11] = "leftBottom";
+})(PopoverPlacement || (PopoverPlacement = {}));
+
+//# sourceMappingURL=types.js.map

package/dist/esm/popover/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/popover/src/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport {\n  TransitionWrapperProps,\n  TransitionInnerProps,\n} from '@lidofinance/transition'\nimport React from 'react'\nexport type { Theme } from '@lidofinance/theme'\n\nexport enum PopoverOffset {\n  xs,\n  sm,\n  md,\n  lg,\n  xl,\n}\nexport type PopoverOffsets = keyof typeof PopoverOffset\n\nexport enum PopoverPlacement {\n  topLeft,\n  top,\n  topRight,\n\n  rightTop,\n  right,\n  rightBottom,\n\n  bottomLeft,\n  bottom,\n  bottomRight,\n\n  leftTop,\n  left,\n  leftBottom,\n}\nexport type PopoverPlacements = keyof typeof PopoverPlacement\n\nexport type PopoverRootOwnProps = LidoComponentProps<\n  'div',\n  {\n    wrapperRef?: React.RefObject<HTMLDivElement>\n    anchorRef: React.RefObject<HTMLElement | null>\n    placement?: PopoverPlacements\n    backdrop?: boolean\n    onClose?: () => void\n  }\n>\n\nexport type PopoverRootProps = PopoverRootOwnProps & TransitionWrapperProps\nexport type PopoverRootInnerProps = PopoverRootOwnProps & TransitionInnerProps\n\nexport type PopoverProps = {\n  as?: never\n  offset?: PopoverOffsets\n  open?: boolean\n} & Omit<PopoverRootProps, 'in'>\n"],"names":["React","PopoverOffset","xs","sm","md","lg","xl","PopoverPlacement","topLeft","top","topRight","rightTop","right","rightBottom","bottomLeft","bottom","bottomRight","leftTop","left","leftBottom"],"mappings":"AAKA,OAAOA,KAAK,MAAM,OAAO,CAAA;WAGlB,aAMN;UANWC,aAAa;IAAbA,aAAa,CAAbA,aAAa,CACvBC,IAAE,IAAFA,CAAE,IAAFA,IAAE;IADQD,aAAa,CAAbA,aAAa,CAEvBE,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAFQF,aAAa,CAAbA,aAAa,CAGvBG,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAHQH,aAAa,CAAbA,aAAa,CAIvBI,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAJQJ,aAAa,CAAbA,aAAa,CAKvBK,IAAE,IAAFA,CAAE,IAAFA,IAAE;GALQL,aAAa,KAAbA,aAAa;WASlB,gBAgBN;UAhBWM,gBAAgB;IAAhBA,gBAAgB,CAAhBA,gBAAgB,CAC1BC,SAAO,IAAPA,CAAO,IAAPA,SAAO;IADGD,gBAAgB,CAAhBA,gBAAgB,CAE1BE,KAAG,IAAHA,CAAG,IAAHA,KAAG;IAFOF,gBAAgB,CAAhBA,gBAAgB,CAG1BG,UAAQ,IAARA,CAAQ,IAARA,UAAQ;IAHEH,gBAAgB,CAAhBA,gBAAgB,CAK1BI,UAAQ,IAARA,CAAQ,IAARA,UAAQ;IALEJ,gBAAgB,CAAhBA,gBAAgB,CAM1BK,OAAK,IAALA,CAAK,IAALA,OAAK;IANKL,gBAAgB,CAAhBA,gBAAgB,CAO1BM,aAAW,IAAXA,CAAW,IAAXA,aAAW;IAPDN,gBAAgB,CAAhBA,gBAAgB,CAS1BO,YAAU,IAAVA,CAAU,IAAVA,YAAU;IATAP,gBAAgB,CAAhBA,gBAAgB,CAU1BQ,QAAM,IAANA,CAAM,IAANA,QAAM;IAVIR,gBAAgB,CAAhBA,gBAAgB,CAW1BS,aAAW,IAAXA,CAAW,IAAXA,aAAW;IAXDT,gBAAgB,CAAhBA,gBAAgB,CAa1BU,SAAO,IAAPA,CAAO,IAAPA,SAAO;IAbGV,gBAAgB,CAAhBA,gBAAgB,CAc1BW,MAAI,IAAJA,EAAI,IAAJA,MAAI;IAdMX,gBAAgB,CAAhBA,gBAAgB,CAe1BY,YAAU,IAAVA,EAAU,IAAVA,YAAU;GAfAZ,gBAAgB,KAAhBA,gBAAgB"}

package/dist/esm/popover/src/usePopoverPosition.js

@@ -0,0 +1,35 @@
+import React, { useRef, useLayoutEffect, useState } from "react";
+import { useWindowSize } from "../../hooks/src/index";
+import { INITIAL_STYLE, DEFAULT_PLACEMENT } from "./constants";
+import { calculatePosition } from "./calculatePosition";
+export const usePopoverPosition = (props)=>{
+    const { placement =DEFAULT_PLACEMENT , anchorRef  } = props;
+    const popoverRef = useRef(null);
+    const wrapperRef = useRef(null);
+    const [popoverStyle, setPopoverStyle] = useState(INITIAL_STYLE);
+    const [windowWidth, windowHeight] = useWindowSize();
+    useLayoutEffect(()=>{
+        if (!anchorRef.current || !popoverRef.current || !wrapperRef.current) return;
+        const anchorRect = anchorRef.current.getBoundingClientRect();
+        const popoverRect = popoverRef.current.getBoundingClientRect();
+        const wrapperRect = wrapperRef.current.getBoundingClientRect();
+        const position = calculatePosition(anchorRect, popoverRect, wrapperRect, placement);
+        setPopoverStyle(position);
+    }, [
+        anchorRef,
+        placement,
+        windowWidth,
+        windowHeight
+    ]);
+    const style = {
+        ...props.style,
+        ...popoverStyle
+    };
+    return {
+        popoverRef,
+        wrapperRef,
+        style
+    };
+};
+
+//# sourceMappingURL=usePopoverPosition.js.map

package/dist/esm/popover/src/usePopoverPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/popover/src/usePopoverPosition.ts"],"sourcesContent":["import React, { useRef, useLayoutEffect, useState, CSSProperties } from 'react'\nimport { useWindowSize } from '@lidofinance/hooks'\nimport { PopoverRootProps } from './types'\nimport { INITIAL_STYLE, DEFAULT_PLACEMENT } from './constants'\nimport { calculatePosition } from './calculatePosition'\n\nexport const usePopoverPosition = <\n  P extends HTMLDivElement,\n  W extends HTMLDivElement\n>(\n  props: PopoverRootProps\n): {\n  popoverRef: React.RefObject<P>\n  wrapperRef: React.RefObject<W>\n  style: CSSProperties\n} => {\n  const { placement = DEFAULT_PLACEMENT, anchorRef } = props\n\n  const popoverRef = useRef<P>(null)\n  const wrapperRef = useRef<W>(null)\n\n  const [popoverStyle, setPopoverStyle] = useState<CSSProperties>(INITIAL_STYLE)\n  const [windowWidth, windowHeight] = useWindowSize()\n\n  useLayoutEffect(() => {\n    if (!anchorRef.current || !popoverRef.current || !wrapperRef.current) return\n\n    const anchorRect = anchorRef.current.getBoundingClientRect()\n    const popoverRect = popoverRef.current.getBoundingClientRect()\n    const wrapperRect = wrapperRef.current.getBoundingClientRect()\n\n    const position = calculatePosition(\n      anchorRect,\n      popoverRect,\n      wrapperRect,\n      placement\n    )\n    setPopoverStyle(position)\n  }, [anchorRef, placement, windowWidth, windowHeight])\n\n  const style = {\n    ...props.style,\n    ...popoverStyle,\n  }\n\n  return {\n    popoverRef,\n    wrapperRef,\n    style,\n  }\n}\n"],"names":["React","useRef","useLayoutEffect","useState","useWindowSize","INITIAL_STYLE","DEFAULT_PLACEMENT","calculatePosition","usePopoverPosition","props","placement","anchorRef","popoverRef","wrapperRef","popoverStyle","setPopoverStyle","windowWidth","windowHeight","current","anchorRect","getBoundingClientRect","popoverRect","wrapperRect","position","style"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,eAAe,EAAEC,QAAQ,QAAuB,OAAO,CAAA;AAC/E,SAASC,aAAa,QAAQ,uBAAoB,CAAA;AAElD,SAASC,aAAa,EAAEC,iBAAiB,QAAQ,aAAa,CAAA;AAC9D,SAASC,iBAAiB,QAAQ,qBAAqB,CAAA;AAEvD,OAAO,MAAMC,kBAAkB,GAAG,CAIhCC,KAAuB,GAKpB;IACH,MAAM,EAAEC,SAAS,EAAGJ,iBAAiB,CAAA,EAAEK,SAAS,CAAA,EAAE,GAAGF,KAAK;IAE1D,MAAMG,UAAU,GAAGX,MAAM,CAAI,IAAI,CAAC;IAClC,MAAMY,UAAU,GAAGZ,MAAM,CAAI,IAAI,CAAC;IAElC,MAAM,CAACa,YAAY,EAAEC,eAAe,CAAC,GAAGZ,QAAQ,CAAgBE,aAAa,CAAC;IAC9E,MAAM,CAACW,WAAW,EAAEC,YAAY,CAAC,GAAGb,aAAa,EAAE;IAEnDF,eAAe,CAAC,IAAM;QACpB,IAAI,CAACS,SAAS,CAACO,OAAO,IAAI,CAACN,UAAU,CAACM,OAAO,IAAI,CAACL,UAAU,CAACK,OAAO,EAAE,OAAM;QAE5E,MAAMC,UAAU,GAAGR,SAAS,CAACO,OAAO,CAACE,qBAAqB,EAAE;QAC5D,MAAMC,WAAW,GAAGT,UAAU,CAACM,OAAO,CAACE,qBAAqB,EAAE;QAC9D,MAAME,WAAW,GAAGT,UAAU,CAACK,OAAO,CAACE,qBAAqB,EAAE;QAE9D,MAAMG,QAAQ,GAAGhB,iBAAiB,CAChCY,UAAU,EACVE,WAAW,EACXC,WAAW,EACXZ,SAAS,CACV;QACDK,eAAe,CAACQ,QAAQ,CAAC;IAC3B,CAAC,EAAE;QAACZ,SAAS;QAAED,SAAS;QAAEM,WAAW;QAAEC,YAAY;KAAC,CAAC;IAErD,MAAMO,KAAK,GAAG;QACZ,GAAGf,KAAK,CAACe,KAAK;QACd,GAAGV,YAAY;KAChB;IAED,OAAO;QACLF,UAAU;QACVC,UAAU;QACVW,KAAK;KACN,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/popup-menu/src/PopupMenu.js

@@ -0,0 +1,29 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { useMergeRefs } from "../../hooks/src/index";
+import { PopupMenuProvider } from "./PopupMenuProvider";
+import { PopupMenuStyle } from "./PopupMenuStyles";
+import { usePopupFocus } from "./usePopupFocus";
+function PopupMenu(props, externalRef) {
+    const { variant , children , onKeyDown , onMouseMove , ...rest } = props;
+    const { ref: controlRef , handleMouseMove , handleKeyDown , handleEnter , handleExit ,  } = usePopupFocus(props);
+    const popupRef = useMergeRefs([
+        controlRef,
+        externalRef
+    ]);
+    return /*#__PURE__*/ React.createElement(PopupMenuStyle, _extends({
+        onMouseMove: handleMouseMove,
+        onKeyDown: handleKeyDown,
+        onEnter: handleEnter,
+        onExit: handleExit,
+        tabIndex: -1,
+        role: "listbox"
+    }, rest, {
+        ref: popupRef
+    }), /*#__PURE__*/ React.createElement(PopupMenuProvider, {
+        variant: variant
+    }, children));
+}
+export default /*#__PURE__*/ forwardRef(PopupMenu);
+
+//# sourceMappingURL=PopupMenu.js.map

package/dist/esm/popup-menu/src/PopupMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/popup-menu/src/PopupMenu.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { useMergeRefs } from '@lidofinance/hooks'\nimport { PopupMenuProvider } from './PopupMenuProvider'\nimport { PopupMenuStyle } from './PopupMenuStyles'\nimport { PopupMenuProps } from './types'\nimport { usePopupFocus } from './usePopupFocus'\n\nfunction PopupMenu(\n  props: PopupMenuProps,\n  externalRef?: ForwardedRef<HTMLDivElement>\n) {\n  const { variant, children, onKeyDown, onMouseMove, ...rest } = props\n\n  const {\n    ref: controlRef,\n    handleMouseMove,\n    handleKeyDown,\n    handleEnter,\n    handleExit,\n  } = usePopupFocus(props)\n  const popupRef = useMergeRefs([controlRef, externalRef])\n\n  return (\n    <PopupMenuStyle\n      onMouseMove={handleMouseMove}\n      onKeyDown={handleKeyDown}\n      onEnter={handleEnter}\n      onExit={handleExit}\n      tabIndex={-1}\n      role='listbox'\n      {...rest}\n      ref={popupRef}\n    >\n      <PopupMenuProvider variant={variant}>{children}</PopupMenuProvider>\n    </PopupMenuStyle>\n  )\n}\n\nexport default forwardRef(PopupMenu)\n"],"names":["React","forwardRef","useMergeRefs","PopupMenuProvider","PopupMenuStyle","usePopupFocus","PopupMenu","props","externalRef","variant","children","onKeyDown","onMouseMove","rest","ref","controlRef","handleMouseMove","handleKeyDown","handleEnter","handleExit","popupRef","onEnter","onExit","tabIndex","role"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAASC,YAAY,QAAQ,uBAAoB,CAAA;AACjD,SAASC,iBAAiB,QAAQ,qBAAqB,CAAA;AACvD,SAASC,cAAc,QAAQ,mBAAmB,CAAA;AAElD,SAASC,aAAa,QAAQ,iBAAiB,CAAA;AAE/C,SAASC,SAAS,CAChBC,KAAqB,EACrBC,WAA0C,EAC1C;IACA,MAAM,EAAEC,OAAO,CAAA,EAAEC,QAAQ,CAAA,EAAEC,SAAS,CAAA,EAAEC,WAAW,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGN,KAAK;IAEpE,MAAM,EACJO,GAAG,EAAEC,UAAU,CAAA,EACfC,eAAe,CAAA,EACfC,aAAa,CAAA,EACbC,WAAW,CAAA,EACXC,UAAU,CAAA,IACX,GAAGd,aAAa,CAACE,KAAK,CAAC;IACxB,MAAMa,QAAQ,GAAGlB,YAAY,CAAC;QAACa,UAAU;QAAEP,WAAW;KAAC,CAAC;IAExD,qBACE,oBAACJ,cAAc;QACbQ,WAAW,EAAEI,eAAe;QAC5BL,SAAS,EAAEM,aAAa;QACxBI,OAAO,EAAEH,WAAW;QACpBI,MAAM,EAAEH,UAAU;QAClBI,QAAQ,EAAE,CAAC,CAAC;QACZC,IAAI,EAAC,SAAS;OACVX,IAAI;QACRC,GAAG,EAAEM,QAAQ;sBAEb,oBAACjB,iBAAiB;QAACM,OAAO,EAAEA,OAAO;OAAGC,QAAQ,CAAqB,CACpD,CAClB;AACH,CAAC;AAED,6BAAeT,UAAU,CAACK,SAAS,CAAC,CAAA"}

package/dist/esm/popup-menu/src/PopupMenuItem.js

@@ -0,0 +1,22 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { PopupMenuItemStyle, PopupMenuItemContentStyle, PopupMenuItemLeftDecoratorStyle, PopupMenuItemRightDecoratorStyle } from "./PopupMenuItemStyles";
+import { usePopupMenuContext } from "./PopupMenuProvider";
+function PopupMenuItem(props, ref) {
+    const { active =false , leftDecorator , rightDecorator , children , ...rest } = props;
+    const { variant ='default'  } = usePopupMenuContext();
+    const hasLeftDecorator = !!leftDecorator;
+    const hasRightDecorator = !!rightDecorator;
+    return /*#__PURE__*/ React.createElement(PopupMenuItemStyle, _extends({
+        $active: active,
+        role: "option",
+        "aria-selected": active
+    }, rest, {
+        ref: ref
+    }), hasLeftDecorator && /*#__PURE__*/ React.createElement(PopupMenuItemLeftDecoratorStyle, null, leftDecorator), /*#__PURE__*/ React.createElement(PopupMenuItemContentStyle, {
+        $variant: variant
+    }, children), hasRightDecorator && /*#__PURE__*/ React.createElement(PopupMenuItemRightDecoratorStyle, null, rightDecorator));
+}
+export default /*#__PURE__*/ forwardRef(PopupMenuItem);
+
+//# sourceMappingURL=PopupMenuItem.js.map

package/dist/esm/popup-menu/src/PopupMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/popup-menu/src/PopupMenuItem.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport {\n  PopupMenuItemStyle,\n  PopupMenuItemContentStyle,\n  PopupMenuItemLeftDecoratorStyle,\n  PopupMenuItemRightDecoratorStyle,\n} from './PopupMenuItemStyles'\nimport { usePopupMenuContext } from './PopupMenuProvider'\nimport { PopupMenuItemProps } from './types'\n\nfunction PopupMenuItem(\n  props: PopupMenuItemProps,\n  ref?: ForwardedRef<HTMLButtonElement>\n) {\n  const {\n    active = false,\n    leftDecorator,\n    rightDecorator,\n    children,\n    ...rest\n  } = props\n  const { variant = 'default' } = usePopupMenuContext()\n\n  const hasLeftDecorator = !!leftDecorator\n  const hasRightDecorator = !!rightDecorator\n\n  return (\n    <PopupMenuItemStyle\n      $active={active}\n      role='option'\n      aria-selected={active}\n      {...rest}\n      ref={ref}\n    >\n      {hasLeftDecorator && (\n        <PopupMenuItemLeftDecoratorStyle>\n          {leftDecorator}\n        </PopupMenuItemLeftDecoratorStyle>\n      )}\n\n      <PopupMenuItemContentStyle $variant={variant}>\n        {children}\n      </PopupMenuItemContentStyle>\n\n      {hasRightDecorator && (\n        <PopupMenuItemRightDecoratorStyle>\n          {rightDecorator}\n        </PopupMenuItemRightDecoratorStyle>\n      )}\n    </PopupMenuItemStyle>\n  )\n}\n\nexport default forwardRef(PopupMenuItem)\n"],"names":["React","forwardRef","PopupMenuItemStyle","PopupMenuItemContentStyle","PopupMenuItemLeftDecoratorStyle","PopupMenuItemRightDecoratorStyle","usePopupMenuContext","PopupMenuItem","props","ref","active","leftDecorator","rightDecorator","children","rest","variant","hasLeftDecorator","hasRightDecorator","$active","role","aria-selected","$variant"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SACEC,kBAAkB,EAClBC,yBAAyB,EACzBC,+BAA+B,EAC/BC,gCAAgC,QAC3B,uBAAuB,CAAA;AAC9B,SAASC,mBAAmB,QAAQ,qBAAqB,CAAA;AAGzD,SAASC,aAAa,CACpBC,KAAyB,EACzBC,GAAqC,EACrC;IACA,MAAM,EACJC,MAAM,EAAG,KAAK,CAAA,EACdC,aAAa,CAAA,EACbC,cAAc,CAAA,EACdC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR,GAAGN,KAAK;IACT,MAAM,EAAEO,OAAO,EAAG,SAAS,CAAA,EAAE,GAAGT,mBAAmB,EAAE;IAErD,MAAMU,gBAAgB,GAAG,CAAC,CAACL,aAAa;IACxC,MAAMM,iBAAiB,GAAG,CAAC,CAACL,cAAc;IAE1C,qBACE,oBAACV,kBAAkB;QACjBgB,OAAO,EAAER,MAAM;QACfS,IAAI,EAAC,QAAQ;QACbC,eAAa,EAAEV,MAAM;OACjBI,IAAI;QACRL,GAAG,EAAEA,GAAG;QAEPO,gBAAgB,kBACf,oBAACZ,+BAA+B,QAC7BO,aAAa,CACkB,AACnC,gBAED,oBAACR,yBAAyB;QAACkB,QAAQ,EAAEN,OAAO;OACzCF,QAAQ,CACiB,EAE3BI,iBAAiB,kBAChB,oBAACZ,gCAAgC,QAC9BO,cAAc,CACkB,AACpC,CACkB,CACtB;AACH,CAAC;AAED,6BAAeX,UAAU,CAACM,aAAa,CAAC,CAAA"}

package/dist/esm/popup-menu/src/PopupMenuItemStyles.js

@@ -0,0 +1,101 @@
+import styled, { css } from "styled-components";
+export const PopupMenuItemStyle = styled.button`
+  text-align: left;
+  display: flex;
+  width: 100%;
+  align-items: stretch;
+  box-sizing: border-box;
+  font-family: inherit;
+  font-weight: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  background: transparent;
+  border-radius: 0;
+  color: var(--lido-color-text);
+  border: none;
+  box-shadow: none;
+  outline: none;
+  cursor: pointer;
+  padding: 0 15px;
+  margin: 0;
+  position: relative;
+
+  &:disabled {
+    cursor: default;
+    color: var(--lido-color-textSecondary);
+  }
+
+  &:before {
+    content: '';
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    pointer-events: none;
+    border-radius: inherit;
+    opacity: ${(param)=>{
+    let { $active  } = param;
+    return $active ? 0.04 : 0;
+}};
+    background: var(--lido-color-popupMenuItemBgActiveHover);
+    transition: opacity ${(param)=>{
+    let { theme  } = param;
+    return theme.duration.fast;
+}} ease;
+  }
+
+  &:focus:not(:disabled):before {
+    opacity: 0.04;
+  }
+`;
+const variants = {
+    small: css`
+    padding: 12px 0;
+    font-size: ${(param)=>{
+        let { theme  } = param;
+        return theme.fontSizesMap.xxs;
+    }}px;
+    line-height: 1.35em;
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+    font-weight: 800;
+  `,
+    default: css`
+    padding: 18px 0;
+    font-size: ${(param)=>{
+        let { theme  } = param;
+        return theme.fontSizesMap.xs;
+    }}px;
+    line-height: 1.4em;
+    font-weight: 400;
+  `
+};
+export const PopupMenuItemContentStyle = styled.span`
+  position: relative;
+  padding: 18px 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+
+  ${(param)=>{
+    let { $variant  } = param;
+    return variants[$variant];
+}}
+`;
+const decoratorCSS = css`
+  flex-grow: 0;
+  flex-shrink: 0;
+  cursor: default;
+  display: flex;
+  align-items: center;
+`;
+export const PopupMenuItemLeftDecoratorStyle = styled.span`
+  ${decoratorCSS};
+  padding-right: 16px;
+`;
+export const PopupMenuItemRightDecoratorStyle = styled.span`
+  ${decoratorCSS};
+  padding-left: 16px;
+`;
+
+//# sourceMappingURL=PopupMenuItemStyles.js.map

package/dist/esm/popup-menu/src/PopupMenuItemStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/popup-menu/src/PopupMenuItemStyles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { PopupMenuVariants } from './types'\n\nexport const PopupMenuItemStyle = styled.button<{ $active: boolean }>`\n  text-align: left;\n  display: flex;\n  width: 100%;\n  align-items: stretch;\n  box-sizing: border-box;\n  font-family: inherit;\n  font-weight: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  background: transparent;\n  border-radius: 0;\n  color: var(--lido-color-text);\n  border: none;\n  box-shadow: none;\n  outline: none;\n  cursor: pointer;\n  padding: 0 15px;\n  margin: 0;\n  position: relative;\n\n  &:disabled {\n    cursor: default;\n    color: var(--lido-color-textSecondary);\n  }\n\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    pointer-events: none;\n    border-radius: inherit;\n    opacity: ${({ $active }) => ($active ? 0.04 : 0)};\n    background: var(--lido-color-popupMenuItemBgActiveHover);\n    transition: opacity ${({ theme }) => theme.duration.fast} ease;\n  }\n\n  &:focus:not(:disabled):before {\n    opacity: 0.04;\n  }\n`\n\nconst variants = {\n  small: css`\n    padding: 12px 0;\n    font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n    line-height: 1.35em;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    font-weight: 800;\n  `,\n  default: css`\n    padding: 18px 0;\n    font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n    line-height: 1.4em;\n    font-weight: 400;\n  `,\n}\n\nexport const PopupMenuItemContentStyle = styled.span<{\n  $variant: PopupMenuVariants\n}>`\n  position: relative;\n  padding: 18px 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  ${({ $variant }) => variants[$variant]}\n`\n\nconst decoratorCSS = css`\n  flex-grow: 0;\n  flex-shrink: 0;\n  cursor: default;\n  display: flex;\n  align-items: center;\n`\n\nexport const PopupMenuItemLeftDecoratorStyle = styled.span`\n  ${decoratorCSS};\n  padding-right: 16px;\n`\n\nexport const PopupMenuItemRightDecoratorStyle = styled.span`\n  ${decoratorCSS};\n  padding-left: 16px;\n`\n"],"names":["styled","css","PopupMenuItemStyle","button","$active","theme","duration","fast","variants","small","fontSizesMap","xxs","default","xs","PopupMenuItemContentStyle","span","$variant","decoratorCSS","PopupMenuItemLeftDecoratorStyle","PopupMenuItemRightDecoratorStyle"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB,CAAA;AAG/C,OAAO,MAAMC,kBAAkB,GAAGF,MAAM,CAACG,MAAM,AAAsB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAmCzD,EAAE,SAAiB;QAAhB,EAAEC,OAAO,CAAA,EAAE;WAAMA,OAAO,GAAG,IAAI,GAAG,CAAC;AAAA,CAAC,CAAC;;wBAE7B,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACC,IAAI;AAAD,CAAC,CAAC;;;;;;AAM7D,CAAC,CAAA;AAED,MAAMC,QAAQ,GAAG;IACfC,KAAK,EAAER,GAAG,CAAC;;eAEE,EAAE,SAAeI;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACK,YAAY,CAACC,GAAG;IAAD,CAAC,CAAC;;;;;EAKrD,CAAC;IACDC,OAAO,EAAEX,GAAG,CAAC;;eAEA,EAAE,SAAeI;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACK,YAAY,CAACG,EAAE;IAAD,CAAC,CAAC;;;EAGpD,CAAC;CACF;AAED,OAAO,MAAMC,yBAAyB,GAAGd,MAAM,CAACe,IAAI,AAElD,CAAC;;;;;;EAMD,EAAE,SAAkBP;QAAjB,EAAEQ,QAAQ,CAAA,EAAE;WAAKR,QAAQ,CAACQ,QAAQ,CAAC;AAAD,CAAC,CAAC;AACzC,CAAC,CAAA;AAED,MAAMC,YAAY,GAAGhB,GAAG,CAAC;;;;;;AAMzB,CAAC;AAED,OAAO,MAAMiB,+BAA+B,GAAGlB,MAAM,CAACe,IAAI,CAAC;EACzD,EAAEE,YAAY,CAAC;;AAEjB,CAAC,CAAA;AAED,OAAO,MAAME,gCAAgC,GAAGnB,MAAM,CAACe,IAAI,CAAC;EAC1D,EAAEE,YAAY,CAAC;;AAEjB,CAAC,CAAA"}

package/dist/esm/popup-menu/src/PopupMenuProvider.js

@@ -0,0 +1,16 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { createContext, useContext } from "react";
+const Context = /*#__PURE__*/ createContext({});
+export const usePopupMenuContext = ()=>{
+    return useContext(Context);
+};
+export const PopupMenuProvider = (props)=>{
+    const { variant , ...rest } = props;
+    return /*#__PURE__*/ React.createElement(Context.Provider, _extends({
+        value: {
+            variant
+        }
+    }, rest));
+};
+
+//# sourceMappingURL=PopupMenuProvider.js.map

package/dist/esm/popup-menu/src/PopupMenuProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/popup-menu/src/PopupMenuProvider.tsx"],"sourcesContent":["import React, { PropsWithChildren, createContext, useContext, FC } from 'react'\nimport { PopupMenuVariants } from './types'\n\nexport interface PopupMenuContext {\n  variant?: PopupMenuVariants\n}\n\nconst Context = createContext({} as PopupMenuContext)\n\nexport const usePopupMenuContext = (): PopupMenuContext => {\n  return useContext(Context)\n}\n\nexport const PopupMenuProvider: FC<PropsWithChildren<PopupMenuContext>> = (\n  props\n) => {\n  const { variant, ...rest } = props\n\n  return <Context.Provider value={{ variant }} {...rest} />\n}\n"],"names":["React","createContext","useContext","Context","usePopupMenuContext","PopupMenuProvider","props","variant","rest","Provider","value"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAuBC,aAAa,EAAEC,UAAU,QAAY,OAAO,CAAA;AAO/E,MAAMC,OAAO,iBAAGF,aAAa,CAAC,EAAE,CAAqB;AAErD,OAAO,MAAMG,mBAAmB,GAAG,IAAwB;IACzD,OAAOF,UAAU,CAACC,OAAO,CAAC,CAAA;AAC5B,CAAC,CAAA;AAED,OAAO,MAAME,iBAAiB,GAA4C,CACxEC,KAAK,GACF;IACH,MAAM,EAAEC,OAAO,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGF,KAAK;IAElC,qBAAO,oBAACH,OAAO,CAACM,QAAQ;QAACC,KAAK,EAAE;YAAEH,OAAO;SAAE;OAAMC,IAAI,EAAI,CAAA;AAC3D,CAAC,CAAA"}

package/dist/esm/popup-menu/src/PopupMenuStyles.js

@@ -0,0 +1,44 @@
+import styled from "styled-components";
+import { Popover } from "../../popover/src/index";
+import { PopupMenuItemStyle } from "./PopupMenuItemStyles";
+export const PopupMenuStyle = styled(Popover)`
+  outline: none;
+  box-sizing: border-box;
+  border: 1px solid transparent;
+  border-radius: ${(param)=>{
+    let { theme  } = param;
+    return theme.borderRadiusesMap.lg;
+}}px;
+  overflow: auto;
+  overflow-x: hidden;
+  box-shadow: ${(param)=>{
+    let { theme  } = param;
+    return theme.boxShadows.xs;
+}}
+    var(--lido-color-shadowLight);
+  padding: 0;
+
+  ${PopupMenuItemStyle}:first-child {
+    border-top-left-radius: ${(param)=>{
+    let { theme  } = param;
+    return theme.borderRadiusesMap.lg - 1;
+}}px;
+    border-top-right-radius: ${(param)=>{
+    let { theme  } = param;
+    return theme.borderRadiusesMap.lg - 1;
+}}px;
+  }
+
+  ${PopupMenuItemStyle}:last-child {
+    border-bottom-left-radius: ${(param)=>{
+    let { theme  } = param;
+    return theme.borderRadiusesMap.lg - 1;
+}}px;
+    border-bottom-right-radius: ${(param)=>{
+    let { theme  } = param;
+    return theme.borderRadiusesMap.lg - 1;
+}}px;
+  }
+`;
+
+//# sourceMappingURL=PopupMenuStyles.js.map

package/dist/esm/popup-menu/src/PopupMenuStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/popup-menu/src/PopupMenuStyles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Popover } from '@lidofinance/popover'\nimport { PopupMenuItemStyle } from './PopupMenuItemStyles'\n\nexport const PopupMenuStyle = styled(Popover)`\n  outline: none;\n  box-sizing: border-box;\n  border: 1px solid transparent;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n  overflow: auto;\n  overflow-x: hidden;\n  box-shadow: ${({ theme }) => theme.boxShadows.xs}\n    var(--lido-color-shadowLight);\n  padding: 0;\n\n  ${PopupMenuItemStyle}:first-child {\n    border-top-left-radius: ${({ theme }) => theme.borderRadiusesMap.lg - 1}px;\n    border-top-right-radius: ${({ theme }) => theme.borderRadiusesMap.lg - 1}px;\n  }\n\n  ${PopupMenuItemStyle}:last-child {\n    border-bottom-left-radius: ${({ theme }) =>\n      theme.borderRadiusesMap.lg - 1}px;\n    border-bottom-right-radius: ${({ theme }) =>\n      theme.borderRadiusesMap.lg - 1}px;\n  }\n`\n"],"names":["styled","Popover","PopupMenuItemStyle","PopupMenuStyle","theme","borderRadiusesMap","lg","boxShadows","xs"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB,CAAA;AACtC,SAASC,OAAO,QAAQ,yBAAsB,CAAA;AAC9C,SAASC,kBAAkB,QAAQ,uBAAuB,CAAA;AAE1D,OAAO,MAAMC,cAAc,GAAGH,MAAM,CAACC,OAAO,CAAC,CAAC;;;;iBAI7B,EAAE,SAAeG;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,iBAAiB,CAACC,EAAE;AAAD,CAAC,CAAC;;;cAG/C,EAAE,SAAeF;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACG,UAAU,CAACC,EAAE;AAAD,CAAC,CAAC;;;;EAIjD,EAAEN,kBAAkB,CAAC;4BACK,EAAE,SAAeE;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,iBAAiB,CAACC,EAAE,GAAG,CAAC;AAAD,CAAC,CAAC;6BAC/C,EAAE,SAAeF;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,iBAAiB,CAACC,EAAE,GAAG,CAAC;AAAD,CAAC,CAAC;;;EAG3E,EAAEJ,kBAAkB,CAAC;+BACQ,EAAE,SAC3BE;QAD4B,EAAEA,KAAK,CAAA,EAAE;WACrCA,KAAK,CAACC,iBAAiB,CAACC,EAAE,GAAG,CAAC;AAAD,CAAC,CAAC;gCACL,EAAE,SAC5BF;QAD6B,EAAEA,KAAK,CAAA,EAAE;WACtCA,KAAK,CAACC,iBAAiB,CAACC,EAAE,GAAG,CAAC;AAAD,CAAC,CAAC;;AAErC,CAAC,CAAA"}

package/dist/esm/popup-menu/src/constants.js

@@ -0,0 +1,7 @@
+export const FOCUSABLE_ELEMENTS = [
+    'a[href]',
+    'button:not([disabled]):not([aria-hidden])',
+    '[tabindex]:not([tabindex^="-"])', 
+];
+
+//# sourceMappingURL=constants.js.map

package/dist/esm/popup-menu/src/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/popup-menu/src/constants.ts"],"sourcesContent":["export const FOCUSABLE_ELEMENTS = [\n  'a[href]',\n  'button:not([disabled]):not([aria-hidden])',\n  '[tabindex]:not([tabindex^=\"-\"])',\n]\n"],"names":["FOCUSABLE_ELEMENTS"],"mappings":"AAAA,OAAO,MAAMA,kBAAkB,GAAG;IAChC,SAAS;IACT,2CAA2C;IAC3C,iCAAiC;CAClC,CAAA"}

package/dist/esm/popup-menu/src/index.js

@@ -0,0 +1,5 @@
+export { default as PopupMenu } from "./PopupMenu";
+export { default as PopupMenuItem } from "./PopupMenuItem";
+export * from './types';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/popup-menu/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/popup-menu/src/index.ts"],"sourcesContent":["export { default as PopupMenu } from './PopupMenu'\nexport { default as PopupMenuItem } from './PopupMenuItem'\nexport * from './types'\n"],"names":["default","PopupMenu","PopupMenuItem"],"mappings":"AAAA,SAASA,OAAO,IAAIC,SAAS,QAAQ,aAAa,CAAA;AAClD,SAASD,OAAO,IAAIE,aAAa,QAAQ,iBAAiB,CAAA;AAC1D,cAAc,SAAS,CAAA"}

package/dist/esm/popup-menu/src/types.js

@@ -0,0 +1,8 @@
+import React from "react";
+export var PopupMenuVariant;
+(function(PopupMenuVariant) {
+    PopupMenuVariant[PopupMenuVariant["small"] = 0] = "small";
+    PopupMenuVariant[PopupMenuVariant["default"] = 1] = "default";
+})(PopupMenuVariant || (PopupMenuVariant = {}));
+
+//# sourceMappingURL=types.js.map

package/dist/esm/popup-menu/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/popup-menu/src/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport { PopoverProps } from '@lidofinance/popover'\nimport React from 'react'\nexport type { Theme } from '@lidofinance/theme'\n\nexport enum PopupMenuVariant {\n  small,\n  default,\n}\nexport type PopupMenuVariants = keyof typeof PopupMenuVariant\n\nexport type PopupMenuProps = {\n  variant?: PopupMenuVariants\n} & PopoverProps\n\nexport type PopupMenuItemProps = LidoComponentProps<\n  'button',\n  {\n    leftDecorator?: React.ReactNode\n    rightDecorator?: React.ReactNode\n    active?: boolean\n  }\n>\n"],"names":["React","PopupMenuVariant","small","default"],"mappings":"AAEA,OAAOA,KAAK,MAAM,OAAO,CAAA;WAGlB,gBAGN;UAHWC,gBAAgB;IAAhBA,gBAAgB,CAAhBA,gBAAgB,CAC1BC,OAAK,IAALA,CAAK,IAALA,OAAK;IADKD,gBAAgB,CAAhBA,gBAAgB,CAE1BE,SAAO,IAAPA,CAAO,IAAPA,SAAO;GAFGF,gBAAgB,KAAhBA,gBAAgB"}

package/dist/esm/popup-menu/src/usePopupFocus.js

@@ -0,0 +1,75 @@
+import React, { useCallback, useRef } from "react";
+import { useInterceptFocus } from "../../hooks/src/index";
+import { FOCUSABLE_ELEMENTS } from "./constants";
+export const usePopupFocus = (props)=>{
+    const { onMouseMove , onKeyDown  } = props;
+    const ref = useRef(null);
+    const getFocusableNodes = useCallback(()=>{
+        var ref1;
+        var ref2;
+        const nodes = (ref2 = (ref1 = ref.current) === null || ref1 === void 0 ? void 0 : ref1.querySelectorAll(FOCUSABLE_ELEMENTS.join(','))) !== null && ref2 !== void 0 ? ref2 : [];
+        return Array.from(nodes).filter((node)=>node && node instanceof HTMLElement && node.offsetParent !== null);
+    }, []);
+    const handleFocusTo = useCallback(function(event) {
+        let offset = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
+        const focusableNodes = getFocusableNodes();
+        if (focusableNodes.length === 0) return;
+        const currentElement = document.activeElement;
+        const focusedItemIndex = currentElement instanceof HTMLElement ? focusableNodes.indexOf(currentElement) : -1;
+        const activeItemIndex = focusableNodes.findIndex((node)=>node.getAttribute('aria-selected') === 'true');
+        const currentIndex = focusedItemIndex === -1 ? activeItemIndex : focusedItemIndex;
+        let nextIndex = currentIndex + offset;
+        if (nextIndex < 0) nextIndex = focusableNodes.length - 1;
+        if (nextIndex >= focusableNodes.length) nextIndex = 0;
+        focusableNodes[nextIndex].focus();
+        event.preventDefault();
+    }, [
+        getFocusableNodes
+    ]);
+    const handleMouseMove = useCallback((event)=>{
+        onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove(event);
+        const { target  } = event;
+        if (!(target instanceof HTMLElement)) return;
+        const focusableNodes = getFocusableNodes();
+        const overed = target.closest(FOCUSABLE_ELEMENTS.join(','));
+        if (!(overed instanceof HTMLElement)) return;
+        const isNotFocusable = !focusableNodes.includes(overed);
+        const isActive = overed === document.activeElement;
+        if (isActive || isNotFocusable) return;
+        overed.focus();
+    }, [
+        getFocusableNodes,
+        onMouseMove
+    ]);
+    const handleKeyDown = useCallback((event)=>{
+        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
+        var _code;
+        const code = (_code = event.code) !== null && _code !== void 0 ? _code : event.key;
+        if (code === 'Tab') event.preventDefault();
+        if (code === 'ArrowDown') handleFocusTo(event, +1);
+        if (code === 'ArrowUp') handleFocusTo(event, -1);
+    }, [
+        handleFocusTo,
+        onKeyDown
+    ]);
+    const [interceptFocus, restoreFocus] = useInterceptFocus();
+    const handleEnter = useCallback(()=>{
+        if (ref.current) interceptFocus(ref.current);
+    }, [
+        interceptFocus
+    ]);
+    const handleExit = useCallback(()=>{
+        restoreFocus();
+    }, [
+        restoreFocus
+    ]);
+    return {
+        ref,
+        handleMouseMove,
+        handleKeyDown,
+        handleEnter,
+        handleExit
+    };
+};
+
+//# sourceMappingURL=usePopupFocus.js.map

package/dist/esm/popup-menu/src/usePopupFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/popup-menu/src/usePopupFocus.ts"],"sourcesContent":["import React, { useCallback, useRef } from 'react'\nimport { useInterceptFocus } from '@lidofinance/hooks'\nimport { FOCUSABLE_ELEMENTS } from './constants'\nimport { PopupMenuProps } from './types'\n\nexport const usePopupFocus = <T extends HTMLDivElement>(\n  props: PopupMenuProps\n): {\n  ref: React.RefObject<T>\n  handleMouseMove: React.MouseEventHandler<T>\n  handleKeyDown: React.KeyboardEventHandler<T>\n  handleEnter: () => void\n  handleExit: () => void\n} => {\n  const { onMouseMove, onKeyDown } = props\n  const ref = useRef<T>(null)\n\n  const getFocusableNodes = useCallback(() => {\n    const nodes =\n      ref.current?.querySelectorAll(FOCUSABLE_ELEMENTS.join(',')) ?? []\n\n    return Array.from(nodes).filter(\n      (node): node is HTMLElement =>\n        node && node instanceof HTMLElement && node.offsetParent !== null\n    )\n  }, [])\n\n  const handleFocusTo = useCallback(\n    (event: React.KeyboardEvent<T>, offset = 1) => {\n      const focusableNodes = getFocusableNodes()\n\n      if (focusableNodes.length === 0) return\n\n      const currentElement = document.activeElement\n      const focusedItemIndex =\n        currentElement instanceof HTMLElement\n          ? focusableNodes.indexOf(currentElement)\n          : -1\n\n      const activeItemIndex = focusableNodes.findIndex(\n        (node) => node.getAttribute('aria-selected') === 'true'\n      )\n\n      const currentIndex =\n        focusedItemIndex === -1 ? activeItemIndex : focusedItemIndex\n\n      let nextIndex = currentIndex + offset\n      if (nextIndex < 0) nextIndex = focusableNodes.length - 1\n      if (nextIndex >= focusableNodes.length) nextIndex = 0\n\n      focusableNodes[nextIndex].focus()\n      event.preventDefault()\n    },\n    [getFocusableNodes]\n  )\n\n  const handleMouseMove: React.MouseEventHandler<T> = useCallback(\n    (event) => {\n      onMouseMove?.(event)\n\n      const { target } = event\n      if (!(target instanceof HTMLElement)) return\n\n      const focusableNodes = getFocusableNodes()\n      const overed = target.closest(FOCUSABLE_ELEMENTS.join(','))\n\n      if (!(overed instanceof HTMLElement)) return\n\n      const isNotFocusable = !focusableNodes.includes(overed)\n      const isActive = overed === document.activeElement\n\n      if (isActive || isNotFocusable) return\n\n      overed.focus()\n    },\n    [getFocusableNodes, onMouseMove]\n  )\n\n  const handleKeyDown: React.KeyboardEventHandler<T> = useCallback(\n    (event) => {\n      onKeyDown?.(event)\n      const code = event.code ?? event.key\n\n      if (code === 'Tab') event.preventDefault()\n      if (code === 'ArrowDown') handleFocusTo(event, +1)\n      if (code === 'ArrowUp') handleFocusTo(event, -1)\n    },\n    [handleFocusTo, onKeyDown]\n  )\n\n  const [interceptFocus, restoreFocus] = useInterceptFocus()\n\n  const handleEnter = useCallback(() => {\n    if (ref.current) interceptFocus(ref.current)\n  }, [interceptFocus])\n\n  const handleExit = useCallback(() => {\n    restoreFocus()\n  }, [restoreFocus])\n\n  return {\n    ref,\n    handleMouseMove,\n    handleKeyDown,\n    handleEnter,\n    handleExit,\n  }\n}\n"],"names":["React","useCallback","useRef","useInterceptFocus","FOCUSABLE_ELEMENTS","usePopupFocus","props","onMouseMove","onKeyDown","ref","getFocusableNodes","nodes","current","querySelectorAll","join","Array","from","filter","node","HTMLElement","offsetParent","handleFocusTo","event","offset","focusableNodes","length","currentElement","document","activeElement","focusedItemIndex","indexOf","activeItemIndex","findIndex","getAttribute","currentIndex","nextIndex","focus","preventDefault","handleMouseMove","target","overed","closest","isNotFocusable","includes","isActive","handleKeyDown","code","key","interceptFocus","restoreFocus","handleEnter","handleExit"],"mappings":"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"}

package/dist/esm/select/src/Option.js

@@ -0,0 +1,21 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef, useCallback } from "react";
+import { PopupMenuItem } from "../../popup-menu/src/index";
+function Option(props, ref) {
+    const { value , onClick , onChange , ...rest } = props;
+    const handleClick = useCallback((event)=>{
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
+    }, [
+        value,
+        onChange,
+        onClick
+    ]);
+    return /*#__PURE__*/ React.createElement(PopupMenuItem, _extends({
+        onClick: handleClick,
+        ref: ref
+    }, rest));
+}
+export default /*#__PURE__*/ forwardRef(Option);
+
+//# sourceMappingURL=Option.js.map

package/dist/esm/select/src/Option.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/select/src/Option.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, useCallback } from 'react'\nimport { PopupMenuItem } from '@lidofinance/popup-menu'\nimport { OptionProps } from './types'\n\nfunction Option(props: OptionProps, ref?: ForwardedRef<HTMLButtonElement>) {\n  const { value, onClick, onChange, ...rest } = props\n\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      onChange?.(value)\n      onClick?.(event)\n    },\n    [value, onChange, onClick]\n  )\n\n  return <PopupMenuItem onClick={handleClick} ref={ref} {...rest} />\n}\n\nexport default forwardRef(Option)\n"],"names":["React","forwardRef","useCallback","PopupMenuItem","Option","props","ref","value","onClick","onChange","rest","handleClick","event"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,EAAEC,WAAW,QAAQ,OAAO,CAAA;AACpE,SAASC,aAAa,QAAQ,4BAAyB,CAAA;AAGvD,SAASC,MAAM,CAACC,KAAkB,EAAEC,GAAqC,EAAE;IACzE,MAAM,EAAEC,KAAK,CAAA,EAAEC,OAAO,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGL,KAAK;IAEnD,MAAMM,WAAW,GAAGT,WAAW,CAC7B,CAACU,KAA0C,GAAK;QAC9CH,QAAQ,aAARA,QAAQ,WAAS,GAAjBA,KAAAA,CAAiB,GAAjBA,QAAQ,CAAGF,KAAK,CAAC,CAAA;QACjBC,OAAO,aAAPA,OAAO,WAAS,GAAhBA,KAAAA,CAAgB,GAAhBA,OAAO,CAAGI,KAAK,CAAC,CAAA;IAClB,CAAC,EACD;QAACL,KAAK;QAAEE,QAAQ;QAAED,OAAO;KAAC,CAC3B;IAED,qBAAO,oBAACL,aAAa;QAACK,OAAO,EAAEG,WAAW;QAAEL,GAAG,EAAEA,GAAG;OAAMI,IAAI,EAAI,CAAA;AACpE,CAAC;AAED,6BAAeT,UAAU,CAACG,MAAM,CAAC,CAAA"}

package/dist/esm/select/src/Select.js

@@ -0,0 +1,47 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef, useRef } from "react";
+import { SelectWrapperStyle } from "./SelectStyles";
+import { SelectArrow } from "./SelectArrow";
+import { useMergeRefs } from "../../hooks/src/index";
+import { PopupMenu } from "../../popup-menu/src/index";
+import { useSelect } from "./useSelect";
+import { useSelectWidth } from "./useSelectWidth";
+function Select(props, ref) {
+    const { wrapperRef: externalWrapperRef , anchorRef: externalAnchorRef , arrow ='default' , variant , value , defaultValue , children , onChange , ...rest } = props;
+    const { disabled  } = props;
+    const localAnchorRef = useRef(null);
+    const wrapperRef = useMergeRefs([
+        localAnchorRef,
+        externalWrapperRef
+    ]);
+    const anchorRef = externalAnchorRef || localAnchorRef;
+    const { opened , options , title , handleClick , handleClose , handleKeyDown  } = useSelect(props);
+    const width = useSelectWidth(opened, anchorRef);
+    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(SelectWrapperStyle, _extends({
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        active: opened,
+        value: title,
+        rightDecorator: /*#__PURE__*/ React.createElement(SelectArrow, {
+            arrow: arrow,
+            disabled: disabled,
+            opened: opened
+        }),
+        wrapperRef: wrapperRef,
+        variant: variant
+    }, rest, {
+        ref: ref,
+        readOnly: true
+    })), /*#__PURE__*/ React.createElement(PopupMenu, {
+        open: opened,
+        variant: variant,
+        anchorRef: anchorRef,
+        style: {
+            minWidth: width
+        },
+        onClose: handleClose
+    }, options));
+}
+export default /*#__PURE__*/ forwardRef(Select);
+
+//# sourceMappingURL=Select.js.map

package/dist/esm/select/src/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/select/src/Select.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, useRef } from 'react'\nimport { SelectWrapperStyle } from './SelectStyles'\nimport { SelectArrow } from './SelectArrow'\nimport { useMergeRefs } from '@lidofinance/hooks'\nimport { PopupMenu } from '@lidofinance/popup-menu'\nimport { SelectProps } from './types'\nimport { useSelect } from './useSelect'\nimport { useSelectWidth } from './useSelectWidth'\n\nfunction Select(props: SelectProps, ref?: ForwardedRef<HTMLInputElement>) {\n  const {\n    wrapperRef: externalWrapperRef,\n    anchorRef: externalAnchorRef,\n    arrow = 'default',\n    variant,\n    value,\n    defaultValue,\n    children,\n    onChange,\n    ...rest\n  } = props\n\n  const { disabled } = props\n\n  const localAnchorRef = useRef<HTMLLabelElement>(null)\n  const wrapperRef = useMergeRefs([localAnchorRef, externalWrapperRef])\n  const anchorRef = externalAnchorRef || localAnchorRef\n\n  const { opened, options, title, handleClick, handleClose, handleKeyDown } =\n    useSelect(props)\n  const width = useSelectWidth(opened, anchorRef)\n\n  return (\n    <>\n      <SelectWrapperStyle\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        active={opened}\n        value={title}\n        rightDecorator={\n          <SelectArrow arrow={arrow} disabled={disabled} opened={opened} />\n        }\n        wrapperRef={wrapperRef}\n        variant={variant}\n        {...rest}\n        ref={ref}\n        readOnly\n      />\n      <PopupMenu\n        open={opened}\n        variant={variant}\n        anchorRef={anchorRef}\n        style={{ minWidth: width }}\n        onClose={handleClose}\n      >\n        {options}\n      </PopupMenu>\n    </>\n  )\n}\n\nexport default forwardRef(Select)\n"],"names":["React","forwardRef","useRef","SelectWrapperStyle","SelectArrow","useMergeRefs","PopupMenu","useSelect","useSelectWidth","Select","props","ref","wrapperRef","externalWrapperRef","anchorRef","externalAnchorRef","arrow","variant","value","defaultValue","children","onChange","rest","disabled","localAnchorRef","opened","options","title","handleClick","handleClose","handleKeyDown","width","onClick","onKeyDown","active","rightDecorator","readOnly","open","style","minWidth","onClose"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,EAAEC,MAAM,QAAQ,OAAO,CAAA;AAC/D,SAASC,kBAAkB,QAAQ,gBAAgB,CAAA;AACnD,SAASC,WAAW,QAAQ,eAAe,CAAA;AAC3C,SAASC,YAAY,QAAQ,uBAAoB,CAAA;AACjD,SAASC,SAAS,QAAQ,4BAAyB,CAAA;AAEnD,SAASC,SAAS,QAAQ,aAAa,CAAA;AACvC,SAASC,cAAc,QAAQ,kBAAkB,CAAA;AAEjD,SAASC,MAAM,CAACC,KAAkB,EAAEC,GAAoC,EAAE;IACxE,MAAM,EACJC,UAAU,EAAEC,kBAAkB,CAAA,EAC9BC,SAAS,EAAEC,iBAAiB,CAAA,EAC5BC,KAAK,EAAG,SAAS,CAAA,EACjBC,OAAO,CAAA,EACPC,KAAK,CAAA,EACLC,YAAY,CAAA,EACZC,QAAQ,CAAA,EACRC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR,GAAGZ,KAAK;IAET,MAAM,EAAEa,QAAQ,CAAA,EAAE,GAAGb,KAAK;IAE1B,MAAMc,cAAc,GAAGtB,MAAM,CAAmB,IAAI,CAAC;IACrD,MAAMU,UAAU,GAAGP,YAAY,CAAC;QAACmB,cAAc;QAAEX,kBAAkB;KAAC,CAAC;IACrE,MAAMC,SAAS,GAAGC,iBAAiB,IAAIS,cAAc;IAErD,MAAM,EAAEC,MAAM,CAAA,EAAEC,OAAO,CAAA,EAAEC,KAAK,CAAA,EAAEC,WAAW,CAAA,EAAEC,WAAW,CAAA,EAAEC,aAAa,CAAA,EAAE,GACvEvB,SAAS,CAACG,KAAK,CAAC;IAClB,MAAMqB,KAAK,GAAGvB,cAAc,CAACiB,MAAM,EAAEX,SAAS,CAAC;IAE/C,qBACE,wDACE,oBAACX,kBAAkB;QACjB6B,OAAO,EAAEJ,WAAW;QACpBK,SAAS,EAAEH,aAAa;QACxBI,MAAM,EAAET,MAAM;QACdP,KAAK,EAAES,KAAK;QACZQ,cAAc,gBACZ,oBAAC/B,WAAW;YAACY,KAAK,EAAEA,KAAK;YAAEO,QAAQ,EAAEA,QAAQ;YAAEE,MAAM,EAAEA,MAAM;UAAI;QAEnEb,UAAU,EAAEA,UAAU;QACtBK,OAAO,EAAEA,OAAO;OACZK,IAAI;QACRX,GAAG,EAAEA,GAAG;QACRyB,QAAQ,EAARA,IAAQ;OACR,gBACF,oBAAC9B,SAAS;QACR+B,IAAI,EAAEZ,MAAM;QACZR,OAAO,EAAEA,OAAO;QAChBH,SAAS,EAAEA,SAAS;QACpBwB,KAAK,EAAE;YAAEC,QAAQ,EAAER,KAAK;SAAE;QAC1BS,OAAO,EAAEX,WAAW;OAEnBH,OAAO,CACE,CACX,CACJ;AACH,CAAC;AAED,6BAAezB,UAAU,CAACQ,MAAM,CAAC,CAAA"}

package/dist/esm/select/src/SelectArrow.js

@@ -0,0 +1,16 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React from "react";
+import { SelectArrowBigStyle, SelectArrowSmallStyle } from "./SelectArrowStyles";
+export const SelectArrow = (props)=>{
+    const { arrow , disabled =false , opened  } = props;
+    const commonProps = {
+        $opened: opened,
+        $disabled: disabled
+    };
+    if (arrow === 'default') return /*#__PURE__*/ React.createElement(SelectArrowBigStyle, _extends({}, commonProps));
+    if (arrow === 'small') return /*#__PURE__*/ React.createElement(SelectArrowSmallStyle, _extends({}, commonProps));
+    return null;
+};
+export default SelectArrow;
+
+//# sourceMappingURL=SelectArrow.js.map

package/dist/esm/select/src/SelectArrow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/select/src/SelectArrow.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport { SelectArrowBigStyle, SelectArrowSmallStyle } from './SelectArrowStyles'\nimport { SelectArrows } from './types'\n\ntype SelectArrowProps = {\n  arrow: SelectArrows\n  disabled?: boolean\n  opened: boolean\n  children?: never\n}\n\nexport const SelectArrow: FC<SelectArrowProps> = (props) => {\n  const { arrow, disabled = false, opened } = props\n\n  const commonProps = {\n    $opened: opened,\n    $disabled: disabled,\n  }\n\n  if (arrow === 'default') return <SelectArrowBigStyle {...commonProps} />\n  if (arrow === 'small') return <SelectArrowSmallStyle {...commonProps} />\n\n  return null\n}\n\nexport default SelectArrow\n"],"names":["React","SelectArrowBigStyle","SelectArrowSmallStyle","SelectArrow","props","arrow","disabled","opened","commonProps","$opened","$disabled"],"mappings":"AAAA;AAAA,OAAOA,KAAK,MAAc,OAAO,CAAA;AACjC,SAASC,mBAAmB,EAAEC,qBAAqB,QAAQ,qBAAqB,CAAA;AAUhF,OAAO,MAAMC,WAAW,GAAyB,CAACC,KAAK,GAAK;IAC1D,MAAM,EAAEC,KAAK,CAAA,EAAEC,QAAQ,EAAG,KAAK,CAAA,EAAEC,MAAM,CAAA,EAAE,GAAGH,KAAK;IAEjD,MAAMI,WAAW,GAAG;QAClBC,OAAO,EAAEF,MAAM;QACfG,SAAS,EAAEJ,QAAQ;KACpB;IAED,IAAID,KAAK,KAAK,SAAS,EAAE,qBAAO,oBAACJ,mBAAmB,eAAKO,WAAW,EAAI,CAAA;IACxE,IAAIH,KAAK,KAAK,OAAO,EAAE,qBAAO,oBAACH,qBAAqB,eAAKM,WAAW,EAAI,CAAA;IAExE,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,eAAeL,WAAW,CAAA"}