cakeinpanic-ui 1.0.0

package/dist/esm/pagination/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","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/esm/popover/Popover.mjs

@@ -0,0 +1,24 @@
+import { forwardRef } from 'react';
+import { DEFAULT_PLACEMENT } from './constants.mjs';
+import { PopoverStyle } from './PopoverStyles.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const Popover = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    placement = DEFAULT_PLACEMENT,
+    open = false,
+    offset = 'xs',
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsx(PopoverStyle, {
+    $offset: offset,
+    placement: placement,
+    in: open,
+    ...rest,
+    ref: ref
+  });
+});
+Popover.displayName = 'Popover';
+
+export { Popover };
+//# sourceMappingURL=Popover.mjs.map

package/dist/esm/popover/Popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.mjs","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,UAAU,CAC/B,CAAAC,IAAA,EAOEC,GAAkC,KAC/B;EAAA,IAPH;AACEC,IAAAA,SAAS,GAAGC,iBAAiB;AAC7BC,IAAAA,IAAI,GAAG,KAAK;AACZC,IAAAA,MAAM,GAAG,IAAI;IACb,GAAGC,IAAAA;AACS,GAAC,GAAAN,IAAA,CAAA;EAGf,oBACEO,GAAA,CAACC,YAAY,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/esm/popover/PopoverRoot.mjs

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

package/dist/esm/popover/PopoverRoot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverRoot.mjs","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,cAAc;AAAA;AACvC;AACAC,UAAU,CACR,CAAAC,IAAA,EAYEC,WAA0C,KACvC;EAAA,IAZH;IACEC,SAAS;AACTC,IAAAA,UAAU,EAAEC,kBAAkB;AAC9BC,IAAAA,SAAS,GAAGC,iBAAiB;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,SAAS,CAACF,OAAO,CAAC,CAAA;EAClB,MAAM;AAAEG,IAAAA,GAAG,EAAEC,iBAAAA;AAAkB,GAAC,GAAGC,eAAe,CAACL,OAAO,CAAC,CAAA;EAE3D,MAAM;AACJM,IAAAA,UAAU,EAAEC,kBAAkB;AAC9BhB,IAAAA,UAAU,EAAEiB,kBAAkB;AAC9BV,IAAAA,KAAAA;GACD,GAAGW,kBAAkB,CAAC;IAAEhB,SAAS;IAAEH,SAAS;AAAEQ,IAAAA,KAAK,EAAEC,UAAAA;AAAW,GAAC,CAAC,CAAA;EAEnE,MAAMO,UAAU,GAAGI,YAAY,CAAC,CAC9BH,kBAAkB,EAClBH,iBAAiB,EACjBf,WAAW,CACZ,CAAC,CAAA;EAEF,MAAME,UAAU,GAAGmB,YAAY,CAAC,CAACF,kBAAkB,EAAEhB,kBAAkB,CAAC,CAAC,CAAA;AAEzE,EAAA,IAAI,CAACmB,SAAS,EAAE,OAAO,IAAI,CAAA;AAE3B,EAAA,oBAAOC,QAAQ,CAACC,YAAY,cAC1BC,GAAA,CAACC,mBAAmB,EAAA;AAACC,IAAAA,SAAS,EAAErB,QAAS;AAACQ,IAAAA,GAAG,EAAEZ,UAAW;IAAA0B,QAAA,eACxDH,GAAA,CAACI,gBAAgB,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/esm/popover/PopoverRootStyles.mjs

@@ -0,0 +1,65 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import { css } from 'styled-components';
+
+const PopoverWrapperStyle = styled.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 = css`
+  opacity: 1;
+
+  &[data-placement] {
+    transform: translate(0, 0);
+  }
+`;
+const hiddenCSS = 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 = styled.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}
+`;
+
+export { PopoverRootStyle, PopoverWrapperStyle };
+//# sourceMappingURL=PopoverRootStyles.mjs.map

package/dist/esm/popover/PopoverRootStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverRootStyles.mjs","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,MAAM,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,GAAG,CAAA;AACtB;AACA;AACA;AACA;AACA;AACA,CAAC,CAAA;AAED,MAAMC,SAAS,GAAGD,GAAG,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,MAAM,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/esm/popover/PopoverStyles.mjs

@@ -0,0 +1,53 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import { PopoverRoot } from './PopoverRoot.mjs';
+
+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 = styled(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}
+`;
+
+export { PopoverStyle };
+//# sourceMappingURL=PopoverStyles.mjs.map

package/dist/esm/popover/PopoverStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverStyles.mjs","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,MAAM,CAACC,WAAW,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/esm/popover/calculatePosition.mjs

