@lidofinance/lido-ui 3.32.0 → 3.34.0

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

@@ -1 +1 @@
-{"version":3,"file":"constants.mjs","sources":["../../../packages/modal/constants.ts"],"sourcesContent":["export const FOCUSABLE_ELEMENTS = [\n  'a[href]',\n  'area[href]',\n  'input:not([disabled]):not([type=\"hidden\"]):not([aria-hidden])',\n  'select:not([disabled]):not([aria-hidden])',\n  'textarea:not([disabled]):not([aria-hidden])',\n  'button:not([disabled]):not([aria-hidden])',\n  'iframe',\n  'object',\n  'embed',\n  '[contenteditable]',\n  '[tabindex]:not([tabindex^=\"-\"])',\n]\n"],"names":["FOCUSABLE_ELEMENTS"],"mappings":"AAAO,MAAMA,kBAAkB,GAAG,CAChC,SADgC,EAEhC,YAFgC,EAGhC,+DAHgC,EAIhC,2CAJgC,EAKhC,6CALgC,EAMhC,2CANgC,EAOhC,QAPgC,EAQhC,QARgC,EAShC,OATgC,EAUhC,mBAVgC,EAWhC,iCAXgC;;;;"}
+{"version":3,"file":"constants.mjs","sources":["../../../packages/modal/constants.ts"],"sourcesContent":["export const FOCUSABLE_ELEMENTS = [\n  'a[href]',\n  'area[href]',\n  'input:not([disabled]):not([type=\"hidden\"]):not([aria-hidden])',\n  'select:not([disabled]):not([aria-hidden])',\n  'textarea:not([disabled]):not([aria-hidden])',\n  'button:not([disabled]):not([aria-hidden])',\n  'iframe',\n  'object',\n  'embed',\n  '[contenteditable]',\n  '[tabindex]:not([tabindex^=\"-\"])',\n]\n"],"names":["FOCUSABLE_ELEMENTS"],"mappings":"AAAO,MAAMA,kBAAkB,GAAG,CAChC,SAAS,EACT,YAAY,EACZ,+DAA+D,EAC/D,2CAA2C,EAC3C,6CAA6C,EAC7C,2CAA2C,EAC3C,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,mBAAmB,EACnB,iCAAiC;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.mjs","sources":["../../../packages/modal/types.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from 'react'\nimport { LidoComponentProps } from '../utils/index.js'\nimport {\n  TransitionWrapperProps,\n  TransitionInnerProps,\n} from '../transition/index.js'\nimport { ButtonProps } from '../button/index.js'\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?: ReactNode\n  titleIcon?: ReactNode\n  subtitle?: ReactNode\n  extra?: ReactNode\n  center?: boolean\n  open?: boolean\n  windowSize?: ModalWindowSizes\n  windowProps?: ModalWindowProps\n} & Omit<ModalOverlayProps, 'title' | 'in'>\n\nexport enum ModalWindowSize {\n  sm,\n  md,\n  lg,\n}\nexport type ModalWindowSizes = keyof typeof ModalWindowSize\nexport type ModalWindowProps = LidoComponentProps<'div'>\n\nexport type ModalExtraProps = LidoComponentProps<'div'>\n\nexport type ModalButtonIconProps = {\n  icon: ReactElement\n} & ButtonProps\n"],"names":["ModalWindowSize"],"mappings":"AA8BYA,IAAAA,eAAZ,0BAAYA,eAAZ,EAAA;AAAYA,EAAAA,eAAZ,CAAYA,eAAZ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAYA,EAAAA,eAAZ,CAAYA,eAAZ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAYA,EAAAA,eAAZ,CAAYA,eAAZ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAYA,eAAZ,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
+{"version":3,"file":"types.mjs","sources":["../../../packages/modal/types.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from 'react'\nimport { LidoComponentProps } from '../utils/index.js'\nimport {\n  TransitionWrapperProps,\n  TransitionInnerProps,\n} from '../transition/index.js'\nimport { ButtonProps } from '../button/index.js'\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?: ReactNode\n  titleIcon?: ReactNode\n  subtitle?: ReactNode\n  extra?: ReactNode\n  center?: boolean\n  open?: boolean\n  windowSize?: ModalWindowSizes\n  windowProps?: ModalWindowProps\n} & Omit<ModalOverlayProps, 'title' | 'in'>\n\nexport enum ModalWindowSize {\n  sm,\n  md,\n  lg,\n}\nexport type ModalWindowSizes = keyof typeof ModalWindowSize\nexport type ModalWindowProps = LidoComponentProps<'div'>\n\nexport type ModalExtraProps = LidoComponentProps<'div'>\n\nexport type ModalButtonIconProps = {\n  icon: ReactElement\n} & ButtonProps\n"],"names":["ModalWindowSize"],"mappings":"AA8BYA,IAAAA,eAAe,0BAAfA,eAAe,EAAA;AAAfA,EAAAA,eAAe,CAAfA,eAAe,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAfA,EAAAA,eAAe,CAAfA,eAAe,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAfA,EAAAA,eAAe,CAAfA,eAAe,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAfA,eAAe,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/modal/useModalClose.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useModalClose.mjs","sources":["../../../packages/modal/useModalClose.ts"],"sourcesContent":["import { MouseEvent, RefObject, useCallback, useRef } from 'react'\n\nexport const useModalClose = <T extends HTMLDivElement>(\n  callback?: () => void,\n): {\n  ref: RefObject<T>\n  handleClick: (event: MouseEvent<T>) => void\n} => {\n  const ref = useRef<T>(null)\n\n  const handleClick = useCallback(\n    (event: MouseEvent<T>) => {\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":";;AAEaA,MAAAA,aAAa,GACxBC,QAD2B,IAKxB;AACH,EAAA,MAAMC,GAAG,GAAGC,MAAM,CAAI,IAAJ,CAAlB,CAAA;AAEA,EAAA,MAAMC,WAAW,GAAGC,WAAW,CAC5BC,KAAD,IAA0B;AACxB,IAAA,MAAMC,cAAc,GAAGL,GAAG,CAACM,OAA3B,CAAA;IAEA,IAAI,CAACD,cAAL,EAAqB,OAAA;AACrB,IAAA,IAAI,EAAED,KAAK,CAACG,MAAN,YAAwBC,IAA1B,CAAJ,EAAqC,OAAA;IAErC,IAAIH,cAAc,CAACI,QAAf,CAAwBL,KAAK,CAACG,MAA9B,CAAJ,EAA2C,OAAA;IAE3CR,QAAQ,IAAA,CAAA;AACT,GAV4B,EAW7B,CAACA,QAAD,CAX6B,CAA/B,CAAA;EAcA,OAAO;IACLC,GADK;AAELE,IAAAA,WAAAA;GAFF,CAAA;AAID;;;;"}
+{"version":3,"file":"useModalClose.mjs","sources":["../../../packages/modal/useModalClose.ts"],"sourcesContent":["import { MouseEvent, RefObject, useCallback, useRef } from 'react'\n\nexport const useModalClose = <T extends HTMLDivElement>(\n  callback?: () => void,\n): {\n  ref: RefObject<T>\n  handleClick: (event: MouseEvent<T>) => void\n} => {\n  const ref = useRef<T>(null)\n\n  const handleClick = useCallback(\n    (event: MouseEvent<T>) => {\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":";;AAEaA,MAAAA,aAAa,GACxBC,QAAqB,IAIlB;AACH,EAAA,MAAMC,GAAG,GAAGC,MAAM,CAAI,IAAI,CAAC,CAAA;AAE3B,EAAA,MAAMC,WAAW,GAAGC,WAAW,CAC5BC,KAAoB,IAAK;AACxB,IAAA,MAAMC,cAAc,GAAGL,GAAG,CAACM,OAAO,CAAA;IAElC,IAAI,CAACD,cAAc,EAAE,OAAA;AACrB,IAAA,IAAI,EAAED,KAAK,CAACG,MAAM,YAAYC,IAAI,CAAC,EAAE,OAAA;IAErC,IAAIH,cAAc,CAACI,QAAQ,CAACL,KAAK,CAACG,MAAM,CAAC,EAAE,OAAA;AAE3CR,IAAAA,QAAQ,IAAI,CAAA;AACd,GAAC,EACD,CAACA,QAAQ,CACX,CAAC,CAAA;EAED,OAAO;IACLC,GAAG;AACHE,IAAAA,WAAAA;GACD,CAAA;AACH;;;;"}

package/dist/esm/modal/useModalFocus.mjs

@@ -24,12 +24,10 @@ const useModalFocus = () => {
     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();
@@ -39,7 +37,6 @@ const useModalFocus = () => {
     const handleKeyDown = event => {
       if (event.code === 'Tab') handleRetainFocus(event);
     };
-
     document.addEventListener('keydown', handleKeyDown);
     return () => document.removeEventListener('keydown', handleKeyDown);
   }, [handleRetainFocus]);

package/dist/esm/modal/useModalFocus.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useModalFocus.mjs","sources":["../../../packages/modal/useModalFocus.ts"],"sourcesContent":["import { RefObject, useCallback, useEffect, useRef } from 'react'\nimport { useInterceptFocus } from '../hooks/index.js'\nimport { FOCUSABLE_ELEMENTS } from './constants.js'\n\nexport const useModalFocus = (): 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":";;;;;;;;;;;;;;;AAIO,MAAMA,aAAa,GAAG,MAAiC;AAC5D,EAAA,MAAMC,QAAQ,GAAGC,MAAM,CAAiB,IAAjB,CAAvB,CAAA;AAEA,EAAA,MAAMC,iBAAiB,GAAGC,WAAW,CAAC,MAAM;AAC1C,IAAA,MAAMC,KAAK,GACTJ,QAAQ,CAACK,OAAT,EAAkBC,gBAAlB,CAAmCC,kBAAkB,CAACC,IAAnB,CAAwB,GAAxB,CAAnC,KAAoE,EADtE,CAAA;IAGA,OAAOC,KAAK,CAACC,IAAN,CAAWN,KAAX,CAAkBO,CAAAA,MAAlB,CACJC,IAAD,IACEA,IAAI,IAAIA,IAAI,YAAYC,WAAxB,IAAuCD,IAAI,CAACE,YAAL,KAAsB,IAF1D,CAAP,CAAA;GAJmC,EAQlC,EARkC,CAArC,CAAA;AAUA,EAAA,MAAMC,iBAAiB,GAAGZ,WAAW,CAClCa,KAAD,IAA0B;IACxB,MAAMC,cAAc,GAAGf,iBAAiB,EAAxC,CAAA;AAEA,IAAA,IAAIe,cAAc,CAACC,MAAf,KAA0B,CAA9B,EAAiC,OAAA;AAEjC,IAAA,MAAMC,cAAc,GAAGC,QAAQ,CAACC,aAAhC,CAAA;IACA,MAAMC,gBAAgB,GACpBH,cAAc,YAAYN,WAA1B,IACAI,cAAc,CAACM,OAAf,CAAuBJ,cAAvB,CAFF,CAAA;;AAIA,IAAA,IAAIH,KAAK,CAACQ,QAAN,IAAkBF,gBAAgB,KAAK,CAA3C,EAA8C;MAC5CL,cAAc,CAACA,cAAc,CAACC,MAAf,GAAwB,CAAzB,CAAd,CAA0CO,KAA1C,EAAA,CAAA;AACAT,MAAAA,KAAK,CAACU,cAAN,EAAA,CAAA;AACD,KAAA;;AAED,IAAA,IACE,CAACV,KAAK,CAACQ,QAAP,IACAP,cAAc,CAACC,MAAf,GAAwB,CADxB,IAEAI,gBAAgB,KAAKL,cAAc,CAACC,MAAf,GAAwB,CAH/C,EAIE;AACAD,MAAAA,cAAc,CAAC,CAAD,CAAd,CAAkBQ,KAAlB,EAAA,CAAA;AACAT,MAAAA,KAAK,CAACU,cAAN,EAAA,CAAA;AACD,KAAA;AACF,GAxBkC,EAyBnC,CAACxB,iBAAD,CAzBmC,CAArC,CAAA;AA4BAyB,EAAAA,SAAS,CAAC,MAAM;IACd,MAAMC,aAAa,GAAIZ,KAAD,IAA0B;MAC9C,IAAIA,KAAK,CAACa,IAAN,KAAe,KAAnB,EAA0Bd,iBAAiB,CAACC,KAAD,CAAjB,CAAA;KAD5B,CAAA;;AAIAI,IAAAA,QAAQ,CAACU,gBAAT,CAA0B,SAA1B,EAAqCF,aAArC,CAAA,CAAA;IACA,OAAO,MAAMR,QAAQ,CAACW,mBAAT,CAA6B,SAA7B,EAAwCH,aAAxC,CAAb,CAAA;AACD,GAPQ,EAON,CAACb,iBAAD,CAPM,CAAT,CAAA;AASA,EAAA,MAAM,CAACiB,cAAD,EAAiBC,YAAjB,CAAA,GAAiCC,iBAAiB,EAAxD,CAAA;AAEAP,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAI,CAAC3B,QAAQ,CAACK,OAAd,EAAuB,OAAA;AAEvB2B,IAAAA,cAAc,CAAChC,QAAQ,CAACK,OAAV,CAAd,CAAA;AACA,IAAA,OAAO4B,YAAP,CAAA;AACD,GALQ,EAKN,CAACD,cAAD,EAAiBC,YAAjB,CALM,CAAT,CAAA;AAOA,EAAA,OAAOjC,QAAP,CAAA;AACD;;;;"}
+{"version":3,"file":"useModalFocus.mjs","sources":["../../../packages/modal/useModalFocus.ts"],"sourcesContent":["import { RefObject, useCallback, useEffect, useRef } from 'react'\nimport { useInterceptFocus } from '../hooks/index.js'\nimport { FOCUSABLE_ELEMENTS } from './constants.js'\n\nexport const useModalFocus = (): 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":";;;;;;;;;;;;;;;AAIaA,MAAAA,aAAa,GAAGA,MAAiC;AAC5D,EAAA,MAAMC,QAAQ,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAE7C,EAAA,MAAMC,iBAAiB,GAAGC,WAAW,CAAC,MAAM;AAC1C,IAAA,MAAMC,KAAK,GACTJ,QAAQ,CAACK,OAAO,EAAEC,gBAAgB,CAACC,kBAAkB,CAACC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAA;IAExE,OAAOC,KAAK,CAACC,IAAI,CAACN,KAAK,CAAC,CAACO,MAAM,CAC5BC,IAAI,IACHA,IAAI,IAAIA,IAAI,YAAYC,WAAW,IAAID,IAAI,CAACE,YAAY,KAAK,IACjE,CAAC,CAAA;GACF,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,MAAMC,iBAAiB,GAAGZ,WAAW,CAClCa,KAAoB,IAAK;AACxB,IAAA,MAAMC,cAAc,GAAGf,iBAAiB,EAAE,CAAA;AAE1C,IAAA,IAAIe,cAAc,CAACC,MAAM,KAAK,CAAC,EAAE,OAAA;AAEjC,IAAA,MAAMC,cAAc,GAAGC,QAAQ,CAACC,aAAa,CAAA;IAC7C,MAAMC,gBAAgB,GACpBH,cAAc,YAAYN,WAAW,IACrCI,cAAc,CAACM,OAAO,CAACJ,cAAc,CAAC,CAAA;AAExC,IAAA,IAAIH,KAAK,CAACQ,QAAQ,IAAIF,gBAAgB,KAAK,CAAC,EAAE;MAC5CL,cAAc,CAACA,cAAc,CAACC,MAAM,GAAG,CAAC,CAAC,CAACO,KAAK,EAAE,CAAA;MACjDT,KAAK,CAACU,cAAc,EAAE,CAAA;AACxB,KAAA;AAEA,IAAA,IACE,CAACV,KAAK,CAACQ,QAAQ,IACfP,cAAc,CAACC,MAAM,GAAG,CAAC,IACzBI,gBAAgB,KAAKL,cAAc,CAACC,MAAM,GAAG,CAAC,EAC9C;AACAD,MAAAA,cAAc,CAAC,CAAC,CAAC,CAACQ,KAAK,EAAE,CAAA;MACzBT,KAAK,CAACU,cAAc,EAAE,CAAA;AACxB,KAAA;AACF,GAAC,EACD,CAACxB,iBAAiB,CACpB,CAAC,CAAA;AAEDyB,EAAAA,SAAS,CAAC,MAAM;IACd,MAAMC,aAAa,GAAIZ,KAAoB,IAAK;MAC9C,IAAIA,KAAK,CAACa,IAAI,KAAK,KAAK,EAAEd,iBAAiB,CAACC,KAAK,CAAC,CAAA;KACnD,CAAA;AAEDI,IAAAA,QAAQ,CAACU,gBAAgB,CAAC,SAAS,EAAEF,aAAa,CAAC,CAAA;IACnD,OAAO,MAAMR,QAAQ,CAACW,mBAAmB,CAAC,SAAS,EAAEH,aAAa,CAAC,CAAA;AACrE,GAAC,EAAE,CAACb,iBAAiB,CAAC,CAAC,CAAA;EAEvB,MAAM,CAACiB,cAAc,EAAEC,YAAY,CAAC,GAAGC,iBAAiB,EAAE,CAAA;AAE1DP,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAI,CAAC3B,QAAQ,CAACK,OAAO,EAAE,OAAA;AAEvB2B,IAAAA,cAAc,CAAChC,QAAQ,CAACK,OAAO,CAAC,CAAA;AAChC,IAAA,OAAO4B,YAAY,CAAA;AACrB,GAAC,EAAE,CAACD,cAAc,EAAEC,YAAY,CAAC,CAAC,CAAA;AAElC,EAAA,OAAOjC,QAAQ,CAAA;AACjB;;;;"}

package/dist/esm/pagination/Pagination.mjs

@@ -9,14 +9,11 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 
 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 = styled(Box)`
   display: flex;
   gap: 8px;
@@ -34,35 +31,29 @@ const Pagination = _ref => {
   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
     }
-
     onItemClick(currentPage - 1);
     setCurrPage(currentPage - 1);
   };
-
   const onNextClick = () => {
     if (currentPage === pagesCount) {
       return; // disabled
     }
-
     onItemClick(currentPage + 1);
     setCurrPage(currentPage + 1);
   };
-
-  return /*#__PURE__*/jsxs(PaginationBlock, { ...rest,
+  return /*#__PURE__*/jsxs(PaginationBlock, {
+    ...rest,
     children: [/*#__PURE__*/jsx(PaginationItem, {
       disabled: currentPage === 1,
       icon: /*#__PURE__*/jsx(ArrowLeft, {}),

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.mjs","sources":["../../../packages/pagination/Pagination.tsx"],"sourcesContent":["import { useMemo, useState, useEffect, FC, MouseEvent } from 'react'\nimport styled from '../utils/styled-components-wrapper.js'\nimport { ArrowLeft, ArrowRight } from '../icons/index.js'\nimport { Box } from '../box/index.js'\nimport {\n  PaginationProps,\n  PaginationItemProps,\n  PaginationItemVariant,\n} from './types.js'\nimport getShowingPages from './getShowingPages.js'\nimport { PaginationItem } from './PaginationItem.js'\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\nexport const Pagination: FC<PaginationProps> = ({\n  onItemClick,\n  pagesCount,\n  activePage = 1,\n  siblingCount,\n  ...rest\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: MouseEvent) => {\n    onItemClick(page, e)\n    setCurrPage(page)\n  }\n\n  const onPreviousClick = () => {\n    if (currentPage === 1) {\n      return // disabled\n    }\n\n    onItemClick(currentPage - 1)\n    setCurrPage(currentPage - 1)\n  }\n\n  const onNextClick = () => {\n    if (currentPage === pagesCount) {\n      return // disabled\n    }\n\n    onItemClick(currentPage + 1)\n    setCurrPage(currentPage + 1)\n  }\n\n  return (\n    <PaginationBlock {...rest}>\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"],"names":["getActiveItem","length","activeItem","isActiveNotInRange","PaginationBlock","styled","Box","Pagination","onItemClick","pagesCount","activePage","siblingCount","rest","currentPage","setCurrPage","useState","showingPages","useMemo","getShowingPages","useEffect","page","onPageItemClick","e","onPreviousClick","onNextClick","_jsxs","_jsx","map","index","isDisabled","variant","PaginationItemVariant","active","default","bind"],"mappings":"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"}
+{"version":3,"file":"Pagination.mjs","sources":["../../../packages/pagination/Pagination.tsx"],"sourcesContent":["import { useMemo, useState, useEffect, FC, MouseEvent } from 'react'\nimport styled from '../utils/styled-components-wrapper.js'\nimport { ArrowLeft, ArrowRight } from '../icons/index.js'\nimport { Box } from '../box/index.js'\nimport {\n  PaginationProps,\n  PaginationItemProps,\n  PaginationItemVariant,\n} from './types.js'\nimport getShowingPages from './getShowingPages.js'\nimport { PaginationItem } from './PaginationItem.js'\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\nexport const Pagination: FC<PaginationProps> = ({\n  onItemClick,\n  pagesCount,\n  activePage = 1,\n  siblingCount,\n  ...rest\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: MouseEvent) => {\n    onItemClick(page, e)\n    setCurrPage(page)\n  }\n\n  const onPreviousClick = () => {\n    if (currentPage === 1) {\n      return // disabled\n    }\n\n    onItemClick(currentPage - 1)\n    setCurrPage(currentPage - 1)\n  }\n\n  const onNextClick = () => {\n    if (currentPage === pagesCount) {\n      return // disabled\n    }\n\n    onItemClick(currentPage + 1)\n    setCurrPage(currentPage + 1)\n  }\n\n  return (\n    <PaginationBlock {...rest}>\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"],"names":["getActiveItem","length","activeItem","isActiveNotInRange","PaginationBlock","styled","Box","Pagination","_ref","onItemClick","pagesCount","activePage","siblingCount","rest","currentPage","setCurrPage","useState","showingPages","useMemo","getShowingPages","useEffect","page","onPageItemClick","e","onPreviousClick","onNextClick","_jsxs","children","_jsx","PaginationItem","disabled","icon","ArrowLeft","onClick","map","index","isDisabled","variant","PaginationItemVariant","active","default","bind","ArrowRight"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationItem.mjs","sources":["../../../packages/pagination/PaginationItem.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { PaginationItemStyle } from './PaginationItemStyles.js'\nimport { PaginationItemProps, PaginationItemVariant } from './types.js'\n\nexport const PaginationItem: FC<PaginationItemProps> = ({\n  icon,\n  variant = PaginationItemVariant.default,\n  ...rest\n}) => {\n  return (\n    <PaginationItemStyle $variant={variant} {...rest}>\n      {icon}\n    </PaginationItemStyle>\n  )\n}\n"],"names":["PaginationItem","icon","variant","PaginationItemVariant","default","rest","_jsx"],"mappings":";;;;AAIO,MAAMA,cAAuC,GAAG,IAIjD,IAAA;EAAA,IAJkD;IACtDC,IADsD;IAEtDC,OAAO,GAAGC,qBAAqB,CAACC,OAFsB;IAGtD,GAAGC,IAAAA;GACC,GAAA,IAAA,CAAA;AACJ,EAAA,oBACEC,IAAC,mBAAD,EAAA;AAAqB,IAAA,QAAQ,EAAEJ,OAA/B;AAAA,IAAA,GAA4CG,IAA5C;IAAA,QACGJ,EAAAA,IAAAA;GAFL,CAAA,CAAA;AAKD;;;;"}
+{"version":3,"file":"PaginationItem.mjs","sources":["../../../packages/pagination/PaginationItem.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { PaginationItemStyle } from './PaginationItemStyles.js'\nimport { PaginationItemProps, PaginationItemVariant } from './types.js'\n\nexport const PaginationItem: FC<PaginationItemProps> = ({\n  icon,\n  variant = PaginationItemVariant.default,\n  ...rest\n}) => {\n  return (\n    <PaginationItemStyle $variant={variant} {...rest}>\n      {icon}\n    </PaginationItemStyle>\n  )\n}\n"],"names":["PaginationItem","_ref","icon","variant","PaginationItemVariant","default","rest","_jsx","PaginationItemStyle","$variant","children"],"mappings":";;;;AAIaA,MAAAA,cAAuC,GAAGC,IAAA,IAIjD;EAAA,IAJkD;IACtDC,IAAI;IACJC,OAAO,GAAGC,qBAAqB,CAACC,OAAO;IACvC,GAAGC,IAAAA;AACL,GAAC,GAAAL,IAAA,CAAA;EACC,oBACEM,GAAA,CAACC,mBAAmB,EAAA;AAACC,IAAAA,QAAQ,EAAEN,OAAQ;AAAA,IAAA,GAAKG,IAAI;AAAAI,IAAAA,QAAA,EAC7CR,IAAAA;AAAI,GACc,CAAC,CAAA;AAE1B;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationItemStyles.mjs","sources":["../../../packages/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","$variant"],"mappings":";;;;AASA,MAAMA,aAAa,GAAG;AACpB,EAAA,CAACC,qBAAqB,CAACC,MAAvB,GAAgCC,GAAI,CAAA;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EATsB,CAAA;AAUpB,EAAA,CAACF,qBAAqB,CAACG,OAAvB,GAAiCD,GAAI,CAAA;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,CAAA;AAlBsB,CAAtB,CAAA;AAqBaE,MAAAA,mBAAmB,GAAGC,MAAM,CAACC,MAAsB,CAAA;AAChE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAI,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;GAAH,GAAA,IAAA,CAAA;EAAA,OAAkBR,aAAa,CAACQ,QAAD,CAA/B,CAAA;AAAA,CAA0C,CAAA;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}
+{"version":3,"file":"PaginationItemStyles.mjs","sources":["../../../packages/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,qBAAqB,CAACC,MAAM,GAAGC,GAAG,CAAA;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAG,CAAA;AACD,EAAA,CAACF,qBAAqB,CAACG,OAAO,GAAGD,GAAG,CAAA;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,CAAA;AACA,CAAC,CAAA;AAEYE,MAAAA,mBAAmB,GAAGC,MAAM,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/esm/pagination/getShowingPages.mjs

@@ -5,7 +5,6 @@ const arrayPusher = () => {
       innerArray.push(element);
       arr.push(element);
     }
-
     return innerArray.length;
   };
 };
@@ -16,21 +15,16 @@ const range = (start, end) => {
     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 = [];
@@ -39,67 +33,47 @@ const getShowingPages = function (pagesCount) {
   const lastEllipsis = [];
   const lastPages = [];
   const pusher = arrayPusher();
-  pusher(firstPages, firstPage); // see getShowingPages.test.ts for full example
+  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);
@@ -107,7 +81,6 @@ const getShowingPages = function (pagesCount) {
       pusher(firstPages, firstPage + i);
     }
   }
-
   return [...firstPages.sort(numberSort), ...firstEllipsis, ...middlePages, ...lastEllipsis, ...lastPages.sort(numberSort)];
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"getShowingPages.mjs","sources":["../../../packages/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","siblingCount","showingPagesCount","firstPage","lastPage","firstPages","firstEllipsis","middlePages","lastEllipsis","lastPages","pusher","siblings","forEach","sibling","count","rest","sort"],"mappings":"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"}
+{"version":3,"file":"getShowingPages.mjs","sources":["../../../packages/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/esm/pagination/types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.mjs","sources":["../../../packages/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,qBAAZ,0BAAYA,qBAAZ,EAAA;EAAYA,qBAAZ,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAYA,qBAAZ,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAYA,qBAAZ,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
+{"version":3,"file":"types.mjs","sources":["../../../packages/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.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.mjs","sources":["../../../packages/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","placement","DEFAULT_PLACEMENT","open","offset","rest","_jsx","displayName"],"mappings":";;;;;MAKaA,OAAO,gBAAGC,UAAU,CAC/B,CAAA,IAAA,EAOEC,GAPF,KAQK;EAAA,IAPH;AACEC,IAAAA,SAAS,GAAGC,iBADd;AAEEC,IAAAA,IAAI,GAAG,KAFT;AAGEC,IAAAA,MAAM,GAAG,IAHX;IAIE,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;AACH,EAAA,oBACEC,IAAC,YAAD,EAAA;AACE,IAAA,OAAO,EAAEF,MADX;AAEE,IAAA,SAAS,EAAEH,SAFb;AAGE,IAAA,EAAE,EAAEE,IAHN;AAAA,IAAA,GAIME,IAJN;AAKE,IAAA,GAAG,EAAEL,GAAAA;GANT,CAAA,CAAA;AASD,CAnB8B,EAA1B;AAqBPF,OAAO,CAACS,WAAR,GAAsB,SAAtB;;;;"}
+{"version":3,"file":"Popover.mjs","sources":["../../../packages/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

@@ -49,10 +49,11 @@ forwardRef((_ref, externalRef) => {
   const popoverRef = useMergeRefs([positionPopoverRef, outsidePopoverRef, externalRef]);
   const wrapperRef = useMergeRefs([positionWrapperRef, externalWrapperRef]);
   if (!ModalRoot) return null;
-  return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/jsx(PopoverWrapperStyle, {
+  return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/jsx(PopoverWrapperStyle, {
     $backdrop: backdrop,
     ref: wrapperRef,
-    children: /*#__PURE__*/jsx(PopoverRootStyle, { ...rest,
+    children: /*#__PURE__*/jsx(PopoverRootStyle, {
+      ...rest,
       $transition: transitionStatus,
       $duration: duration,
       "data-placement": placement,

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverRoot.mjs","sources":["../../../packages/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","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","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;AAUO,MAAMA,WAAW,GAAGC,cAAc;AAAA;AACvC;AACAC,UAAU,CACR,CAYEC,IAAAA,EAAAA,WAZF,KAaK;EAAA,IAZH;IACEC,SADF;AAEEC,IAAAA,UAAU,EAAEC,kBAFd;AAGEC,IAAAA,SAAS,GAAGC,iBAHd;AAIEC,IAAAA,QAAQ,GAAG,IAJb;IAKEC,gBALF;IAMEC,QANF;AAOEC,IAAAA,KAAK,EAAEC,UAPT;IAQEC,OARF;IASE,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;EACHC,SAAS,CAACF,OAAD,CAAT,CAAA;EACA,MAAM;AAAEG,IAAAA,GAAG,EAAEC,iBAAAA;GAAsBC,GAAAA,eAAe,CAACL,OAAD,CAAlD,CAAA;EAEA,MAAM;AACJM,IAAAA,UAAU,EAAEC,kBADR;AAEJhB,IAAAA,UAAU,EAAEiB,kBAFR;AAGJV,IAAAA,KAAAA;AAHI,GAAA,GAIFW,kBAAkB,CAAC;IAAEhB,SAAF;IAAaH,SAAb;AAAwBQ,IAAAA,KAAK,EAAEC,UAAAA;AAA/B,GAAD,CAJtB,CAAA;EAMA,MAAMO,UAAU,GAAGI,YAAY,CAAC,CAC9BH,kBAD8B,EAE9BH,iBAF8B,EAG9Bf,WAH8B,CAAD,CAA/B,CAAA;EAMA,MAAME,UAAU,GAAGmB,YAAY,CAAC,CAACF,kBAAD,EAAqBhB,kBAArB,CAAD,CAA/B,CAAA;AAEA,EAAA,IAAI,CAACmB,SAAL,EAAgB,OAAO,IAAP,CAAA;AAEhB,EAAA,oBAAOC,QAAQ,CAACC,YAAT,eACLC,IAAC,mBAAD,EAAA;AAAqB,IAAA,SAAS,EAAEnB,QAAhC;AAA0C,IAAA,GAAG,EAAEJ,UAA/C;IAAA,QACE,eAAAuB,GAAA,CAAC,gBAAD,EAAA,EAAA,GACMb,IADN;AAEE,MAAA,WAAW,EAAEL,gBAFf;AAGE,MAAA,SAAS,EAAEC,QAHb;AAIE,MAAA,gBAAA,EAAgBJ,SAJlB;AAKE,MAAA,KAAK,EAAEK,KALT;AAME,MAAA,GAAG,EAAEQ,UAAAA;AANP,KAAA,CAAA;GAFG,CAAA,EAWLK,SAXK,CAAP,CAAA;AAaD,CA/CO,CAF6B,EAAlC;AAoDPzB,WAAW,CAAC6B,WAAZ,GAA0B,aAA1B;;;;"}
+{"version":3,"file":"PopoverRoot.mjs","sources":["../../../packages/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

@@ -39,14 +39,12 @@ const hiddenCSS = css`
     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;

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverRootStyles.mjs","sources":["../../../packages/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","$backdrop","visibleCSS","css","hiddenCSS","getTransitionCSS","$transition","includes","PopoverRootStyle","$duration"],"mappings":";;;AAQaA,MAAAA,mBAAmB,GAAGC,MAAM,CAACC,GAA4B,CAAA;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAY,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,SAAAA;GAAH,GAAA,IAAA,CAAA;AAAA,EAAA,OAAoBA,SAAS,GAAG,MAAH,GAAY,KAAzC,CAAA;AAAA,CAAgD,CAAA;AAC5D,EATO;AAWP,MAAMC,UAAU,GAAGC,GAAI,CAAA;AACvB;AACA;AACA;AACA;AACA;AACA,CANA,CAAA;AAQA,MAAMC,SAAS,GAAGD,GAAI,CAAA;AACtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAfA,CAAA;;AAiBA,MAAME,gBAAgB,GAAG,KAAsC,IAAA;EAAA,IAArC;AAAEC,IAAAA,WAAAA;GAAmC,GAAA,KAAA,CAAA;EAC7D,OAAO,CAAC,SAAD,EAAY,QAAZ,CAAA,CAAsBC,QAAtB,CAA+BD,WAA/B,CAAA,GAA8CF,SAA9C,GAA0DF,UAAjE,CAAA;AACD,CAFD,CAAA;;AAIaM,MAAAA,gBAAgB,GAAGT,MAAM,CAACC,GAAqB,CAAA;AAC5D;AACA;AACA;AACA;AACA,sBAAwB,EAAA,KAAA,IAAA;EAAA,IAAC;AAAES,IAAAA,SAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAmBA,SAAnB,CAAA;AAAA,CAA6B,CAAA;AACrD;AACA;AACA,EAAA,EAAIJ,gBAAiB,CAAA;AACrB;;;;"}
+{"version":3,"file":"PopoverRootStyles.mjs","sources":["../../../packages/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

@@ -14,7 +14,6 @@ const getOffset = _ref => {
   if (placement.startsWith('left')) return `margin-left: ${-offset}px`;
   return '';
 };
-
 const PopoverStyle = styled(PopoverRoot)`
   background: var(--lido-color-foreground);
   color: var(--lido-color-text);

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverStyles.mjs","sources":["../../../packages/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","$offset","placement","theme","offset","spaceMap","startsWith","PopoverStyle","styled","PopoverRoot","fontSizesMap","xs","borderRadiusesMap","lg","boxShadows"],"mappings":";;;AAWA,MAAMA,SAAS,GAAG,IAA0D,IAAA;EAAA,IAAzD;IAAEC,OAAF;IAAWC,SAAX;AAAsBC,IAAAA,KAAAA;GAAmC,GAAA,IAAA,CAAA;AAC1E,EAAA,MAAMC,MAAM,GAAGD,KAAK,CAACE,QAAN,CAAeJ,OAAf,CAAf,CAAA;EAEA,IAAIC,SAAS,CAACI,UAAV,CAAqB,KAArB,CAAJ,EAAiC,OAAQ,CAAA,YAAA,EAAc,CAACF,MAAO,CAA9B,EAAA,CAAA,CAAA;EACjC,IAAIF,SAAS,CAACI,UAAV,CAAqB,OAArB,CAAJ,EAAmC,OAAQ,CAAeF,aAAAA,EAAAA,MAAO,CAA9B,EAAA,CAAA,CAAA;EACnC,IAAIF,SAAS,CAACI,UAAV,CAAqB,QAArB,CAAJ,EAAoC,OAAQ,CAAcF,YAAAA,EAAAA,MAAO,CAA7B,EAAA,CAAA,CAAA;EACpC,IAAIF,SAAS,CAACI,UAAV,CAAqB,MAArB,CAAJ,EAAkC,OAAQ,CAAA,aAAA,EAAe,CAACF,MAAO,CAA/B,EAAA,CAAA,CAAA;AAClC,EAAA,OAAO,EAAP,CAAA;AACD,CARD,CAAA;;MAUaG,YAAY,GAAGC,MAAM,CAACC,WAAD,CAAc,CAAA;AAChD;AACA;AACA,aAAe,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEN,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACO,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACpD;AACA;AACA,iBAAmB,EAAA,KAAA,IAAA;EAAA,IAAC;AAAER,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACS,iBAAN,CAAwBC,EAAvC,CAAA;AAAA,CAA0C,CAAA;AAC7D,cAAgB,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEV,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACW,UAAN,CAAiBH,EAAhC,CAAA;AAAA,CAAmC,CAAA;AACnD;AACA,WAAa,EAAA,KAAA,IAAA;EAAA,IAAC;AAAER,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACE,QAAN,CAAeQ,EAA9B,CAAA;AAAA,CAAiC,CAAA;AAC9C;AACA;AACA,EAAA,EAAIb,SAAU,CAAA;AACd;;;;"}
+{"version":3,"file":"PopoverStyles.mjs","sources":["../../../packages/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

@@ -1,64 +1,53 @@
 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;

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

@@ -1 +1 @@
-{"version":3,"file":"calculatePosition.mjs","sources":["../../../packages/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,GAAG,CAC/BC,UAD+B,EAE/BC,WAF+B,EAG/BC,WAH+B,EAI/BC,SAJ+B,KAKb;EAClB,MAAMC,QAAuB,GAAG,EAAhC,CAAA;;AAEA,EAAA,QAAQD,SAAR;AACE,IAAA,KAAK,KAAL,CAAA;AACA,IAAA,KAAK,QAAL;AACEC,MAAAA,QAAQ,CAACC,IAAT,GACE,CAACL,UAAU,CAACK,IAAX,GAAkBL,UAAU,CAACM,KAA9B,IAAuC,CAAvC,GAA2CL,WAAW,CAACM,KAAZ,GAAoB,CADjE,CAAA;AAEA,MAAA,MAAA;;AAEF,IAAA,KAAK,SAAL,CAAA;AACA,IAAA,KAAK,YAAL;AACEH,MAAAA,QAAQ,CAACC,IAAT,GAAgBL,UAAU,CAACK,IAA3B,CAAA;AACA,MAAA,MAAA;;AAEF,IAAA,KAAK,UAAL,CAAA;AACA,IAAA,KAAK,aAAL;MACED,QAAQ,CAACC,IAAT,GAAgBL,UAAU,CAACM,KAAX,GAAmBL,WAAW,CAACM,KAA/C,CAAA;AACA,MAAA,MAAA;;AAEF,IAAA,KAAK,UAAL,CAAA;AACA,IAAA,KAAK,OAAL,CAAA;AACA,IAAA,KAAK,aAAL;AACEH,MAAAA,QAAQ,CAACC,IAAT,GAAgBL,UAAU,CAACM,KAA3B,CAAA;AACA,MAAA,MAAA;;AAEF,IAAA,KAAK,SAAL,CAAA;AACA,IAAA,KAAK,MAAL,CAAA;AACA,IAAA,KAAK,YAAL;MACEF,QAAQ,CAACC,IAAT,GAAgBL,UAAU,CAACK,IAAX,GAAkBJ,WAAW,CAACM,KAA9C,CAAA;AACA,MAAA,MAAA;AA3BJ,GAAA;;AA8BA,EAAA,QAAQJ,SAAR;AACE,IAAA,KAAK,MAAL,CAAA;AACA,IAAA,KAAK,OAAL;AACEC,MAAAA,QAAQ,CAACI,GAAT,GACE,CAACR,UAAU,CAACQ,GAAX,GAAiBR,UAAU,CAACS,MAA7B,IAAuC,CAAvC,GAA2CR,WAAW,CAACS,MAAZ,GAAqB,CADlE,CAAA;AAEA,MAAA,MAAA;;AAEF,IAAA,KAAK,SAAL,CAAA;AACA,IAAA,KAAK,UAAL;AACEN,MAAAA,QAAQ,CAACI,GAAT,GAAeR,UAAU,CAACQ,GAA1B,CAAA;AACA,MAAA,MAAA;;AAEF,IAAA,KAAK,YAAL,CAAA;AACA,IAAA,KAAK,aAAL;MACEJ,QAAQ,CAACI,GAAT,GAAeR,UAAU,CAACS,MAAX,GAAoBR,WAAW,CAACS,MAA/C,CAAA;AACA,MAAA,MAAA;;AAEF,IAAA,KAAK,SAAL,CAAA;AACA,IAAA,KAAK,KAAL,CAAA;AACA,IAAA,KAAK,UAAL;MACEN,QAAQ,CAACI,GAAT,GAAeR,UAAU,CAACQ,GAAX,GAAiBP,WAAW,CAACS,MAA5C,CAAA;AACA,MAAA,MAAA;;AAEF,IAAA,KAAK,YAAL,CAAA;AACA,IAAA,KAAK,QAAL,CAAA;AACA,IAAA,KAAK,aAAL;AACEN,MAAAA,QAAQ,CAACI,GAAT,GAAeR,UAAU,CAACS,MAA1B,CAAA;AACA,MAAA,MAAA;AA3BJ,GAAA;;AA8BAL,EAAAA,QAAQ,CAACI,GAAT,IAAgBN,WAAW,CAACM,GAA5B,CAAA;AACAJ,EAAAA,QAAQ,CAACC,IAAT,IAAiBH,WAAW,CAACG,IAA7B,CAAA;AAEA,EAAA,OAAOD,QAAP,CAAA;AACD;;;;"}
+{"version":3,"file":"calculatePosition.mjs","sources":["../../../packages/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.map

@@ -1 +1 @@
-{"version":3,"file":"constants.mjs","sources":["../../../packages/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,OAFgC;AAI1CC,EAAAA,OAAO,EAAE,CAJiC;AAK1CC,EAAAA,aAAa,EAAE,MAAA;AAL2B,EAArC;AAQA,MAAMC,iBAAiB,GAAG;;;;"}
+{"version":3,"file":"constants.mjs","sources":["../../../packages/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;;;;"}