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

package/dist/cjs/modal/src/types.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+
+//# sourceMappingURL=types.js.map

package/dist/cjs/modal/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/modal/src/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport {\n  TransitionWrapperProps,\n  TransitionInnerProps,\n} from '@lidofinance/transition'\nimport { ButtonProps } from '@lidofinance/button'\nimport React from 'react'\n\nexport type ModalOverlayOwnProps = LidoComponentProps<\n  'div',\n  {\n    onClose?: () => void\n    onBack?: () => void\n  }\n>\n\nexport type ModalOverlayProps = ModalOverlayOwnProps & TransitionWrapperProps\nexport type ModalOverlayInnerProps = ModalOverlayOwnProps & TransitionInnerProps\n\nexport type ModalProps = {\n  title?: React.ReactNode\n  titleIcon?: React.ReactNode\n  subtitle?: React.ReactNode\n  extra?: React.ReactNode\n  center?: boolean\n  open?: boolean\n} & Omit<ModalOverlayProps, 'title' | 'in'>\n\nexport type ModalExtraProps = LidoComponentProps<'div'>\n\nexport type ModalButtonIconProps = {\n  icon: React.ReactElement\n} & ButtonProps\n"],"names":[],"mappings":"AAAA;;;;;4DAMkB,OAAO"}

package/dist/cjs/modal/src/useModalClose.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useModalClose", {
+    enumerable: true,
+    get: ()=>useModalClose
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const useModalClose = (callback)=>{
+    const ref = (0, _react.useRef)(null);
+    const handleClick = (0, _react.useCallback)((event)=>{
+        const contentElement = ref.current;
+        if (!contentElement) return;
+        if (!(event.target instanceof Node)) return;
+        if (contentElement.contains(event.target)) return;
+        callback === null || callback === void 0 ? void 0 : callback();
+    }, [
+        callback
+    ]);
+    return {
+        ref,
+        handleClick
+    };
+};
+
+//# sourceMappingURL=useModalClose.js.map

package/dist/cjs/modal/src/useModalClose.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/modal/src/useModalClose.ts"],"sourcesContent":["import React, { useCallback, useRef } from 'react'\n\nexport const useModalClose = <T extends HTMLDivElement>(\n  callback?: () => void\n): {\n  ref: React.RefObject<T>\n  handleClick: (event: React.MouseEvent<T, MouseEvent>) => void\n} => {\n  const ref = useRef<T>(null)\n\n  const handleClick = useCallback(\n    (event: React.MouseEvent<T, MouseEvent>) => {\n      const contentElement = ref.current\n\n      if (!contentElement) return\n      if (!(event.target instanceof Node)) return\n\n      if (contentElement.contains(event.target)) return\n\n      callback?.()\n    },\n    [callback]\n  )\n\n  return {\n    ref,\n    handleClick,\n  }\n}\n"],"names":["useModalClose","callback","ref","useRef","handleClick","useCallback","event","contentElement","current","target","Node","contains"],"mappings":"AAAA;;;;+BAEaA,eAAa;;aAAbA,aAAa;;;6DAFiB,OAAO;AAE3C,MAAMA,aAAa,GAAG,CAC3BC,QAAqB,GAIlB;IACH,MAAMC,GAAG,GAAGC,IAAAA,MAAM,OAAA,EAAI,IAAI,CAAC;IAE3B,MAAMC,WAAW,GAAGC,IAAAA,MAAW,YAAA,EAC7B,CAACC,KAAsC,GAAK;QAC1C,MAAMC,cAAc,GAAGL,GAAG,CAACM,OAAO;QAElC,IAAI,CAACD,cAAc,EAAE,OAAM;QAC3B,IAAI,CAAC,CAACD,KAAK,CAACG,MAAM,YAAYC,IAAI,CAAC,EAAE,OAAM;QAE3C,IAAIH,cAAc,CAACI,QAAQ,CAACL,KAAK,CAACG,MAAM,CAAC,EAAE,OAAM;QAEjDR,QAAQ,aAARA,QAAQ,WAAI,GAAZA,KAAAA,CAAY,GAAZA,QAAQ,EAAI,CAAA;IACd,CAAC,EACD;QAACA,QAAQ;KAAC,CACX;IAED,OAAO;QACLC,GAAG;QACHE,WAAW;KACZ,CAAA;AACH,CAAC"}