@@ -0,0 +1,57 @@
+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;
+};
+
+export { calculatePosition };
+//# sourceMappingURL=calculatePosition.mjs.map

package/dist/esm/popover/calculatePosition.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculatePosition.mjs","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/esm/popover/constants.mjs

@@ -0,0 +1,10 @@
+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';
+
+export { DEFAULT_PLACEMENT, INITIAL_STYLE };
+//# sourceMappingURL=constants.mjs.map

package/dist/esm/popover/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","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/esm/popover/types.mjs

@@ -0,0 +1,26 @@
+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;
+}({});
+
+export { PopoverOffset, PopoverPlacement };
+//# sourceMappingURL=types.mjs.map

package/dist/esm/popover/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","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/esm/popover/usePopoverPosition.mjs

@@ -0,0 +1,47 @@
+import { useRef, useState, useLayoutEffect } from 'react';
+import '../utils/styled-components-wrapper.mjs';
+import 'use-callback-ref';
+import { useWindowSize } from '../hooks/useWindowSize.mjs';
+import '../theme/cookie-theme-provider.mjs';
+import '../theme/theme-provider.mjs';
+import 'react/jsx-runtime';
+import '../theme/document-head-contents/element-theme-colors.mjs';
+import '../utils/modalRoot.mjs';
+import '../utils/cookies-client-side.mjs';
+import '../theme/constants.mjs';
+import '../theme/utils/set-theme-cookie.mjs';
+import '../theme/themes.mjs';
+import { INITIAL_STYLE, DEFAULT_PLACEMENT } from './constants.mjs';
+import { calculatePosition } from './calculatePosition.mjs';
+
+const usePopoverPosition = _ref => {
+  let {
+    placement = DEFAULT_PLACEMENT,
+    anchorRef,
+    style: propsStyle
+  } = _ref;
+  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 = {
+    ...propsStyle,
+    ...popoverStyle
+  };
+  return {
+    popoverRef,
+    wrapperRef,
+    style
+  };
+};
+
+export { usePopoverPosition };
+//# sourceMappingURL=usePopoverPosition.mjs.map

package/dist/esm/popover/usePopoverPosition.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePopoverPosition.mjs","sources":["../../../src/popover/usePopoverPosition.ts"],"sourcesContent":["import {\n  useRef,\n  useLayoutEffect,\n  useState,\n  CSSProperties,\n  RefObject,\n} from 'react'\nimport { useWindowSize } from '../hooks/index.js'\nimport { PopoverRootProps } from './types.js'\nimport { INITIAL_STYLE, DEFAULT_PLACEMENT } from './constants.js'\nimport { calculatePosition } from './calculatePosition.js'\n\nexport const usePopoverPosition = <\n  P extends HTMLDivElement,\n  W extends HTMLDivElement,\n>({\n  placement = DEFAULT_PLACEMENT,\n  anchorRef,\n  style: propsStyle,\n}: Pick<PopoverRootProps, 'placement' | 'anchorRef' | 'style'>): {\n  popoverRef: RefObject<P>\n  wrapperRef: RefObject<W>\n  style: CSSProperties\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    ...propsStyle,\n    ...popoverStyle,\n  }\n\n  return {\n    popoverRef,\n    wrapperRef,\n    style,\n  }\n}\n"],"names":["usePopoverPosition","_ref","placement","DEFAULT_PLACEMENT","anchorRef","style","propsStyle","popoverRef","useRef","wrapperRef","popoverStyle","setPopoverStyle","useState","INITIAL_STYLE","windowWidth","windowHeight","useWindowSize","useLayoutEffect","current","anchorRect","getBoundingClientRect","popoverRect","wrapperRect","position","calculatePosition"],"mappings":";;;;;;;;;;;;;;;;AAYaA,MAAAA,kBAAkB,GAAGC,IAAA,IAW7B;EAAA,IARH;AACAC,IAAAA,SAAS,GAAGC,iBAAiB;IAC7BC,SAAS;AACTC,IAAAA,KAAK,EAAEC,UAAAA;AACoD,GAAC,GAAAL,IAAA,CAAA;AAK5D,EAAA,MAAMM,UAAU,GAAGC,MAAM,CAAI,IAAI,CAAC,CAAA;AAClC,EAAA,MAAMC,UAAU,GAAGD,MAAM,CAAI,IAAI,CAAC,CAAA;EAElC,MAAM,CAACE,YAAY,EAAEC,eAAe,CAAC,GAAGC,QAAQ,CAAgBC,aAAa,CAAC,CAAA;EAC9E,MAAM,CAACC,WAAW,EAAEC,YAAY,CAAC,GAAGC,aAAa,EAAE,CAAA;AAEnDC,EAAAA,eAAe,CAAC,MAAM;AACpB,IAAA,IAAI,CAACb,SAAS,CAACc,OAAO,IAAI,CAACX,UAAU,CAACW,OAAO,IAAI,CAACT,UAAU,CAACS,OAAO,EAAE,OAAA;IAEtE,MAAMC,UAAU,GAAGf,SAAS,CAACc,OAAO,CAACE,qBAAqB,EAAE,CAAA;IAC5D,MAAMC,WAAW,GAAGd,UAAU,CAACW,OAAO,CAACE,qBAAqB,EAAE,CAAA;IAC9D,MAAME,WAAW,GAAGb,UAAU,CAACS,OAAO,CAACE,qBAAqB,EAAE,CAAA;IAE9D,MAAMG,QAAQ,GAAGC,iBAAiB,CAChCL,UAAU,EACVE,WAAW,EACXC,WAAW,EACXpB,SACF,CAAC,CAAA;IACDS,eAAe,CAACY,QAAQ,CAAC,CAAA;GAC1B,EAAE,CAACnB,SAAS,EAAEF,SAAS,EAAEY,WAAW,EAAEC,YAAY,CAAC,CAAC,CAAA;AAErD,EAAA,MAAMV,KAAK,GAAG;AACZ,IAAA,GAAGC,UAAU;IACb,GAAGI,YAAAA;GACJ,CAAA;EAED,OAAO;IACLH,UAAU;IACVE,UAAU;AACVJ,IAAAA,KAAAA;GACD,CAAA;AACH;;;;"}

