cakeinpanic-ui 1.0.0

package/dist/esm/modal/ModalStyles.mjs

@@ -0,0 +1,217 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import { Close, ArrowBack } from '../icons/index.mjs';
+import '../button/Button.mjs';
+import { ButtonIcon } from '../button/ButtonIcon.mjs';
+import { jsx } from 'react/jsx-runtime';
+import { css } from 'styled-components';
+
+const ModalWindowSizesMap = {
+  sm: css`
+    width: 432px;
+  `,
+  md: css`
+    width: 520px;
+  `,
+  lg: css`
+    width: 960px;
+  `
+};
+const ModalStyle = styled.div`
+  ${_ref => {
+  let {
+    theme: {
+      fontSizesMap,
+      borderRadiusesMap,
+      colors,
+      boxShadows
+    },
+    $center,
+    $size
+  } = _ref;
+  return css`
+    max-width: 100%;
+    font-weight: 400;
+    font-size: ${fontSizesMap.xs}px;
+    line-height: 1.5em;
+    text-align: ${$center ? 'center' : 'left'};
+    border-radius: ${borderRadiusesMap.xl}px;
+    box-shadow: ${boxShadows.xxl} ${colors.shadowDark};
+
+    ${ModalWindowSizesMap[$size]}
+  `;
+}}
+`;
+const ModalBaseStyle = styled.div`
+  ${_ref2 => {
+  let {
+    theme: {
+      colors
+    }
+  } = _ref2;
+  return css`
+    color: ${colors.text};
+    background: ${colors.foreground};
+    border-radius: inherit;
+    position: relative;
+    z-index: 1;
+  `;
+}}
+`;
+const ModalHeaderStyle = styled.div`
+  ${_ref3 => {
+  let {
+    theme: {
+      spaceMap,
+      fontSizesMap,
+      mediaQueries
+    },
+    $short
+  } = _ref3;
+  return css`
+    display: flex;
+    align-items: flex-start;
+    min-height: 32px;
+    margin-bottom: ${$short ? -spaceMap.md : 0}px;
+    padding: ${spaceMap.xl}px ${spaceMap.xxl}px;
+    font-size: ${fontSizesMap.md}px;
+    line-height: 1.5em;
+
+    ${mediaQueries.md} {
+      padding: ${spaceMap.lg}px;
+    }
+  `;
+}}
+`;
+const ModalTitleStyle = styled.div`
+  ${_ref4 => {
+  let {
+    theme: {
+      fontSizesMap,
+      spaceMap,
+      mediaQueries
+    },
+    $center,
+    $withBackButton,
+    $withCloseButton,
+    $withTitleIcon
+  } = _ref4;
+  return css`
+    font-size: ${fontSizesMap.sm}px;
+    line-height: 1.5em;
+    font-weight: 700;
+    margin-left: ${$center && !$withBackButton ? spaceMap.xxl : '0'}px;
+    margin-right: ${$center && !$withCloseButton ? spaceMap.xxl : '0'}px;
+    padding-top: ${$withTitleIcon ? spaceMap.sm : '0'}px;
+    padding-left: 0;
+    padding-right: ${spaceMap.sm}px;
+    flex-grow: 1;
+    align-self: center;
+
+    ${mediaQueries.md} {
+      padding-right: ${spaceMap.xs}px;
+    }
+  `;
+}}
+`;
+const ModalTitleIconStyle = styled.div`
+  ${_ref5 => {
+  let {
+    theme: {
+      spaceMap
+    },
+    $center
+  } = _ref5;
+  return css`
+    display: ${$center ? 'flex' : 'block'};
+    justify-content: ${$center ? 'center' : 'flex-start'};
+    line-height: 0.7;
+    margin-bottom: ${spaceMap.md}px;
+  `;
+}}
+`;
+const ModalTitleTextStyle = styled.div`
+  margin: ${_ref6 => {
+  let {
+    theme
+  } = _ref6;
+  return theme.spaceMap.xs;
+}}px 0;
+`;
+const ModalSubtitleStyle = styled.div`
+  ${_ref7 => {
+  let {
+    theme: {
+      colors,
+      fontSizesMap,
+      spaceMap,
+      mediaQueries
+    }
+  } = _ref7;
+  return css`
+    color: ${colors.textSecondary};
+    font-size: ${fontSizesMap.xs}px;
+    font-weight: 400;
+    line-height: 24px;
+    margin-top: -${spaceMap.xl}px;
+    padding: 0 ${spaceMap.xxl}px ${spaceMap.sm}px;
+
+    ${mediaQueries.md} {
+      padding-left: ${spaceMap.xl}px;
+      padding-right: ${spaceMap.xl}px;
+    }
+  `;
+}}
+`;
+const ModalContentStyle = styled.div`
+  ${_ref8 => {
+  let {
+    theme: {
+      spaceMap,
+      mediaQueries
+    }
+  } = _ref8;
+  return css`
+    padding: 0 ${spaceMap.xxl}px ${spaceMap.xxl}px;
+
+    ${mediaQueries.md} {
+      padding: 0 ${spaceMap.lg}px ${spaceMap.lg}px;
+    }
+  `;
+}}
+`;
+const ModalCloseStyle = styled(ButtonIcon).attrs({
+  icon: /*#__PURE__*/jsx(Close, {}),
+  color: 'secondary',
+  variant: 'ghost',
+  size: 'xs'
+})`
+  margin: 0 -10px 0 0;
+  color: var(--lido-color-textSecondary);
+  flex-shrink: 0;
+  border-radius: 50%;
+`;
+const ModalBackStyle = styled(ButtonIcon).attrs({
+  icon: /*#__PURE__*/jsx(ArrowBack, {}),
+  color: 'secondary',
+  variant: 'ghost',
+  size: 'xs'
+})`
+  ${_ref9 => {
+  let {
+    theme: {
+      colors,
+      spaceMap
+    }
+  } = _ref9;
+  return css`
+    color: ${colors.textSecondary};
+    flex-shrink: 0;
+    margin: 0 ${spaceMap.sm}px 0 -6px;
+    border-radius: 50%;
+    background: transparent !important;
+  `;
+}}
+`;
+
+export { ModalBackStyle, ModalBaseStyle, ModalCloseStyle, ModalContentStyle, ModalHeaderStyle, ModalStyle, ModalSubtitleStyle, ModalTitleIconStyle, ModalTitleStyle, ModalTitleTextStyle, ModalWindowSizesMap };
+//# sourceMappingURL=ModalStyles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalStyles.mjs","sources":["../../../src/modal/ModalStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Close, ArrowBack } from '../icons/index.js'\nimport { ButtonIcon } from '../button/index.js'\nimport { ModalWindowSizes } from './types.js'\n\nexport const ModalWindowSizesMap = {\n  sm: css`\n    width: 432px;\n  `,\n  md: css`\n    width: 520px;\n  `,\n  lg: css`\n    width: 960px;\n  `,\n}\n\nexport const ModalStyle = styled.div<{\n  $center: boolean\n  $size: ModalWindowSizes\n}>`\n  ${({\n    theme: { fontSizesMap, borderRadiusesMap, colors, boxShadows },\n    $center,\n    $size,\n  }) => css`\n    max-width: 100%;\n    font-weight: 400;\n    font-size: ${fontSizesMap.xs}px;\n    line-height: 1.5em;\n    text-align: ${$center ? 'center' : 'left'};\n    border-radius: ${borderRadiusesMap.xl}px;\n    box-shadow: ${boxShadows.xxl} ${colors.shadowDark};\n\n    ${ModalWindowSizesMap[$size]}\n  `}\n`\n\nexport const ModalBaseStyle = styled.div`\n  ${({ theme: { colors } }) => css`\n    color: ${colors.text};\n    background: ${colors.foreground};\n    border-radius: inherit;\n    position: relative;\n    z-index: 1;\n  `}\n`\n\nexport const ModalHeaderStyle = styled.div<{\n  $short: boolean\n}>`\n  ${({ theme: { spaceMap, fontSizesMap, mediaQueries }, $short }) => css`\n    display: flex;\n    align-items: flex-start;\n    min-height: 32px;\n    margin-bottom: ${$short ? -spaceMap.md : 0}px;\n    padding: ${spaceMap.xl}px ${spaceMap.xxl}px;\n    font-size: ${fontSizesMap.md}px;\n    line-height: 1.5em;\n\n    ${mediaQueries.md} {\n      padding: ${spaceMap.lg}px;\n    }\n  `}\n`\n\nexport const ModalTitleStyle = styled.div<{\n  $center: boolean\n  $withTitleIcon: boolean\n  $withCloseButton: boolean\n  $withBackButton: boolean\n}>`\n  ${({\n    theme: { fontSizesMap, spaceMap, mediaQueries },\n    $center,\n    $withBackButton,\n    $withCloseButton,\n    $withTitleIcon,\n  }) => css`\n    font-size: ${fontSizesMap.sm}px;\n    line-height: 1.5em;\n    font-weight: 700;\n    margin-left: ${$center && !$withBackButton ? spaceMap.xxl : '0'}px;\n    margin-right: ${$center && !$withCloseButton ? spaceMap.xxl : '0'}px;\n    padding-top: ${$withTitleIcon ? spaceMap.sm : '0'}px;\n    padding-left: 0;\n    padding-right: ${spaceMap.sm}px;\n    flex-grow: 1;\n    align-self: center;\n\n    ${mediaQueries.md} {\n      padding-right: ${spaceMap.xs}px;\n    }\n  `}\n`\n\nexport const ModalTitleIconStyle = styled.div<{\n  $center: boolean\n}>`\n  ${({ theme: { spaceMap }, $center }) => css`\n    display: ${$center ? 'flex' : 'block'};\n    justify-content: ${$center ? 'center' : 'flex-start'};\n    line-height: 0.7;\n    margin-bottom: ${spaceMap.md}px;\n  `}\n`\n\nexport const ModalTitleTextStyle = styled.div`\n  margin: ${({ theme }) => theme.spaceMap.xs}px 0;\n`\n\nexport const ModalSubtitleStyle = styled.div`\n  ${({ theme: { colors, fontSizesMap, spaceMap, mediaQueries } }) => css`\n    color: ${colors.textSecondary};\n    font-size: ${fontSizesMap.xs}px;\n    font-weight: 400;\n    line-height: 24px;\n    margin-top: -${spaceMap.xl}px;\n    padding: 0 ${spaceMap.xxl}px ${spaceMap.sm}px;\n\n    ${mediaQueries.md} {\n      padding-left: ${spaceMap.xl}px;\n      padding-right: ${spaceMap.xl}px;\n    }\n  `}\n`\n\nexport const ModalContentStyle = styled.div`\n  ${({ theme: { spaceMap, mediaQueries } }) => css`\n    padding: 0 ${spaceMap.xxl}px ${spaceMap.xxl}px;\n\n    ${mediaQueries.md} {\n      padding: 0 ${spaceMap.lg}px ${spaceMap.lg}px;\n    }\n  `}\n`\n\nexport const ModalCloseStyle = styled(ButtonIcon).attrs({\n  icon: <Close />,\n  color: 'secondary',\n  variant: 'ghost',\n  size: 'xs',\n})`\n  margin: 0 -10px 0 0;\n  color: var(--lido-color-textSecondary);\n  flex-shrink: 0;\n  border-radius: 50%;\n`\n\nexport const ModalBackStyle = styled(ButtonIcon).attrs({\n  icon: <ArrowBack />,\n  color: 'secondary',\n  variant: 'ghost',\n  size: 'xs',\n})`\n  ${({ theme: { colors, spaceMap } }) => css`\n    color: ${colors.textSecondary};\n    flex-shrink: 0;\n    margin: 0 ${spaceMap.sm}px 0 -6px;\n    border-radius: 50%;\n    background: transparent !important;\n  `}\n`\n"],"names":["ModalWindowSizesMap","sm","css","md","lg","ModalStyle","styled","div","_ref","theme","fontSizesMap","borderRadiusesMap","colors","boxShadows","$center","$size","xs","xl","xxl","shadowDark","ModalBaseStyle","_ref2","text","foreground","ModalHeaderStyle","_ref3","spaceMap","mediaQueries","$short","ModalTitleStyle","_ref4","$withBackButton","$withCloseButton","$withTitleIcon","ModalTitleIconStyle","_ref5","ModalTitleTextStyle","_ref6","ModalSubtitleStyle","_ref7","textSecondary","ModalContentStyle","_ref8","ModalCloseStyle","ButtonIcon","attrs","icon","_jsx","Close","color","variant","size","ModalBackStyle","ArrowBack","_ref9"],"mappings":"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"}