package/dist/cjs/modal/src/useModalFocus.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useModalFocus", {
+    enumerable: true,
+    get: ()=>useModalFocus
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _hooks = require("../../hooks/src/index");
+const _constants = require("./constants");
+const useModalFocus = ()=>{
+    const modalRef = (0, _react.useRef)(null);
+    const getFocusableNodes = (0, _react.useCallback)(()=>{
+        var ref;
+        var ref1;
+        const nodes = (ref1 = (ref = modalRef.current) === null || ref === void 0 ? void 0 : ref.querySelectorAll(_constants.FOCUSABLE_ELEMENTS.join(','))) !== null && ref1 !== void 0 ? ref1 : [];
+        return Array.from(nodes).filter((node)=>node && node instanceof HTMLElement && node.offsetParent !== null);
+    }, []);
+    const handleRetainFocus = (0, _react.useCallback)((event)=>{
+        const focusableNodes = getFocusableNodes();
+        if (focusableNodes.length === 0) return;
+        const currentElement = document.activeElement;
+        const focusedItemIndex = currentElement instanceof HTMLElement && focusableNodes.indexOf(currentElement);
+        if (event.shiftKey && focusedItemIndex === 0) {
+            focusableNodes[focusableNodes.length - 1].focus();
+            event.preventDefault();
+        }
+        if (!event.shiftKey && focusableNodes.length > 0 && focusedItemIndex === focusableNodes.length - 1) {
+            focusableNodes[0].focus();
+            event.preventDefault();
+        }
+    }, [
+        getFocusableNodes
+    ]);
+    (0, _react.useEffect)(()=>{
+        const handleKeyDown = (event)=>{
+            if (event.code === 'Tab') handleRetainFocus(event);
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return ()=>document.removeEventListener('keydown', handleKeyDown);
+    }, [
+        handleRetainFocus
+    ]);
+    const [interceptFocus, restoreFocus] = (0, _hooks.useInterceptFocus)();
+    (0, _react.useEffect)(()=>{
+        if (!modalRef.current) return;
+        interceptFocus(modalRef.current);
+        return restoreFocus;
+    }, [
+        interceptFocus,
+        restoreFocus
+    ]);
+    return modalRef;
+};
+
+//# sourceMappingURL=useModalFocus.js.map

package/dist/cjs/modal/src/useModalFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/modal/src/useModalFocus.ts"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react'\nimport { useInterceptFocus } from '@lidofinance/hooks'\nimport { FOCUSABLE_ELEMENTS } from './constants'\n\nexport const useModalFocus = (): React.RefObject<HTMLDivElement> => {\n  const modalRef = useRef<HTMLDivElement>(null)\n\n  const getFocusableNodes = useCallback(() => {\n    const nodes =\n      modalRef.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 handleRetainFocus = useCallback(\n    (event: KeyboardEvent) => {\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\n      if (event.shiftKey && focusedItemIndex === 0) {\n        focusableNodes[focusableNodes.length - 1].focus()\n        event.preventDefault()\n      }\n\n      if (\n        !event.shiftKey &&\n        focusableNodes.length > 0 &&\n        focusedItemIndex === focusableNodes.length - 1\n      ) {\n        focusableNodes[0].focus()\n        event.preventDefault()\n      }\n    },\n    [getFocusableNodes]\n  )\n\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.code === 'Tab') handleRetainFocus(event)\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [handleRetainFocus])\n\n  const [interceptFocus, restoreFocus] = useInterceptFocus()\n\n  useEffect(() => {\n    if (!modalRef.current) return\n\n    interceptFocus(modalRef.current)\n    return restoreFocus\n  }, [interceptFocus, restoreFocus])\n\n  return modalRef\n}\n"],"names":["useModalFocus","modalRef","useRef","getFocusableNodes","useCallback","nodes","current","querySelectorAll","FOCUSABLE_ELEMENTS","join","Array","from","filter","node","HTMLElement","offsetParent","handleRetainFocus","event","focusableNodes","length","currentElement","document","activeElement","focusedItemIndex","indexOf","shiftKey","focus","preventDefault","useEffect","handleKeyDown","code","addEventListener","removeEventListener","interceptFocus","restoreFocus","useInterceptFocus"],"mappings":"AAAA;;;;+BAIaA,eAAa;;aAAbA,aAAa;;;6DAJ4B,OAAO;uBAC3B,uBAAoB;2BACnB,aAAa;AAEzC,MAAMA,aAAa,GAAG,IAAuC;IAClE,MAAMC,QAAQ,GAAGC,IAAAA,MAAM,OAAA,EAAiB,IAAI,CAAC;IAE7C,MAAMC,iBAAiB,GAAGC,IAAAA,MAAW,YAAA,EAAC,IAAM;YAExCH,GAAgB;YAAhBA,IAAgE;QADlE,MAAMI,KAAK,GACTJ,CAAAA,IAAgE,GAAhEA,CAAAA,GAAgB,GAAhBA,QAAQ,CAACK,OAAO,cAAhBL,GAAgB,WAAkB,GAAlCA,KAAAA,CAAkC,GAAlCA,GAAgB,CAAEM,gBAAgB,CAACC,UAAkB,mBAAA,CAACC,IAAI,CAAC,GAAG,CAAC,CAAC,cAAhER,IAAgE,cAAhEA,IAAgE,GAAI,EAAE;QAExE,OAAOS,KAAK,CAACC,IAAI,CAACN,KAAK,CAAC,CAACO,MAAM,CAC7B,CAACC,IAAI,GACHA,IAAI,IAAIA,IAAI,YAAYC,WAAW,IAAID,IAAI,CAACE,YAAY,KAAK,IAAI,CACpE,CAAA;IACH,CAAC,EAAE,EAAE,CAAC;IAEN,MAAMC,iBAAiB,GAAGZ,IAAAA,MAAW,YAAA,EACnC,CAACa,KAAoB,GAAK;QACxB,MAAMC,cAAc,GAAGf,iBAAiB,EAAE;QAE1C,IAAIe,cAAc,CAACC,MAAM,KAAK,CAAC,EAAE,OAAM;QAEvC,MAAMC,cAAc,GAAGC,QAAQ,CAACC,aAAa;QAC7C,MAAMC,gBAAgB,GACpBH,cAAc,YAAYN,WAAW,IACrCI,cAAc,CAACM,OAAO,CAACJ,cAAc,CAAC;QAExC,IAAIH,KAAK,CAACQ,QAAQ,IAAIF,gBAAgB,KAAK,CAAC,EAAE;YAC5CL,cAAc,CAACA,cAAc,CAACC,MAAM,GAAG,CAAC,CAAC,CAACO,KAAK,EAAE;YACjDT,KAAK,CAACU,cAAc,EAAE;QACxB,CAAC;QAED,IACE,CAACV,KAAK,CAACQ,QAAQ,IACfP,cAAc,CAACC,MAAM,GAAG,CAAC,IACzBI,gBAAgB,KAAKL,cAAc,CAACC,MAAM,GAAG,CAAC,EAC9C;YACAD,cAAc,CAAC,CAAC,CAAC,CAACQ,KAAK,EAAE;YACzBT,KAAK,CAACU,cAAc,EAAE;QACxB,CAAC;IACH,CAAC,EACD;QAACxB,iBAAiB;KAAC,CACpB;IAEDyB,IAAAA,MAAS,UAAA,EAAC,IAAM;QACd,MAAMC,aAAa,GAAG,CAACZ,KAAoB,GAAK;YAC9C,IAAIA,KAAK,CAACa,IAAI,KAAK,KAAK,EAAEd,iBAAiB,CAACC,KAAK,CAAC;QACpD,CAAC;QAEDI,QAAQ,CAACU,gBAAgB,CAAC,SAAS,EAAEF,aAAa,CAAC;QACnD,OAAO,IAAMR,QAAQ,CAACW,mBAAmB,CAAC,SAAS,EAAEH,aAAa,CAAC,CAAA;IACrE,CAAC,EAAE;QAACb,iBAAiB;KAAC,CAAC;IAEvB,MAAM,CAACiB,cAAc,EAAEC,YAAY,CAAC,GAAGC,IAAAA,MAAiB,kBAAA,GAAE;IAE1DP,IAAAA,MAAS,UAAA,EAAC,IAAM;QACd,IAAI,CAAC3B,QAAQ,CAACK,OAAO,EAAE,OAAM;QAE7B2B,cAAc,CAAChC,QAAQ,CAACK,OAAO,CAAC;QAChC,OAAO4B,YAAY,CAAA;IACrB,CAAC,EAAE;QAACD,cAAc;QAAEC,YAAY;KAAC,CAAC;IAElC,OAAOjC,QAAQ,CAAA;AACjB,CAAC"}