package/dist/esm/popup-menu/PopupMenu.mjs

@@ -0,0 +1,54 @@
+import { forwardRef } from 'react';
+import '../utils/styled-components-wrapper.mjs';
+import { useMergeRefs } from '../hooks/useMergeRefs.mjs';
+import '../theme/cookie-theme-provider.mjs';
+import '../theme/theme-provider.mjs';
+import { jsx } from 'react/jsx-runtime';
+import '../theme/document-head-contents/element-theme-colors.mjs';
+import '../utils/modalRoot.mjs';
+import '../utils/cookies-client-side.mjs';
+import '../theme/constants.mjs';
+import '../theme/utils/set-theme-cookie.mjs';
+import '../theme/themes.mjs';
+import { PopupMenuProvider } from './PopupMenuProvider.mjs';
+import { PopupMenuStyle } from './PopupMenuStyles.mjs';
+import { usePopupFocus } from './usePopupFocus.mjs';
+
+const PopupMenu = /*#__PURE__*/forwardRef((_ref, externalRef) => {
+  let {
+    variant,
+    children,
+    onKeyDown,
+    onMouseMove,
+    ...rest
+  } = _ref;
+  const {
+    ref: controlRef,
+    handleMouseMove,
+    handleKeyDown,
+    handleEnter,
+    handleExit
+  } = usePopupFocus({
+    onMouseMove,
+    onKeyDown
+  });
+  const popupRef = useMergeRefs([controlRef, externalRef]);
+  return /*#__PURE__*/jsx(PopupMenuStyle, {
+    onMouseMove: handleMouseMove,
+    onKeyDown: handleKeyDown,
+    onEnter: handleEnter,
+    onExit: handleExit,
+    tabIndex: -1,
+    role: "listbox",
+    ...rest,
+    ref: popupRef,
+    children: /*#__PURE__*/jsx(PopupMenuProvider, {
+      variant: variant,
+      children: children
+    })
+  });
+});
+PopupMenu.displayName = 'PopupMenu';
+
+export { PopupMenu };
+//# sourceMappingURL=PopupMenu.mjs.map