package/dist/esm/modal/constants.mjs

@@ -0,0 +1,4 @@
+const FOCUSABLE_ELEMENTS = ['a[href]', 'area[href]', 'input:not([disabled]):not([type="hidden"]):not([aria-hidden])', 'select:not([disabled]):not([aria-hidden])', 'textarea:not([disabled]):not([aria-hidden])', 'button:not([disabled]):not([aria-hidden])', 'iframe', 'object', 'embed', '[contenteditable]', '[tabindex]:not([tabindex^="-"])'];
+
+export { FOCUSABLE_ELEMENTS };
+//# sourceMappingURL=constants.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../src/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

@@ -0,0 +1,9 @@
+let ModalWindowSize = /*#__PURE__*/function (ModalWindowSize) {
+  ModalWindowSize[ModalWindowSize["sm"] = 0] = "sm";
+  ModalWindowSize[ModalWindowSize["md"] = 1] = "md";
+  ModalWindowSize[ModalWindowSize["lg"] = 2] = "lg";
+  return ModalWindowSize;
+}({});
+
+export { ModalWindowSize };
+//# sourceMappingURL=types.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":["../../../src/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

@@ -0,0 +1,19 @@
+import { useRef, useCallback } from 'react';
+
+const useModalClose = callback => {
+  const ref = useRef(null);
+  const handleClick = useCallback(event => {
+    const contentElement = ref.current;
+    if (!contentElement) return;
+    if (!(event.target instanceof Node)) return;
+    if (contentElement.contains(event.target)) return;
+    callback?.();
+  }, [callback]);
+  return {
+    ref,
+    handleClick
+  };
+};
+
+export { useModalClose };
+//# sourceMappingURL=useModalClose.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useModalClose.mjs","sources":["../../../src/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