package/dist/cjs/pagination/src/Pagination.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _styledComponents = /*#__PURE__*/ _interopRequireDefault(require("styled-components"));
+const _icons = require("../../icons/src/index");
+const _box = require("../../box/src/index");
+const _types = require("./types");
+const _getShowingPages = /*#__PURE__*/ _interopRequireDefault(require("./getShowingPages"));
+const _paginationItem = /*#__PURE__*/ _interopRequireDefault(require("./PaginationItem"));
+const getActiveItem = (length, activeItem)=>{
+    const isActiveNotInRange = activeItem >= length || activeItem < 0;
+    if (!activeItem || isActiveNotInRange) {
+        return 1 // default active item will be the first one
+        ;
+    }
+    return activeItem;
+};
+const PaginationBlock = (0, _styledComponents.default)(_box.Box)`
+  display: flex;
+  gap: 8px;
+`;
+const Pagination = (props)=>{
+    const { onItemClick , pagesCount , activePage =1 , siblingCount  } = props;
+    const [currentPage, setCurrPage] = (0, _react.useState)(getActiveItem(pagesCount, activePage));
+    const showingPages = (0, _react.useMemo)(()=>(0, _getShowingPages.default)(pagesCount, currentPage, siblingCount), [
+        pagesCount,
+        currentPage,
+        siblingCount
+    ]);
+    (0, _react.useEffect)(()=>{
+        setCurrPage((page)=>page !== activePage ? activePage : page);
+    }, [
+        activePage
+    ]);
+    if (pagesCount <= 0) {
+        return null;
+    }
+    const onPageItemClick = (page, e)=>{
+        onItemClick(page, e);
+        setCurrPage(page);
+    };
+    const onPreviousClick = ()=>{
+        if (currentPage === 1) {
+            return; // disabled
+        }
+        setCurrPage(currentPage - 1);
+    };
+    const onNextClick = ()=>{
+        if (currentPage === pagesCount) {
+            return; // disabled
+        }
+        setCurrPage(currentPage + 1);
+    };
+    return /*#__PURE__*/ _react.default.createElement(PaginationBlock, null, /*#__PURE__*/ _react.default.createElement(_paginationItem.default, {
+        disabled: currentPage === 1,
+        icon: /*#__PURE__*/ _react.default.createElement(_icons.ArrowLeft, null),
+        onClick: onPreviousClick
+    }), showingPages.map((page, index)=>{
+        const isDisabled = page === '...';
+        const variant = page === currentPage ? _types.PaginationItemVariant.active : _types.PaginationItemVariant.default;
+        return /*#__PURE__*/ _react.default.createElement(_paginationItem.default, {
+            key: page === '...' ? `${page}${index}` : page,
+            icon: page,
+            variant: variant,
+            disabled: isDisabled,
+            onClick: onPageItemClick.bind(null, page)
+        });
+    }), /*#__PURE__*/ _react.default.createElement(_paginationItem.default, {
+        disabled: currentPage === pagesCount,
+        icon: /*#__PURE__*/ _react.default.createElement(_icons.ArrowRight, null),
+        onClick: onNextClick
+    }));
+};
+const _default = Pagination;
+
+//# sourceMappingURL=Pagination.js.map