package/dist/esm/popup-menu/PopupMenu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupMenu.mjs","sources":["../../../src/popup-menu/PopupMenu.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { useMergeRefs } from '../hooks/index.js'\nimport { PopupMenuProvider } from './PopupMenuProvider.js'\nimport { PopupMenuStyle } from './PopupMenuStyles.js'\nimport { PopupMenuProps } from './types.js'\nimport { usePopupFocus } from './usePopupFocus.js'\n\nexport const PopupMenu = forwardRef(\n  (\n    { variant, children, onKeyDown, onMouseMove, ...rest }: PopupMenuProps,\n    externalRef?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const {\n      ref: controlRef,\n      handleMouseMove,\n      handleKeyDown,\n      handleEnter,\n      handleExit,\n    } = usePopupFocus({ onMouseMove, onKeyDown })\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)\nPopupMenu.displayName = 'PopupMenu'\n"],"names":["PopupMenu","forwardRef","_ref","externalRef","variant","children","onKeyDown","onMouseMove","rest","ref","controlRef","handleMouseMove","handleKeyDown","handleEnter","handleExit","usePopupFocus","popupRef","useMergeRefs","_jsx","PopupMenuStyle","onEnter","onExit","tabIndex","role","PopupMenuProvider","displayName"],"mappings":";;;;;;;;;;;;;;;;AAOO,MAAMA,SAAS,gBAAGC,UAAU,CACjC,CAAAC,IAAA,EAEEC,WAA0C,KACvC;EAAA,IAFH;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,WAAW;IAAE,GAAGC,IAAAA;AAAqB,GAAC,GAAAN,IAAA,CAAA;EAGtE,MAAM;AACJO,IAAAA,GAAG,EAAEC,UAAU;IACfC,eAAe;IACfC,aAAa;IACbC,WAAW;AACXC,IAAAA,UAAAA;GACD,GAAGC,aAAa,CAAC;IAAER,WAAW;AAAED,IAAAA,SAAAA;AAAU,GAAC,CAAC,CAAA;EAC7C,MAAMU,QAAQ,GAAGC,YAAY,CAAC,CAACP,UAAU,EAAEP,WAAW,CAAC,CAAC,CAAA;EAExD,oBACEe,GAAA,CAACC,cAAc,EAAA;AACbZ,IAAAA,WAAW,EAAEI,eAAgB;AAC7BL,IAAAA,SAAS,EAAEM,aAAc;AACzBQ,IAAAA,OAAO,EAAEP,WAAY;AACrBQ,IAAAA,MAAM,EAAEP,UAAW;IACnBQ,QAAQ,EAAE,CAAC,CAAE;AACbC,IAAAA,IAAI,EAAC,SAAS;AAAA,IAAA,GACVf,IAAI;AACRC,IAAAA,GAAG,EAAEO,QAAS;IAAAX,QAAA,eAEda,GAAA,CAACM,iBAAiB,EAAA;AAACpB,MAAAA,OAAO,EAAEA,OAAQ;AAAAC,MAAAA,QAAA,EAAEA,QAAAA;KAA4B,CAAA;AAAC,GACrD,CAAC,CAAA;AAErB,CACF,EAAC;AACDL,SAAS,CAACyB,WAAW,GAAG,WAAW;;;;"}

package/dist/esm/popup-menu/PopupMenuItem.mjs

@@ -0,0 +1,38 @@
+import { forwardRef } from 'react';
+import { PopupMenuItemStyle, PopupMenuItemLeftDecoratorStyle, PopupMenuItemContentStyle, PopupMenuItemRightDecoratorStyle } from './PopupMenuItemStyles.mjs';
+import { usePopupMenuContext } from './PopupMenuProvider.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const PopupMenuItem = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    active = false,
+    leftDecorator,
+    rightDecorator,
+    children,
+    ...rest
+  } = _ref;
+  const {
+    variant = 'default'
+  } = usePopupMenuContext();
+  const hasLeftDecorator = !!leftDecorator;
+  const hasRightDecorator = !!rightDecorator;
+  return /*#__PURE__*/jsxs(PopupMenuItemStyle, {
+    $active: active,
+    role: "option",
+    "aria-selected": active,
+    ...rest,
+    ref: ref,
+    children: [hasLeftDecorator && /*#__PURE__*/jsx(PopupMenuItemLeftDecoratorStyle, {
+      children: leftDecorator
+    }), /*#__PURE__*/jsx(PopupMenuItemContentStyle, {
+      $variant: variant,
+      children: children
+    }), hasRightDecorator && /*#__PURE__*/jsx(PopupMenuItemRightDecoratorStyle, {
+      children: rightDecorator
+    })]
+  });
+});
+PopupMenuItem.displayName = 'PopupMenuItem';
+
+export { PopupMenuItem };
+//# sourceMappingURL=PopupMenuItem.mjs.map