@@ -0,0 +1,53 @@
+import { useRef, useCallback, useEffect } from 'react';
+import '../utils/styled-components-wrapper.mjs';
+import { useInterceptFocus } from '../hooks/useInterceptFocus.mjs';
+import 'use-callback-ref';
+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 { FOCUSABLE_ELEMENTS } from './constants.mjs';
+
+const useModalFocus = () => {
+  const modalRef = useRef(null);
+  const getFocusableNodes = useCallback(() => {
+    const nodes = modalRef.current?.querySelectorAll(FOCUSABLE_ELEMENTS.join(',')) ?? [];
+    return Array.from(nodes).filter(node => node && node instanceof HTMLElement && node.offsetParent !== null);
+  }, []);
+  const handleRetainFocus = useCallback(event => {
+    const focusableNodes = getFocusableNodes();
+    if (focusableNodes.length === 0) return;
+    const currentElement = document.activeElement;
+    const focusedItemIndex = currentElement instanceof HTMLElement && focusableNodes.indexOf(currentElement);
+    if (event.shiftKey && focusedItemIndex === 0) {
+      focusableNodes[focusableNodes.length - 1].focus();
+      event.preventDefault();
+    }
+    if (!event.shiftKey && focusableNodes.length > 0 && focusedItemIndex === focusableNodes.length - 1) {
+      focusableNodes[0].focus();
+      event.preventDefault();
+    }
+  }, [getFocusableNodes]);
+  useEffect(() => {
+    const handleKeyDown = event => {
+      if (event.code === 'Tab') handleRetainFocus(event);
+    };
+    document.addEventListener('keydown', handleKeyDown);
+    return () => document.removeEventListener('keydown', handleKeyDown);
+  }, [handleRetainFocus]);
+  const [interceptFocus, restoreFocus] = useInterceptFocus();
+  useEffect(() => {
+    if (!modalRef.current) return;
+    interceptFocus(modalRef.current);
+    return restoreFocus;
+  }, [interceptFocus, restoreFocus]);
+  return modalRef;
+};
+
+export { useModalFocus };
+//# sourceMappingURL=useModalFocus.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useModalFocus.mjs","sources":["../../../src/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