package/dist/cjs/pagination/src/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/pagination/src/Pagination.tsx"],"sourcesContent":["import React, { useMemo, useState, useEffect } from 'react'\nimport styled from 'styled-components'\n\nimport { ArrowLeft, ArrowRight } from '@lidofinance/icons'\nimport { Box } from '@lidofinance/box'\n\nimport {\n  PaginationProps,\n  PaginationItemProps,\n  PaginationItemVariant,\n} from './types'\nimport getShowingPages from './getShowingPages'\nimport PaginationItem from './PaginationItem'\n\nconst getActiveItem = (length: number, activeItem: number): number => {\n  const isActiveNotInRange: boolean = activeItem >= length || activeItem < 0\n\n  if (!activeItem || isActiveNotInRange) {\n    return 1 // default active item will be the first one\n  }\n\n  return activeItem\n}\n\nconst PaginationBlock = styled(Box)`\n  display: flex;\n  gap: 8px;\n`\n\nconst Pagination: React.FC<PaginationProps> = (props) => {\n  const { onItemClick, pagesCount, activePage = 1, siblingCount } = props\n\n  const [currentPage, setCurrPage] = useState(\n    getActiveItem(pagesCount, activePage)\n  )\n\n  const showingPages = useMemo<(string | number)[]>(\n    () => getShowingPages(pagesCount, currentPage, siblingCount),\n    [pagesCount, currentPage, siblingCount]\n  )\n\n  useEffect(() => {\n    setCurrPage((page) => (page !== activePage ? activePage : page))\n  }, [activePage])\n\n  if (pagesCount <= 0) {\n    return null\n  }\n\n  const onPageItemClick = (page: number, e: React.MouseEvent) => {\n    onItemClick(page, e)\n    setCurrPage(page)\n  }\n\n  const onPreviousClick = () => {\n    if (currentPage === 1) {\n      return // disabled\n    }\n\n    setCurrPage(currentPage - 1)\n  }\n\n  const onNextClick = () => {\n    if (currentPage === pagesCount) {\n      return // disabled\n    }\n\n    setCurrPage(currentPage + 1)\n  }\n\n  return (\n    <PaginationBlock>\n      <PaginationItem\n        disabled={currentPage === 1}\n        icon={<ArrowLeft />}\n        onClick={onPreviousClick}\n      />\n\n      {showingPages.map((page, index) => {\n        const isDisabled = page === '...'\n        const variant: PaginationItemProps['variant'] =\n          page === currentPage\n            ? PaginationItemVariant.active\n            : PaginationItemVariant.default\n\n        return (\n          <PaginationItem\n            key={page === '...' ? `${page}${index}` : page}\n            icon={page}\n            variant={variant}\n            disabled={isDisabled}\n            onClick={onPageItemClick.bind(null, page)}\n          />\n        )\n      })}\n\n      <PaginationItem\n        disabled={currentPage === pagesCount}\n        icon={<ArrowRight />}\n        onClick={onNextClick}\n      />\n    </PaginationBlock>\n  )\n}\n\nexport default Pagination\n"],"names":["getActiveItem","length","activeItem","isActiveNotInRange","PaginationBlock","styled","Box","Pagination","props","onItemClick","pagesCount","activePage","siblingCount","currentPage","setCurrPage","useState","showingPages","useMemo","getShowingPages","useEffect","page","onPageItemClick","e","onPreviousClick","onNextClick","PaginationItem","disabled","icon","ArrowLeft","onClick","map","index","isDisabled","variant","PaginationItemVariant","active","default","key","bind","ArrowRight"],"mappings":"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"}

package/dist/cjs/pagination/src/PaginationItem.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+const _extends = require("@swc/helpers/lib/_extends.js").default;
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+const _paginationItemStyles = require("./PaginationItemStyles");
+const _types = require("./types");
+const PaginationItem = (props)=>{
+    const { icon , variant =_types.PaginationItemVariant.default , ...rest } = props;
+    return /*#__PURE__*/ _react.default.createElement(_paginationItemStyles.PaginationItemStyle, _extends({
+        $variant: variant
+    }, rest), icon);
+};
+const _default = PaginationItem;
+
+//# sourceMappingURL=PaginationItem.js.map

package/dist/cjs/pagination/src/PaginationItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/pagination/src/PaginationItem.tsx"],"sourcesContent":["import React from 'react'\nimport { PaginationItemStyle } from './PaginationItemStyles'\nimport { PaginationItemProps, PaginationItemVariant } from './types'\n\nconst PaginationItem: React.FC<PaginationItemProps> = (props) => {\n  const { icon, variant = PaginationItemVariant.default, ...rest } = props\n  return (\n    <PaginationItemStyle $variant={variant} {...rest}>\n      {icon}\n    </PaginationItemStyle>\n  )\n}\n\nexport default PaginationItem\n"],"names":["PaginationItem","props","icon","variant","PaginationItemVariant","default","rest","PaginationItemStyle","$variant"],"mappings":"AAAA;;;;+BAaA,SAA6B;;aAA7B,QAA6B;;;;4DAbX,OAAO;sCACW,wBAAwB;uBACD,SAAS;AAEpE,MAAMA,cAAc,GAAkC,CAACC,KAAK,GAAK;IAC/D,MAAM,EAAEC,IAAI,CAAA,EAAEC,OAAO,EAAGC,MAAqB,sBAAA,CAACC,OAAO,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGL,KAAK;IACxE,qBACE,6BAACM,qBAAmB,oBAAA;QAACC,QAAQ,EAAEL,OAAO;OAAMG,IAAI,GAC7CJ,IAAI,CACe,CACvB;AACH,CAAC;MAED,QAA6B,GAAdF,cAAc"}

package/dist/cjs/pagination/src/PaginationItemStyles.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PaginationItemStyle", {
+    enumerable: true,
+    get: ()=>PaginationItemStyle
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _styledComponents = /*#__PURE__*/ _interopRequireWildcard(require("styled-components"));
+const _types = require("./types");
+const variantColors = {
+    [_types.PaginationItemVariant.active]: (0, _styledComponents.css)`
+    border-color: var(--lido-color-primary);
+    color: var(--lido-color-primary);
+
+    :not(:disabled):hover {
+      border-color: var(--lido-color-primaryVisited);
+      color: var(--lido-color-primaryVisited);
+    }
+  `,
+    [_types.PaginationItemVariant.default]: (0, _styledComponents.css)`
+    border-color: var(--lido-color-border);
+    color: var(--lido-color-text);
+
+    :not(:disabled):hover {
+      border-color: var(--lido-color-primary);
+      color: var(--lido-color-primary);
+    }
+  `
+};
+const PaginationItemStyle = _styledComponents.default.button`
+  width: 32px;
+  height: 32px;
+  background-color: var(--lido-color-foreground);
+  border: 1px solid;
+  display: grid;
+  place-items: center;
+  box-sizing: border-box;
+  border-radius: 6px;
+  cursor: pointer;
+  font-size: 12px;
+  font-weight: 700;
+  padding: 0;
+
+  ${(param)=>{
+    let { $variant  } = param;
+    return variantColors[$variant];
+}}
+
+  :disabled {
+    border-color: var(--lido-color-border);
+    color: var(--lido-color-textSecondary);
+    cursor: unset;
+  }
+`;
+
+//# sourceMappingURL=PaginationItemStyles.js.map

package/dist/cjs/pagination/src/PaginationItemStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/pagination/src/PaginationItemStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport { PaginationItemVariant } from './types'\n\ntype InjectedProps = {\n  $variant: PaginationItemVariant\n  theme: Theme\n}\n\nconst variantColors = {\n  [PaginationItemVariant.active]: css`\n    border-color: var(--lido-color-primary);\n    color: var(--lido-color-primary);\n\n    :not(:disabled):hover {\n      border-color: var(--lido-color-primaryVisited);\n      color: var(--lido-color-primaryVisited);\n    }\n  `,\n  [PaginationItemVariant.default]: css`\n    border-color: var(--lido-color-border);\n    color: var(--lido-color-text);\n\n    :not(:disabled):hover {\n      border-color: var(--lido-color-primary);\n      color: var(--lido-color-primary);\n    }\n  `,\n}\n\nexport const PaginationItemStyle = styled.button<InjectedProps>`\n  width: 32px;\n  height: 32px;\n  background-color: var(--lido-color-foreground);\n  border: 1px solid;\n  display: grid;\n  place-items: center;\n  box-sizing: border-box;\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 700;\n  padding: 0;\n\n  ${({ $variant }) => variantColors[$variant]}\n\n  :disabled {\n    border-color: var(--lido-color-border);\n    color: var(--lido-color-textSecondary);\n    cursor: unset;\n  }\n`\n"],"names":["PaginationItemStyle","variantColors","PaginationItemVariant","active","css","default","styled","button","$variant"],"mappings":"AAAA;;;;+BA8BaA,qBAAmB;;aAAnBA,mBAAmB;;;wEA9BJ,mBAAmB;uBAET,SAAS;AAO/C,MAAMC,aAAa,GAAG;IACpB,CAACC,MAAqB,sBAAA,CAACC,MAAM,CAAC,EAAEC,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;;;;;;EAQpC,CAAC;IACD,CAACF,MAAqB,sBAAA,CAACG,OAAO,CAAC,EAAED,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;;;;;;EAQrC,CAAC;CACF;AAEM,MAAMJ,mBAAmB,GAAGM,iBAAM,QAAA,CAACC,MAAM,AAAe,CAAC;;;;;;;;;;;;;;EAc9D,EAAE,SAAkBN;QAAjB,EAAEO,QAAQ,CAAA,EAAE;WAAKP,aAAa,CAACO,QAAQ,CAAC;AAAD,CAAC,CAAC;;;;;;;AAO9C,CAAC"}

package/dist/cjs/pagination/src/getShowingPages.js

@@ -0,0 +1,146 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    arrayPusher: ()=>arrayPusher,
+    numberSort: ()=>numberSort,
+    range: ()=>range,
+    default: ()=>_default
+});
+const arrayPusher = ()=>{
+    const innerArray = [];
+    return (arr, element)=>{
+        if (!innerArray.includes(element) || element === '...') {
+            innerArray.push(element);
+            arr.push(element);
+        }
+        return innerArray.length;
+    };
+};
+const numberSort = (a, b)=>a - b;
+const range = (start, end)=>{
+    const length = end - start + 1;
+    return Array.from({
+        length
+    }, (_, i)=>start + i);
+};
+const getShowingPages = function(pagesCount) {
+    let currPage = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1, siblingCount = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 1;
+    if (!pagesCount) {
+        return [];
+    }
+    const showingPagesCount = siblingCount === 1 ? 7 : 5;
+    if (pagesCount <= showingPagesCount) {
+        return range(1, pagesCount);
+    }
+    const firstPage = 1;
+    const lastPage = pagesCount;
+    const firstPages = [];
+    const firstEllipsis = [];
+    const middlePages = [];
+    const lastEllipsis = [];
+    const lastPages = [];
+    const pusher = arrayPusher();
+    pusher(firstPages, firstPage);
+    // see getShowingPages.test.ts for full example
+    let siblings;
+    switch(true){
+        case firstPage === currPage:
+            siblings = [
+                0,
+                1,
+                1 + siblingCount
+            ] //currPage=1 => [1. 2, 3?]
+            ;
+            break;
+        case lastPage === currPage:
+            siblings = [
+                -siblingCount - 1,
+                -1,
+                0
+            ] // currPage=10 => [?8, 9, 10]
+            ;
+            break;
+        case siblingCount === 1 && currPage - firstPage === 3:
+            siblings = [
+                -2,
+                -1,
+                0,
+                1
+            ] // currPage=4 => [2, 3, 4, 5]
+            ;
+            break;
+        case siblingCount === 1 && lastPage - currPage === 3:
+            siblings = [
+                -1,
+                0,
+                1,
+                2
+            ] // currPage=7 => [6, 7, 8, 9]
+            ;
+            break;
+        case siblingCount === 1:
+            siblings = [
+                -1,
+                0,
+                1
+            ] // currPage=5 => [4, 5, 6]
+            ;
+            break;
+        case siblingCount === 0 && currPage - firstPage === 2:
+            siblings = [
+                -1,
+                0
+            ] // currPage=3 => [1, 2, 3]
+            ;
+            break;
+        case siblingCount === 0 && lastPage - currPage === 2:
+            siblings = [
+                0,
+                1
+            ] // currPage=8 => [8, 9]
+            ;
+            break;
+        default:
+            siblings = [
+                0
+            ] // no siblings
+            ;
+            break;
+    }
+    siblings.forEach((sibling)=>{
+        pusher(middlePages, currPage + sibling);
+    });
+    if (currPage - firstPage >= 3 + siblingCount) {
+        pusher(firstEllipsis, '...');
+    }
+    if (lastPage - currPage >= 3 + siblingCount) {
+        pusher(lastEllipsis, '...');
+    }
+    const count = pusher(lastPages, lastPage);
+    const rest = showingPagesCount - count;
+    for(let i = rest; i > 0; i--){
+        if (currPage < pagesCount / 2) {
+            pusher(lastPages, lastPage - i);
+        } else {
+            pusher(firstPages, firstPage + i);
+        }
+    }
+    return [
+        ...firstPages.sort(numberSort),
+        ...firstEllipsis,
+        ...middlePages,
+        ...lastEllipsis,
+        ...lastPages.sort(numberSort), 
+    ];
+};
+const _default = getShowingPages;
+
+//# sourceMappingURL=getShowingPages.js.map