package/dist/esm/popup-menu/PopupMenuItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupMenuItem.mjs","sources":["../../../src/popup-menu/PopupMenuItem.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  PopupMenuItemStyle,\n  PopupMenuItemContentStyle,\n  PopupMenuItemLeftDecoratorStyle,\n  PopupMenuItemRightDecoratorStyle,\n} from './PopupMenuItemStyles.js'\nimport { usePopupMenuContext } from './PopupMenuProvider.js'\nimport { PopupMenuItemProps } from './types.js'\n\nexport const PopupMenuItem = forwardRef(\n  (\n    {\n      active = false,\n      leftDecorator,\n      rightDecorator,\n      children,\n      ...rest\n    }: PopupMenuItemProps,\n    ref?: ForwardedRef<HTMLButtonElement>,\n  ) => {\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)\nPopupMenuItem.displayName = 'PopupMenuItem'\n"],"names":["PopupMenuItem","forwardRef","_ref","ref","active","leftDecorator","rightDecorator","children","rest","variant","usePopupMenuContext","hasLeftDecorator","hasRightDecorator","_jsxs","PopupMenuItemStyle","$active","role","_jsx","PopupMenuItemLeftDecoratorStyle","PopupMenuItemContentStyle","$variant","PopupMenuItemRightDecoratorStyle","displayName"],"mappings":";;;;;AAUO,MAAMA,aAAa,gBAAGC,UAAU,CACrC,CAAAC,IAAA,EAQEC,GAAqC,KAClC;EAAA,IARH;AACEC,IAAAA,MAAM,GAAG,KAAK;IACdC,aAAa;IACbC,cAAc;IACdC,QAAQ;IACR,GAAGC,IAAAA;AACe,GAAC,GAAAN,IAAA,CAAA;EAGrB,MAAM;AAAEO,IAAAA,OAAO,GAAG,SAAA;GAAW,GAAGC,mBAAmB,EAAE,CAAA;AAErD,EAAA,MAAMC,gBAAgB,GAAG,CAAC,CAACN,aAAa,CAAA;AACxC,EAAA,MAAMO,iBAAiB,GAAG,CAAC,CAACN,cAAc,CAAA;EAE1C,oBACEO,IAAA,CAACC,kBAAkB,EAAA;AACjBC,IAAAA,OAAO,EAAEX,MAAO;AAChBY,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,eAAA,EAAeZ,MAAO;AAAA,IAAA,GAClBI,IAAI;AACRL,IAAAA,GAAG,EAAEA,GAAI;AAAAI,IAAAA,QAAA,EAERI,CAAAA,gBAAgB,iBACfM,GAAA,CAACC,+BAA+B,EAAA;AAAAX,MAAAA,QAAA,EAC7BF,aAAAA;AAAa,KACiB,CAClC,eAEDY,GAAA,CAACE,yBAAyB,EAAA;AAACC,MAAAA,QAAQ,EAAEX,OAAQ;AAAAF,MAAAA,QAAA,EAC1CA,QAAAA;AAAQ,KACgB,CAAC,EAE3BK,iBAAiB,iBAChBK,GAAA,CAACI,gCAAgC,EAAA;AAAAd,MAAAA,QAAA,EAC9BD,cAAAA;AAAc,KACiB,CACnC,CAAA;AAAA,GACiB,CAAC,CAAA;AAEzB,CACF,EAAC;AACDN,aAAa,CAACsB,WAAW,GAAG,eAAe;;;;"}

package/dist/esm/popup-menu/PopupMenuItemStyles.mjs

@@ -0,0 +1,114 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import { css } from 'styled-components';
+
+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: ${_ref => {
+  let {
+    $active
+  } = _ref;
+  return $active ? 0.04 : 0;
+}};
+    background: var(--lido-color-popupMenuItemBgActiveHover);
+    transition: opacity ${_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.duration.fast;
+}} ease;
+  }
+
+  &:focus:not(:disabled):before {
+    opacity: 0.04;
+  }
+`;
+const variants = {
+  small: css`
+    padding: 12px 0;
+    font-size: ${_ref3 => {
+    let {
+      theme
+    } = _ref3;
+    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: ${_ref4 => {
+    let {
+      theme
+    } = _ref4;
+    return theme.fontSizesMap.xs;
+  }}px;
+    line-height: 1.4em;
+    font-weight: 400;
+  `
+};
+const PopupMenuItemContentStyle = styled.span`
+  position: relative;
+  padding: 18px 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+
+  ${_ref5 => {
+  let {
+    $variant
+  } = _ref5;
+  return variants[$variant];
+}}
+`;
+const decoratorCSS = css`
+  flex-grow: 0;
+  flex-shrink: 0;
+  cursor: default;
+  display: flex;
+  align-items: center;
+`;
+const PopupMenuItemLeftDecoratorStyle = styled.span`
+  ${decoratorCSS};
+  padding-right: 16px;
+`;
+const PopupMenuItemRightDecoratorStyle = styled.span`
+  ${decoratorCSS};
+  padding-left: 16px;
+`;
+
+export { PopupMenuItemContentStyle, PopupMenuItemLeftDecoratorStyle, PopupMenuItemRightDecoratorStyle, PopupMenuItemStyle };
+//# sourceMappingURL=PopupMenuItemStyles.mjs.map