@@ -0,0 +1,79 @@
+import { useState, useMemo, useEffect } from 'react';
+import styled from '../utils/styled-components-wrapper.mjs';
+import { ArrowLeft, ArrowRight } from '../icons/index.mjs';
+import { Box } from '../box/Box.mjs';
+import { PaginationItemVariant } from './types.mjs';
+import getShowingPages from './getShowingPages.mjs';
+import { PaginationItem } from './PaginationItem.mjs';
+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;
+`;
+const Pagination = _ref => {
+  let {
+    onItemClick,
+    pagesCount,
+    activePage = 1,
+    siblingCount,
+    ...rest
+  } = _ref;
+  const [currentPage, setCurrPage] = useState(getActiveItem(pagesCount, activePage));
+  const showingPages = useMemo(() => getShowingPages(pagesCount, currentPage, siblingCount), [pagesCount, currentPage, siblingCount]);
+  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,
+    children: [/*#__PURE__*/jsx(PaginationItem, {
+      disabled: currentPage === 1,
+      icon: /*#__PURE__*/jsx(ArrowLeft, {}),
+      onClick: onPreviousClick
+    }), showingPages.map((page, index) => {
+      const isDisabled = page === '...';
+      const variant = page === currentPage ? PaginationItemVariant.active : PaginationItemVariant.default;
+      return /*#__PURE__*/jsx(PaginationItem, {
+        icon: page,
+        variant: variant,
+        disabled: isDisabled,
+        onClick: onPageItemClick.bind(null, page)
+      }, page === '...' ? `${page}${index}` : page);
+    }), /*#__PURE__*/jsx(PaginationItem, {
+      disabled: currentPage === pagesCount,
+      icon: /*#__PURE__*/jsx(ArrowRight, {}),
+      onClick: onNextClick
+    })]
+  });
+};
+
+export { Pagination };
+//# sourceMappingURL=Pagination.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.mjs","sources":["../../../src/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

@@ -0,0 +1,19 @@
+import { PaginationItemStyle } from './PaginationItemStyles.mjs';
+import { PaginationItemVariant } from './types.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+const PaginationItem = _ref => {
+  let {
+    icon,
+    variant = PaginationItemVariant.default,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/jsx(PaginationItemStyle, {
+    $variant: variant,
+    ...rest,
+    children: icon
+  });
+};
+
+export { PaginationItem };
+//# sourceMappingURL=PaginationItem.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationItem.mjs","sources":["../../../src/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

@@ -0,0 +1,54 @@
+import styled from '../utils/styled-components-wrapper.mjs';
+import { PaginationItemVariant } from './types.mjs';
+import { css } from 'styled-components';
+
+const variantColors = {
+  [PaginationItemVariant.active]: css`
+    border-color: var(--lido-color-primary);
+    color: var(--lido-color-primary);
+
+    :not(:disabled):hover {
+      border-color: var(--lido-color-primaryVisited);
+      color: var(--lido-color-primaryVisited);
+    }
+  `,
+  [PaginationItemVariant.default]: css`
+    border-color: var(--lido-color-border);
+    color: var(--lido-color-text);
+
+    :not(:disabled):hover {
+      border-color: var(--lido-color-primary);
+      color: var(--lido-color-primary);
+    }
+  `
+};
+const PaginationItemStyle = styled.button`
+  width: 32px;
+  height: 32px;
+  background-color: var(--lido-color-foreground);
+  border: 1px solid;
+  display: grid;
+  place-items: center;
+  box-sizing: border-box;
+  border-radius: 6px;
+  cursor: pointer;
+  font-size: 12px;
+  font-weight: 700;
+  padding: 0;
+
+  ${_ref => {
+  let {
+    $variant
+  } = _ref;
+  return variantColors[$variant];
+}}
+
+  :disabled {
+    border-color: var(--lido-color-border);
+    color: var(--lido-color-textSecondary);
+    cursor: unset;
+  }
+`;
+
+export { PaginationItemStyle };
+//# sourceMappingURL=PaginationItemStyles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationItemStyles.mjs","sources":["../../../src/pagination/PaginationItemStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport { PaginationItemVariant } from './types.js'\n\ntype InjectedProps = {\n  $variant: PaginationItemVariant\n  theme: Theme\n}\n\nconst variantColors = {\n  [PaginationItemVariant.active]: css`\n    border-color: var(--lido-color-primary);\n    color: var(--lido-color-primary);\n\n    :not(:disabled):hover {\n      border-color: var(--lido-color-primaryVisited);\n      color: var(--lido-color-primaryVisited);\n    }\n  `,\n  [PaginationItemVariant.default]: css`\n    border-color: var(--lido-color-border);\n    color: var(--lido-color-text);\n\n    :not(:disabled):hover {\n      border-color: var(--lido-color-primary);\n      color: var(--lido-color-primary);\n    }\n  `,\n}\n\nexport const PaginationItemStyle = styled.button<InjectedProps>`\n  width: 32px;\n  height: 32px;\n  background-color: var(--lido-color-foreground);\n  border: 1px solid;\n  display: grid;\n  place-items: center;\n  box-sizing: border-box;\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 700;\n  padding: 0;\n\n  ${({ $variant }) => variantColors[$variant]}\n\n  :disabled {\n    border-color: var(--lido-color-border);\n    color: var(--lido-color-textSecondary);\n    cursor: unset;\n  }\n`\n"],"names":["variantColors","PaginationItemVariant","active","css","default","PaginationItemStyle","styled","button","_ref","$variant"],"mappings":";;;;AASA,MAAMA,aAAa,GAAG;AACpB,EAAA,CAACC,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

@@ -0,0 +1,88 @@
+const arrayPusher = () => {
+  const innerArray = [];
+  return (arr, element) => {
+    if (!innerArray.includes(element) || element === '...') {
+      innerArray.push(element);
+      arr.push(element);
+    }
+    return innerArray.length;
+  };
+};
+const numberSort = (a, b) => a - b;
+const range = (start, end) => {
+  const length = end - start + 1;
+  return Array.from({
+    length
+  }, (_, i) => start + i);
+};
+const getShowingPages = function (pagesCount) {
+  let currPage = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  let siblingCount = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+  if (!pagesCount) {
+    return [];
+  }
+  const showingPagesCount = siblingCount === 1 ? 7 : 5;
+  if (pagesCount <= showingPagesCount) {
+    return range(1, pagesCount);
+  }
+  const firstPage = 1;
+  const lastPage = pagesCount;
+  const firstPages = [];
+  const firstEllipsis = [];
+  const middlePages = [];
+  const lastEllipsis = [];
+  const lastPages = [];
+  const pusher = arrayPusher();
+  pusher(firstPages, firstPage);
+
+  // see getShowingPages.test.ts for full example
+  let siblings;
+  switch (true) {
+    case firstPage === currPage:
+      siblings = [0, 1, 1 + siblingCount]; //currPage=1 => [1. 2, 3?]
+      break;
+    case lastPage === currPage:
+      siblings = [-siblingCount - 1, -1, 0]; // currPage=10 => [?8, 9, 10]
+      break;
+    case siblingCount === 1 && currPage - firstPage === 3:
+      siblings = [-2, -1, 0, 1]; // currPage=4 => [2, 3, 4, 5]
+      break;
+    case siblingCount === 1 && lastPage - currPage === 3:
+      siblings = [-1, 0, 1, 2]; // currPage=7 => [6, 7, 8, 9]
+      break;
+    case siblingCount === 1:
+      siblings = [-1, 0, 1]; // currPage=5 => [4, 5, 6]
+      break;
+    case siblingCount === 0 && currPage - firstPage === 2:
+      siblings = [-1, 0]; // currPage=3 => [1, 2, 3]
+      break;
+    case siblingCount === 0 && lastPage - currPage === 2:
+      siblings = [0, 1]; // currPage=8 => [8, 9]
+      break;
+    default:
+      siblings = [0]; // no siblings
+      break;
+  }
+  siblings.forEach(sibling => {
+    pusher(middlePages, currPage + sibling);
+  });
+  if (currPage - firstPage >= 3 + siblingCount) {
+    pusher(firstEllipsis, '...');
+  }
+  if (lastPage - currPage >= 3 + siblingCount) {
+    pusher(lastEllipsis, '...');
+  }
+  const count = pusher(lastPages, lastPage);
+  const rest = showingPagesCount - count;
+  for (let i = rest; i > 0; i--) {
+    if (currPage < pagesCount / 2) {
+      pusher(lastPages, lastPage - i);
+    } else {
+      pusher(firstPages, firstPage + i);
+    }
+  }
+  return [...firstPages.sort(numberSort), ...firstEllipsis, ...middlePages, ...lastEllipsis, ...lastPages.sort(numberSort)];
+};
+
+export { arrayPusher, getShowingPages as default, numberSort, range };
+//# sourceMappingURL=getShowingPages.mjs.map

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

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

package/dist/esm/pagination/types.mjs

@@ -0,0 +1,8 @@
+let PaginationItemVariant = /*#__PURE__*/function (PaginationItemVariant) {
+  PaginationItemVariant["default"] = "default";
+  PaginationItemVariant["active"] = "active";
+  return PaginationItemVariant;
+}({});
+
+export { PaginationItemVariant };
+//# sourceMappingURL=types.mjs.map