package/dist/cjs/pagination/src/getShowingPages.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/pagination/src/getShowingPages.ts"],"sourcesContent":["import { SiblingsCount } from './types'\n\nexport const arrayPusher = (): ((\n  arr: unknown[],\n  element: unknown\n) => number) => {\n  const innerArray: unknown[] = []\n\n  return (arr: unknown[], element: unknown) => {\n    if (!innerArray.includes(element) || element === '...') {\n      innerArray.push(element)\n      arr.push(element)\n    }\n\n    return innerArray.length\n  }\n}\n\nexport const numberSort = (a: number, b: number): number => a - b\n\nexport const range = (start: number, end: number): number[] => {\n  const length = end - start + 1\n  return Array.from({ length }, (_, i) => start + i)\n}\n\nconst getShowingPages = (\n  pagesCount: number,\n  currPage = 1,\n  siblingCount: SiblingsCount = 1\n): (string | number)[] => {\n  if (!pagesCount) {\n    return []\n  }\n\n  const showingPagesCount = siblingCount === 1 ? 7 : 5\n  if (pagesCount <= showingPagesCount) {\n    return range(1, pagesCount)\n  }\n\n  const firstPage = 1\n  const lastPage = pagesCount\n\n  const firstPages: number[] = []\n  const firstEllipsis: string[] = []\n  const middlePages: number[] = []\n  const lastEllipsis: string[] = []\n  const lastPages: number[] = []\n\n  const pusher = arrayPusher()\n  pusher(firstPages, firstPage)\n\n  // see getShowingPages.test.ts for full example\n  let siblings\n  switch (true) {\n    case firstPage === currPage:\n      siblings = [0, 1, 1 + siblingCount] //currPage=1 => [1. 2, 3?]\n      break\n\n    case lastPage === currPage:\n      siblings = [-siblingCount - 1, -1, 0] // currPage=10 => [?8, 9, 10]\n      break\n\n    case siblingCount === 1 && currPage - firstPage === 3:\n      siblings = [-2, -1, 0, 1] // currPage=4 => [2, 3, 4, 5]\n      break\n\n    case siblingCount === 1 && lastPage - currPage === 3:\n      siblings = [-1, 0, 1, 2] // currPage=7 => [6, 7, 8, 9]\n      break\n\n    case siblingCount === 1:\n      siblings = [-1, 0, 1] // currPage=5 => [4, 5, 6]\n      break\n\n    case siblingCount === 0 && currPage - firstPage === 2:\n      siblings = [-1, 0] // currPage=3 => [1, 2, 3]\n      break\n\n    case siblingCount === 0 && lastPage - currPage === 2:\n      siblings = [0, 1] // currPage=8 => [8, 9]\n      break\n\n    default:\n      siblings = [0] // no siblings\n      break\n  }\n\n  siblings.forEach((sibling) => {\n    pusher(middlePages, currPage + sibling)\n  })\n\n  if (currPage - firstPage >= 3 + siblingCount) {\n    pusher(firstEllipsis, '...')\n  }\n\n  if (lastPage - currPage >= 3 + siblingCount) {\n    pusher(lastEllipsis, '...')\n  }\n\n  const count = pusher(lastPages, lastPage)\n\n  const rest = showingPagesCount - count\n  for (let i = rest; i > 0; i--) {\n    if (currPage < pagesCount / 2) {\n      pusher(lastPages, lastPage - i)\n    } else {\n      pusher(firstPages, firstPage + i)\n    }\n  }\n\n  return [\n    ...firstPages.sort(numberSort),\n    ...firstEllipsis,\n    ...middlePages,\n    ...lastEllipsis,\n    ...lastPages.sort(numberSort),\n  ]\n}\n\nexport default getShowingPages\n"],"names":["arrayPusher","numberSort","range","innerArray","arr","element","includes","push","length","a","b","start","end","Array","from","_","i","getShowingPages","pagesCount","currPage","siblingCount","showingPagesCount","firstPage","lastPage","firstPages","firstEllipsis","middlePages","lastEllipsis","lastPages","pusher","siblings","forEach","sibling","count","rest","sort"],"mappings":"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"}

package/dist/cjs/pagination/src/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Pagination", {
+    enumerable: true,
+    get: ()=>_pagination.default
+});
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _pagination = /*#__PURE__*/ _interopRequireDefault(require("./Pagination"));
+_exportStar(require("./types"), exports);
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/pagination/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/pagination/src/index.ts"],"sourcesContent":["export { default as Pagination } from './Pagination'\nexport * from './types'\n"],"names":["Pagination"],"mappings":"AAAA;;;;+BAAoBA,YAAU;;aAAVA,WAAU,QAAA;;;;iEAAQ,cAAc;oBACtC,SAAS"}

