cakeinpanic-ui 1.0.0

package/dist/cjs/pagination/PaginationItemStyles.js

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+const types = require('./types.js');
+const _styled = require('styled-components');
+
+const variantColors = {
+  [types.PaginationItemVariant.active]: _styled.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]: _styled.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 = styledComponentsWrapper.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;
+
+  ${_ref => {
+  let {
+    $variant
+  } = _ref;
+  return variantColors[$variant];
+}}
+
+  :disabled {
+    border-color: var(--lido-color-border);
+    color: var(--lido-color-textSecondary);
+    cursor: unset;
+  }
+`;
+
+exports.PaginationItemStyle = PaginationItemStyle;
+//# sourceMappingURL=PaginationItemStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationItemStyles.js","sources":["../../../src/pagination/PaginationItemStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { PaginationItemVariant } from './types.js'\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":["variantColors","PaginationItemVariant","active","css","default","PaginationItemStyle","styled","button","_ref","$variant"],"mappings":";;;;;;;;AASA,MAAMA,aAAa,GAAG;AACpB,EAAA,CAACC,2BAAqB,CAACC,MAAM,GAAGC,WAAG,CAAA;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAG,CAAA;AACD,EAAA,CAACF,2BAAqB,CAACG,OAAO,GAAGD,WAAG,CAAA;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,CAAA;AACA,CAAC,CAAA;AAEYE,MAAAA,mBAAmB,GAAGC,+BAAM,CAACC,MAAqB,CAAA;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAKR,aAAa,CAACS,QAAQ,CAAC,CAAA;AAAA,CAAA,CAAA;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/dist/cjs/pagination/getShowingPages.js

@@ -0,0 +1,95 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+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] !== undefined ? arguments[1] : 1;
+  let siblingCount = arguments.length > 2 && arguments[2] !== undefined ? 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)];
+};
+
+exports.arrayPusher = arrayPusher;
+exports.default = getShowingPages;
+exports.numberSort = numberSort;
+exports.range = range;
+//# sourceMappingURL=getShowingPages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getShowingPages.js","sources":["../../../src/pagination/getShowingPages.ts"],"sourcesContent":["import { SiblingsCount } from './types.js'\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","innerArray","arr","element","includes","push","length","numberSort","a","b","range","start","end","Array","from","_","i","getShowingPages","pagesCount","currPage","arguments","undefined","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/types.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+let PaginationItemVariant = /*#__PURE__*/function (PaginationItemVariant) {
+  PaginationItemVariant["default"] = "default";
+  PaginationItemVariant["active"] = "active";
+  return PaginationItemVariant;
+}({});
+
+exports.PaginationItemVariant = PaginationItemVariant;
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/pagination/types.ts"],"sourcesContent":["import { MouseEvent, ReactNode } from 'react'\nimport { LidoComponentProps } from '../utils/index.js'\n\nexport type SiblingsCount = 0 | 1\n\nexport type onItemClick = (index: number, e?: 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: ReactNode\n  }\n>\n"],"names":["PaginationItemVariant"],"mappings":";;;;AAiBYA,IAAAA,qBAAqB,0BAArBA,qBAAqB,EAAA;EAArBA,qBAAqB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAArBA,qBAAqB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAArBA,qBAAqB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/cjs/popover/Popover.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const constants = require('./constants.js');
+const PopoverStyles = require('./PopoverStyles.js');
+const jsxRuntime = require('react/jsx-runtime');
+
+const Popover = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    placement = constants.DEFAULT_PLACEMENT,
+    open = false,
+    offset = 'xs',
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx(PopoverStyles.PopoverStyle, {
+    $offset: offset,
+    placement: placement,
+    in: open,
+    ...rest,
+    ref: ref
+  });
+});
+Popover.displayName = 'Popover';
+
+exports.Popover = Popover;
+//# sourceMappingURL=Popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../src/popover/Popover.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { DEFAULT_PLACEMENT } from './constants.js'\nimport { PopoverStyle } from './PopoverStyles.js'\nimport { PopoverProps } from './types.js'\n\nexport const Popover = forwardRef(\n  (\n    {\n      placement = DEFAULT_PLACEMENT,\n      open = false,\n      offset = 'xs',\n      ...rest\n    }: PopoverProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return (\n      <PopoverStyle\n        $offset={offset}\n        placement={placement}\n        in={open}\n        {...rest}\n        ref={ref}\n      />\n    )\n  },\n)\nPopover.displayName = 'Popover'\n"],"names":["Popover","forwardRef","_ref","ref","placement","DEFAULT_PLACEMENT","open","offset","rest","_jsx","PopoverStyle","$offset","in","displayName"],"mappings":";;;;;;;;;AAKO,MAAMA,OAAO,gBAAGC,gBAAU,CAC/B,CAAAC,IAAA,EAOEC,GAAkC,KAC/B;EAAA,IAPH;AACEC,IAAAA,SAAS,GAAGC,2BAAiB;AAC7BC,IAAAA,IAAI,GAAG,KAAK;AACZC,IAAAA,MAAM,GAAG,IAAI;IACb,GAAGC,IAAAA;AACS,GAAC,GAAAN,IAAA,CAAA;EAGf,oBACEO,cAAA,CAACC,0BAAY,EAAA;AACXC,IAAAA,OAAO,EAAEJ,MAAO;AAChBH,IAAAA,SAAS,EAAEA,SAAU;AACrBQ,IAAAA,EAAE,EAAEN,IAAK;AAAA,IAAA,GACLE,IAAI;AACRL,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GACV,CAAC,CAAA;AAEN,CACF,EAAC;AACDH,OAAO,CAACa,WAAW,GAAG,SAAS;;;;"}

package/dist/cjs/popover/PopoverRoot.js

@@ -0,0 +1,72 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+const ReactDOM = require('react-dom');
+const modalRoot = require('../utils/modalRoot.js');
+require('../utils/cookies-client-side.js');
+require('../utils/styled-components-wrapper.js');
+const useEscape = require('../hooks/useEscape.js');
+const useMergeRefs = require('../hooks/useMergeRefs.js');
+const useOutsideClick = require('../hooks/useOutsideClick.js');
+require('../theme/cookie-theme-provider.js');
+require('../theme/theme-provider.js');
+const jsxRuntime = require('react/jsx-runtime');
+require('../theme/document-head-contents/element-theme-colors.js');
+require('../theme/constants.js');
+require('../theme/utils/set-theme-cookie.js');
+require('../theme/themes.js');
+const withTransition = require('../transition/withTransition.js');
+const usePopoverPosition = require('./usePopoverPosition.js');
+const PopoverRootStyles = require('./PopoverRootStyles.js');
+const constants = require('./constants.js');
+
+const PopoverRoot = withTransition.withTransition(
+/*#__PURE__*/
+// eslint-disable-next-line react/display-name
+React.forwardRef((_ref, externalRef) => {
+  let {
+    anchorRef,
+    wrapperRef: externalWrapperRef,
+    placement = constants.DEFAULT_PLACEMENT,
+    backdrop = true,
+    transitionStatus,
+    duration,
+    style: propsStyle,
+    onClose,
+    ...rest
+  } = _ref;
+  useEscape.useEscape(onClose);
+  const {
+    ref: outsidePopoverRef
+  } = useOutsideClick.useOutsideClick(onClose);
+  const {
+    popoverRef: positionPopoverRef,
+    wrapperRef: positionWrapperRef,
+    style
+  } = usePopoverPosition.usePopoverPosition({
+    placement,
+    anchorRef,
+    style: propsStyle
+  });
+  const popoverRef = useMergeRefs.useMergeRefs([positionPopoverRef, outsidePopoverRef, externalRef]);
+  const wrapperRef = useMergeRefs.useMergeRefs([positionWrapperRef, externalWrapperRef]);
+  if (!modalRoot) return null;
+  return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/jsxRuntime.jsx(PopoverRootStyles.PopoverWrapperStyle, {
+    $backdrop: backdrop,
+    ref: wrapperRef,
+    children: /*#__PURE__*/jsxRuntime.jsx(PopoverRootStyles.PopoverRootStyle, {
+      ...rest,
+      $transition: transitionStatus,
+      $duration: duration,
+      "data-placement": placement,
+      style: style,
+      ref: popoverRef
+    })
+  }), modalRoot);
+}));
+PopoverRoot.displayName = 'PopoverRoot';
+
+exports.PopoverRoot = PopoverRoot;
+//# sourceMappingURL=PopoverRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverRoot.js","sources":["../../../src/popover/PopoverRoot.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport ReactDOM from 'react-dom'\nimport { modalRoot } from '../utils/index.js'\nimport { useMergeRefs, useOutsideClick, useEscape } from '../hooks/index.js'\nimport { withTransition } from '../transition/index.js'\nimport { usePopoverPosition } from './usePopoverPosition.js'\nimport { PopoverWrapperStyle, PopoverRootStyle } from './PopoverRootStyles.js'\nimport { PopoverRootInnerProps } from './types.js'\nimport { DEFAULT_PLACEMENT } from './constants.js'\n\nexport const PopoverRoot = withTransition(\n  // eslint-disable-next-line react/display-name\n  forwardRef(\n    (\n      {\n        anchorRef,\n        wrapperRef: externalWrapperRef,\n        placement = DEFAULT_PLACEMENT,\n        backdrop = true,\n        transitionStatus,\n        duration,\n        style: propsStyle,\n        onClose,\n        ...rest\n      }: PopoverRootInnerProps,\n      externalRef?: ForwardedRef<HTMLDivElement>,\n    ) => {\n      useEscape(onClose)\n      const { ref: outsidePopoverRef } = useOutsideClick(onClose)\n\n      const {\n        popoverRef: positionPopoverRef,\n        wrapperRef: positionWrapperRef,\n        style,\n      } = usePopoverPosition({ placement, anchorRef, style: propsStyle })\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  ),\n)\nPopoverRoot.displayName = 'PopoverRoot'\n"],"names":["PopoverRoot","withTransition","forwardRef","_ref","externalRef","anchorRef","wrapperRef","externalWrapperRef","placement","DEFAULT_PLACEMENT","backdrop","transitionStatus","duration","style","propsStyle","onClose","rest","useEscape","ref","outsidePopoverRef","useOutsideClick","popoverRef","positionPopoverRef","positionWrapperRef","usePopoverPosition","useMergeRefs","modalRoot","ReactDOM","createPortal","_jsx","PopoverWrapperStyle","$backdrop","children","PopoverRootStyle","$transition","$duration","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAMA,WAAW,GAAGC,6BAAc;AAAA;AACvC;AACAC,gBAAU,CACR,CAAAC,IAAA,EAYEC,WAA0C,KACvC;EAAA,IAZH;IACEC,SAAS;AACTC,IAAAA,UAAU,EAAEC,kBAAkB;AAC9BC,IAAAA,SAAS,GAAGC,2BAAiB;AAC7BC,IAAAA,QAAQ,GAAG,IAAI;IACfC,gBAAgB;IAChBC,QAAQ;AACRC,IAAAA,KAAK,EAAEC,UAAU;IACjBC,OAAO;IACP,GAAGC,IAAAA;AACkB,GAAC,GAAAb,IAAA,CAAA;EAGxBc,mBAAS,CAACF,OAAO,CAAC,CAAA;EAClB,MAAM;AAAEG,IAAAA,GAAG,EAAEC,iBAAAA;AAAkB,GAAC,GAAGC,+BAAe,CAACL,OAAO,CAAC,CAAA;EAE3D,MAAM;AACJM,IAAAA,UAAU,EAAEC,kBAAkB;AAC9BhB,IAAAA,UAAU,EAAEiB,kBAAkB;AAC9BV,IAAAA,KAAAA;GACD,GAAGW,qCAAkB,CAAC;IAAEhB,SAAS;IAAEH,SAAS;AAAEQ,IAAAA,KAAK,EAAEC,UAAAA;AAAW,GAAC,CAAC,CAAA;EAEnE,MAAMO,UAAU,GAAGI,yBAAY,CAAC,CAC9BH,kBAAkB,EAClBH,iBAAiB,EACjBf,WAAW,CACZ,CAAC,CAAA;EAEF,MAAME,UAAU,GAAGmB,yBAAY,CAAC,CAACF,kBAAkB,EAAEhB,kBAAkB,CAAC,CAAC,CAAA;AAEzE,EAAA,IAAI,CAACmB,SAAS,EAAE,OAAO,IAAI,CAAA;AAE3B,EAAA,oBAAOC,QAAQ,CAACC,YAAY,cAC1BC,cAAA,CAACC,qCAAmB,EAAA;AAACC,IAAAA,SAAS,EAAErB,QAAS;AAACQ,IAAAA,GAAG,EAAEZ,UAAW;IAAA0B,QAAA,eACxDH,cAAA,CAACI,kCAAgB,EAAA;AAAA,MAAA,GACXjB,IAAI;AACRkB,MAAAA,WAAW,EAAEvB,gBAAiB;AAC9BwB,MAAAA,SAAS,EAAEvB,QAAS;AACpB,MAAA,gBAAA,EAAgBJ,SAAU;AAC1BK,MAAAA,KAAK,EAAEA,KAAM;AACbK,MAAAA,GAAG,EAAEG,UAAAA;KACN,CAAA;GACkB,CAAC,EACtBK,SACF,CAAC,CAAA;AACH,CACF,CACF,EAAC;AACD1B,WAAW,CAACoC,WAAW,GAAG,aAAa;;;;"}

package/dist/cjs/popover/PopoverRootStyles.js

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+const _styled = require('styled-components');
+
+const PopoverWrapperStyle = styledComponentsWrapper.default.div`
+  position: absolute;
+  z-index: 500;
+  top: 0;
+  left: 0;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: ${_ref => {
+  let {
+    $backdrop
+  } = _ref;
+  return $backdrop ? '100%' : '0px';
+}};
+`;
+const visibleCSS = _styled.css`
+  opacity: 1;
+
+  &[data-placement] {
+    transform: translate(0, 0);
+  }
+`;
+const hiddenCSS = _styled.css`
+  opacity: 0;
+
+  &[data-placement^='top'] {
+    transform: translateY(6px);
+  }
+  &[data-placement^='right'] {
+    transform: translateX(-6px);
+  }
+  &[data-placement^='bottom'] {
+    transform: translateY(-6px);
+  }
+  &[data-placement^='left'] {
+    transform: translateX(6px);
+  }
+`;
+const getTransitionCSS = _ref2 => {
+  let {
+    $transition
+  } = _ref2;
+  return ['exiting', 'exited'].includes($transition) ? hiddenCSS : visibleCSS;
+};
+const PopoverRootStyle = styledComponentsWrapper.default.div`
+  box-sizing: border-box;
+  position: absolute;
+  margin: 0;
+  padding: 0;
+  transition: opacity ${_ref3 => {
+  let {
+    $duration
+  } = _ref3;
+  return $duration;
+}}ms ease;
+  transition-property: opacity, transform;
+
+  ${getTransitionCSS}
+`;
+
+exports.PopoverRootStyle = PopoverRootStyle;
+exports.PopoverWrapperStyle = PopoverWrapperStyle;
+//# sourceMappingURL=PopoverRootStyles.js.map

package/dist/cjs/popover/PopoverRootStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverRootStyles.js","sources":["../../../src/popover/PopoverRootStyles.ts"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { TransitionInnerProps } from '../transition/index.js'\n\ntype TransitionProps = {\n  $duration: number\n  $transition: TransitionInnerProps['transitionStatus']\n}\n\nexport const PopoverWrapperStyle = styled.div<{ $backdrop: boolean }>`\n  position: absolute;\n  z-index: 500;\n  top: 0;\n  left: 0;\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  height: ${({ $backdrop }) => ($backdrop ? '100%' : '0px')};\n`\n\nconst visibleCSS = css`\n  opacity: 1;\n\n  &[data-placement] {\n    transform: translate(0, 0);\n  }\n`\n\nconst hiddenCSS = css`\n  opacity: 0;\n\n  &[data-placement^='top'] {\n    transform: translateY(6px);\n  }\n  &[data-placement^='right'] {\n    transform: translateX(-6px);\n  }\n  &[data-placement^='bottom'] {\n    transform: translateY(-6px);\n  }\n  &[data-placement^='left'] {\n    transform: translateX(6px);\n  }\n`\n\nconst getTransitionCSS = ({ $transition }: TransitionProps) => {\n  return ['exiting', 'exited'].includes($transition) ? hiddenCSS : visibleCSS\n}\n\nexport const PopoverRootStyle = styled.div<TransitionProps>`\n  box-sizing: border-box;\n  position: absolute;\n  margin: 0;\n  padding: 0;\n  transition: opacity ${({ $duration }) => $duration}ms ease;\n  transition-property: opacity, transform;\n\n  ${getTransitionCSS}\n`\n"],"names":["PopoverWrapperStyle","styled","div","_ref","$backdrop","visibleCSS","css","hiddenCSS","getTransitionCSS","_ref2","$transition","includes","PopoverRootStyle","_ref3","$duration"],"mappings":";;;;;;;AAQaA,MAAAA,mBAAmB,GAAGC,+BAAM,CAACC,GAA2B,CAAA;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAA,EAAYC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAMC,SAAS,GAAG,MAAM,GAAG,KAAK,CAAA;AAAA,CAAC,CAAA;AAC3D,EAAC;AAED,MAAMC,UAAU,GAAGC,WAAG,CAAA;AACtB;AACA;AACA;AACA;AACA;AACA,CAAC,CAAA;AAED,MAAMC,SAAS,GAAGD,WAAG,CAAA;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAA;AAED,MAAME,gBAAgB,GAAGC,KAAA,IAAsC;EAAA,IAArC;AAAEC,IAAAA,WAAAA;AAA6B,GAAC,GAAAD,KAAA,CAAA;AACxD,EAAA,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,CAACE,QAAQ,CAACD,WAAW,CAAC,GAAGH,SAAS,GAAGF,UAAU,CAAA;AAC7E,CAAC,CAAA;AAEYO,MAAAA,gBAAgB,GAAGX,+BAAM,CAACC,GAAoB,CAAA;AAC3D;AACA;AACA;AACA;AACA,sBAAA,EAAwBW,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAKC,SAAS,CAAA;AAAA,CAAA,CAAA;AACpD;AACA;AACA,EAAA,EAAIN,gBAAgB,CAAA;AACpB;;;;;"}

package/dist/cjs/popover/PopoverStyles.js

@@ -0,0 +1,57 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const styledComponentsWrapper = require('../utils/styled-components-wrapper.js');
+const PopoverRoot = require('./PopoverRoot.js');
+
+const getOffset = _ref => {
+  let {
+    $offset,
+    placement,
+    theme
+  } = _ref;
+  const offset = theme.spaceMap[$offset];
+  if (placement.startsWith('top')) return `margin-top: ${-offset}px`;
+  if (placement.startsWith('right')) return `margin-left: ${offset}px`;
+  if (placement.startsWith('bottom')) return `margin-top: ${offset}px`;
+  if (placement.startsWith('left')) return `margin-left: ${-offset}px`;
+  return '';
+};
+const PopoverStyle = styledComponentsWrapper.default(PopoverRoot.PopoverRoot)`
+  background: var(--lido-color-foreground);
+  color: var(--lido-color-text);
+  font-size: ${_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.fontSizesMap.xs;
+}}px;
+  line-height: 1.5em;
+  font-weight: 400;
+  border-radius: ${_ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.borderRadiusesMap.lg;
+}}px;
+  box-shadow: ${_ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.boxShadows.xs;
+}}
+    var(--lido-color-shadowLight);
+  padding: ${_ref5 => {
+  let {
+    theme
+  } = _ref5;
+  return theme.spaceMap.lg;
+}}px;
+  overflow: auto;
+
+  ${getOffset}
+`;
+
+exports.PopoverStyle = PopoverStyle;
+//# sourceMappingURL=PopoverStyles.js.map

package/dist/cjs/popover/PopoverStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverStyles.js","sources":["../../../src/popover/PopoverStyles.ts"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { PopoverRoot } from './PopoverRoot.js'\nimport { PopoverOffsets, PopoverPlacements } from './types.js'\nimport { Theme } from '../theme/index.js'\n\ntype InjectedProps = {\n  $offset: PopoverOffsets\n  placement: PopoverPlacements\n  theme: Theme\n}\n\nconst getOffset = ({ $offset, placement, theme }: InjectedProps): string => {\n  const offset = theme.spaceMap[$offset]\n\n  if (placement.startsWith('top')) return `margin-top: ${-offset}px`\n  if (placement.startsWith('right')) return `margin-left: ${offset}px`\n  if (placement.startsWith('bottom')) return `margin-top: ${offset}px`\n  if (placement.startsWith('left')) return `margin-left: ${-offset}px`\n  return ''\n}\n\nexport const PopoverStyle = styled(PopoverRoot)`\n  background: var(--lido-color-foreground);\n  color: var(--lido-color-text);\n  font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n  line-height: 1.5em;\n  font-weight: 400;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.lg}px;\n  box-shadow: ${({ theme }) => theme.boxShadows.xs}\n    var(--lido-color-shadowLight);\n  padding: ${({ theme }) => theme.spaceMap.lg}px;\n  overflow: auto;\n\n  ${getOffset}\n`\n"],"names":["getOffset","_ref","$offset","placement","theme","offset","spaceMap","startsWith","PopoverStyle","styled","PopoverRoot","_ref2","fontSizesMap","xs","_ref3","borderRadiusesMap","lg","_ref4","boxShadows","_ref5"],"mappings":";;;;;;;AAWA,MAAMA,SAAS,GAAGC,IAAA,IAA0D;EAAA,IAAzD;IAAEC,OAAO;IAAEC,SAAS;AAAEC,IAAAA,KAAAA;AAAqB,GAAC,GAAAH,IAAA,CAAA;AAC7D,EAAA,MAAMI,MAAM,GAAGD,KAAK,CAACE,QAAQ,CAACJ,OAAO,CAAC,CAAA;EAEtC,IAAIC,SAAS,CAACI,UAAU,CAAC,KAAK,CAAC,EAAE,OAAO,CAAA,YAAA,EAAe,CAACF,MAAM,CAAI,EAAA,CAAA,CAAA;EAClE,IAAIF,SAAS,CAACI,UAAU,CAAC,OAAO,CAAC,EAAE,OAAO,CAAgBF,aAAAA,EAAAA,MAAM,CAAI,EAAA,CAAA,CAAA;EACpE,IAAIF,SAAS,CAACI,UAAU,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAeF,YAAAA,EAAAA,MAAM,CAAI,EAAA,CAAA,CAAA;EACpE,IAAIF,SAAS,CAACI,UAAU,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA,aAAA,EAAgB,CAACF,MAAM,CAAI,EAAA,CAAA,CAAA;AACpE,EAAA,OAAO,EAAE,CAAA;AACX,CAAC,CAAA;MAEYG,YAAY,GAAGC,+BAAM,CAACC,uBAAW,CAAC,CAAA;AAC/C;AACA;AACA,aAAA,EAAeC,KAAA,IAAA;EAAA,IAAC;AAAEP,IAAAA,KAAAA;AAAM,GAAC,GAAAO,KAAA,CAAA;AAAA,EAAA,OAAKP,KAAK,CAACQ,YAAY,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACnD;AACA;AACA,iBAAA,EAAmBC,KAAA,IAAA;EAAA,IAAC;AAAEV,IAAAA,KAAAA;AAAM,GAAC,GAAAU,KAAA,CAAA;AAAA,EAAA,OAAKV,KAAK,CAACW,iBAAiB,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AAC5D,cAAA,EAAgBC,KAAA,IAAA;EAAA,IAAC;AAAEb,IAAAA,KAAAA;AAAM,GAAC,GAAAa,KAAA,CAAA;AAAA,EAAA,OAAKb,KAAK,CAACc,UAAU,CAACL,EAAE,CAAA;AAAA,CAAA,CAAA;AAClD;AACA,WAAA,EAAaM,KAAA,IAAA;EAAA,IAAC;AAAEf,IAAAA,KAAAA;AAAM,GAAC,GAAAe,KAAA,CAAA;AAAA,EAAA,OAAKf,KAAK,CAACE,QAAQ,CAACU,EAAE,CAAA;AAAA,CAAA,CAAA;AAC7C;AACA;AACA,EAAA,EAAIhB,SAAS,CAAA;AACb;;;;"}

package/dist/cjs/popover/calculatePosition.js

@@ -0,0 +1,61 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const calculatePosition = (anchorRect, popoverRect, wrapperRect, placement) => {
+  const position = {};
+  switch (placement) {
+    case 'top':
+    case 'bottom':
+      position.left = (anchorRect.left + anchorRect.right) / 2 - popoverRect.width / 2;
+      break;
+    case 'topLeft':
+    case 'bottomLeft':
+      position.left = anchorRect.left;
+      break;
+    case 'topRight':
+    case 'bottomRight':
+      position.left = anchorRect.right - popoverRect.width;
+      break;
+    case 'rightTop':
+    case 'right':
+    case 'rightBottom':
+      position.left = anchorRect.right;
+      break;
+    case 'leftTop':
+    case 'left':
+    case 'leftBottom':
+      position.left = anchorRect.left - popoverRect.width;
+      break;
+  }
+  switch (placement) {
+    case 'left':
+    case 'right':
+      position.top = (anchorRect.top + anchorRect.bottom) / 2 - popoverRect.height / 2;
+      break;
+    case 'leftTop':
+    case 'rightTop':
+      position.top = anchorRect.top;
+      break;
+    case 'leftBottom':
+    case 'rightBottom':
+      position.top = anchorRect.bottom - popoverRect.height;
+      break;
+    case 'topLeft':
+    case 'top':
+    case 'topRight':
+      position.top = anchorRect.top - popoverRect.height;
+      break;
+    case 'bottomLeft':
+    case 'bottom':
+    case 'bottomRight':
+      position.top = anchorRect.bottom;
+      break;
+  }
+  position.top -= wrapperRect.top;
+  position.left -= wrapperRect.left;
+  return position;
+};
+
+exports.calculatePosition = calculatePosition;
+//# sourceMappingURL=calculatePosition.js.map

package/dist/cjs/popover/calculatePosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculatePosition.js","sources":["../../../src/popover/calculatePosition.ts"],"sourcesContent":["import { CSSProperties } from 'react'\nimport { PopoverPlacements } from './types.js'\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":";;;;AAGO,MAAMA,iBAAiB,GAAGA,CAC/BC,UAAmB,EACnBC,WAAoB,EACpBC,WAAoB,EACpBC,SAA4B,KACV;EAClB,MAAMC,QAAuB,GAAG,EAAE,CAAA;AAElC,EAAA,QAAQD,SAAS;AACf,IAAA,KAAK,KAAK,CAAA;AACV,IAAA,KAAK,QAAQ;AACXC,MAAAA,QAAQ,CAACC,IAAI,GACX,CAACL,UAAU,CAACK,IAAI,GAAGL,UAAU,CAACM,KAAK,IAAI,CAAC,GAAGL,WAAW,CAACM,KAAK,GAAG,CAAC,CAAA;AAClE,MAAA,MAAA;AAEF,IAAA,KAAK,SAAS,CAAA;AACd,IAAA,KAAK,YAAY;AACfH,MAAAA,QAAQ,CAACC,IAAI,GAAGL,UAAU,CAACK,IAAI,CAAA;AAC/B,MAAA,MAAA;AAEF,IAAA,KAAK,UAAU,CAAA;AACf,IAAA,KAAK,aAAa;MAChBD,QAAQ,CAACC,IAAI,GAAGL,UAAU,CAACM,KAAK,GAAGL,WAAW,CAACM,KAAK,CAAA;AACpD,MAAA,MAAA;AAEF,IAAA,KAAK,UAAU,CAAA;AACf,IAAA,KAAK,OAAO,CAAA;AACZ,IAAA,KAAK,aAAa;AAChBH,MAAAA,QAAQ,CAACC,IAAI,GAAGL,UAAU,CAACM,KAAK,CAAA;AAChC,MAAA,MAAA;AAEF,IAAA,KAAK,SAAS,CAAA;AACd,IAAA,KAAK,MAAM,CAAA;AACX,IAAA,KAAK,YAAY;MACfF,QAAQ,CAACC,IAAI,GAAGL,UAAU,CAACK,IAAI,GAAGJ,WAAW,CAACM,KAAK,CAAA;AACnD,MAAA,MAAA;AACJ,GAAA;AAEA,EAAA,QAAQJ,SAAS;AACf,IAAA,KAAK,MAAM,CAAA;AACX,IAAA,KAAK,OAAO;AACVC,MAAAA,QAAQ,CAACI,GAAG,GACV,CAACR,UAAU,CAACQ,GAAG,GAAGR,UAAU,CAACS,MAAM,IAAI,CAAC,GAAGR,WAAW,CAACS,MAAM,GAAG,CAAC,CAAA;AACnE,MAAA,MAAA;AAEF,IAAA,KAAK,SAAS,CAAA;AACd,IAAA,KAAK,UAAU;AACbN,MAAAA,QAAQ,CAACI,GAAG,GAAGR,UAAU,CAACQ,GAAG,CAAA;AAC7B,MAAA,MAAA;AAEF,IAAA,KAAK,YAAY,CAAA;AACjB,IAAA,KAAK,aAAa;MAChBJ,QAAQ,CAACI,GAAG,GAAGR,UAAU,CAACS,MAAM,GAAGR,WAAW,CAACS,MAAM,CAAA;AACrD,MAAA,MAAA;AAEF,IAAA,KAAK,SAAS,CAAA;AACd,IAAA,KAAK,KAAK,CAAA;AACV,IAAA,KAAK,UAAU;MACbN,QAAQ,CAACI,GAAG,GAAGR,UAAU,CAACQ,GAAG,GAAGP,WAAW,CAACS,MAAM,CAAA;AAClD,MAAA,MAAA;AAEF,IAAA,KAAK,YAAY,CAAA;AACjB,IAAA,KAAK,QAAQ,CAAA;AACb,IAAA,KAAK,aAAa;AAChBN,MAAAA,QAAQ,CAACI,GAAG,GAAGR,UAAU,CAACS,MAAM,CAAA;AAChC,MAAA,MAAA;AACJ,GAAA;AAEAL,EAAAA,QAAQ,CAACI,GAAG,IAAIN,WAAW,CAACM,GAAG,CAAA;AAC/BJ,EAAAA,QAAQ,CAACC,IAAI,IAAIH,WAAW,CAACG,IAAI,CAAA;AAEjC,EAAA,OAAOD,QAAQ,CAAA;AACjB;;;;"}

package/dist/cjs/popover/constants.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const INITIAL_STYLE = {
+  // needs to prevent scrolling to initial state when using the auto focus
+  position: 'fixed',
+  opacity: 0,
+  pointerEvents: 'none'
+};
+const DEFAULT_PLACEMENT = 'bottomLeft';
+
+exports.DEFAULT_PLACEMENT = DEFAULT_PLACEMENT;
+exports.INITIAL_STYLE = INITIAL_STYLE;
+//# sourceMappingURL=constants.js.map

package/dist/cjs/popover/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/popover/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":";;;;AAEO,MAAMA,aAA4B,GAAG;AAC1C;AACAC,EAAAA,QAAQ,EAAE,OAAO;AAEjBC,EAAAA,OAAO,EAAE,CAAC;AACVC,EAAAA,aAAa,EAAE,MAAA;AACjB,EAAC;AAEM,MAAMC,iBAAiB,GAAG;;;;;"}

package/dist/cjs/popover/types.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+let PopoverOffset = /*#__PURE__*/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";
+  return PopoverOffset;
+}({});
+let PopoverPlacement = /*#__PURE__*/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";
+  return PopoverPlacement;
+}({});
+
+exports.PopoverOffset = PopoverOffset;
+exports.PopoverPlacement = PopoverPlacement;
+//# sourceMappingURL=types.js.map

package/dist/cjs/popover/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/popover/types.ts"],"sourcesContent":["import { RefObject } from 'react'\nimport { LidoComponentProps } from '../utils/index.js'\nimport {\n  TransitionWrapperProps,\n  TransitionInnerProps,\n} from '../transition/index.js'\nexport type { Theme } from '../theme/index.js'\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?: RefObject<HTMLDivElement>\n    anchorRef: 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":["PopoverOffset","PopoverPlacement"],"mappings":";;;;AAQYA,IAAAA,aAAa,0BAAbA,aAAa,EAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAbA,aAAa,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AASbC,IAAAA,gBAAgB,0BAAhBA,gBAAgB,EAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,GAAA,aAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,GAAA,aAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,MAAA,CAAA,GAAA,EAAA,CAAA,GAAA,MAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,YAAA,CAAA,GAAA,EAAA,CAAA,GAAA,YAAA,CAAA;AAAA,EAAA,OAAhBA,gBAAgB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;;"}

package/dist/cjs/popover/usePopoverPosition.js

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+require('../utils/styled-components-wrapper.js');
+require('use-callback-ref');
+const useWindowSize = require('../hooks/useWindowSize.js');
+require('../theme/cookie-theme-provider.js');
+require('../theme/theme-provider.js');
+require('react/jsx-runtime');
+require('../theme/document-head-contents/element-theme-colors.js');
+require('../utils/modalRoot.js');
+require('../utils/cookies-client-side.js');
+require('../theme/constants.js');
+require('../theme/utils/set-theme-cookie.js');
+require('../theme/themes.js');
+const constants = require('./constants.js');
+const calculatePosition = require('./calculatePosition.js');
+
+const usePopoverPosition = _ref => {
+  let {
+    placement = constants.DEFAULT_PLACEMENT,
+    anchorRef,
+    style: propsStyle
+  } = _ref;
+  const popoverRef = React.useRef(null);
+  const wrapperRef = React.useRef(null);
+  const [popoverStyle, setPopoverStyle] = React.useState(constants.INITIAL_STYLE);
+  const [windowWidth, windowHeight] = useWindowSize.useWindowSize();
+  React.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.calculatePosition(anchorRect, popoverRect, wrapperRect, placement);
+    setPopoverStyle(position);
+  }, [anchorRef, placement, windowWidth, windowHeight]);
+  const style = {
+    ...propsStyle,
+    ...popoverStyle
+  };
+  return {
+    popoverRef,
+    wrapperRef,
+    style
+  };
+};
+
+exports.usePopoverPosition = usePopoverPosition;
+//# sourceMappingURL=usePopoverPosition.js.map