package/dist/cjs/pagination/src/types.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PaginationItemVariant", {
+    enumerable: true,
+    get: ()=>PaginationItemVariant
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+var PaginationItemVariant;
+(function(PaginationItemVariant) {
+    PaginationItemVariant["default"] = "default";
+    PaginationItemVariant["active"] = "active";
+})(PaginationItemVariant || (PaginationItemVariant = {}));
+
+//# sourceMappingURL=types.js.map

package/dist/cjs/pagination/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/pagination/src/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport React from 'react'\n\nexport type SiblingsCount = 0 | 1\n\nexport type onItemClick = (index: number, e?: React.MouseEvent) => void\n\nexport type PaginationProps = LidoComponentProps<\n  'div',\n  {\n    pagesCount: number\n    activePage?: number\n    onItemClick: onItemClick\n    siblingCount?: SiblingsCount\n  }\n>\n\nexport enum PaginationItemVariant {\n  default = 'default',\n  active = 'active',\n}\n\nexport type PaginationItemProps = LidoComponentProps<\n  'button',\n  {\n    variant?: PaginationItemVariant\n    icon: React.ReactNode\n  }\n>\n"],"names":["PaginationItemVariant","default","active"],"mappings":"AAAA;;;;;;;;;4DACkB,OAAO;IAgBlB,qBAGN;UAHWA,qBAAqB;IAArBA,qBAAqB,CAC/BC,SAAO,IAAPA,SAAO;IADGD,qBAAqB,CAE/BE,QAAM,IAANA,QAAM;GAFIF,qBAAqB,KAArBA,qBAAqB"}

package/dist/cjs/popover/src/Popover.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+const _extends = require("@swc/helpers/lib/_extends.js").default;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _constants = require("./constants");
+const _popoverStyles = require("./PopoverStyles");
+function Popover(props, ref) {
+    const { placement =_constants.DEFAULT_PLACEMENT , open =false , offset ='xs' , ...rest } = props;
+    return /*#__PURE__*/ _react.default.createElement(_popoverStyles.PopoverStyle, _extends({
+        $offset: offset,
+        placement: placement,
+        in: open
+    }, rest, {
+        ref: ref
+    }));
+}
+const _default = /*#__PURE__*/ (0, _react.forwardRef)(Popover);
+
+//# sourceMappingURL=Popover.js.map

package/dist/cjs/popover/src/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/popover/src/Popover.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { DEFAULT_PLACEMENT } from './constants'\n\nimport { PopoverStyle } from './PopoverStyles'\nimport { PopoverProps } from './types'\n\nfunction Popover(props: PopoverProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const {\n    placement = DEFAULT_PLACEMENT,\n    open = false,\n    offset = 'xs',\n    ...rest\n  } = props\n\n  return (\n    <PopoverStyle\n      $offset={offset}\n      placement={placement}\n      in={open}\n      {...rest}\n      ref={ref}\n    />\n  )\n}\n\nexport default forwardRef(Popover)\n"],"names":["Popover","props","ref","placement","DEFAULT_PLACEMENT","open","offset","rest","PopoverStyle","$offset","in","forwardRef"],"mappings":"AAAA;;;;+BAyBA,SAAkC;;aAAlC,QAAkC;;;;6DAzBc,OAAO;2BACrB,aAAa;+BAElB,iBAAiB;AAG9C,SAASA,OAAO,CAACC,KAAmB,EAAEC,GAAkC,EAAE;IACxE,MAAM,EACJC,SAAS,EAAGC,UAAiB,kBAAA,CAAA,EAC7BC,IAAI,EAAG,KAAK,CAAA,EACZC,MAAM,EAAG,IAAI,CAAA,EACb,GAAGC,IAAI,EACR,GAAGN,KAAK;IAET,qBACE,6BAACO,cAAY,aAAA;QACXC,OAAO,EAAEH,MAAM;QACfH,SAAS,EAAEA,SAAS;QACpBO,EAAE,EAAEL,IAAI;OACJE,IAAI;QACRL,GAAG,EAAEA,GAAG;OACR,CACH;AACH,CAAC;MAED,QAAkC,iBAAnBS,IAAAA,MAAU,WAAA,EAACX,OAAO,CAAC"}

package/dist/cjs/popover/src/PopoverRoot.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+const _extends = require("@swc/helpers/lib/_extends.js").default;
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactDom = /*#__PURE__*/ _interopRequireDefault(require("react-dom"));
+const _utils = require("../../utils/src/index");
+const _hooks = require("../../hooks/src/index");
+const _transition = require("../../transition/src/index");
+const _usePopoverPosition = require("./usePopoverPosition");
+const _popoverRootStyles = require("./PopoverRootStyles");
+const _constants = require("./constants");
+function PopoverRoot(props, externalRef) {
+    const { anchorRef , wrapperRef: externalWrapperRef , placement =_constants.DEFAULT_PLACEMENT , backdrop =true , transitionStatus , duration , ...rest } = props;
+    const { onClose  } = props;
+    (0, _hooks.useEscape)(onClose);
+    const { ref: outsidePopoverRef  } = (0, _hooks.useOutsideClick)(onClose);
+    const { popoverRef: positionPopoverRef , wrapperRef: positionWrapperRef , style ,  } = (0, _usePopoverPosition.usePopoverPosition)(props);
+    const popoverRef = (0, _hooks.useMergeRefs)([
+        positionPopoverRef,
+        outsidePopoverRef,
+        externalRef, 
+    ]);
+    const wrapperRef = (0, _hooks.useMergeRefs)([
+        positionWrapperRef,
+        externalWrapperRef
+    ]);
+    if (!_utils.modalRoot) return null;
+    return /*#__PURE__*/ _reactDom.default.createPortal(/*#__PURE__*/ _react.default.createElement(_popoverRootStyles.PopoverWrapperStyle, {
+        $backdrop: backdrop,
+        ref: wrapperRef
+    }, /*#__PURE__*/ _react.default.createElement(_popoverRootStyles.PopoverRootStyle, _extends({}, rest, {
+        $transition: transitionStatus,
+        $duration: duration,
+        "data-placement": placement,
+        style: style,
+        ref: popoverRef
+    }))), _utils.modalRoot);
+}
+const _default = (0, _transition.withTransition)(/*#__PURE__*/ (0, _react.forwardRef)(PopoverRoot));
+
+//# sourceMappingURL=PopoverRoot.js.map

package/dist/cjs/popover/src/PopoverRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/popover/src/PopoverRoot.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport ReactDOM from 'react-dom'\nimport { modalRoot } from '@lidofinance/utils'\nimport { useMergeRefs, useOutsideClick, useEscape } from '@lidofinance/hooks'\nimport { withTransition } from '@lidofinance/transition'\nimport { usePopoverPosition } from './usePopoverPosition'\nimport { PopoverWrapperStyle, PopoverRootStyle } from './PopoverRootStyles'\nimport { PopoverRootInnerProps } from './types'\nimport { DEFAULT_PLACEMENT } from './constants'\n\nfunction PopoverRoot(\n  props: PopoverRootInnerProps,\n  externalRef?: ForwardedRef<HTMLDivElement>\n) {\n  const {\n    anchorRef,\n    wrapperRef: externalWrapperRef,\n    placement = DEFAULT_PLACEMENT,\n    backdrop = true,\n    transitionStatus,\n    duration,\n    ...rest\n  } = props\n\n  const { onClose } = props\n  useEscape(onClose)\n  const { ref: outsidePopoverRef } = useOutsideClick(onClose)\n\n  const {\n    popoverRef: positionPopoverRef,\n    wrapperRef: positionWrapperRef,\n    style,\n  } = usePopoverPosition(props)\n\n  const popoverRef = useMergeRefs([\n    positionPopoverRef,\n    outsidePopoverRef,\n    externalRef,\n  ])\n\n  const wrapperRef = useMergeRefs([positionWrapperRef, externalWrapperRef])\n\n  if (!modalRoot) return null\n\n  return ReactDOM.createPortal(\n    <PopoverWrapperStyle $backdrop={backdrop} ref={wrapperRef}>\n      <PopoverRootStyle\n        {...rest}\n        $transition={transitionStatus}\n        $duration={duration}\n        data-placement={placement}\n        style={style}\n        ref={popoverRef}\n      />\n    </PopoverWrapperStyle>,\n    modalRoot\n  )\n}\n\nexport default withTransition(forwardRef(PopoverRoot))\n"],"names":["PopoverRoot","props","externalRef","anchorRef","wrapperRef","externalWrapperRef","placement","DEFAULT_PLACEMENT","backdrop","transitionStatus","duration","rest","onClose","useEscape","ref","outsidePopoverRef","useOutsideClick","popoverRef","positionPopoverRef","positionWrapperRef","style","usePopoverPosition","useMergeRefs","modalRoot","ReactDOM","createPortal","PopoverWrapperStyle","$backdrop","PopoverRootStyle","$transition","$duration","data-placement","withTransition","forwardRef"],"mappings":"AAAA;;;;+BA2DA,SAAsD;;aAAtD,QAAsD;;;;;6DA3DN,OAAO;+DAClC,WAAW;uBACN,uBAAoB;uBACW,uBAAoB;4BAC9C,4BAAyB;oCACrB,sBAAsB;mCACH,qBAAqB;2BAEzC,aAAa;AAE/C,SAASA,WAAW,CAClBC,KAA4B,EAC5BC,WAA0C,EAC1C;IACA,MAAM,EACJC,SAAS,CAAA,EACTC,UAAU,EAAEC,kBAAkB,CAAA,EAC9BC,SAAS,EAAGC,UAAiB,kBAAA,CAAA,EAC7BC,QAAQ,EAAG,IAAI,CAAA,EACfC,gBAAgB,CAAA,EAChBC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR,GAAGV,KAAK;IAET,MAAM,EAAEW,OAAO,CAAA,EAAE,GAAGX,KAAK;IACzBY,IAAAA,MAAS,UAAA,EAACD,OAAO,CAAC;IAClB,MAAM,EAAEE,GAAG,EAAEC,iBAAiB,CAAA,EAAE,GAAGC,IAAAA,MAAe,gBAAA,EAACJ,OAAO,CAAC;IAE3D,MAAM,EACJK,UAAU,EAAEC,kBAAkB,CAAA,EAC9Bd,UAAU,EAAEe,kBAAkB,CAAA,EAC9BC,KAAK,CAAA,IACN,GAAGC,IAAAA,mBAAkB,mBAAA,EAACpB,KAAK,CAAC;IAE7B,MAAMgB,UAAU,GAAGK,IAAAA,MAAY,aAAA,EAAC;QAC9BJ,kBAAkB;QAClBH,iBAAiB;QACjBb,WAAW;KACZ,CAAC;IAEF,MAAME,UAAU,GAAGkB,IAAAA,MAAY,aAAA,EAAC;QAACH,kBAAkB;QAAEd,kBAAkB;KAAC,CAAC;IAEzE,IAAI,CAACkB,MAAS,UAAA,EAAE,OAAO,IAAI,CAAA;IAE3B,qBAAOC,SAAQ,QAAA,CAACC,YAAY,eAC1B,6BAACC,kBAAmB,oBAAA;QAACC,SAAS,EAAEnB,QAAQ;QAAEM,GAAG,EAAEV,UAAU;qBACvD,6BAACwB,kBAAgB,iBAAA,eACXjB,IAAI;QACRkB,WAAW,EAAEpB,gBAAgB;QAC7BqB,SAAS,EAAEpB,QAAQ;QACnBqB,gBAAc,EAAEzB,SAAS;QACzBc,KAAK,EAAEA,KAAK;QACZN,GAAG,EAAEG,UAAU;OACf,CACkB,EACtBM,MAAS,UAAA,CACV,CAAA;AACH,CAAC;MAED,QAAsD,GAAvCS,IAAAA,WAAc,eAAA,gBAACC,IAAAA,MAAU,WAAA,EAACjC,WAAW,CAAC,CAAC"}