@transferwise/components 46.161.1 → 46.161.3

package/build/common/BaseCard/BaseCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseCard.js","sources":["../../../src/common/BaseCard/BaseCard.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { type ReactNode, forwardRef, useRef } from 'react';\n\nimport { CloseButton } from '../CloseButton';\nimport { stopPropagation } from '../DomHelpers';\n\nexport interface BaseCardProps {\n  /** Content to display inside Card. */\n  children: ReactNode;\n\n  /** Optional prop to specify classNames onto the Card */\n  className?: string;\n\n  /** Optional prop to specify the ID on to Card  */\n  id?: string;\n\n  /** Specify whether the Card is disabled, or not */\n  isDisabled?: boolean;\n\n  /** Specify whether the Card is sized small or not */\n  isSmall?: boolean;\n\n  /** Optionally specify Card onDismiss function */\n  onDismiss?: () => void;\n\n  /** Optional prop to specify the ID used for testing */\n  testId?: string;\n}\n\n/**\n * BaseCard component.\n *\n * A BaseCard is a container for content that is used to group related information.\n * It can be used to display information in a structured way, and can be\n * customized with various props to suit different use cases.\n *\n * @param {Object} props - The component props.\n * @param {ReactNode} children - The content to display inside the card.\n * @param {string} className - Optional class name(s) to add to the card container.\n * @param {string} id - Optional ID to add to the card container.\n * @param {boolean} isDisabled - Whether the card is disabled or not.\n * @param {boolean} isSmall - Whether the card is small or not.\n * @param {(event_: MouseEvent<HTMLButtonElement>) => void} onDismiss - Optional function to call when the card is dismissed.\n * @param {string} testId - Optional ID to add to the card container for testing purposes.\n * @returns {React.JSX.Element} - The card component.\n * @example\n * <BaseCard>\n *   <p>Hello World!</p>\n * </BaseCard>\n */\nconst BaseCard = forwardRef<HTMLDivElement, BaseCardProps>(\n  (\n    {\n      className,\n      children = null,\n      id,\n      isDisabled = false,\n      isSmall = false,\n      onDismiss,\n      testId,\n      ...props\n    },\n    ref,\n  ) => {\n    const closeButtonReference = useRef(null);\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          'np-Card',\n          {\n            'np-Card--small': !!isSmall,\n            'is-disabled': !!isDisabled,\n          },\n          className,\n        )}\n        id={id}\n        data-testid={testId}\n        {...props}\n      >\n        {onDismiss && (\n          <CloseButton\n            ref={closeButtonReference}\n            className=\"np-Card-closeButton\"\n            size={isSmall ? 'sm' : 'md'}\n            isDisabled={isDisabled}\n            testId=\"close-button\"\n            onClick={(e) => {\n              stopPropagation(e);\n              onDismiss();\n            }}\n          />\n        )}\n        {children}\n      </div>\n    );\n  },\n);\n\nBaseCard.displayName = 'Card';\n\nexport default BaseCard;\n"],"names":["BaseCard","forwardRef","className","children","id","isDisabled","isSmall","onDismiss","testId","props","ref","closeButtonReference","useRef","_jsxs","clsx","_jsx","CloseButton","size","onClick","e","stopPropagation","displayName"],"mappings":";;;;;;;;;;AAkDA,MAAMA,QAAQ,gBAAGC,gBAAU,CACzB,CACE;EACEC,SAAS;AACTC,EAAAA,QAAQ,GAAG,IAAI;EACfC,EAAE;AACFC,EAAAA,UAAU,GAAG,KAAK;AAClBC,EAAAA,OAAO,GAAG,KAAK;EACfC,SAAS;EACTC,MAAM;EACN,GAAGC;AAAK,CACT,EACDC,GAAG,KACD;AACF,EAAA,MAAMC,oBAAoB,GAAGC,YAAM,CAAC,IAAI,CAAC;AAEzC,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;AACEH,IAAAA,GAAG,EAAEA,GAAI;AACTR,IAAAA,SAAS,EAAEY,SAAI,CACb,SAAS,EACT;MACE,gBAAgB,EAAE,CAAC,CAACR,OAAO;MAC3B,aAAa,EAAE,CAAC,CAACD;KAClB,EACDH,SAAS,CACT;AACFE,IAAAA,EAAE,EAAEA,EAAG;AACP,IAAA,aAAA,EAAaI,MAAO;AAAA,IAAA,GAChBC,KAAK;AAAAN,IAAAA,QAAA,EAAA,CAERI,SAAS,iBACRQ,cAAA,CAACC,uBAAW,EAAA;AACVN,MAAAA,GAAG,EAAEC,oBAAqB;AAC1BT,MAAAA,SAAS,EAAC,qBAAqB;AAC/Be,MAAAA,IAAI,EAAEX,OAAO,GAAG,IAAI,GAAG,IAAK;AAC5BD,MAAAA,UAAU,EAAEA,UAAW;AACvBG,MAAAA,MAAM,EAAC,cAAc;MACrBU,OAAO,EAAGC,CAAC,IAAI;QACbC,gCAAe,CAACD,CAAC,CAAC;AAClBZ,QAAAA,SAAS,EAAE;AACb,MAAA;KAAE,CAEL,EACAJ,QAAQ;AAAA,GACN,CAAC;AAEV,CAAC;AAGHH,QAAQ,CAACqB,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"BaseCard.js","sources":["../../../src/common/BaseCard/BaseCard.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { type ReactNode, forwardRef, useRef } from 'react';\n\nimport { CloseButton } from '../CloseButton';\nimport { stopPropagation } from '../DomHelpers';\n\nexport interface BaseCardProps {\n  /** Content to display inside Card. */\n  children: ReactNode;\n\n  /** Optional prop to specify classNames onto the Card */\n  className?: string;\n\n  /** Optional prop to specify the ID on to Card  */\n  id?: string;\n\n  /** Specify whether the Card is disabled, or not */\n  isDisabled?: boolean;\n\n  /** Specify whether the Card is sized small or not */\n  isSmall?: boolean;\n\n  /** Optionally specify Card onDismiss function */\n  onDismiss?: () => void;\n\n  /** Optional prop to specify the ID used for testing */\n  testId?: string;\n}\n\n/**\n * BaseCard component.\n *\n * A BaseCard is a container for content that is used to group related information.\n * It can be used to display information in a structured way, and can be\n * customized with various props to suit different use cases.\n *\n * @param {Object} props - The component props.\n * @param {ReactNode} children - The content to display inside the card.\n * @param {string} className - Optional class name(s) to add to the card container.\n * @param {string} id - Optional ID to add to the card container.\n * @param {boolean} isDisabled - Whether the card is disabled or not.\n * @param {boolean} isSmall - Whether the card is small or not.\n * @param {(event_: MouseEvent<HTMLButtonElement>) => void} onDismiss - Optional function to call when the card is dismissed.\n * @param {string} testId - Optional ID to add to the card container for testing purposes.\n * @returns {React.JSX.Element} - The card component.\n * @example\n * <BaseCard>\n *   <p>Hello World!</p>\n * </BaseCard>\n */\nconst BaseCard = forwardRef<HTMLDivElement, BaseCardProps>(\n  (\n    {\n      className,\n      children = null,\n      id,\n      isDisabled = false,\n      isSmall = false,\n      onDismiss,\n      testId,\n      ...props\n    },\n    ref,\n  ) => {\n    const closeButtonReference = useRef(null);\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          'np-Card',\n          {\n            'np-Card--small': !!isSmall,\n            'is-disabled': !!isDisabled,\n          },\n          className,\n        )}\n        id={id}\n        data-testid={testId}\n        {...props}\n      >\n        {onDismiss && (\n          <CloseButton\n            ref={closeButtonReference}\n            className=\"np-Card-closeButton\"\n            size={isSmall ? 'sm' : 'md'}\n            isDisabled={isDisabled}\n            testId=\"close-button\"\n            onClick={(e) => {\n              stopPropagation(e);\n              onDismiss();\n            }}\n          />\n        )}\n        {children}\n      </div>\n    );\n  },\n);\n\nBaseCard.displayName = 'Card';\n\nexport default BaseCard;\n"],"names":["BaseCard","forwardRef","className","children","id","isDisabled","isSmall","onDismiss","testId","props","ref","closeButtonReference","useRef","_jsxs","clsx","_jsx","CloseButton","size","onClick","e","stopPropagation","displayName"],"mappings":";;;;;;;;;;AAkDA,MAAMA,QAAQ,gBAAGC,gBAAU,CACzB,CACE;EACEC,SAAS;AACTC,EAAAA,QAAQ,GAAG,IAAI;EACfC,EAAE;AACFC,EAAAA,UAAU,GAAG,KAAK;AAClBC,EAAAA,OAAO,GAAG,KAAK;EACfC,SAAS;EACTC,MAAM;EACN,GAAGC;AAAK,CACT,EACDC,GAAG,KACD;AACF,EAAA,MAAMC,oBAAoB,GAAGC,YAAM,CAAC,IAAI,CAAC;AAEzC,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;AACEH,IAAAA,GAAG,EAAEA,GAAI;AACTR,IAAAA,SAAS,EAAEY,SAAI,CACb,SAAS,EACT;MACE,gBAAgB,EAAE,CAAC,CAACR,OAAO;MAC3B,aAAa,EAAE,CAAC,CAACD;KAClB,EACDH,SAAS,CACT;AACFE,IAAAA,EAAE,EAAEA,EAAG;AACP,IAAA,aAAA,EAAaI,MAAO;AAAA,IAAA,GAChBC,KAAK;AAAAN,IAAAA,QAAA,EAAA,CAERI,SAAS,iBACRQ,cAAA,CAACC,uBAAW,EAAA;AACVN,MAAAA,GAAG,EAAEC,oBAAqB;AAC1BT,MAAAA,SAAS,EAAC,qBAAqB;AAC/Be,MAAAA,IAAI,EAAEX,OAAO,GAAG,IAAI,GAAG,IAAK;AAC5BD,MAAAA,UAAU,EAAEA,UAAW;AACvBG,MAAAA,MAAM,EAAC,cAAc;MACrBU,OAAO,EAAGC,CAAC,IAAI;QACbC,gCAAe,CAACD,CAAC,CAAC;AAClBZ,QAAAA,SAAS,EAAE;AACb,MAAA;KAAE,CAEL,EACAJ,QAAQ;AAAA,GACN,CAAC;AAEV,CAAC;AAGHH,QAAQ,CAACqB,WAAW,GAAG,MAAM;;"}

package/build/common/BaseCard/BaseCard.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BaseCard.mjs","sources":["../../../src/common/BaseCard/BaseCard.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { type ReactNode, forwardRef, useRef } from 'react';\n\nimport { CloseButton } from '../CloseButton';\nimport { stopPropagation } from '../DomHelpers';\n\nexport interface BaseCardProps {\n  /** Content to display inside Card. */\n  children: ReactNode;\n\n  /** Optional prop to specify classNames onto the Card */\n  className?: string;\n\n  /** Optional prop to specify the ID on to Card  */\n  id?: string;\n\n  /** Specify whether the Card is disabled, or not */\n  isDisabled?: boolean;\n\n  /** Specify whether the Card is sized small or not */\n  isSmall?: boolean;\n\n  /** Optionally specify Card onDismiss function */\n  onDismiss?: () => void;\n\n  /** Optional prop to specify the ID used for testing */\n  testId?: string;\n}\n\n/**\n * BaseCard component.\n *\n * A BaseCard is a container for content that is used to group related information.\n * It can be used to display information in a structured way, and can be\n * customized with various props to suit different use cases.\n *\n * @param {Object} props - The component props.\n * @param {ReactNode} children - The content to display inside the card.\n * @param {string} className - Optional class name(s) to add to the card container.\n * @param {string} id - Optional ID to add to the card container.\n * @param {boolean} isDisabled - Whether the card is disabled or not.\n * @param {boolean} isSmall - Whether the card is small or not.\n * @param {(event_: MouseEvent<HTMLButtonElement>) => void} onDismiss - Optional function to call when the card is dismissed.\n * @param {string} testId - Optional ID to add to the card container for testing purposes.\n * @returns {React.JSX.Element} - The card component.\n * @example\n * <BaseCard>\n *   <p>Hello World!</p>\n * </BaseCard>\n */\nconst BaseCard = forwardRef<HTMLDivElement, BaseCardProps>(\n  (\n    {\n      className,\n      children = null,\n      id,\n      isDisabled = false,\n      isSmall = false,\n      onDismiss,\n      testId,\n      ...props\n    },\n    ref,\n  ) => {\n    const closeButtonReference = useRef(null);\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          'np-Card',\n          {\n            'np-Card--small': !!isSmall,\n            'is-disabled': !!isDisabled,\n          },\n          className,\n        )}\n        id={id}\n        data-testid={testId}\n        {...props}\n      >\n        {onDismiss && (\n          <CloseButton\n            ref={closeButtonReference}\n            className=\"np-Card-closeButton\"\n            size={isSmall ? 'sm' : 'md'}\n            isDisabled={isDisabled}\n            testId=\"close-button\"\n            onClick={(e) => {\n              stopPropagation(e);\n              onDismiss();\n            }}\n          />\n        )}\n        {children}\n      </div>\n    );\n  },\n);\n\nBaseCard.displayName = 'Card';\n\nexport default BaseCard;\n"],"names":["BaseCard","forwardRef","className","children","id","isDisabled","isSmall","onDismiss","testId","props","ref","closeButtonReference","useRef","_jsxs","clsx","_jsx","CloseButton","size","onClick","e","stopPropagation","displayName"],"mappings":";;;;;;AAkDA,MAAMA,QAAQ,gBAAGC,UAAU,CACzB,CACE;EACEC,SAAS;AACTC,EAAAA,QAAQ,GAAG,IAAI;EACfC,EAAE;AACFC,EAAAA,UAAU,GAAG,KAAK;AAClBC,EAAAA,OAAO,GAAG,KAAK;EACfC,SAAS;EACTC,MAAM;EACN,GAAGC;AAAK,CACT,EACDC,GAAG,KACD;AACF,EAAA,MAAMC,oBAAoB,GAAGC,MAAM,CAAC,IAAI,CAAC;AAEzC,EAAA,oBACEC,IAAA,CAAA,KAAA,EAAA;AACEH,IAAAA,GAAG,EAAEA,GAAI;AACTR,IAAAA,SAAS,EAAEY,IAAI,CACb,SAAS,EACT;MACE,gBAAgB,EAAE,CAAC,CAACR,OAAO;MAC3B,aAAa,EAAE,CAAC,CAACD;KAClB,EACDH,SAAS,CACT;AACFE,IAAAA,EAAE,EAAEA,EAAG;AACP,IAAA,aAAA,EAAaI,MAAO;AAAA,IAAA,GAChBC,KAAK;AAAAN,IAAAA,QAAA,EAAA,CAERI,SAAS,iBACRQ,GAAA,CAACC,WAAW,EAAA;AACVN,MAAAA,GAAG,EAAEC,oBAAqB;AAC1BT,MAAAA,SAAS,EAAC,qBAAqB;AAC/Be,MAAAA,IAAI,EAAEX,OAAO,GAAG,IAAI,GAAG,IAAK;AAC5BD,MAAAA,UAAU,EAAEA,UAAW;AACvBG,MAAAA,MAAM,EAAC,cAAc;MACrBU,OAAO,EAAGC,CAAC,IAAI;QACbC,eAAe,CAACD,CAAC,CAAC;AAClBZ,QAAAA,SAAS,EAAE;AACb,MAAA;KAAE,CAEL,EACAJ,QAAQ;AAAA,GACN,CAAC;AAEV,CAAC;AAGHH,QAAQ,CAACqB,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"BaseCard.mjs","sources":["../../../src/common/BaseCard/BaseCard.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { type ReactNode, forwardRef, useRef } from 'react';\n\nimport { CloseButton } from '../CloseButton';\nimport { stopPropagation } from '../DomHelpers';\n\nexport interface BaseCardProps {\n  /** Content to display inside Card. */\n  children: ReactNode;\n\n  /** Optional prop to specify classNames onto the Card */\n  className?: string;\n\n  /** Optional prop to specify the ID on to Card  */\n  id?: string;\n\n  /** Specify whether the Card is disabled, or not */\n  isDisabled?: boolean;\n\n  /** Specify whether the Card is sized small or not */\n  isSmall?: boolean;\n\n  /** Optionally specify Card onDismiss function */\n  onDismiss?: () => void;\n\n  /** Optional prop to specify the ID used for testing */\n  testId?: string;\n}\n\n/**\n * BaseCard component.\n *\n * A BaseCard is a container for content that is used to group related information.\n * It can be used to display information in a structured way, and can be\n * customized with various props to suit different use cases.\n *\n * @param {Object} props - The component props.\n * @param {ReactNode} children - The content to display inside the card.\n * @param {string} className - Optional class name(s) to add to the card container.\n * @param {string} id - Optional ID to add to the card container.\n * @param {boolean} isDisabled - Whether the card is disabled or not.\n * @param {boolean} isSmall - Whether the card is small or not.\n * @param {(event_: MouseEvent<HTMLButtonElement>) => void} onDismiss - Optional function to call when the card is dismissed.\n * @param {string} testId - Optional ID to add to the card container for testing purposes.\n * @returns {React.JSX.Element} - The card component.\n * @example\n * <BaseCard>\n *   <p>Hello World!</p>\n * </BaseCard>\n */\nconst BaseCard = forwardRef<HTMLDivElement, BaseCardProps>(\n  (\n    {\n      className,\n      children = null,\n      id,\n      isDisabled = false,\n      isSmall = false,\n      onDismiss,\n      testId,\n      ...props\n    },\n    ref,\n  ) => {\n    const closeButtonReference = useRef(null);\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          'np-Card',\n          {\n            'np-Card--small': !!isSmall,\n            'is-disabled': !!isDisabled,\n          },\n          className,\n        )}\n        id={id}\n        data-testid={testId}\n        {...props}\n      >\n        {onDismiss && (\n          <CloseButton\n            ref={closeButtonReference}\n            className=\"np-Card-closeButton\"\n            size={isSmall ? 'sm' : 'md'}\n            isDisabled={isDisabled}\n            testId=\"close-button\"\n            onClick={(e) => {\n              stopPropagation(e);\n              onDismiss();\n            }}\n          />\n        )}\n        {children}\n      </div>\n    );\n  },\n);\n\nBaseCard.displayName = 'Card';\n\nexport default BaseCard;\n"],"names":["BaseCard","forwardRef","className","children","id","isDisabled","isSmall","onDismiss","testId","props","ref","closeButtonReference","useRef","_jsxs","clsx","_jsx","CloseButton","size","onClick","e","stopPropagation","displayName"],"mappings":";;;;;;AAkDA,MAAMA,QAAQ,gBAAGC,UAAU,CACzB,CACE;EACEC,SAAS;AACTC,EAAAA,QAAQ,GAAG,IAAI;EACfC,EAAE;AACFC,EAAAA,UAAU,GAAG,KAAK;AAClBC,EAAAA,OAAO,GAAG,KAAK;EACfC,SAAS;EACTC,MAAM;EACN,GAAGC;AAAK,CACT,EACDC,GAAG,KACD;AACF,EAAA,MAAMC,oBAAoB,GAAGC,MAAM,CAAC,IAAI,CAAC;AAEzC,EAAA,oBACEC,IAAA,CAAA,KAAA,EAAA;AACEH,IAAAA,GAAG,EAAEA,GAAI;AACTR,IAAAA,SAAS,EAAEY,IAAI,CACb,SAAS,EACT;MACE,gBAAgB,EAAE,CAAC,CAACR,OAAO;MAC3B,aAAa,EAAE,CAAC,CAACD;KAClB,EACDH,SAAS,CACT;AACFE,IAAAA,EAAE,EAAEA,EAAG;AACP,IAAA,aAAA,EAAaI,MAAO;AAAA,IAAA,GAChBC,KAAK;AAAAN,IAAAA,QAAA,EAAA,CAERI,SAAS,iBACRQ,GAAA,CAACC,WAAW,EAAA;AACVN,MAAAA,GAAG,EAAEC,oBAAqB;AAC1BT,MAAAA,SAAS,EAAC,qBAAqB;AAC/Be,MAAAA,IAAI,EAAEX,OAAO,GAAG,IAAI,GAAG,IAAK;AAC5BD,MAAAA,UAAU,EAAEA,UAAW;AACvBG,MAAAA,MAAM,EAAC,cAAc;MACrBU,OAAO,EAAGC,CAAC,IAAI;QACbC,eAAe,CAACD,CAAC,CAAC;AAClBZ,QAAAA,SAAS,EAAE;AACb,MAAA;KAAE,CAEL,EACAJ,QAAQ;AAAA,GACN,CAAC;AAEV,CAAC;AAGHH,QAAQ,CAACqB,WAAW,GAAG,MAAM;;"}

package/build/common/BottomSheet/BottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.js","sources":["../../../src/common/BottomSheet/BottomSheet.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport {\n  CSSProperties,\n  HTMLAttributes,\n  PropsWithChildren,\n  SyntheticEvent,\n  useContext,\n  useRef,\n  useState,\n} from 'react';\nimport { Breakpoint } from '@transferwise/neptune-tokens';\n\nimport Dimmer from '../../Dimmer';\nimport Drawer from '../../Drawer';\nimport { OverlayIdContext } from '../../Provider/overlay/OverlayIdProvider';\nimport SlidingPanel from '../../SlidingPanel';\nimport { CloseButton } from '../CloseButton';\nimport { CommonProps } from '../commonProps';\nimport { isServerSide } from '../DomHelpers';\nimport { useConditionalListener } from '../hooks';\nimport { useMedia } from '../hooks/useMedia';\nimport { Position } from '../PropsValues/position';\n\nconst INITIAL_Y_POSITION = 0;\n\nconst CONTENT_SCROLL_THRESHOLD = 1;\n\nconst MOVE_OFFSET_THRESHOLD = 50;\n\nexport type BottomSheetProps = PropsWithChildren<\n  {\n    onClose?: (event: Event | SyntheticEvent) => void;\n    open: boolean;\n  } & CommonProps &\n    Pick<HTMLAttributes<HTMLDivElement>, 'role' | 'aria-labelledby' | 'aria-label'>\n>;\n\n/**\n * Neptune: https://transferwise.github.io/neptune/components/bottom-sheet/\n *\n * Neptune Web: https://transferwise.github.io/neptune-web/components/overlays/BottomSheet\n *\n */\nconst BottomSheet = ({ role = 'dialog', ...props }: BottomSheetProps) => {\n  const bottomSheetReference = useRef<HTMLDivElement>(null);\n  const topBarReference = useRef<HTMLDivElement>(null);\n  const contentReference = useRef<HTMLDivElement>(null);\n\n  const [pressed, setPressed] = useState<boolean>(false);\n\n  /**\n   * Used to track `requestAnimationFrame` requests\n   *\n   * @see https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame#return_value\n   */\n  const animationId = useRef<number>(0);\n\n  /**\n   * Difference between initial coordinate ({@link initialYCoordinate})\n   * and new position (when user moves component), it's get calculated on `onTouchMove` and `onMouseMove` events\n   *\n   * @see {@link calculateOffsetAfterMove}\n   */\n  const moveOffset = useRef<number>(0);\n  const initialYCoordinate = useRef<number>(0);\n\n  // apply shadow to the bottom of top-bar when scroll over content\n  useConditionalListener({\n    attachListener: props.open && !isServerSide(),\n    callback: () => {\n      if (topBarReference.current !== null) {\n        const { classList } = topBarReference.current;\n        if (!isContentScrollPositionAtTop()) {\n          classList.add('np-bottom-sheet--top-bar--shadow');\n        } else {\n          classList.remove('np-bottom-sheet--top-bar--shadow');\n        }\n      }\n    },\n    eventType: 'scroll',\n    parent: isServerSide() ? undefined : document,\n  });\n\n  function move(newHeight: number): void {\n    if (bottomSheetReference.current !== null) {\n      bottomSheetReference.current.style.transform = `translateY(${newHeight}px)`;\n    }\n  }\n\n  function close(event: Event | SyntheticEvent): void {\n    setPressed(false);\n    moveOffset.current = INITIAL_Y_POSITION;\n    if (bottomSheetReference.current !== null) {\n      bottomSheetReference.current.style.removeProperty('transform');\n    }\n    if (props.onClose) {\n      props.onClose(event);\n    }\n  }\n\n  const onSwipeStart = (\n    event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>,\n  ): void => {\n    initialYCoordinate.current = ('touches' in event ? event.touches[0] : event).clientY;\n    setPressed(true);\n  };\n\n  const onSwipeMove = (\n    event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>,\n  ): void => {\n    if (pressed) {\n      const { clientY } = 'touches' in event ? event.touches[0] : event;\n\n      const offset = calculateOffsetAfterMove(clientY);\n      // check whether move is to the bottom only and content scroll position is at the top\n      if (offset > INITIAL_Y_POSITION && isContentScrollPositionAtTop()) {\n        moveOffset.current = offset;\n        animationId.current = requestAnimationFrame(() => {\n          if (animationId.current !== undefined && bottomSheetReference.current !== null) {\n            move(offset);\n          }\n        });\n      }\n    }\n  };\n\n  function onSwipeEnd(\n    event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>,\n  ): void {\n    // stop moving component\n    cancelAnimationFrame(animationId.current);\n    setPressed(false);\n    // check whether move down is strong enough\n    // and content scroll position is at the top to close the component\n    if (moveOffset.current > MOVE_OFFSET_THRESHOLD && isContentScrollPositionAtTop()) {\n      close(event);\n    }\n    // otherwise move component back to default (initial) position\n    else {\n      move(INITIAL_Y_POSITION);\n    }\n    moveOffset.current = INITIAL_Y_POSITION;\n  }\n\n  function isContentScrollPositionAtTop(): boolean {\n    return (\n      contentReference?.current?.scrollTop !== undefined &&\n      contentReference.current.scrollTop <= CONTENT_SCROLL_THRESHOLD\n    );\n  }\n\n  /**\n   * Calculates how hard user moves component,\n   * result value used to determine whether to hide component or re-position to default state\n   *\n   * @param afterMoveYCoordinate\n   */\n  function calculateOffsetAfterMove(afterMoveYCoordinate: number): number {\n    return afterMoveYCoordinate - initialYCoordinate.current;\n  }\n\n  /**\n   * Set `max-height` for content part (in order to keep it scrollable for content overflow cases) of the component\n   * and ensures space for safe zone (32px) at the top.\n   */\n  function setContentMaxHeight(): CSSProperties {\n    const safeZoneHeight = '64px';\n    const topbarHeight = '32px';\n    const windowHight: number = isServerSide() ? 0 : window.innerHeight;\n    /**\n     * Calculate _real_ height of the screen (taking into account parts of browser interface).\n     *\n     * See https://css-tricks.com/the-trick-to-viewport-units-on-mobile for more details.\n     */\n    const screenHeight = `${windowHight * 0.01 * 100}px`;\n    return {\n      maxHeight: `calc(${screenHeight} - ${safeZoneHeight} - ${topbarHeight})`,\n    };\n  }\n\n  const is400Zoom = useMedia(`(max-width: ${Breakpoint.EXTRA_SMALL}px)`);\n\n  const overlayId = useContext(OverlayIdContext);\n\n  return is400Zoom ? (\n    <Drawer\n      aria-labelledby={props['aria-labelledby']}\n      aria-label={props['aria-label']}\n      role={role}\n      open={props.open}\n      className={props.className}\n      onClose={close}\n    >\n      {props.children}\n    </Drawer>\n  ) : (\n    <Dimmer open={props.open} fadeContentOnEnter fadeContentOnExit onClose={close}>\n      <SlidingPanel\n        ref={bottomSheetReference}\n        open={props.open}\n        position={Position.BOTTOM}\n        className={clsx('np-bottom-sheet', props.className)}\n      >\n        <div\n          id={overlayId}\n          aria-labelledby={props['aria-labelledby'] || undefined}\n          aria-label={props['aria-label'] || undefined}\n          role={role}\n          aria-modal\n          onTouchStart={onSwipeStart}\n          onTouchMove={onSwipeMove}\n          onTouchEnd={onSwipeEnd}\n          onMouseDown={onSwipeStart}\n          onMouseMove={onSwipeMove}\n          onMouseUp={onSwipeEnd}\n        >\n          <div ref={topBarReference} className=\"np-bottom-sheet--top-bar\">\n            <div className=\"np-bottom-sheet--handler\" />\n            <CloseButton size=\"sm\" className=\"sr-only np-bottom-sheet--close-btn\" onClick={close} />\n          </div>\n          <div\n            ref={contentReference}\n            style={setContentMaxHeight()}\n            className=\"np-bottom-sheet--content\"\n          >\n            {props.children}\n          </div>\n        </div>\n      </SlidingPanel>\n    </Dimmer>\n  );\n};\n\nexport default BottomSheet;\n"],"names":["INITIAL_Y_POSITION","CONTENT_SCROLL_THRESHOLD","MOVE_OFFSET_THRESHOLD","BottomSheet","role","props","bottomSheetReference","useRef","topBarReference","contentReference","pressed","setPressed","useState","animationId","moveOffset","initialYCoordinate","useConditionalListener","attachListener","open","isServerSide","callback","current","classList","isContentScrollPositionAtTop","add","remove","eventType","parent","undefined","document","move","newHeight","style","transform","close","event","removeProperty","onClose","onSwipeStart","touches","clientY","onSwipeMove","offset","calculateOffsetAfterMove","requestAnimationFrame","onSwipeEnd","cancelAnimationFrame","scrollTop","afterMoveYCoordinate","setContentMaxHeight","safeZoneHeight","topbarHeight","windowHight","window","innerHeight","screenHeight","maxHeight","is400Zoom","useMedia","Breakpoint","EXTRA_SMALL","overlayId","useContext","OverlayIdContext","_jsx","Drawer","className","children","Dimmer","fadeContentOnEnter","fadeContentOnExit","SlidingPanel","ref","position","Position","BOTTOM","clsx","_jsxs","id","onTouchStart","onTouchMove","onTouchEnd","onMouseDown","onMouseMove","onMouseUp","CloseButton","size","onClick"],"mappings":"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"}
+{"version":3,"file":"BottomSheet.js","sources":["../../../src/common/BottomSheet/BottomSheet.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport {\n  CSSProperties,\n  HTMLAttributes,\n  PropsWithChildren,\n  SyntheticEvent,\n  useContext,\n  useRef,\n  useState,\n} from 'react';\nimport { Breakpoint } from '@transferwise/neptune-tokens';\n\nimport Dimmer from '../../Dimmer';\nimport Drawer from '../../Drawer';\nimport { OverlayIdContext } from '../../Provider/overlay/OverlayIdProvider';\nimport SlidingPanel from '../../SlidingPanel';\nimport { CloseButton } from '../CloseButton';\nimport { CommonProps } from '../commonProps';\nimport { isServerSide } from '../DomHelpers';\nimport { useConditionalListener } from '../hooks';\nimport { useMedia } from '../hooks/useMedia';\nimport { Position } from '../PropsValues/position';\n\nconst INITIAL_Y_POSITION = 0;\n\nconst CONTENT_SCROLL_THRESHOLD = 1;\n\nconst MOVE_OFFSET_THRESHOLD = 50;\n\nexport type BottomSheetProps = PropsWithChildren<\n  {\n    onClose?: (event: Event | SyntheticEvent) => void;\n    open: boolean;\n  } & CommonProps &\n    Pick<HTMLAttributes<HTMLDivElement>, 'role' | 'aria-labelledby' | 'aria-label'>\n>;\n\n/**\n * Neptune: https://transferwise.github.io/neptune/components/bottom-sheet/\n *\n * Neptune Web: https://transferwise.github.io/neptune-web/components/overlays/BottomSheet\n *\n */\nconst BottomSheet = ({ role = 'dialog', ...props }: BottomSheetProps) => {\n  const bottomSheetReference = useRef<HTMLDivElement>(null);\n  const topBarReference = useRef<HTMLDivElement>(null);\n  const contentReference = useRef<HTMLDivElement>(null);\n\n  const [pressed, setPressed] = useState<boolean>(false);\n\n  /**\n   * Used to track `requestAnimationFrame` requests\n   *\n   * @see https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame#return_value\n   */\n  const animationId = useRef<number>(0);\n\n  /**\n   * Difference between initial coordinate ({@link initialYCoordinate})\n   * and new position (when user moves component), it's get calculated on `onTouchMove` and `onMouseMove` events\n   *\n   * @see {@link calculateOffsetAfterMove}\n   */\n  const moveOffset = useRef<number>(0);\n  const initialYCoordinate = useRef<number>(0);\n\n  // apply shadow to the bottom of top-bar when scroll over content\n  useConditionalListener({\n    attachListener: props.open && !isServerSide(),\n    callback: () => {\n      if (topBarReference.current !== null) {\n        const { classList } = topBarReference.current;\n        if (!isContentScrollPositionAtTop()) {\n          classList.add('np-bottom-sheet--top-bar--shadow');\n        } else {\n          classList.remove('np-bottom-sheet--top-bar--shadow');\n        }\n      }\n    },\n    eventType: 'scroll',\n    parent: isServerSide() ? undefined : document,\n  });\n\n  function move(newHeight: number): void {\n    if (bottomSheetReference.current !== null) {\n      bottomSheetReference.current.style.transform = `translateY(${newHeight}px)`;\n    }\n  }\n\n  function close(event: Event | SyntheticEvent): void {\n    setPressed(false);\n    moveOffset.current = INITIAL_Y_POSITION;\n    if (bottomSheetReference.current !== null) {\n      bottomSheetReference.current.style.removeProperty('transform');\n    }\n    if (props.onClose) {\n      props.onClose(event);\n    }\n  }\n\n  const onSwipeStart = (\n    event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>,\n  ): void => {\n    initialYCoordinate.current = ('touches' in event ? event.touches[0] : event).clientY;\n    setPressed(true);\n  };\n\n  const onSwipeMove = (\n    event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>,\n  ): void => {\n    if (pressed) {\n      const { clientY } = 'touches' in event ? event.touches[0] : event;\n\n      const offset = calculateOffsetAfterMove(clientY);\n      // check whether move is to the bottom only and content scroll position is at the top\n      if (offset > INITIAL_Y_POSITION && isContentScrollPositionAtTop()) {\n        moveOffset.current = offset;\n        animationId.current = requestAnimationFrame(() => {\n          if (animationId.current !== undefined && bottomSheetReference.current !== null) {\n            move(offset);\n          }\n        });\n      }\n    }\n  };\n\n  function onSwipeEnd(\n    event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>,\n  ): void {\n    // stop moving component\n    cancelAnimationFrame(animationId.current);\n    setPressed(false);\n    // check whether move down is strong enough\n    // and content scroll position is at the top to close the component\n    if (moveOffset.current > MOVE_OFFSET_THRESHOLD && isContentScrollPositionAtTop()) {\n      close(event);\n    }\n    // otherwise move component back to default (initial) position\n    else {\n      move(INITIAL_Y_POSITION);\n    }\n    moveOffset.current = INITIAL_Y_POSITION;\n  }\n\n  function isContentScrollPositionAtTop(): boolean {\n    return (\n      contentReference?.current?.scrollTop !== undefined &&\n      contentReference.current.scrollTop <= CONTENT_SCROLL_THRESHOLD\n    );\n  }\n\n  /**\n   * Calculates how hard user moves component,\n   * result value used to determine whether to hide component or re-position to default state\n   *\n   * @param afterMoveYCoordinate\n   */\n  function calculateOffsetAfterMove(afterMoveYCoordinate: number): number {\n    return afterMoveYCoordinate - initialYCoordinate.current;\n  }\n\n  /**\n   * Set `max-height` for content part (in order to keep it scrollable for content overflow cases) of the component\n   * and ensures space for safe zone (32px) at the top.\n   */\n  function setContentMaxHeight(): CSSProperties {\n    const safeZoneHeight = '64px';\n    const topbarHeight = '32px';\n    const windowHight: number = isServerSide() ? 0 : window.innerHeight;\n    /**\n     * Calculate _real_ height of the screen (taking into account parts of browser interface).\n     *\n     * See https://css-tricks.com/the-trick-to-viewport-units-on-mobile for more details.\n     */\n    const screenHeight = `${windowHight * 0.01 * 100}px`;\n    return {\n      maxHeight: `calc(${screenHeight} - ${safeZoneHeight} - ${topbarHeight})`,\n    };\n  }\n\n  const is400Zoom = useMedia(`(max-width: ${Breakpoint.EXTRA_SMALL}px)`);\n\n  const overlayId = useContext(OverlayIdContext);\n\n  return is400Zoom ? (\n    <Drawer\n      aria-labelledby={props['aria-labelledby']}\n      aria-label={props['aria-label']}\n      role={role}\n      open={props.open}\n      className={props.className}\n      onClose={close}\n    >\n      {props.children}\n    </Drawer>\n  ) : (\n    <Dimmer open={props.open} fadeContentOnEnter fadeContentOnExit onClose={close}>\n      <SlidingPanel\n        ref={bottomSheetReference}\n        open={props.open}\n        position={Position.BOTTOM}\n        className={clsx('np-bottom-sheet', props.className)}\n      >\n        <div\n          id={overlayId}\n          aria-labelledby={props['aria-labelledby'] || undefined}\n          aria-label={props['aria-label'] || undefined}\n          role={role}\n          aria-modal\n          onTouchStart={onSwipeStart}\n          onTouchMove={onSwipeMove}\n          onTouchEnd={onSwipeEnd}\n          onMouseDown={onSwipeStart}\n          onMouseMove={onSwipeMove}\n          onMouseUp={onSwipeEnd}\n        >\n          <div ref={topBarReference} className=\"np-bottom-sheet--top-bar\">\n            <div className=\"np-bottom-sheet--handler\" />\n            <CloseButton size=\"sm\" className=\"sr-only np-bottom-sheet--close-btn\" onClick={close} />\n          </div>\n          <div\n            ref={contentReference}\n            style={setContentMaxHeight()}\n            className=\"np-bottom-sheet--content\"\n          >\n            {props.children}\n          </div>\n        </div>\n      </SlidingPanel>\n    </Dimmer>\n  );\n};\n\nexport default BottomSheet;\n"],"names":["INITIAL_Y_POSITION","CONTENT_SCROLL_THRESHOLD","MOVE_OFFSET_THRESHOLD","BottomSheet","role","props","bottomSheetReference","useRef","topBarReference","contentReference","pressed","setPressed","useState","animationId","moveOffset","initialYCoordinate","useConditionalListener","attachListener","open","isServerSide","callback","current","classList","isContentScrollPositionAtTop","add","remove","eventType","parent","undefined","document","move","newHeight","style","transform","close","event","removeProperty","onClose","onSwipeStart","touches","clientY","onSwipeMove","offset","calculateOffsetAfterMove","requestAnimationFrame","onSwipeEnd","cancelAnimationFrame","scrollTop","afterMoveYCoordinate","setContentMaxHeight","safeZoneHeight","topbarHeight","windowHight","window","innerHeight","screenHeight","maxHeight","is400Zoom","useMedia","Breakpoint","EXTRA_SMALL","overlayId","useContext","OverlayIdContext","_jsx","Drawer","className","children","Dimmer","fadeContentOnEnter","fadeContentOnExit","SlidingPanel","ref","position","Position","BOTTOM","clsx","_jsxs","id","onTouchStart","onTouchMove","onTouchEnd","onMouseDown","onMouseMove","onMouseUp","CloseButton","size","onClick"],"mappings":"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"}

package/build/common/BottomSheet/BottomSheet.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.mjs","sources":["../../../src/common/BottomSheet/BottomSheet.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport {\n  CSSProperties,\n  HTMLAttributes,\n  PropsWithChildren,\n  SyntheticEvent,\n  useContext,\n  useRef,\n  useState,\n} from 'react';\nimport { Breakpoint } from '@transferwise/neptune-tokens';\n\nimport Dimmer from '../../Dimmer';\nimport Drawer from '../../Drawer';\nimport { OverlayIdContext } from '../../Provider/overlay/OverlayIdProvider';\nimport SlidingPanel from '../../SlidingPanel';\nimport { CloseButton } from '../CloseButton';\nimport { CommonProps } from '../commonProps';\nimport { isServerSide } from '../DomHelpers';\nimport { useConditionalListener } from '../hooks';\nimport { useMedia } from '../hooks/useMedia';\nimport { Position } from '../PropsValues/position';\n\nconst INITIAL_Y_POSITION = 0;\n\nconst CONTENT_SCROLL_THRESHOLD = 1;\n\nconst MOVE_OFFSET_THRESHOLD = 50;\n\nexport type BottomSheetProps = PropsWithChildren<\n  {\n    onClose?: (event: Event | SyntheticEvent) => void;\n    open: boolean;\n  } & CommonProps &\n    Pick<HTMLAttributes<HTMLDivElement>, 'role' | 'aria-labelledby' | 'aria-label'>\n>;\n\n/**\n * Neptune: https://transferwise.github.io/neptune/components/bottom-sheet/\n *\n * Neptune Web: https://transferwise.github.io/neptune-web/components/overlays/BottomSheet\n *\n */\nconst BottomSheet = ({ role = 'dialog', ...props }: BottomSheetProps) => {\n  const bottomSheetReference = useRef<HTMLDivElement>(null);\n  const topBarReference = useRef<HTMLDivElement>(null);\n  const contentReference = useRef<HTMLDivElement>(null);\n\n  const [pressed, setPressed] = useState<boolean>(false);\n\n  /**\n   * Used to track `requestAnimationFrame` requests\n   *\n   * @see https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame#return_value\n   */\n  const animationId = useRef<number>(0);\n\n  /**\n   * Difference between initial coordinate ({@link initialYCoordinate})\n   * and new position (when user moves component), it's get calculated on `onTouchMove` and `onMouseMove` events\n   *\n   * @see {@link calculateOffsetAfterMove}\n   */\n  const moveOffset = useRef<number>(0);\n  const initialYCoordinate = useRef<number>(0);\n\n  // apply shadow to the bottom of top-bar when scroll over content\n  useConditionalListener({\n    attachListener: props.open && !isServerSide(),\n    callback: () => {\n      if (topBarReference.current !== null) {\n        const { classList } = topBarReference.current;\n        if (!isContentScrollPositionAtTop()) {\n          classList.add('np-bottom-sheet--top-bar--shadow');\n        } else {\n          classList.remove('np-bottom-sheet--top-bar--shadow');\n        }\n      }\n    },\n    eventType: 'scroll',\n    parent: isServerSide() ? undefined : document,\n  });\n\n  function move(newHeight: number): void {\n    if (bottomSheetReference.current !== null) {\n      bottomSheetReference.current.style.transform = `translateY(${newHeight}px)`;\n    }\n  }\n\n  function close(event: Event | SyntheticEvent): void {\n    setPressed(false);\n    moveOffset.current = INITIAL_Y_POSITION;\n    if (bottomSheetReference.current !== null) {\n      bottomSheetReference.current.style.removeProperty('transform');\n    }\n    if (props.onClose) {\n      props.onClose(event);\n    }\n  }\n\n  const onSwipeStart = (\n    event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>,\n  ): void => {\n    initialYCoordinate.current = ('touches' in event ? event.touches[0] : event).clientY;\n    setPressed(true);\n  };\n\n  const onSwipeMove = (\n    event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>,\n  ): void => {\n    if (pressed) {\n      const { clientY } = 'touches' in event ? event.touches[0] : event;\n\n      const offset = calculateOffsetAfterMove(clientY);\n      // check whether move is to the bottom only and content scroll position is at the top\n      if (offset > INITIAL_Y_POSITION && isContentScrollPositionAtTop()) {\n        moveOffset.current = offset;\n        animationId.current = requestAnimationFrame(() => {\n          if (animationId.current !== undefined && bottomSheetReference.current !== null) {\n            move(offset);\n          }\n        });\n      }\n    }\n  };\n\n  function onSwipeEnd(\n    event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>,\n  ): void {\n    // stop moving component\n    cancelAnimationFrame(animationId.current);\n    setPressed(false);\n    // check whether move down is strong enough\n    // and content scroll position is at the top to close the component\n    if (moveOffset.current > MOVE_OFFSET_THRESHOLD && isContentScrollPositionAtTop()) {\n      close(event);\n    }\n    // otherwise move component back to default (initial) position\n    else {\n      move(INITIAL_Y_POSITION);\n    }\n    moveOffset.current = INITIAL_Y_POSITION;\n  }\n\n  function isContentScrollPositionAtTop(): boolean {\n    return (\n      contentReference?.current?.scrollTop !== undefined &&\n      contentReference.current.scrollTop <= CONTENT_SCROLL_THRESHOLD\n    );\n  }\n\n  /**\n   * Calculates how hard user moves component,\n   * result value used to determine whether to hide component or re-position to default state\n   *\n   * @param afterMoveYCoordinate\n   */\n  function calculateOffsetAfterMove(afterMoveYCoordinate: number): number {\n    return afterMoveYCoordinate - initialYCoordinate.current;\n  }\n\n  /**\n   * Set `max-height` for content part (in order to keep it scrollable for content overflow cases) of the component\n   * and ensures space for safe zone (32px) at the top.\n   */\n  function setContentMaxHeight(): CSSProperties {\n    const safeZoneHeight = '64px';\n    const topbarHeight = '32px';\n    const windowHight: number = isServerSide() ? 0 : window.innerHeight;\n    /**\n     * Calculate _real_ height of the screen (taking into account parts of browser interface).\n     *\n     * See https://css-tricks.com/the-trick-to-viewport-units-on-mobile for more details.\n     */\n    const screenHeight = `${windowHight * 0.01 * 100}px`;\n    return {\n      maxHeight: `calc(${screenHeight} - ${safeZoneHeight} - ${topbarHeight})`,\n    };\n  }\n\n  const is400Zoom = useMedia(`(max-width: ${Breakpoint.EXTRA_SMALL}px)`);\n\n  const overlayId = useContext(OverlayIdContext);\n\n  return is400Zoom ? (\n    <Drawer\n      aria-labelledby={props['aria-labelledby']}\n      aria-label={props['aria-label']}\n      role={role}\n      open={props.open}\n      className={props.className}\n      onClose={close}\n    >\n      {props.children}\n    </Drawer>\n  ) : (\n    <Dimmer open={props.open} fadeContentOnEnter fadeContentOnExit onClose={close}>\n      <SlidingPanel\n        ref={bottomSheetReference}\n        open={props.open}\n        position={Position.BOTTOM}\n        className={clsx('np-bottom-sheet', props.className)}\n      >\n        <div\n          id={overlayId}\n          aria-labelledby={props['aria-labelledby'] || undefined}\n          aria-label={props['aria-label'] || undefined}\n          role={role}\n          aria-modal\n          onTouchStart={onSwipeStart}\n          onTouchMove={onSwipeMove}\n          onTouchEnd={onSwipeEnd}\n          onMouseDown={onSwipeStart}\n          onMouseMove={onSwipeMove}\n          onMouseUp={onSwipeEnd}\n        >\n          <div ref={topBarReference} className=\"np-bottom-sheet--top-bar\">\n            <div className=\"np-bottom-sheet--handler\" />\n            <CloseButton size=\"sm\" className=\"sr-only np-bottom-sheet--close-btn\" onClick={close} />\n          </div>\n          <div\n            ref={contentReference}\n            style={setContentMaxHeight()}\n            className=\"np-bottom-sheet--content\"\n          >\n            {props.children}\n          </div>\n        </div>\n      </SlidingPanel>\n    </Dimmer>\n  );\n};\n\nexport default BottomSheet;\n"],"names":["INITIAL_Y_POSITION","CONTENT_SCROLL_THRESHOLD","MOVE_OFFSET_THRESHOLD","BottomSheet","role","props","bottomSheetReference","useRef","topBarReference","contentReference","pressed","setPressed","useState","animationId","moveOffset","initialYCoordinate","useConditionalListener","attachListener","open","isServerSide","callback","current","classList","isContentScrollPositionAtTop","add","remove","eventType","parent","undefined","document","move","newHeight","style","transform","close","event","removeProperty","onClose","onSwipeStart","touches","clientY","onSwipeMove","offset","calculateOffsetAfterMove","requestAnimationFrame","onSwipeEnd","cancelAnimationFrame","scrollTop","afterMoveYCoordinate","setContentMaxHeight","safeZoneHeight","topbarHeight","windowHight","window","innerHeight","screenHeight","maxHeight","is400Zoom","useMedia","Breakpoint","EXTRA_SMALL","overlayId","useContext","OverlayIdContext","_jsx","Drawer","className","children","Dimmer","fadeContentOnEnter","fadeContentOnExit","SlidingPanel","ref","position","Position","BOTTOM","clsx","_jsxs","id","onTouchStart","onTouchMove","onTouchEnd","onMouseDown","onMouseMove","onMouseUp","CloseButton","size","onClick"],"mappings":"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"}
+{"version":3,"file":"BottomSheet.mjs","sources":["../../../src/common/BottomSheet/BottomSheet.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport {\n  CSSProperties,\n  HTMLAttributes,\n  PropsWithChildren,\n  SyntheticEvent,\n  useContext,\n  useRef,\n  useState,\n} from 'react';\nimport { Breakpoint } from '@transferwise/neptune-tokens';\n\nimport Dimmer from '../../Dimmer';\nimport Drawer from '../../Drawer';\nimport { OverlayIdContext } from '../../Provider/overlay/OverlayIdProvider';\nimport SlidingPanel from '../../SlidingPanel';\nimport { CloseButton } from '../CloseButton';\nimport { CommonProps } from '../commonProps';\nimport { isServerSide } from '../DomHelpers';\nimport { useConditionalListener } from '../hooks';\nimport { useMedia } from '../hooks/useMedia';\nimport { Position } from '../PropsValues/position';\n\nconst INITIAL_Y_POSITION = 0;\n\nconst CONTENT_SCROLL_THRESHOLD = 1;\n\nconst MOVE_OFFSET_THRESHOLD = 50;\n\nexport type BottomSheetProps = PropsWithChildren<\n  {\n    onClose?: (event: Event | SyntheticEvent) => void;\n    open: boolean;\n  } & CommonProps &\n    Pick<HTMLAttributes<HTMLDivElement>, 'role' | 'aria-labelledby' | 'aria-label'>\n>;\n\n/**\n * Neptune: https://transferwise.github.io/neptune/components/bottom-sheet/\n *\n * Neptune Web: https://transferwise.github.io/neptune-web/components/overlays/BottomSheet\n *\n */\nconst BottomSheet = ({ role = 'dialog', ...props }: BottomSheetProps) => {\n  const bottomSheetReference = useRef<HTMLDivElement>(null);\n  const topBarReference = useRef<HTMLDivElement>(null);\n  const contentReference = useRef<HTMLDivElement>(null);\n\n  const [pressed, setPressed] = useState<boolean>(false);\n\n  /**\n   * Used to track `requestAnimationFrame` requests\n   *\n   * @see https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame#return_value\n   */\n  const animationId = useRef<number>(0);\n\n  /**\n   * Difference between initial coordinate ({@link initialYCoordinate})\n   * and new position (when user moves component), it's get calculated on `onTouchMove` and `onMouseMove` events\n   *\n   * @see {@link calculateOffsetAfterMove}\n   */\n  const moveOffset = useRef<number>(0);\n  const initialYCoordinate = useRef<number>(0);\n\n  // apply shadow to the bottom of top-bar when scroll over content\n  useConditionalListener({\n    attachListener: props.open && !isServerSide(),\n    callback: () => {\n      if (topBarReference.current !== null) {\n        const { classList } = topBarReference.current;\n        if (!isContentScrollPositionAtTop()) {\n          classList.add('np-bottom-sheet--top-bar--shadow');\n        } else {\n          classList.remove('np-bottom-sheet--top-bar--shadow');\n        }\n      }\n    },\n    eventType: 'scroll',\n    parent: isServerSide() ? undefined : document,\n  });\n\n  function move(newHeight: number): void {\n    if (bottomSheetReference.current !== null) {\n      bottomSheetReference.current.style.transform = `translateY(${newHeight}px)`;\n    }\n  }\n\n  function close(event: Event | SyntheticEvent): void {\n    setPressed(false);\n    moveOffset.current = INITIAL_Y_POSITION;\n    if (bottomSheetReference.current !== null) {\n      bottomSheetReference.current.style.removeProperty('transform');\n    }\n    if (props.onClose) {\n      props.onClose(event);\n    }\n  }\n\n  const onSwipeStart = (\n    event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>,\n  ): void => {\n    initialYCoordinate.current = ('touches' in event ? event.touches[0] : event).clientY;\n    setPressed(true);\n  };\n\n  const onSwipeMove = (\n    event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>,\n  ): void => {\n    if (pressed) {\n      const { clientY } = 'touches' in event ? event.touches[0] : event;\n\n      const offset = calculateOffsetAfterMove(clientY);\n      // check whether move is to the bottom only and content scroll position is at the top\n      if (offset > INITIAL_Y_POSITION && isContentScrollPositionAtTop()) {\n        moveOffset.current = offset;\n        animationId.current = requestAnimationFrame(() => {\n          if (animationId.current !== undefined && bottomSheetReference.current !== null) {\n            move(offset);\n          }\n        });\n      }\n    }\n  };\n\n  function onSwipeEnd(\n    event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>,\n  ): void {\n    // stop moving component\n    cancelAnimationFrame(animationId.current);\n    setPressed(false);\n    // check whether move down is strong enough\n    // and content scroll position is at the top to close the component\n    if (moveOffset.current > MOVE_OFFSET_THRESHOLD && isContentScrollPositionAtTop()) {\n      close(event);\n    }\n    // otherwise move component back to default (initial) position\n    else {\n      move(INITIAL_Y_POSITION);\n    }\n    moveOffset.current = INITIAL_Y_POSITION;\n  }\n\n  function isContentScrollPositionAtTop(): boolean {\n    return (\n      contentReference?.current?.scrollTop !== undefined &&\n      contentReference.current.scrollTop <= CONTENT_SCROLL_THRESHOLD\n    );\n  }\n\n  /**\n   * Calculates how hard user moves component,\n   * result value used to determine whether to hide component or re-position to default state\n   *\n   * @param afterMoveYCoordinate\n   */\n  function calculateOffsetAfterMove(afterMoveYCoordinate: number): number {\n    return afterMoveYCoordinate - initialYCoordinate.current;\n  }\n\n  /**\n   * Set `max-height` for content part (in order to keep it scrollable for content overflow cases) of the component\n   * and ensures space for safe zone (32px) at the top.\n   */\n  function setContentMaxHeight(): CSSProperties {\n    const safeZoneHeight = '64px';\n    const topbarHeight = '32px';\n    const windowHight: number = isServerSide() ? 0 : window.innerHeight;\n    /**\n     * Calculate _real_ height of the screen (taking into account parts of browser interface).\n     *\n     * See https://css-tricks.com/the-trick-to-viewport-units-on-mobile for more details.\n     */\n    const screenHeight = `${windowHight * 0.01 * 100}px`;\n    return {\n      maxHeight: `calc(${screenHeight} - ${safeZoneHeight} - ${topbarHeight})`,\n    };\n  }\n\n  const is400Zoom = useMedia(`(max-width: ${Breakpoint.EXTRA_SMALL}px)`);\n\n  const overlayId = useContext(OverlayIdContext);\n\n  return is400Zoom ? (\n    <Drawer\n      aria-labelledby={props['aria-labelledby']}\n      aria-label={props['aria-label']}\n      role={role}\n      open={props.open}\n      className={props.className}\n      onClose={close}\n    >\n      {props.children}\n    </Drawer>\n  ) : (\n    <Dimmer open={props.open} fadeContentOnEnter fadeContentOnExit onClose={close}>\n      <SlidingPanel\n        ref={bottomSheetReference}\n        open={props.open}\n        position={Position.BOTTOM}\n        className={clsx('np-bottom-sheet', props.className)}\n      >\n        <div\n          id={overlayId}\n          aria-labelledby={props['aria-labelledby'] || undefined}\n          aria-label={props['aria-label'] || undefined}\n          role={role}\n          aria-modal\n          onTouchStart={onSwipeStart}\n          onTouchMove={onSwipeMove}\n          onTouchEnd={onSwipeEnd}\n          onMouseDown={onSwipeStart}\n          onMouseMove={onSwipeMove}\n          onMouseUp={onSwipeEnd}\n        >\n          <div ref={topBarReference} className=\"np-bottom-sheet--top-bar\">\n            <div className=\"np-bottom-sheet--handler\" />\n            <CloseButton size=\"sm\" className=\"sr-only np-bottom-sheet--close-btn\" onClick={close} />\n          </div>\n          <div\n            ref={contentReference}\n            style={setContentMaxHeight()}\n            className=\"np-bottom-sheet--content\"\n          >\n            {props.children}\n          </div>\n        </div>\n      </SlidingPanel>\n    </Dimmer>\n  );\n};\n\nexport default BottomSheet;\n"],"names":["INITIAL_Y_POSITION","CONTENT_SCROLL_THRESHOLD","MOVE_OFFSET_THRESHOLD","BottomSheet","role","props","bottomSheetReference","useRef","topBarReference","contentReference","pressed","setPressed","useState","animationId","moveOffset","initialYCoordinate","useConditionalListener","attachListener","open","isServerSide","callback","current","classList","isContentScrollPositionAtTop","add","remove","eventType","parent","undefined","document","move","newHeight","style","transform","close","event","removeProperty","onClose","onSwipeStart","touches","clientY","onSwipeMove","offset","calculateOffsetAfterMove","requestAnimationFrame","onSwipeEnd","cancelAnimationFrame","scrollTop","afterMoveYCoordinate","setContentMaxHeight","safeZoneHeight","topbarHeight","windowHight","window","innerHeight","screenHeight","maxHeight","is400Zoom","useMedia","Breakpoint","EXTRA_SMALL","overlayId","useContext","OverlayIdContext","_jsx","Drawer","className","children","Dimmer","fadeContentOnEnter","fadeContentOnExit","SlidingPanel","ref","position","Position","BOTTOM","clsx","_jsxs","id","onTouchStart","onTouchMove","onTouchEnd","onMouseDown","onMouseMove","onMouseUp","CloseButton","size","onClick"],"mappings":"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"}

package/build/common/Circle/Circle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Circle.js","sources":["../../../src/common/Circle/Circle.tsx"],"sourcesContent":["import { HTMLAttributes, forwardRef } from 'react';\nimport { clsx } from 'clsx';\nimport { Breakpoint } from '@transferwise/neptune-tokens';\nimport { useMedia } from '../hooks/useMedia';\n\nexport type ShapeSize = 16 | 24 | 32 | 40 | 48 | 56 | 72 | 88 | 96;\n\nexport type CircleProps = {\n  /**\n   * Modify underlying element, `div` by default\n   */\n  as?: React.ElementType;\n  /**\n   * Set size of the circle in px, `48` by default\n   */\n  size?: ShapeSize;\n  /**\n   * When `true` will use the fixed size (`48px`) instead of the CSS spacing variable (`--size-*`)\n   * as those can be dynamic a at certain viewport sizes\n   */\n  fixedSize?: boolean;\n  enableBorder?: boolean;\n} & HTMLAttributes<HTMLDivElement>;\n\n/**\n * circle like components has custom sizes for icons\n */\nconst MAP_ICON_SIZE = {\n  16: 12,\n  24: 16,\n  32: 18,\n  40: 20,\n  48: 24,\n  56: 28,\n  72: 36,\n  88: 44,\n  96: 48,\n};\n\n/**\n * circle like components have custom typography styles for for default (Inter) font\n *\n * circle size : font size (px)\n */\nconst MAP_FONT_SIZE = {\n  16: 8,\n  24: 12,\n  32: 14,\n  40: 18,\n  48: 22,\n  56: 26,\n  72: 30,\n  88: 36,\n  96: 40,\n};\n\nconst Circle = forwardRef(function Circle(\n  {\n    as: Element = 'div',\n    children,\n    size = 48,\n    fixedSize = false,\n    enableBorder = false,\n    className,\n    style,\n    ...props\n  }: CircleProps,\n  ref,\n) {\n  const isTinyViewport = useMedia(`(max-width: ${Breakpoint.EXTRA_SMALL}px)`);\n  return (\n    <Element\n      {...props}\n      ref={ref}\n      style={{\n        '--circle-size': fixedSize ? `${size}px` : `var(--size-${size})`,\n        '--circle-icon-size':\n          isTinyViewport && !fixedSize\n            ? `${MAP_ICON_SIZE[size] / 2}px`\n            : `${MAP_ICON_SIZE[size]}px`,\n        '--circle-font-size': `${MAP_FONT_SIZE[size]}px`,\n        ...style,\n      }}\n      className={clsx(\n        'np-circle',\n        { 'np-circle-border': enableBorder },\n        'd-flex align-items-center justify-content-center',\n        className,\n      )}\n    >\n      {children}\n    </Element>\n  );\n});\n\nexport default Circle;\n"],"names":["MAP_ICON_SIZE","MAP_FONT_SIZE","Circle","forwardRef","as","Element","children","size","fixedSize","enableBorder","className","style","props","ref","isTinyViewport","useMedia","Breakpoint","EXTRA_SMALL","_jsx","clsx"],"mappings":";;;;;;;;;;AA2BA,MAAMA,aAAa,GAAG;AACpB,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE;CACL;AAED;;;;AAIG;AACH,MAAMC,aAAa,GAAG;AACpB,EAAA,EAAE,EAAE,CAAC;AACL,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE;CACL;AAED,MAAMC,MAAM,gBAAGC,gBAAU,CAAC,SAASD,MAAMA,CACvC;EACEE,EAAE,EAAEC,OAAO,GAAG,KAAK;EACnBC,QAAQ;AACRC,EAAAA,IAAI,GAAG,EAAE;AACTC,EAAAA,SAAS,GAAG,KAAK;AACjBC,EAAAA,YAAY,GAAG,KAAK;EACpBC,SAAS;EACTC,KAAK;EACL,GAAGC;AAAK,CACI,EACdC,GAAG,EAAA;EAEH,MAAMC,cAAc,GAAGC,iBAAQ,CAAC,eAAeC,wBAAU,CAACC,WAAW,CAAA,GAAA,CAAK,CAAC;EAC3E,oBACEC,cAAA,CAACb,OAAO,EAAA;AAAA,IAAA,GACFO,KAAK;AACTC,IAAAA,GAAG,EAAEA,GAAI;AACTF,IAAAA,KAAK,EAAE;MACL,eAAe,EAAEH,SAAS,GAAG,CAAA,EAAGD,IAAI,CAAA,EAAA,CAAI,GAAG,CAAA,WAAA,EAAcA,IAAI,CAAA,CAAA,CAAG;MAChE,oBAAoB,EAClBO,cAAc,IAAI,CAACN,SAAS,GACxB,CAAA,EAAGR,aAAa,CAACO,IAAI,CAAC,GAAG,CAAC,IAAI,GAC9B,CAAA,EAAGP,aAAa,CAACO,IAAI,CAAC,CAAA,EAAA,CAAI;AAChC,MAAA,oBAAoB,EAAE,CAAA,EAAGN,aAAa,CAACM,IAAI,CAAC,CAAA,EAAA,CAAI;MAChD,GAAGI;KACH;AACFD,IAAAA,SAAS,EAAES,SAAI,CACb,WAAW,EACX;AAAE,MAAA,kBAAkB,EAAEV;KAAc,EACpC,kDAAkD,EAClDC,SAAS,CACT;AAAAJ,IAAAA,QAAA,EAEDA;AAAQ,GACF,CAAC;AAEd,CAAC;;;;"}
+{"version":3,"file":"Circle.js","sources":["../../../src/common/Circle/Circle.tsx"],"sourcesContent":["import { HTMLAttributes, forwardRef } from 'react';\nimport { clsx } from 'clsx';\nimport { Breakpoint } from '@transferwise/neptune-tokens';\nimport { useMedia } from '../hooks/useMedia';\n\nexport type ShapeSize = 16 | 24 | 32 | 40 | 48 | 56 | 72 | 88 | 96;\n\nexport type CircleProps = {\n  /**\n   * Modify underlying element, `div` by default\n   */\n  as?: React.ElementType;\n  /**\n   * Set size of the circle in px, `48` by default\n   */\n  size?: ShapeSize;\n  /**\n   * When `true` will use the fixed size (`48px`) instead of the CSS spacing variable (`--size-*`)\n   * as those can be dynamic a at certain viewport sizes\n   */\n  fixedSize?: boolean;\n  enableBorder?: boolean;\n} & HTMLAttributes<HTMLDivElement>;\n\n/**\n * circle like components has custom sizes for icons\n */\nconst MAP_ICON_SIZE = {\n  16: 12,\n  24: 16,\n  32: 18,\n  40: 20,\n  48: 24,\n  56: 28,\n  72: 36,\n  88: 44,\n  96: 48,\n};\n\n/**\n * circle like components have custom typography styles for for default (Inter) font\n *\n * circle size : font size (px)\n */\nconst MAP_FONT_SIZE = {\n  16: 8,\n  24: 12,\n  32: 14,\n  40: 18,\n  48: 22,\n  56: 26,\n  72: 30,\n  88: 36,\n  96: 40,\n};\n\nconst Circle = forwardRef(function Circle(\n  {\n    as: Element = 'div',\n    children,\n    size = 48,\n    fixedSize = false,\n    enableBorder = false,\n    className,\n    style,\n    ...props\n  }: CircleProps,\n  ref,\n) {\n  const isTinyViewport = useMedia(`(max-width: ${Breakpoint.EXTRA_SMALL}px)`);\n  return (\n    <Element\n      {...props}\n      ref={ref}\n      style={{\n        '--circle-size': fixedSize ? `${size}px` : `var(--size-${size})`,\n        '--circle-icon-size':\n          isTinyViewport && !fixedSize\n            ? `${MAP_ICON_SIZE[size] / 2}px`\n            : `${MAP_ICON_SIZE[size]}px`,\n        '--circle-font-size': `${MAP_FONT_SIZE[size]}px`,\n        ...style,\n      }}\n      className={clsx(\n        'np-circle',\n        { 'np-circle-border': enableBorder },\n        'd-flex align-items-center justify-content-center',\n        className,\n      )}\n    >\n      {children}\n    </Element>\n  );\n});\n\nexport default Circle;\n"],"names":["MAP_ICON_SIZE","MAP_FONT_SIZE","Circle","forwardRef","as","Element","children","size","fixedSize","enableBorder","className","style","props","ref","isTinyViewport","useMedia","Breakpoint","EXTRA_SMALL","_jsx","clsx"],"mappings":";;;;;;;;;;AA2BA,MAAMA,aAAa,GAAG;AACpB,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE;CACL;AAED;;;;AAIG;AACH,MAAMC,aAAa,GAAG;AACpB,EAAA,EAAE,EAAE,CAAC;AACL,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE;CACL;AAED,MAAMC,MAAM,gBAAGC,gBAAU,CAAC,SAASD,MAAMA,CACvC;EACEE,EAAE,EAAEC,OAAO,GAAG,KAAK;EACnBC,QAAQ;AACRC,EAAAA,IAAI,GAAG,EAAE;AACTC,EAAAA,SAAS,GAAG,KAAK;AACjBC,EAAAA,YAAY,GAAG,KAAK;EACpBC,SAAS;EACTC,KAAK;EACL,GAAGC;AAAK,CACI,EACdC,GAAG,EAAA;EAEH,MAAMC,cAAc,GAAGC,iBAAQ,CAAC,eAAeC,wBAAU,CAACC,WAAW,CAAA,GAAA,CAAK,CAAC;EAC3E,oBACEC,cAAA,CAACb,OAAO,EAAA;AAAA,IAAA,GACFO,KAAK;AACTC,IAAAA,GAAG,EAAEA,GAAI;AACTF,IAAAA,KAAK,EAAE;MACL,eAAe,EAAEH,SAAS,GAAG,CAAA,EAAGD,IAAI,CAAA,EAAA,CAAI,GAAG,CAAA,WAAA,EAAcA,IAAI,CAAA,CAAA,CAAG;MAChE,oBAAoB,EAClBO,cAAc,IAAI,CAACN,SAAS,GACxB,CAAA,EAAGR,aAAa,CAACO,IAAI,CAAC,GAAG,CAAC,IAAI,GAC9B,CAAA,EAAGP,aAAa,CAACO,IAAI,CAAC,CAAA,EAAA,CAAI;AAChC,MAAA,oBAAoB,EAAE,CAAA,EAAGN,aAAa,CAACM,IAAI,CAAC,CAAA,EAAA,CAAI;MAChD,GAAGI;KACH;AACFD,IAAAA,SAAS,EAAES,SAAI,CACb,WAAW,EACX;AAAE,MAAA,kBAAkB,EAAEV;KAAc,EACpC,kDAAkD,EAClDC,SAAS,CACT;AAAAJ,IAAAA,QAAA,EAEDA;AAAQ,GACF,CAAC;AAEd,CAAC;;"}

package/build/common/Circle/Circle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Circle.mjs","sources":["../../../src/common/Circle/Circle.tsx"],"sourcesContent":["import { HTMLAttributes, forwardRef } from 'react';\nimport { clsx } from 'clsx';\nimport { Breakpoint } from '@transferwise/neptune-tokens';\nimport { useMedia } from '../hooks/useMedia';\n\nexport type ShapeSize = 16 | 24 | 32 | 40 | 48 | 56 | 72 | 88 | 96;\n\nexport type CircleProps = {\n  /**\n   * Modify underlying element, `div` by default\n   */\n  as?: React.ElementType;\n  /**\n   * Set size of the circle in px, `48` by default\n   */\n  size?: ShapeSize;\n  /**\n   * When `true` will use the fixed size (`48px`) instead of the CSS spacing variable (`--size-*`)\n   * as those can be dynamic a at certain viewport sizes\n   */\n  fixedSize?: boolean;\n  enableBorder?: boolean;\n} & HTMLAttributes<HTMLDivElement>;\n\n/**\n * circle like components has custom sizes for icons\n */\nconst MAP_ICON_SIZE = {\n  16: 12,\n  24: 16,\n  32: 18,\n  40: 20,\n  48: 24,\n  56: 28,\n  72: 36,\n  88: 44,\n  96: 48,\n};\n\n/**\n * circle like components have custom typography styles for for default (Inter) font\n *\n * circle size : font size (px)\n */\nconst MAP_FONT_SIZE = {\n  16: 8,\n  24: 12,\n  32: 14,\n  40: 18,\n  48: 22,\n  56: 26,\n  72: 30,\n  88: 36,\n  96: 40,\n};\n\nconst Circle = forwardRef(function Circle(\n  {\n    as: Element = 'div',\n    children,\n    size = 48,\n    fixedSize = false,\n    enableBorder = false,\n    className,\n    style,\n    ...props\n  }: CircleProps,\n  ref,\n) {\n  const isTinyViewport = useMedia(`(max-width: ${Breakpoint.EXTRA_SMALL}px)`);\n  return (\n    <Element\n      {...props}\n      ref={ref}\n      style={{\n        '--circle-size': fixedSize ? `${size}px` : `var(--size-${size})`,\n        '--circle-icon-size':\n          isTinyViewport && !fixedSize\n            ? `${MAP_ICON_SIZE[size] / 2}px`\n            : `${MAP_ICON_SIZE[size]}px`,\n        '--circle-font-size': `${MAP_FONT_SIZE[size]}px`,\n        ...style,\n      }}\n      className={clsx(\n        'np-circle',\n        { 'np-circle-border': enableBorder },\n        'd-flex align-items-center justify-content-center',\n        className,\n      )}\n    >\n      {children}\n    </Element>\n  );\n});\n\nexport default Circle;\n"],"names":["MAP_ICON_SIZE","MAP_FONT_SIZE","Circle","forwardRef","as","Element","children","size","fixedSize","enableBorder","className","style","props","ref","isTinyViewport","useMedia","Breakpoint","EXTRA_SMALL","_jsx","clsx"],"mappings":";;;;;;AA2BA,MAAMA,aAAa,GAAG;AACpB,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE;CACL;AAED;;;;AAIG;AACH,MAAMC,aAAa,GAAG;AACpB,EAAA,EAAE,EAAE,CAAC;AACL,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE;CACL;AAED,MAAMC,MAAM,gBAAGC,UAAU,CAAC,SAASD,MAAMA,CACvC;EACEE,EAAE,EAAEC,OAAO,GAAG,KAAK;EACnBC,QAAQ;AACRC,EAAAA,IAAI,GAAG,EAAE;AACTC,EAAAA,SAAS,GAAG,KAAK;AACjBC,EAAAA,YAAY,GAAG,KAAK;EACpBC,SAAS;EACTC,KAAK;EACL,GAAGC;AAAK,CACI,EACdC,GAAG,EAAA;EAEH,MAAMC,cAAc,GAAGC,QAAQ,CAAC,eAAeC,UAAU,CAACC,WAAW,CAAA,GAAA,CAAK,CAAC;EAC3E,oBACEC,GAAA,CAACb,OAAO,EAAA;AAAA,IAAA,GACFO,KAAK;AACTC,IAAAA,GAAG,EAAEA,GAAI;AACTF,IAAAA,KAAK,EAAE;MACL,eAAe,EAAEH,SAAS,GAAG,CAAA,EAAGD,IAAI,CAAA,EAAA,CAAI,GAAG,CAAA,WAAA,EAAcA,IAAI,CAAA,CAAA,CAAG;MAChE,oBAAoB,EAClBO,cAAc,IAAI,CAACN,SAAS,GACxB,CAAA,EAAGR,aAAa,CAACO,IAAI,CAAC,GAAG,CAAC,IAAI,GAC9B,CAAA,EAAGP,aAAa,CAACO,IAAI,CAAC,CAAA,EAAA,CAAI;AAChC,MAAA,oBAAoB,EAAE,CAAA,EAAGN,aAAa,CAACM,IAAI,CAAC,CAAA,EAAA,CAAI;MAChD,GAAGI;KACH;AACFD,IAAAA,SAAS,EAAES,IAAI,CACb,WAAW,EACX;AAAE,MAAA,kBAAkB,EAAEV;KAAc,EACpC,kDAAkD,EAClDC,SAAS,CACT;AAAAJ,IAAAA,QAAA,EAEDA;AAAQ,GACF,CAAC;AAEd,CAAC;;;;"}
+{"version":3,"file":"Circle.mjs","sources":["../../../src/common/Circle/Circle.tsx"],"sourcesContent":["import { HTMLAttributes, forwardRef } from 'react';\nimport { clsx } from 'clsx';\nimport { Breakpoint } from '@transferwise/neptune-tokens';\nimport { useMedia } from '../hooks/useMedia';\n\nexport type ShapeSize = 16 | 24 | 32 | 40 | 48 | 56 | 72 | 88 | 96;\n\nexport type CircleProps = {\n  /**\n   * Modify underlying element, `div` by default\n   */\n  as?: React.ElementType;\n  /**\n   * Set size of the circle in px, `48` by default\n   */\n  size?: ShapeSize;\n  /**\n   * When `true` will use the fixed size (`48px`) instead of the CSS spacing variable (`--size-*`)\n   * as those can be dynamic a at certain viewport sizes\n   */\n  fixedSize?: boolean;\n  enableBorder?: boolean;\n} & HTMLAttributes<HTMLDivElement>;\n\n/**\n * circle like components has custom sizes for icons\n */\nconst MAP_ICON_SIZE = {\n  16: 12,\n  24: 16,\n  32: 18,\n  40: 20,\n  48: 24,\n  56: 28,\n  72: 36,\n  88: 44,\n  96: 48,\n};\n\n/**\n * circle like components have custom typography styles for for default (Inter) font\n *\n * circle size : font size (px)\n */\nconst MAP_FONT_SIZE = {\n  16: 8,\n  24: 12,\n  32: 14,\n  40: 18,\n  48: 22,\n  56: 26,\n  72: 30,\n  88: 36,\n  96: 40,\n};\n\nconst Circle = forwardRef(function Circle(\n  {\n    as: Element = 'div',\n    children,\n    size = 48,\n    fixedSize = false,\n    enableBorder = false,\n    className,\n    style,\n    ...props\n  }: CircleProps,\n  ref,\n) {\n  const isTinyViewport = useMedia(`(max-width: ${Breakpoint.EXTRA_SMALL}px)`);\n  return (\n    <Element\n      {...props}\n      ref={ref}\n      style={{\n        '--circle-size': fixedSize ? `${size}px` : `var(--size-${size})`,\n        '--circle-icon-size':\n          isTinyViewport && !fixedSize\n            ? `${MAP_ICON_SIZE[size] / 2}px`\n            : `${MAP_ICON_SIZE[size]}px`,\n        '--circle-font-size': `${MAP_FONT_SIZE[size]}px`,\n        ...style,\n      }}\n      className={clsx(\n        'np-circle',\n        { 'np-circle-border': enableBorder },\n        'd-flex align-items-center justify-content-center',\n        className,\n      )}\n    >\n      {children}\n    </Element>\n  );\n});\n\nexport default Circle;\n"],"names":["MAP_ICON_SIZE","MAP_FONT_SIZE","Circle","forwardRef","as","Element","children","size","fixedSize","enableBorder","className","style","props","ref","isTinyViewport","useMedia","Breakpoint","EXTRA_SMALL","_jsx","clsx"],"mappings":";;;;;;AA2BA,MAAMA,aAAa,GAAG;AACpB,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE;CACL;AAED;;;;AAIG;AACH,MAAMC,aAAa,GAAG;AACpB,EAAA,EAAE,EAAE,CAAC;AACL,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE,EAAE;AACN,EAAA,EAAE,EAAE;CACL;AAED,MAAMC,MAAM,gBAAGC,UAAU,CAAC,SAASD,MAAMA,CACvC;EACEE,EAAE,EAAEC,OAAO,GAAG,KAAK;EACnBC,QAAQ;AACRC,EAAAA,IAAI,GAAG,EAAE;AACTC,EAAAA,SAAS,GAAG,KAAK;AACjBC,EAAAA,YAAY,GAAG,KAAK;EACpBC,SAAS;EACTC,KAAK;EACL,GAAGC;AAAK,CACI,EACdC,GAAG,EAAA;EAEH,MAAMC,cAAc,GAAGC,QAAQ,CAAC,eAAeC,UAAU,CAACC,WAAW,CAAA,GAAA,CAAK,CAAC;EAC3E,oBACEC,GAAA,CAACb,OAAO,EAAA;AAAA,IAAA,GACFO,KAAK;AACTC,IAAAA,GAAG,EAAEA,GAAI;AACTF,IAAAA,KAAK,EAAE;MACL,eAAe,EAAEH,SAAS,GAAG,CAAA,EAAGD,IAAI,CAAA,EAAA,CAAI,GAAG,CAAA,WAAA,EAAcA,IAAI,CAAA,CAAA,CAAG;MAChE,oBAAoB,EAClBO,cAAc,IAAI,CAACN,SAAS,GACxB,CAAA,EAAGR,aAAa,CAACO,IAAI,CAAC,GAAG,CAAC,IAAI,GAC9B,CAAA,EAAGP,aAAa,CAACO,IAAI,CAAC,CAAA,EAAA,CAAI;AAChC,MAAA,oBAAoB,EAAE,CAAA,EAAGN,aAAa,CAACM,IAAI,CAAC,CAAA,EAAA,CAAI;MAChD,GAAGI;KACH;AACFD,IAAAA,SAAS,EAAES,IAAI,CACb,WAAW,EACX;AAAE,MAAA,kBAAkB,EAAEV;KAAc,EACpC,kDAAkD,EAClDC,SAAS,CACT;AAAAJ,IAAAA,QAAA,EAEDA;AAAQ,GACF,CAAC;AAEd,CAAC;;"}

package/build/common/CloseButton/CloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CloseButton.js","sources":["../../../src/common/CloseButton/CloseButton.tsx"],"sourcesContent":["import { Cross, CrossCircleFill } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { forwardRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { Size, SizeLarge, SizeMedium, SizeSmall, SizeExtraSmall } from '../PropsValues/size';\n\nimport messages from './CloseButton.messages';\n\nexport type CloseButtonProps = Pick<\n  React.ComponentPropsWithoutRef<'button'>,\n  'aria-label' | 'className' | 'onClick'\n> & {\n  size?: SizeExtraSmall | SizeSmall | SizeMedium | SizeLarge;\n  filled?: boolean;\n  isDisabled?: boolean;\n  testId?: string;\n  tabIndex?: number;\n};\n\n/**\n * @deprecated Use `<IconButton />` component instead\n */\nexport const CloseButton = forwardRef(function CloseButton(\n  {\n    'aria-label': ariaLabel,\n    size = Size.MEDIUM,\n    filled = false,\n    className,\n    onClick,\n    isDisabled,\n    testId,\n    tabIndex,\n  }: CloseButtonProps,\n  reference: React.ForwardedRef<HTMLButtonElement | null>,\n) {\n  const intl = useIntl();\n  ariaLabel ??= intl.formatMessage(messages.ariaLabel);\n  const Icon = filled ? CrossCircleFill : Cross;\n\n  return (\n    <button\n      ref={reference}\n      type=\"button\"\n      className={clsx(\n        'np-close-button',\n        'close btn-link',\n        'text-no-decoration',\n        {\n          'np-close-button--x-small': size === Size.EXTRA_SMALL,\n          'np-close-button--large': size === Size.MEDIUM,\n          'np-close-button--x-large': size === Size.LARGE,\n        },\n        className,\n      )}\n      aria-label={ariaLabel}\n      aria-disabled={isDisabled}\n      disabled={isDisabled}\n      data-testid={testId}\n      tabIndex={tabIndex}\n      onClick={onClick}\n    >\n      <Icon size={size === Size.SMALL || size === Size.EXTRA_SMALL ? 16 : 24} />\n    </button>\n  );\n});\n"],"names":["CloseButton","forwardRef","ariaLabel","size","Size","MEDIUM","filled","className","onClick","isDisabled","testId","tabIndex","reference","intl","useIntl","formatMessage","messages","Icon","CrossCircleFill","Cross","_jsx","ref","type","clsx","EXTRA_SMALL","LARGE","disabled","children","SMALL"],"mappings":";;;;;;;;;;MAuBaA,WAAW,gBAAGC,gBAAU,CAAC,SAASD,WAAWA,CACxD;AACE,EAAA,YAAY,EAAEE,SAAS;QACvBC,MAAI,GAAGC,SAAI,CAACC,MAAM;AAClBC,EAAAA,MAAM,GAAG,KAAK;EACdC,SAAS;EACTC,OAAO;EACPC,UAAU;EACVC,MAAM;AACNC,EAAAA;AAAQ,CACS,EACnBC,SAAuD,EAAA;AAEvD,EAAA,MAAMC,IAAI,GAAGC,iBAAO,EAAE;EACtBZ,SAAS,KAAKW,IAAI,CAACE,aAAa,CAACC,4BAAQ,CAACd,SAAS,CAAC;AACpD,EAAA,MAAMe,IAAI,GAAGX,MAAM,GAAGY,qBAAe,GAAGC,WAAK;AAE7C,EAAA,oBACEC,cAAA,CAAA,QAAA,EAAA;AACEC,IAAAA,GAAG,EAAET,SAAU;AACfU,IAAAA,IAAI,EAAC,QAAQ;IACbf,SAAS,EAAEgB,SAAI,CACb,iBAAiB,EACjB,gBAAgB,EAChB,oBAAoB,EACpB;AACE,MAAA,0BAA0B,EAAEpB,MAAI,KAAKC,SAAI,CAACoB,WAAW;AACrD,MAAA,wBAAwB,EAAErB,MAAI,KAAKC,SAAI,CAACC,MAAM;AAC9C,MAAA,0BAA0B,EAAEF,MAAI,KAAKC,SAAI,CAACqB;KAC3C,EACDlB,SAAS,CACT;AACF,IAAA,YAAA,EAAYL,SAAU;AACtB,IAAA,eAAA,EAAeO,UAAW;AAC1BiB,IAAAA,QAAQ,EAAEjB,UAAW;AACrB,IAAA,aAAA,EAAaC,MAAO;AACpBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBH,IAAAA,OAAO,EAAEA,OAAQ;IAAAmB,QAAA,eAEjBP,cAAA,CAACH,IAAI,EAAA;AAACd,MAAAA,IAAI,EAAEA,MAAI,KAAKC,SAAI,CAACwB,KAAK,IAAIzB,MAAI,KAAKC,SAAI,CAACoB,WAAW,GAAG,EAAE,GAAG;KAAG;AACzE,GAAQ,CAAC;AAEb,CAAC;;;;"}
+{"version":3,"file":"CloseButton.js","sources":["../../../src/common/CloseButton/CloseButton.tsx"],"sourcesContent":["import { Cross, CrossCircleFill } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { forwardRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { Size, SizeLarge, SizeMedium, SizeSmall, SizeExtraSmall } from '../PropsValues/size';\n\nimport messages from './CloseButton.messages';\n\nexport type CloseButtonProps = Pick<\n  React.ComponentPropsWithoutRef<'button'>,\n  'aria-label' | 'className' | 'onClick'\n> & {\n  size?: SizeExtraSmall | SizeSmall | SizeMedium | SizeLarge;\n  filled?: boolean;\n  isDisabled?: boolean;\n  testId?: string;\n  tabIndex?: number;\n};\n\n/**\n * @deprecated Use `<IconButton />` component instead\n */\nexport const CloseButton = forwardRef(function CloseButton(\n  {\n    'aria-label': ariaLabel,\n    size = Size.MEDIUM,\n    filled = false,\n    className,\n    onClick,\n    isDisabled,\n    testId,\n    tabIndex,\n  }: CloseButtonProps,\n  reference: React.ForwardedRef<HTMLButtonElement | null>,\n) {\n  const intl = useIntl();\n  ariaLabel ??= intl.formatMessage(messages.ariaLabel);\n  const Icon = filled ? CrossCircleFill : Cross;\n\n  return (\n    <button\n      ref={reference}\n      type=\"button\"\n      className={clsx(\n        'np-close-button',\n        'close btn-link',\n        'text-no-decoration',\n        {\n          'np-close-button--x-small': size === Size.EXTRA_SMALL,\n          'np-close-button--large': size === Size.MEDIUM,\n          'np-close-button--x-large': size === Size.LARGE,\n        },\n        className,\n      )}\n      aria-label={ariaLabel}\n      aria-disabled={isDisabled}\n      disabled={isDisabled}\n      data-testid={testId}\n      tabIndex={tabIndex}\n      onClick={onClick}\n    >\n      <Icon size={size === Size.SMALL || size === Size.EXTRA_SMALL ? 16 : 24} />\n    </button>\n  );\n});\n"],"names":["CloseButton","forwardRef","ariaLabel","size","Size","MEDIUM","filled","className","onClick","isDisabled","testId","tabIndex","reference","intl","useIntl","formatMessage","messages","Icon","CrossCircleFill","Cross","_jsx","ref","type","clsx","EXTRA_SMALL","LARGE","disabled","children","SMALL"],"mappings":";;;;;;;;;;MAuBaA,WAAW,gBAAGC,gBAAU,CAAC,SAASD,WAAWA,CACxD;AACE,EAAA,YAAY,EAAEE,SAAS;QACvBC,MAAI,GAAGC,SAAI,CAACC,MAAM;AAClBC,EAAAA,MAAM,GAAG,KAAK;EACdC,SAAS;EACTC,OAAO;EACPC,UAAU;EACVC,MAAM;AACNC,EAAAA;AAAQ,CACS,EACnBC,SAAuD,EAAA;AAEvD,EAAA,MAAMC,IAAI,GAAGC,iBAAO,EAAE;EACtBZ,SAAS,KAAKW,IAAI,CAACE,aAAa,CAACC,4BAAQ,CAACd,SAAS,CAAC;AACpD,EAAA,MAAMe,IAAI,GAAGX,MAAM,GAAGY,qBAAe,GAAGC,WAAK;AAE7C,EAAA,oBACEC,cAAA,CAAA,QAAA,EAAA;AACEC,IAAAA,GAAG,EAAET,SAAU;AACfU,IAAAA,IAAI,EAAC,QAAQ;IACbf,SAAS,EAAEgB,SAAI,CACb,iBAAiB,EACjB,gBAAgB,EAChB,oBAAoB,EACpB;AACE,MAAA,0BAA0B,EAAEpB,MAAI,KAAKC,SAAI,CAACoB,WAAW;AACrD,MAAA,wBAAwB,EAAErB,MAAI,KAAKC,SAAI,CAACC,MAAM;AAC9C,MAAA,0BAA0B,EAAEF,MAAI,KAAKC,SAAI,CAACqB;KAC3C,EACDlB,SAAS,CACT;AACF,IAAA,YAAA,EAAYL,SAAU;AACtB,IAAA,eAAA,EAAeO,UAAW;AAC1BiB,IAAAA,QAAQ,EAAEjB,UAAW;AACrB,IAAA,aAAA,EAAaC,MAAO;AACpBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBH,IAAAA,OAAO,EAAEA,OAAQ;IAAAmB,QAAA,eAEjBP,cAAA,CAACH,IAAI,EAAA;AAACd,MAAAA,IAAI,EAAEA,MAAI,KAAKC,SAAI,CAACwB,KAAK,IAAIzB,MAAI,KAAKC,SAAI,CAACoB,WAAW,GAAG,EAAE,GAAG;KAAG;AACzE,GAAQ,CAAC;AAEb,CAAC;;"}

package/build/common/CloseButton/CloseButton.messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"CloseButton.messages.js","sources":["../../../src/common/CloseButton/CloseButton.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  ariaLabel: {\n    id: 'neptune.CloseButton.ariaLabel',\n    defaultMessage: 'Close',\n    description: 'Description of close button',\n  },\n});\n"],"names":["defineMessages","ariaLabel","id"],"mappings":";;;;;;AAEA,uBAAeA,wBAAc,CAAC;AAC5BC,EAAAA,SAAS,EAAE;IACTC,EAAE,EAAA;AAGH;AACF,CAAA,CAAC;;;;"}
+{"version":3,"file":"CloseButton.messages.js","sources":["../../../src/common/CloseButton/CloseButton.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  ariaLabel: {\n    id: 'neptune.CloseButton.ariaLabel',\n    defaultMessage: 'Close',\n    description: 'Description of close button',\n  },\n});\n"],"names":["defineMessages","ariaLabel","id"],"mappings":";;;;;;AAEA,uBAAeA,wBAAc,CAAC;AAC5BC,EAAAA,SAAS,EAAE;IACTC,EAAE,EAAA;AAGH;AACF,CAAA,CAAC;;"}

package/build/common/CloseButton/CloseButton.messages.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CloseButton.messages.mjs","sources":["../../../src/common/CloseButton/CloseButton.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  ariaLabel: {\n    id: 'neptune.CloseButton.ariaLabel',\n    defaultMessage: 'Close',\n    description: 'Description of close button',\n  },\n});\n"],"names":["defineMessages","ariaLabel","id"],"mappings":";;AAEA,uBAAeA,cAAc,CAAC;AAC5BC,EAAAA,SAAS,EAAE;IACTC,EAAE,EAAA;AAGH;AACF,CAAA,CAAC;;;;"}
+{"version":3,"file":"CloseButton.messages.mjs","sources":["../../../src/common/CloseButton/CloseButton.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  ariaLabel: {\n    id: 'neptune.CloseButton.ariaLabel',\n    defaultMessage: 'Close',\n    description: 'Description of close button',\n  },\n});\n"],"names":["defineMessages","ariaLabel","id"],"mappings":";;AAEA,uBAAeA,cAAc,CAAC;AAC5BC,EAAAA,SAAS,EAAE;IACTC,EAAE,EAAA;AAGH;AACF,CAAA,CAAC;;"}

package/build/common/CloseButton/CloseButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CloseButton.mjs","sources":["../../../src/common/CloseButton/CloseButton.tsx"],"sourcesContent":["import { Cross, CrossCircleFill } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { forwardRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { Size, SizeLarge, SizeMedium, SizeSmall, SizeExtraSmall } from '../PropsValues/size';\n\nimport messages from './CloseButton.messages';\n\nexport type CloseButtonProps = Pick<\n  React.ComponentPropsWithoutRef<'button'>,\n  'aria-label' | 'className' | 'onClick'\n> & {\n  size?: SizeExtraSmall | SizeSmall | SizeMedium | SizeLarge;\n  filled?: boolean;\n  isDisabled?: boolean;\n  testId?: string;\n  tabIndex?: number;\n};\n\n/**\n * @deprecated Use `<IconButton />` component instead\n */\nexport const CloseButton = forwardRef(function CloseButton(\n  {\n    'aria-label': ariaLabel,\n    size = Size.MEDIUM,\n    filled = false,\n    className,\n    onClick,\n    isDisabled,\n    testId,\n    tabIndex,\n  }: CloseButtonProps,\n  reference: React.ForwardedRef<HTMLButtonElement | null>,\n) {\n  const intl = useIntl();\n  ariaLabel ??= intl.formatMessage(messages.ariaLabel);\n  const Icon = filled ? CrossCircleFill : Cross;\n\n  return (\n    <button\n      ref={reference}\n      type=\"button\"\n      className={clsx(\n        'np-close-button',\n        'close btn-link',\n        'text-no-decoration',\n        {\n          'np-close-button--x-small': size === Size.EXTRA_SMALL,\n          'np-close-button--large': size === Size.MEDIUM,\n          'np-close-button--x-large': size === Size.LARGE,\n        },\n        className,\n      )}\n      aria-label={ariaLabel}\n      aria-disabled={isDisabled}\n      disabled={isDisabled}\n      data-testid={testId}\n      tabIndex={tabIndex}\n      onClick={onClick}\n    >\n      <Icon size={size === Size.SMALL || size === Size.EXTRA_SMALL ? 16 : 24} />\n    </button>\n  );\n});\n"],"names":["CloseButton","forwardRef","ariaLabel","size","Size","MEDIUM","filled","className","onClick","isDisabled","testId","tabIndex","reference","intl","useIntl","formatMessage","messages","Icon","CrossCircleFill","Cross","_jsx","ref","type","clsx","EXTRA_SMALL","LARGE","disabled","children","SMALL"],"mappings":";;;;;;;;MAuBaA,WAAW,gBAAGC,UAAU,CAAC,SAASD,WAAWA,CACxD;AACE,EAAA,YAAY,EAAEE,SAAS;EACvBC,IAAI,GAAGC,IAAI,CAACC,MAAM;AAClBC,EAAAA,MAAM,GAAG,KAAK;EACdC,SAAS;EACTC,OAAO;EACPC,UAAU;EACVC,MAAM;AACNC,EAAAA;AAAQ,CACS,EACnBC,SAAuD,EAAA;AAEvD,EAAA,MAAMC,IAAI,GAAGC,OAAO,EAAE;EACtBZ,SAAS,KAAKW,IAAI,CAACE,aAAa,CAACC,gBAAQ,CAACd,SAAS,CAAC;AACpD,EAAA,MAAMe,IAAI,GAAGX,MAAM,GAAGY,eAAe,GAAGC,KAAK;AAE7C,EAAA,oBACEC,GAAA,CAAA,QAAA,EAAA;AACEC,IAAAA,GAAG,EAAET,SAAU;AACfU,IAAAA,IAAI,EAAC,QAAQ;IACbf,SAAS,EAAEgB,IAAI,CACb,iBAAiB,EACjB,gBAAgB,EAChB,oBAAoB,EACpB;AACE,MAAA,0BAA0B,EAAEpB,IAAI,KAAKC,IAAI,CAACoB,WAAW;AACrD,MAAA,wBAAwB,EAAErB,IAAI,KAAKC,IAAI,CAACC,MAAM;AAC9C,MAAA,0BAA0B,EAAEF,IAAI,KAAKC,IAAI,CAACqB;KAC3C,EACDlB,SAAS,CACT;AACF,IAAA,YAAA,EAAYL,SAAU;AACtB,IAAA,eAAA,EAAeO,UAAW;AAC1BiB,IAAAA,QAAQ,EAAEjB,UAAW;AACrB,IAAA,aAAA,EAAaC,MAAO;AACpBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBH,IAAAA,OAAO,EAAEA,OAAQ;IAAAmB,QAAA,eAEjBP,GAAA,CAACH,IAAI,EAAA;AAACd,MAAAA,IAAI,EAAEA,IAAI,KAAKC,IAAI,CAACwB,KAAK,IAAIzB,IAAI,KAAKC,IAAI,CAACoB,WAAW,GAAG,EAAE,GAAG;KAAG;AACzE,GAAQ,CAAC;AAEb,CAAC;;;;"}
+{"version":3,"file":"CloseButton.mjs","sources":["../../../src/common/CloseButton/CloseButton.tsx"],"sourcesContent":["import { Cross, CrossCircleFill } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { forwardRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { Size, SizeLarge, SizeMedium, SizeSmall, SizeExtraSmall } from '../PropsValues/size';\n\nimport messages from './CloseButton.messages';\n\nexport type CloseButtonProps = Pick<\n  React.ComponentPropsWithoutRef<'button'>,\n  'aria-label' | 'className' | 'onClick'\n> & {\n  size?: SizeExtraSmall | SizeSmall | SizeMedium | SizeLarge;\n  filled?: boolean;\n  isDisabled?: boolean;\n  testId?: string;\n  tabIndex?: number;\n};\n\n/**\n * @deprecated Use `<IconButton />` component instead\n */\nexport const CloseButton = forwardRef(function CloseButton(\n  {\n    'aria-label': ariaLabel,\n    size = Size.MEDIUM,\n    filled = false,\n    className,\n    onClick,\n    isDisabled,\n    testId,\n    tabIndex,\n  }: CloseButtonProps,\n  reference: React.ForwardedRef<HTMLButtonElement | null>,\n) {\n  const intl = useIntl();\n  ariaLabel ??= intl.formatMessage(messages.ariaLabel);\n  const Icon = filled ? CrossCircleFill : Cross;\n\n  return (\n    <button\n      ref={reference}\n      type=\"button\"\n      className={clsx(\n        'np-close-button',\n        'close btn-link',\n        'text-no-decoration',\n        {\n          'np-close-button--x-small': size === Size.EXTRA_SMALL,\n          'np-close-button--large': size === Size.MEDIUM,\n          'np-close-button--x-large': size === Size.LARGE,\n        },\n        className,\n      )}\n      aria-label={ariaLabel}\n      aria-disabled={isDisabled}\n      disabled={isDisabled}\n      data-testid={testId}\n      tabIndex={tabIndex}\n      onClick={onClick}\n    >\n      <Icon size={size === Size.SMALL || size === Size.EXTRA_SMALL ? 16 : 24} />\n    </button>\n  );\n});\n"],"names":["CloseButton","forwardRef","ariaLabel","size","Size","MEDIUM","filled","className","onClick","isDisabled","testId","tabIndex","reference","intl","useIntl","formatMessage","messages","Icon","CrossCircleFill","Cross","_jsx","ref","type","clsx","EXTRA_SMALL","LARGE","disabled","children","SMALL"],"mappings":";;;;;;;;MAuBaA,WAAW,gBAAGC,UAAU,CAAC,SAASD,WAAWA,CACxD;AACE,EAAA,YAAY,EAAEE,SAAS;EACvBC,IAAI,GAAGC,IAAI,CAACC,MAAM;AAClBC,EAAAA,MAAM,GAAG,KAAK;EACdC,SAAS;EACTC,OAAO;EACPC,UAAU;EACVC,MAAM;AACNC,EAAAA;AAAQ,CACS,EACnBC,SAAuD,EAAA;AAEvD,EAAA,MAAMC,IAAI,GAAGC,OAAO,EAAE;EACtBZ,SAAS,KAAKW,IAAI,CAACE,aAAa,CAACC,gBAAQ,CAACd,SAAS,CAAC;AACpD,EAAA,MAAMe,IAAI,GAAGX,MAAM,GAAGY,eAAe,GAAGC,KAAK;AAE7C,EAAA,oBACEC,GAAA,CAAA,QAAA,EAAA;AACEC,IAAAA,GAAG,EAAET,SAAU;AACfU,IAAAA,IAAI,EAAC,QAAQ;IACbf,SAAS,EAAEgB,IAAI,CACb,iBAAiB,EACjB,gBAAgB,EAChB,oBAAoB,EACpB;AACE,MAAA,0BAA0B,EAAEpB,IAAI,KAAKC,IAAI,CAACoB,WAAW;AACrD,MAAA,wBAAwB,EAAErB,IAAI,KAAKC,IAAI,CAACC,MAAM;AAC9C,MAAA,0BAA0B,EAAEF,IAAI,KAAKC,IAAI,CAACqB;KAC3C,EACDlB,SAAS,CACT;AACF,IAAA,YAAA,EAAYL,SAAU;AACtB,IAAA,eAAA,EAAeO,UAAW;AAC1BiB,IAAAA,QAAQ,EAAEjB,UAAW;AACrB,IAAA,aAAA,EAAaC,MAAO;AACpBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBH,IAAAA,OAAO,EAAEA,OAAQ;IAAAmB,QAAA,eAEjBP,GAAA,CAACH,IAAI,EAAA;AAACd,MAAAA,IAAI,EAAEA,IAAI,KAAKC,IAAI,CAACwB,KAAK,IAAIzB,IAAI,KAAKC,IAAI,CAACoB,WAAW,GAAG,EAAE,GAAG;KAAG;AACzE,GAAQ,CAAC;AAEb,CAAC;;"}

package/build/common/DOMOperations/DOMOperations.js.map

@@ -1 +1 @@
-{"version":3,"file":"DOMOperations.js","sources":["../../../src/common/DOMOperations/DOMOperations.ts"],"sourcesContent":["/**\n * Defined in `Dimmer.less`\n */\nconst NO_SCROLL_CLASS = 'no-scroll';\n\n/**\n * Apply {@link NO_SCROLL_CLASS} that disables scroll on page (e.g use in Dimmer to disable scroll behind the component)\n *\n * CSS class needs to be applied for `html` and not `body`, as this doing both will break any position sticky in the document.\n */\nexport const addNoScrollClass = () => {\n  document.documentElement.classList.add(NO_SCROLL_CLASS);\n};\n\n/**\n * Clean up after {@link addNoScrollClass} function\n */\nexport const removeNoScrollClass = () => {\n  document.documentElement.classList.remove(NO_SCROLL_CLASS);\n};\n"],"names":["NO_SCROLL_CLASS","addNoScrollClass","document","documentElement","classList","add","removeNoScrollClass","remove"],"mappings":";;AAAA;;AAEG;AACH,MAAMA,eAAe,GAAG,WAAW;AAEnC;;;;AAIG;AACI,MAAMC,gBAAgB,GAAGA,MAAK;EACnCC,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACC,GAAG,CAACL,eAAe,CAAC;AACzD;AAEA;;AAEG;AACI,MAAMM,mBAAmB,GAAGA,MAAK;EACtCJ,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACG,MAAM,CAACP,eAAe,CAAC;AAC5D;;;;;"}
+{"version":3,"file":"DOMOperations.js","sources":["../../../src/common/DOMOperations/DOMOperations.ts"],"sourcesContent":["/**\n * Defined in `Dimmer.less`\n */\nconst NO_SCROLL_CLASS = 'no-scroll';\n\n/**\n * Apply {@link NO_SCROLL_CLASS} that disables scroll on page (e.g use in Dimmer to disable scroll behind the component)\n *\n * CSS class needs to be applied for `html` and not `body`, as this doing both will break any position sticky in the document.\n */\nexport const addNoScrollClass = () => {\n  document.documentElement.classList.add(NO_SCROLL_CLASS);\n};\n\n/**\n * Clean up after {@link addNoScrollClass} function\n */\nexport const removeNoScrollClass = () => {\n  document.documentElement.classList.remove(NO_SCROLL_CLASS);\n};\n"],"names":["NO_SCROLL_CLASS","addNoScrollClass","document","documentElement","classList","add","removeNoScrollClass","remove"],"mappings":";;AAAA;;AAEG;AACH,MAAMA,eAAe,GAAG,WAAW;AAEnC;;;;AAIG;AACI,MAAMC,gBAAgB,GAAGA,MAAK;EACnCC,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACC,GAAG,CAACL,eAAe,CAAC;AACzD;AAEA;;AAEG;AACI,MAAMM,mBAAmB,GAAGA,MAAK;EACtCJ,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACG,MAAM,CAACP,eAAe,CAAC;AAC5D;;;"}

package/build/common/DOMOperations/DOMOperations.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DOMOperations.mjs","sources":["../../../src/common/DOMOperations/DOMOperations.ts"],"sourcesContent":["/**\n * Defined in `Dimmer.less`\n */\nconst NO_SCROLL_CLASS = 'no-scroll';\n\n/**\n * Apply {@link NO_SCROLL_CLASS} that disables scroll on page (e.g use in Dimmer to disable scroll behind the component)\n *\n * CSS class needs to be applied for `html` and not `body`, as this doing both will break any position sticky in the document.\n */\nexport const addNoScrollClass = () => {\n  document.documentElement.classList.add(NO_SCROLL_CLASS);\n};\n\n/**\n * Clean up after {@link addNoScrollClass} function\n */\nexport const removeNoScrollClass = () => {\n  document.documentElement.classList.remove(NO_SCROLL_CLASS);\n};\n"],"names":["NO_SCROLL_CLASS","addNoScrollClass","document","documentElement","classList","add","removeNoScrollClass","remove"],"mappings":"AAAA;;AAEG;AACH,MAAMA,eAAe,GAAG,WAAW;AAEnC;;;;AAIG;AACI,MAAMC,gBAAgB,GAAGA,MAAK;EACnCC,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACC,GAAG,CAACL,eAAe,CAAC;AACzD;AAEA;;AAEG;AACI,MAAMM,mBAAmB,GAAGA,MAAK;EACtCJ,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACG,MAAM,CAACP,eAAe,CAAC;AAC5D;;;;"}
+{"version":3,"file":"DOMOperations.mjs","sources":["../../../src/common/DOMOperations/DOMOperations.ts"],"sourcesContent":["/**\n * Defined in `Dimmer.less`\n */\nconst NO_SCROLL_CLASS = 'no-scroll';\n\n/**\n * Apply {@link NO_SCROLL_CLASS} that disables scroll on page (e.g use in Dimmer to disable scroll behind the component)\n *\n * CSS class needs to be applied for `html` and not `body`, as this doing both will break any position sticky in the document.\n */\nexport const addNoScrollClass = () => {\n  document.documentElement.classList.add(NO_SCROLL_CLASS);\n};\n\n/**\n * Clean up after {@link addNoScrollClass} function\n */\nexport const removeNoScrollClass = () => {\n  document.documentElement.classList.remove(NO_SCROLL_CLASS);\n};\n"],"names":["NO_SCROLL_CLASS","addNoScrollClass","document","documentElement","classList","add","removeNoScrollClass","remove"],"mappings":"AAAA;;AAEG;AACH,MAAMA,eAAe,GAAG,WAAW;AAEnC;;;;AAIG;AACI,MAAMC,gBAAgB,GAAGA,MAAK;EACnCC,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACC,GAAG,CAACL,eAAe,CAAC;AACzD;AAEA;;AAEG;AACI,MAAMM,mBAAmB,GAAGA,MAAK;EACtCJ,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACG,MAAM,CAACP,eAAe,CAAC;AAC5D;;"}

package/build/common/DateUtils/getDateView/getDateView.js.map

@@ -1 +1 @@
-{"version":3,"file":"getDateView.js","sources":["../../../../src/common/DateUtils/getDateView/getDateView.ts"],"sourcesContent":["import { moveToWithinRange } from '../moveToWithinRange/moveToWithinRange';\n\nexport const returnDateView = (selectedDate: Date | null, min: Date | null, max: Date | null) => {\n  return selectedDate || ((min || max) && moveToWithinRange(new Date(), min, max)) || new Date();\n};\n"],"names":["returnDateView","selectedDate","min","max","moveToWithinRange","Date"],"mappings":";;;;AAEO,MAAMA,cAAc,GAAGA,CAACC,YAAyB,EAAEC,GAAgB,EAAEC,GAAgB,KAAI;EAC9F,OAAOF,YAAY,IAAK,CAACC,GAAG,IAAIC,GAAG,KAAKC,mCAAiB,CAAC,IAAIC,IAAI,EAAE,EAAEH,GAAG,EAAEC,GAAG,CAAE,IAAI,IAAIE,IAAI,EAAE;AAChG;;;;"}
+{"version":3,"file":"getDateView.js","sources":["../../../../src/common/DateUtils/getDateView/getDateView.ts"],"sourcesContent":["import { moveToWithinRange } from '../moveToWithinRange/moveToWithinRange';\n\nexport const returnDateView = (selectedDate: Date | null, min: Date | null, max: Date | null) => {\n  return selectedDate || ((min || max) && moveToWithinRange(new Date(), min, max)) || new Date();\n};\n"],"names":["returnDateView","selectedDate","min","max","moveToWithinRange","Date"],"mappings":";;;;AAEO,MAAMA,cAAc,GAAGA,CAACC,YAAyB,EAAEC,GAAgB,EAAEC,GAAgB,KAAI;EAC9F,OAAOF,YAAY,IAAK,CAACC,GAAG,IAAIC,GAAG,KAAKC,mCAAiB,CAAC,IAAIC,IAAI,EAAE,EAAEH,GAAG,EAAEC,GAAG,CAAE,IAAI,IAAIE,IAAI,EAAE;AAChG;;"}

package/build/common/DateUtils/getDateView/getDateView.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"getDateView.mjs","sources":["../../../../src/common/DateUtils/getDateView/getDateView.ts"],"sourcesContent":["import { moveToWithinRange } from '../moveToWithinRange/moveToWithinRange';\n\nexport const returnDateView = (selectedDate: Date | null, min: Date | null, max: Date | null) => {\n  return selectedDate || ((min || max) && moveToWithinRange(new Date(), min, max)) || new Date();\n};\n"],"names":["returnDateView","selectedDate","min","max","moveToWithinRange","Date"],"mappings":";;AAEO,MAAMA,cAAc,GAAGA,CAACC,YAAyB,EAAEC,GAAgB,EAAEC,GAAgB,KAAI;EAC9F,OAAOF,YAAY,IAAK,CAACC,GAAG,IAAIC,GAAG,KAAKC,iBAAiB,CAAC,IAAIC,IAAI,EAAE,EAAEH,GAAG,EAAEC,GAAG,CAAE,IAAI,IAAIE,IAAI,EAAE;AAChG;;;;"}
+{"version":3,"file":"getDateView.mjs","sources":["../../../../src/common/DateUtils/getDateView/getDateView.ts"],"sourcesContent":["import { moveToWithinRange } from '../moveToWithinRange/moveToWithinRange';\n\nexport const returnDateView = (selectedDate: Date | null, min: Date | null, max: Date | null) => {\n  return selectedDate || ((min || max) && moveToWithinRange(new Date(), min, max)) || new Date();\n};\n"],"names":["returnDateView","selectedDate","min","max","moveToWithinRange","Date"],"mappings":";;AAEO,MAAMA,cAAc,GAAGA,CAACC,YAAyB,EAAEC,GAAgB,EAAEC,GAAgB,KAAI;EAC9F,OAAOF,YAAY,IAAK,CAACC,GAAG,IAAIC,GAAG,KAAKC,iBAAiB,CAAC,IAAIC,IAAI,EAAE,EAAEH,GAAG,EAAEC,GAAG,CAAE,IAAI,IAAIE,IAAI,EAAE;AAChG;;"}

package/build/common/DateUtils/getDayNames/getDayNames.js.map

@@ -1 +1 @@
-{"version":3,"file":"getDayNames.js","sources":["../../../../src/common/DateUtils/getDayNames/getDayNames.ts"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\n\nexport function getDayNames(\n  locale: string,\n  format: Intl.DateTimeFormatOptions['weekday'] = 'short',\n) {\n  const days: string[] = [];\n  const date = new Date(2018, 0, 1); // 2018 started with Monday\n  while (days.length < 7) {\n    days.push(formatDate(date, locale, { weekday: format }));\n    date.setDate(date.getDate() + 1);\n  }\n  return days;\n}\n"],"names":["getDayNames","locale","format","days","date","Date","length","push","formatDate","weekday","setDate","getDate"],"mappings":";;;;SAEgBA,WAAWA,CACzBC,MAAc,EACdC,SAAgD,OAAO,EAAA;EAEvD,MAAMC,IAAI,GAAa,EAAE;AACzB,EAAA,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAClC,EAAA,OAAOF,IAAI,CAACG,MAAM,GAAG,CAAC,EAAE;IACtBH,IAAI,CAACI,IAAI,CAACC,qBAAU,CAACJ,IAAI,EAAEH,MAAM,EAAE;AAAEQ,MAAAA,OAAO,EAAEP;AAAM,KAAE,CAAC,CAAC;IACxDE,IAAI,CAACM,OAAO,CAACN,IAAI,CAACO,OAAO,EAAE,GAAG,CAAC,CAAC;AAClC,EAAA;AACA,EAAA,OAAOR,IAAI;AACb;;;;"}
+{"version":3,"file":"getDayNames.js","sources":["../../../../src/common/DateUtils/getDayNames/getDayNames.ts"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\n\nexport function getDayNames(\n  locale: string,\n  format: Intl.DateTimeFormatOptions['weekday'] = 'short',\n) {\n  const days: string[] = [];\n  const date = new Date(2018, 0, 1); // 2018 started with Monday\n  while (days.length < 7) {\n    days.push(formatDate(date, locale, { weekday: format }));\n    date.setDate(date.getDate() + 1);\n  }\n  return days;\n}\n"],"names":["getDayNames","locale","format","days","date","Date","length","push","formatDate","weekday","setDate","getDate"],"mappings":";;;;SAEgBA,WAAWA,CACzBC,MAAc,EACdC,SAAgD,OAAO,EAAA;EAEvD,MAAMC,IAAI,GAAa,EAAE;AACzB,EAAA,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAClC,EAAA,OAAOF,IAAI,CAACG,MAAM,GAAG,CAAC,EAAE;IACtBH,IAAI,CAACI,IAAI,CAACC,qBAAU,CAACJ,IAAI,EAAEH,MAAM,EAAE;AAAEQ,MAAAA,OAAO,EAAEP;AAAM,KAAE,CAAC,CAAC;IACxDE,IAAI,CAACM,OAAO,CAACN,IAAI,CAACO,OAAO,EAAE,GAAG,CAAC,CAAC;AAClC,EAAA;AACA,EAAA,OAAOR,IAAI;AACb;;"}

package/build/common/DateUtils/getDayNames/getDayNames.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"getDayNames.mjs","sources":["../../../../src/common/DateUtils/getDayNames/getDayNames.ts"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\n\nexport function getDayNames(\n  locale: string,\n  format: Intl.DateTimeFormatOptions['weekday'] = 'short',\n) {\n  const days: string[] = [];\n  const date = new Date(2018, 0, 1); // 2018 started with Monday\n  while (days.length < 7) {\n    days.push(formatDate(date, locale, { weekday: format }));\n    date.setDate(date.getDate() + 1);\n  }\n  return days;\n}\n"],"names":["getDayNames","locale","format","days","date","Date","length","push","formatDate","weekday","setDate","getDate"],"mappings":";;SAEgBA,WAAWA,CACzBC,MAAc,EACdC,SAAgD,OAAO,EAAA;EAEvD,MAAMC,IAAI,GAAa,EAAE;AACzB,EAAA,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAClC,EAAA,OAAOF,IAAI,CAACG,MAAM,GAAG,CAAC,EAAE;IACtBH,IAAI,CAACI,IAAI,CAACC,UAAU,CAACJ,IAAI,EAAEH,MAAM,EAAE;AAAEQ,MAAAA,OAAO,EAAEP;AAAM,KAAE,CAAC,CAAC;IACxDE,IAAI,CAACM,OAAO,CAACN,IAAI,CAACO,OAAO,EAAE,GAAG,CAAC,CAAC;AAClC,EAAA;AACA,EAAA,OAAOR,IAAI;AACb;;;;"}
+{"version":3,"file":"getDayNames.mjs","sources":["../../../../src/common/DateUtils/getDayNames/getDayNames.ts"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\n\nexport function getDayNames(\n  locale: string,\n  format: Intl.DateTimeFormatOptions['weekday'] = 'short',\n) {\n  const days: string[] = [];\n  const date = new Date(2018, 0, 1); // 2018 started with Monday\n  while (days.length < 7) {\n    days.push(formatDate(date, locale, { weekday: format }));\n    date.setDate(date.getDate() + 1);\n  }\n  return days;\n}\n"],"names":["getDayNames","locale","format","days","date","Date","length","push","formatDate","weekday","setDate","getDate"],"mappings":";;SAEgBA,WAAWA,CACzBC,MAAc,EACdC,SAAgD,OAAO,EAAA;EAEvD,MAAMC,IAAI,GAAa,EAAE;AACzB,EAAA,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAClC,EAAA,OAAOF,IAAI,CAACG,MAAM,GAAG,CAAC,EAAE;IACtBH,IAAI,CAACI,IAAI,CAACC,UAAU,CAACJ,IAAI,EAAEH,MAAM,EAAE;AAAEQ,MAAAA,OAAO,EAAEP;AAAM,KAAE,CAAC,CAAC;IACxDE,IAAI,CAACM,OAAO,CAACN,IAAI,CAACO,OAAO,EAAE,GAAG,CAAC,CAAC;AAClC,EAAA;AACA,EAAA,OAAOR,IAAI;AACb;;"}

package/build/common/DateUtils/getFormatForLocale/getFormatForLocale.js.map

@@ -1 +1 @@
-{"version":3,"file":"getFormatForLocale.js","sources":["../../../../src/common/DateUtils/getFormatForLocale/getFormatForLocale.ts"],"sourcesContent":["export const MDY = new Set(['en-US']);\nexport const YMD = new Set(['hu', 'hu-HU', 'zh-HK', 'zh-CN', 'ja', 'ja-JP']);\n"],"names":["MDY","Set","YMD"],"mappings":";;AAAO,MAAMA,GAAG,GAAG,IAAIC,GAAG,CAAC,CAAC,OAAO,CAAC;MACvBC,GAAG,GAAG,IAAID,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC;;;;;"}
+{"version":3,"file":"getFormatForLocale.js","sources":["../../../../src/common/DateUtils/getFormatForLocale/getFormatForLocale.ts"],"sourcesContent":["export const MDY = new Set(['en-US']);\nexport const YMD = new Set(['hu', 'hu-HU', 'zh-HK', 'zh-CN', 'ja', 'ja-JP']);\n"],"names":["MDY","Set","YMD"],"mappings":";;AAAO,MAAMA,GAAG,GAAG,IAAIC,GAAG,CAAC,CAAC,OAAO,CAAC;MACvBC,GAAG,GAAG,IAAID,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC;;;"}

package/build/common/DateUtils/getFormatForLocale/getFormatForLocale.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"getFormatForLocale.mjs","sources":["../../../../src/common/DateUtils/getFormatForLocale/getFormatForLocale.ts"],"sourcesContent":["export const MDY = new Set(['en-US']);\nexport const YMD = new Set(['hu', 'hu-HU', 'zh-HK', 'zh-CN', 'ja', 'ja-JP']);\n"],"names":["MDY","Set","YMD"],"mappings":"AAAO,MAAMA,GAAG,GAAG,IAAIC,GAAG,CAAC,CAAC,OAAO,CAAC;MACvBC,GAAG,GAAG,IAAID,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC;;;;"}
+{"version":3,"file":"getFormatForLocale.mjs","sources":["../../../../src/common/DateUtils/getFormatForLocale/getFormatForLocale.ts"],"sourcesContent":["export const MDY = new Set(['en-US']);\nexport const YMD = new Set(['hu', 'hu-HU', 'zh-HK', 'zh-CN', 'ja', 'ja-JP']);\n"],"names":["MDY","Set","YMD"],"mappings":"AAAO,MAAMA,GAAG,GAAG,IAAIC,GAAG,CAAC,CAAC,OAAO,CAAC;MACvBC,GAAG,GAAG,IAAID,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC;;"}

package/build/common/DateUtils/getMonthNames/getMonthNames.js.map

@@ -1 +1 @@
-{"version":3,"file":"getMonthNames.js","sources":["../../../../src/common/DateUtils/getMonthNames/getMonthNames.ts"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\n\nexport const getMonthNames = (\n  locale: string,\n  format: Intl.DateTimeFormatOptions['month'] = 'long',\n): string[] => {\n  const months: string[] = [];\n  const date = new Date(2018, 0, 1);\n  const monthFormat = { month: format };\n  while (months.length < 12) {\n    months.push(formatDate(date, locale, monthFormat));\n    date.setMonth(date.getMonth() + 1);\n  }\n  return months;\n};\n"],"names":["getMonthNames","locale","format","months","date","Date","monthFormat","month","length","push","formatDate","setMonth","getMonth"],"mappings":";;;;AAEO,MAAMA,aAAa,GAAGA,CAC3BC,MAAc,EACdC,MAAA,GAA8C,MAAM,KACxC;EACZ,MAAMC,MAAM,GAAa,EAAE;EAC3B,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;AACjC,EAAA,MAAMC,WAAW,GAAG;AAAEC,IAAAA,KAAK,EAAEL;GAAQ;AACrC,EAAA,OAAOC,MAAM,CAACK,MAAM,GAAG,EAAE,EAAE;IACzBL,MAAM,CAACM,IAAI,CAACC,qBAAU,CAACN,IAAI,EAAEH,MAAM,EAAEK,WAAW,CAAC,CAAC;IAClDF,IAAI,CAACO,QAAQ,CAACP,IAAI,CAACQ,QAAQ,EAAE,GAAG,CAAC,CAAC;AACpC,EAAA;AACA,EAAA,OAAOT,MAAM;AACf;;;;"}
+{"version":3,"file":"getMonthNames.js","sources":["../../../../src/common/DateUtils/getMonthNames/getMonthNames.ts"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\n\nexport const getMonthNames = (\n  locale: string,\n  format: Intl.DateTimeFormatOptions['month'] = 'long',\n): string[] => {\n  const months: string[] = [];\n  const date = new Date(2018, 0, 1);\n  const monthFormat = { month: format };\n  while (months.length < 12) {\n    months.push(formatDate(date, locale, monthFormat));\n    date.setMonth(date.getMonth() + 1);\n  }\n  return months;\n};\n"],"names":["getMonthNames","locale","format","months","date","Date","monthFormat","month","length","push","formatDate","setMonth","getMonth"],"mappings":";;;;AAEO,MAAMA,aAAa,GAAGA,CAC3BC,MAAc,EACdC,MAAA,GAA8C,MAAM,KACxC;EACZ,MAAMC,MAAM,GAAa,EAAE;EAC3B,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;AACjC,EAAA,MAAMC,WAAW,GAAG;AAAEC,IAAAA,KAAK,EAAEL;GAAQ;AACrC,EAAA,OAAOC,MAAM,CAACK,MAAM,GAAG,EAAE,EAAE;IACzBL,MAAM,CAACM,IAAI,CAACC,qBAAU,CAACN,IAAI,EAAEH,MAAM,EAAEK,WAAW,CAAC,CAAC;IAClDF,IAAI,CAACO,QAAQ,CAACP,IAAI,CAACQ,QAAQ,EAAE,GAAG,CAAC,CAAC;AACpC,EAAA;AACA,EAAA,OAAOT,MAAM;AACf;;"}

package/build/common/DateUtils/getMonthNames/getMonthNames.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"getMonthNames.mjs","sources":["../../../../src/common/DateUtils/getMonthNames/getMonthNames.ts"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\n\nexport const getMonthNames = (\n  locale: string,\n  format: Intl.DateTimeFormatOptions['month'] = 'long',\n): string[] => {\n  const months: string[] = [];\n  const date = new Date(2018, 0, 1);\n  const monthFormat = { month: format };\n  while (months.length < 12) {\n    months.push(formatDate(date, locale, monthFormat));\n    date.setMonth(date.getMonth() + 1);\n  }\n  return months;\n};\n"],"names":["getMonthNames","locale","format","months","date","Date","monthFormat","month","length","push","formatDate","setMonth","getMonth"],"mappings":";;AAEO,MAAMA,aAAa,GAAGA,CAC3BC,MAAc,EACdC,MAAA,GAA8C,MAAM,KACxC;EACZ,MAAMC,MAAM,GAAa,EAAE;EAC3B,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;AACjC,EAAA,MAAMC,WAAW,GAAG;AAAEC,IAAAA,KAAK,EAAEL;GAAQ;AACrC,EAAA,OAAOC,MAAM,CAACK,MAAM,GAAG,EAAE,EAAE;IACzBL,MAAM,CAACM,IAAI,CAACC,UAAU,CAACN,IAAI,EAAEH,MAAM,EAAEK,WAAW,CAAC,CAAC;IAClDF,IAAI,CAACO,QAAQ,CAACP,IAAI,CAACQ,QAAQ,EAAE,GAAG,CAAC,CAAC;AACpC,EAAA;AACA,EAAA,OAAOT,MAAM;AACf;;;;"}
+{"version":3,"file":"getMonthNames.mjs","sources":["../../../../src/common/DateUtils/getMonthNames/getMonthNames.ts"],"sourcesContent":["import { formatDate } from '@transferwise/formatting';\n\nexport const getMonthNames = (\n  locale: string,\n  format: Intl.DateTimeFormatOptions['month'] = 'long',\n): string[] => {\n  const months: string[] = [];\n  const date = new Date(2018, 0, 1);\n  const monthFormat = { month: format };\n  while (months.length < 12) {\n    months.push(formatDate(date, locale, monthFormat));\n    date.setMonth(date.getMonth() + 1);\n  }\n  return months;\n};\n"],"names":["getMonthNames","locale","format","months","date","Date","monthFormat","month","length","push","formatDate","setMonth","getMonth"],"mappings":";;AAEO,MAAMA,aAAa,GAAGA,CAC3BC,MAAc,EACdC,MAAA,GAA8C,MAAM,KACxC;EACZ,MAAMC,MAAM,GAAa,EAAE;EAC3B,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;AACjC,EAAA,MAAMC,WAAW,GAAG;AAAEC,IAAAA,KAAK,EAAEL;GAAQ;AACrC,EAAA,OAAOC,MAAM,CAACK,MAAM,GAAG,EAAE,EAAE;IACzBL,MAAM,CAACM,IAAI,CAACC,UAAU,CAACN,IAAI,EAAEH,MAAM,EAAEK,WAAW,CAAC,CAAC;IAClDF,IAAI,CAACO,QAAQ,CAACP,IAAI,CAACQ,QAAQ,EAAE,GAAG,CAAC,CAAC;AACpC,EAAA;AACA,EAAA,OAAOT,MAAM;AACf;;"}

package/build/common/DateUtils/isDateValid/isDateValid.js.map

@@ -1 +1 @@
-{"version":3,"file":"isDateValid.js","sources":["../../../../src/common/DateUtils/isDateValid/isDateValid.ts"],"sourcesContent":["export const isDateValid = (date: Date | string | null) => {\n  if (date === null) {\n    return false;\n  }\n\n  if (date instanceof Date) {\n    return validDateObject(date);\n  }\n\n  return validDateString(date);\n};\n\nexport const validDateString = (dateString: string) => validDateObject(new Date(dateString));\n\nconst validDateObject = (dateObject: Date) => !isNaN(dateObject.getTime());\n"],"names":["isDateValid","date","Date","validDateObject","validDateString","dateString","dateObject","isNaN","getTime"],"mappings":";;AAAO,MAAMA,WAAW,GAAIC,IAA0B,IAAI;EACxD,IAAIA,IAAI,KAAK,IAAI,EAAE;AACjB,IAAA,OAAO,KAAK;AACd,EAAA;EAEA,IAAIA,IAAI,YAAYC,IAAI,EAAE;IACxB,OAAOC,eAAe,CAACF,IAAI,CAAC;AAC9B,EAAA;EAEA,OAAOG,eAAe,CAACH,IAAI,CAAC;AAC9B;AAEO,MAAMG,eAAe,GAAIC,UAAkB,IAAKF,eAAe,CAAC,IAAID,IAAI,CAACG,UAAU,CAAC;AAE3F,MAAMF,eAAe,GAAIG,UAAgB,IAAK,CAACC,KAAK,CAACD,UAAU,CAACE,OAAO,EAAE,CAAC;;;;;"}
+{"version":3,"file":"isDateValid.js","sources":["../../../../src/common/DateUtils/isDateValid/isDateValid.ts"],"sourcesContent":["export const isDateValid = (date: Date | string | null) => {\n  if (date === null) {\n    return false;\n  }\n\n  if (date instanceof Date) {\n    return validDateObject(date);\n  }\n\n  return validDateString(date);\n};\n\nexport const validDateString = (dateString: string) => validDateObject(new Date(dateString));\n\nconst validDateObject = (dateObject: Date) => !isNaN(dateObject.getTime());\n"],"names":["isDateValid","date","Date","validDateObject","validDateString","dateString","dateObject","isNaN","getTime"],"mappings":";;AAAO,MAAMA,WAAW,GAAIC,IAA0B,IAAI;EACxD,IAAIA,IAAI,KAAK,IAAI,EAAE;AACjB,IAAA,OAAO,KAAK;AACd,EAAA;EAEA,IAAIA,IAAI,YAAYC,IAAI,EAAE;IACxB,OAAOC,eAAe,CAACF,IAAI,CAAC;AAC9B,EAAA;EAEA,OAAOG,eAAe,CAACH,IAAI,CAAC;AAC9B;AAEO,MAAMG,eAAe,GAAIC,UAAkB,IAAKF,eAAe,CAAC,IAAID,IAAI,CAACG,UAAU,CAAC;AAE3F,MAAMF,eAAe,GAAIG,UAAgB,IAAK,CAACC,KAAK,CAACD,UAAU,CAACE,OAAO,EAAE,CAAC;;;"}

package/build/common/DateUtils/isDateValid/isDateValid.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"isDateValid.mjs","sources":["../../../../src/common/DateUtils/isDateValid/isDateValid.ts"],"sourcesContent":["export const isDateValid = (date: Date | string | null) => {\n  if (date === null) {\n    return false;\n  }\n\n  if (date instanceof Date) {\n    return validDateObject(date);\n  }\n\n  return validDateString(date);\n};\n\nexport const validDateString = (dateString: string) => validDateObject(new Date(dateString));\n\nconst validDateObject = (dateObject: Date) => !isNaN(dateObject.getTime());\n"],"names":["isDateValid","date","Date","validDateObject","validDateString","dateString","dateObject","isNaN","getTime"],"mappings":"AAAO,MAAMA,WAAW,GAAIC,IAA0B,IAAI;EACxD,IAAIA,IAAI,KAAK,IAAI,EAAE;AACjB,IAAA,OAAO,KAAK;AACd,EAAA;EAEA,IAAIA,IAAI,YAAYC,IAAI,EAAE;IACxB,OAAOC,eAAe,CAACF,IAAI,CAAC;AAC9B,EAAA;EAEA,OAAOG,eAAe,CAACH,IAAI,CAAC;AAC9B;AAEO,MAAMG,eAAe,GAAIC,UAAkB,IAAKF,eAAe,CAAC,IAAID,IAAI,CAACG,UAAU,CAAC;AAE3F,MAAMF,eAAe,GAAIG,UAAgB,IAAK,CAACC,KAAK,CAACD,UAAU,CAACE,OAAO,EAAE,CAAC;;;;"}
+{"version":3,"file":"isDateValid.mjs","sources":["../../../../src/common/DateUtils/isDateValid/isDateValid.ts"],"sourcesContent":["export const isDateValid = (date: Date | string | null) => {\n  if (date === null) {\n    return false;\n  }\n\n  if (date instanceof Date) {\n    return validDateObject(date);\n  }\n\n  return validDateString(date);\n};\n\nexport const validDateString = (dateString: string) => validDateObject(new Date(dateString));\n\nconst validDateObject = (dateObject: Date) => !isNaN(dateObject.getTime());\n"],"names":["isDateValid","date","Date","validDateObject","validDateString","dateString","dateObject","isNaN","getTime"],"mappings":"AAAO,MAAMA,WAAW,GAAIC,IAA0B,IAAI;EACxD,IAAIA,IAAI,KAAK,IAAI,EAAE;AACjB,IAAA,OAAO,KAAK;AACd,EAAA;EAEA,IAAIA,IAAI,YAAYC,IAAI,EAAE;IACxB,OAAOC,eAAe,CAACF,IAAI,CAAC;AAC9B,EAAA;EAEA,OAAOG,eAAe,CAACH,IAAI,CAAC;AAC9B;AAEO,MAAMG,eAAe,GAAIC,UAAkB,IAAKF,eAAe,CAAC,IAAID,IAAI,CAACG,UAAU,CAAC;AAE3F,MAAMF,eAAe,GAAIG,UAAgB,IAAK,CAACC,KAAK,CAACD,UAAU,CAACE,OAAO,EAAE,CAAC;;"}

package/build/common/DateUtils/isMonthAndYearFormat/isMonthAndYearFormat.js.map

@@ -1 +1 @@
-{"version":3,"file":"isMonthAndYearFormat.js","sources":["../../../../src/common/DateUtils/isMonthAndYearFormat/isMonthAndYearFormat.ts"],"sourcesContent":["import { validDateString } from '../isDateValid/isDateValid';\n\nexport const isMonthAndYearFormat = (dateString: string) =>\n  validDateString(dateString) && dateString.split('-').length < 3;\n"],"names":["isMonthAndYearFormat","dateString","validDateString","split","length"],"mappings":";;;;MAEaA,oBAAoB,GAAIC,UAAkB,IACrDC,2BAAe,CAACD,UAAU,CAAC,IAAIA,UAAU,CAACE,KAAK,CAAC,GAAG,CAAC,CAACC,MAAM,GAAG;;;;"}
+{"version":3,"file":"isMonthAndYearFormat.js","sources":["../../../../src/common/DateUtils/isMonthAndYearFormat/isMonthAndYearFormat.ts"],"sourcesContent":["import { validDateString } from '../isDateValid/isDateValid';\n\nexport const isMonthAndYearFormat = (dateString: string) =>\n  validDateString(dateString) && dateString.split('-').length < 3;\n"],"names":["isMonthAndYearFormat","dateString","validDateString","split","length"],"mappings":";;;;MAEaA,oBAAoB,GAAIC,UAAkB,IACrDC,2BAAe,CAACD,UAAU,CAAC,IAAIA,UAAU,CAACE,KAAK,CAAC,GAAG,CAAC,CAACC,MAAM,GAAG;;"}

package/build/common/DateUtils/isMonthAndYearFormat/isMonthAndYearFormat.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"isMonthAndYearFormat.mjs","sources":["../../../../src/common/DateUtils/isMonthAndYearFormat/isMonthAndYearFormat.ts"],"sourcesContent":["import { validDateString } from '../isDateValid/isDateValid';\n\nexport const isMonthAndYearFormat = (dateString: string) =>\n  validDateString(dateString) && dateString.split('-').length < 3;\n"],"names":["isMonthAndYearFormat","dateString","validDateString","split","length"],"mappings":";;MAEaA,oBAAoB,GAAIC,UAAkB,IACrDC,eAAe,CAACD,UAAU,CAAC,IAAIA,UAAU,CAACE,KAAK,CAAC,GAAG,CAAC,CAACC,MAAM,GAAG;;;;"}
+{"version":3,"file":"isMonthAndYearFormat.mjs","sources":["../../../../src/common/DateUtils/isMonthAndYearFormat/isMonthAndYearFormat.ts"],"sourcesContent":["import { validDateString } from '../isDateValid/isDateValid';\n\nexport const isMonthAndYearFormat = (dateString: string) =>\n  validDateString(dateString) && dateString.split('-').length < 3;\n"],"names":["isMonthAndYearFormat","dateString","validDateString","split","length"],"mappings":";;MAEaA,oBAAoB,GAAIC,UAAkB,IACrDC,eAAe,CAACD,UAAU,CAAC,IAAIA,UAAU,CAACE,KAAK,CAAC,GAAG,CAAC,CAACC,MAAM,GAAG;;"}

package/build/common/DateUtils/isWithinRange/isWithinRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"isWithinRange.js","sources":["../../../../src/common/DateUtils/isWithinRange/isWithinRange.ts"],"sourcesContent":["export function isWithinRange(date: Date, min: Date | null, max: Date | null) {\n  return (!min || date >= min) && (!max || date <= max);\n}\n"],"names":["isWithinRange","date","min","max"],"mappings":";;SAAgBA,aAAaA,CAACC,IAAU,EAAEC,GAAgB,EAAEC,GAAgB,EAAA;AAC1E,EAAA,OAAO,CAAC,CAACD,GAAG,IAAID,IAAI,IAAIC,GAAG,MAAM,CAACC,GAAG,IAAIF,IAAI,IAAIE,GAAG,CAAC;AACvD;;;;"}
+{"version":3,"file":"isWithinRange.js","sources":["../../../../src/common/DateUtils/isWithinRange/isWithinRange.ts"],"sourcesContent":["export function isWithinRange(date: Date, min: Date | null, max: Date | null) {\n  return (!min || date >= min) && (!max || date <= max);\n}\n"],"names":["isWithinRange","date","min","max"],"mappings":";;SAAgBA,aAAaA,CAACC,IAAU,EAAEC,GAAgB,EAAEC,GAAgB,EAAA;AAC1E,EAAA,OAAO,CAAC,CAACD,GAAG,IAAID,IAAI,IAAIC,GAAG,MAAM,CAACC,GAAG,IAAIF,IAAI,IAAIE,GAAG,CAAC;AACvD;;"}

package/build/common/DateUtils/isWithinRange/isWithinRange.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"isWithinRange.mjs","sources":["../../../../src/common/DateUtils/isWithinRange/isWithinRange.ts"],"sourcesContent":["export function isWithinRange(date: Date, min: Date | null, max: Date | null) {\n  return (!min || date >= min) && (!max || date <= max);\n}\n"],"names":["isWithinRange","date","min","max"],"mappings":"SAAgBA,aAAaA,CAACC,IAAU,EAAEC,GAAgB,EAAEC,GAAgB,EAAA;AAC1E,EAAA,OAAO,CAAC,CAACD,GAAG,IAAID,IAAI,IAAIC,GAAG,MAAM,CAACC,GAAG,IAAIF,IAAI,IAAIE,GAAG,CAAC;AACvD;;;;"}
+{"version":3,"file":"isWithinRange.mjs","sources":["../../../../src/common/DateUtils/isWithinRange/isWithinRange.ts"],"sourcesContent":["export function isWithinRange(date: Date, min: Date | null, max: Date | null) {\n  return (!min || date >= min) && (!max || date <= max);\n}\n"],"names":["isWithinRange","date","min","max"],"mappings":"SAAgBA,aAAaA,CAACC,IAAU,EAAEC,GAAgB,EAAEC,GAAgB,EAAA;AAC1E,EAAA,OAAO,CAAC,CAACD,GAAG,IAAID,IAAI,IAAIC,GAAG,MAAM,CAACC,GAAG,IAAIF,IAAI,IAAIE,GAAG,CAAC;AACvD;;"}

package/build/common/DateUtils/moveToWithinRange/moveToWithinRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"moveToWithinRange.js","sources":["../../../../src/common/DateUtils/moveToWithinRange/moveToWithinRange.ts"],"sourcesContent":["// Makes sure that date is between min and max dates, returns a cloned min or max\nexport function moveToWithinRange(date: Date, min: Date | null, max: Date | null) {\n  if (min && date < min) {\n    return new Date(min);\n  }\n  if (max && date > max) {\n    return new Date(max);\n  }\n  return date;\n}\n"],"names":["moveToWithinRange","date","min","max","Date"],"mappings":";;AAAA;SACgBA,iBAAiBA,CAACC,IAAU,EAAEC,GAAgB,EAAEC,GAAgB,EAAA;AAC9E,EAAA,IAAID,GAAG,IAAID,IAAI,GAAGC,GAAG,EAAE;AACrB,IAAA,OAAO,IAAIE,IAAI,CAACF,GAAG,CAAC;AACtB,EAAA;AACA,EAAA,IAAIC,GAAG,IAAIF,IAAI,GAAGE,GAAG,EAAE;AACrB,IAAA,OAAO,IAAIC,IAAI,CAACD,GAAG,CAAC;AACtB,EAAA;AACA,EAAA,OAAOF,IAAI;AACb;;;;"}
+{"version":3,"file":"moveToWithinRange.js","sources":["../../../../src/common/DateUtils/moveToWithinRange/moveToWithinRange.ts"],"sourcesContent":["// Makes sure that date is between min and max dates, returns a cloned min or max\nexport function moveToWithinRange(date: Date, min: Date | null, max: Date | null) {\n  if (min && date < min) {\n    return new Date(min);\n  }\n  if (max && date > max) {\n    return new Date(max);\n  }\n  return date;\n}\n"],"names":["moveToWithinRange","date","min","max","Date"],"mappings":";;AAAA;SACgBA,iBAAiBA,CAACC,IAAU,EAAEC,GAAgB,EAAEC,GAAgB,EAAA;AAC9E,EAAA,IAAID,GAAG,IAAID,IAAI,GAAGC,GAAG,EAAE;AACrB,IAAA,OAAO,IAAIE,IAAI,CAACF,GAAG,CAAC;AACtB,EAAA;AACA,EAAA,IAAIC,GAAG,IAAIF,IAAI,GAAGE,GAAG,EAAE;AACrB,IAAA,OAAO,IAAIC,IAAI,CAACD,GAAG,CAAC;AACtB,EAAA;AACA,EAAA,OAAOF,IAAI;AACb;;"}

package/build/common/DateUtils/moveToWithinRange/moveToWithinRange.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"moveToWithinRange.mjs","sources":["../../../../src/common/DateUtils/moveToWithinRange/moveToWithinRange.ts"],"sourcesContent":["// Makes sure that date is between min and max dates, returns a cloned min or max\nexport function moveToWithinRange(date: Date, min: Date | null, max: Date | null) {\n  if (min && date < min) {\n    return new Date(min);\n  }\n  if (max && date > max) {\n    return new Date(max);\n  }\n  return date;\n}\n"],"names":["moveToWithinRange","date","min","max","Date"],"mappings":"AAAA;SACgBA,iBAAiBA,CAACC,IAAU,EAAEC,GAAgB,EAAEC,GAAgB,EAAA;AAC9E,EAAA,IAAID,GAAG,IAAID,IAAI,GAAGC,GAAG,EAAE;AACrB,IAAA,OAAO,IAAIE,IAAI,CAACF,GAAG,CAAC;AACtB,EAAA;AACA,EAAA,IAAIC,GAAG,IAAIF,IAAI,GAAGE,GAAG,EAAE;AACrB,IAAA,OAAO,IAAIC,IAAI,CAACD,GAAG,CAAC;AACtB,EAAA;AACA,EAAA,OAAOF,IAAI;AACb;;;;"}
+{"version":3,"file":"moveToWithinRange.mjs","sources":["../../../../src/common/DateUtils/moveToWithinRange/moveToWithinRange.ts"],"sourcesContent":["// Makes sure that date is between min and max dates, returns a cloned min or max\nexport function moveToWithinRange(date: Date, min: Date | null, max: Date | null) {\n  if (min && date < min) {\n    return new Date(min);\n  }\n  if (max && date > max) {\n    return new Date(max);\n  }\n  return date;\n}\n"],"names":["moveToWithinRange","date","min","max","Date"],"mappings":"AAAA;SACgBA,iBAAiBA,CAACC,IAAU,EAAEC,GAAgB,EAAEC,GAAgB,EAAA;AAC9E,EAAA,IAAID,GAAG,IAAID,IAAI,GAAGC,GAAG,EAAE;AACrB,IAAA,OAAO,IAAIE,IAAI,CAACF,GAAG,CAAC;AACtB,EAAA;AACA,EAAA,IAAIC,GAAG,IAAIF,IAAI,GAAGE,GAAG,EAAE;AACrB,IAAA,OAAO,IAAIC,IAAI,CAACD,GAAG,CAAC;AACtB,EAAA;AACA,EAAA,OAAOF,IAAI;AACb;;"}

package/build/common/DomHelpers/documentIosClick.js.map

@@ -1 +1 @@
-{"version":3,"file":"documentIosClick.js","sources":["../../../src/common/DomHelpers/documentIosClick.ts"],"sourcesContent":["import { SyntheticEvent } from 'react';\n\nimport { isIosDevice } from '../deviceDetection';\n\n/*\n  This is a hack to make ios devices register `click` on document.\n\tIos document doesn't have `click`. It has `touch` and because of that we can't addEventListener('click') to document.\n\tSo we add `ios-click` class to html root element and in css we add {cursor: pointer} so ios devices know that document is clickable element.\n*/\n\nexport function addClickClassToDocumentOnIos() {\n  if (isIosDevice()) {\n    document.documentElement.classList.add('ios-click');\n  }\n}\n\nexport function removeClickClassFromDocumentOnIos() {\n  if (isIosDevice()) {\n    document.documentElement.classList.remove('ios-click');\n  }\n}\n\nexport function isServerSide(): boolean {\n  return typeof window === 'undefined';\n}\n\nexport function isBrowser(): boolean {\n  return !isServerSide();\n}\n\nexport function stopPropagation(event: SyntheticEvent) {\n  event.stopPropagation();\n  event.preventDefault();\n  if (event.nativeEvent && event.nativeEvent.stopImmediatePropagation) {\n    event.nativeEvent.stopImmediatePropagation();\n  }\n}\n"],"names":["addClickClassToDocumentOnIos","isIosDevice","document","documentElement","classList","add","removeClickClassFromDocumentOnIos","remove","isServerSide","window","isBrowser","stopPropagation","event","preventDefault","nativeEvent","stopImmediatePropagation"],"mappings":";;;;AAIA;;;;AAIE;SAEcA,4BAA4BA,GAAA;EAC1C,IAAIC,2BAAW,EAAE,EAAE;IACjBC,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACC,GAAG,CAAC,WAAW,CAAC;AACrD,EAAA;AACF;SAEgBC,iCAAiCA,GAAA;EAC/C,IAAIL,2BAAW,EAAE,EAAE;IACjBC,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACG,MAAM,CAAC,WAAW,CAAC;AACxD,EAAA;AACF;SAEgBC,YAAYA,GAAA;EAC1B,OAAO,OAAOC,MAAM,KAAK,WAAW;AACtC;SAEgBC,SAASA,GAAA;EACvB,OAAO,CAACF,YAAY,EAAE;AACxB;AAEM,SAAUG,eAAeA,CAACC,KAAqB,EAAA;EACnDA,KAAK,CAACD,eAAe,EAAE;EACvBC,KAAK,CAACC,cAAc,EAAE;EACtB,IAAID,KAAK,CAACE,WAAW,IAAIF,KAAK,CAACE,WAAW,CAACC,wBAAwB,EAAE;AACnEH,IAAAA,KAAK,CAACE,WAAW,CAACC,wBAAwB,EAAE;AAC9C,EAAA;AACF;;;;;;;;"}
+{"version":3,"file":"documentIosClick.js","sources":["../../../src/common/DomHelpers/documentIosClick.ts"],"sourcesContent":["import { SyntheticEvent } from 'react';\n\nimport { isIosDevice } from '../deviceDetection';\n\n/*\n  This is a hack to make ios devices register `click` on document.\n\tIos document doesn't have `click`. It has `touch` and because of that we can't addEventListener('click') to document.\n\tSo we add `ios-click` class to html root element and in css we add {cursor: pointer} so ios devices know that document is clickable element.\n*/\n\nexport function addClickClassToDocumentOnIos() {\n  if (isIosDevice()) {\n    document.documentElement.classList.add('ios-click');\n  }\n}\n\nexport function removeClickClassFromDocumentOnIos() {\n  if (isIosDevice()) {\n    document.documentElement.classList.remove('ios-click');\n  }\n}\n\nexport function isServerSide(): boolean {\n  return typeof window === 'undefined';\n}\n\nexport function isBrowser(): boolean {\n  return !isServerSide();\n}\n\nexport function stopPropagation(event: SyntheticEvent) {\n  event.stopPropagation();\n  event.preventDefault();\n  if (event.nativeEvent && event.nativeEvent.stopImmediatePropagation) {\n    event.nativeEvent.stopImmediatePropagation();\n  }\n}\n"],"names":["addClickClassToDocumentOnIos","isIosDevice","document","documentElement","classList","add","removeClickClassFromDocumentOnIos","remove","isServerSide","window","isBrowser","stopPropagation","event","preventDefault","nativeEvent","stopImmediatePropagation"],"mappings":";;;;AAIA;;;;AAIE;SAEcA,4BAA4BA,GAAA;EAC1C,IAAIC,2BAAW,EAAE,EAAE;IACjBC,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACC,GAAG,CAAC,WAAW,CAAC;AACrD,EAAA;AACF;SAEgBC,iCAAiCA,GAAA;EAC/C,IAAIL,2BAAW,EAAE,EAAE;IACjBC,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACG,MAAM,CAAC,WAAW,CAAC;AACxD,EAAA;AACF;SAEgBC,YAAYA,GAAA;EAC1B,OAAO,OAAOC,MAAM,KAAK,WAAW;AACtC;SAEgBC,SAASA,GAAA;EACvB,OAAO,CAACF,YAAY,EAAE;AACxB;AAEM,SAAUG,eAAeA,CAACC,KAAqB,EAAA;EACnDA,KAAK,CAACD,eAAe,EAAE;EACvBC,KAAK,CAACC,cAAc,EAAE;EACtB,IAAID,KAAK,CAACE,WAAW,IAAIF,KAAK,CAACE,WAAW,CAACC,wBAAwB,EAAE;AACnEH,IAAAA,KAAK,CAACE,WAAW,CAACC,wBAAwB,EAAE;AAC9C,EAAA;AACF;;;;;;"}

package/build/common/DomHelpers/documentIosClick.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"documentIosClick.mjs","sources":["../../../src/common/DomHelpers/documentIosClick.ts"],"sourcesContent":["import { SyntheticEvent } from 'react';\n\nimport { isIosDevice } from '../deviceDetection';\n\n/*\n  This is a hack to make ios devices register `click` on document.\n\tIos document doesn't have `click`. It has `touch` and because of that we can't addEventListener('click') to document.\n\tSo we add `ios-click` class to html root element and in css we add {cursor: pointer} so ios devices know that document is clickable element.\n*/\n\nexport function addClickClassToDocumentOnIos() {\n  if (isIosDevice()) {\n    document.documentElement.classList.add('ios-click');\n  }\n}\n\nexport function removeClickClassFromDocumentOnIos() {\n  if (isIosDevice()) {\n    document.documentElement.classList.remove('ios-click');\n  }\n}\n\nexport function isServerSide(): boolean {\n  return typeof window === 'undefined';\n}\n\nexport function isBrowser(): boolean {\n  return !isServerSide();\n}\n\nexport function stopPropagation(event: SyntheticEvent) {\n  event.stopPropagation();\n  event.preventDefault();\n  if (event.nativeEvent && event.nativeEvent.stopImmediatePropagation) {\n    event.nativeEvent.stopImmediatePropagation();\n  }\n}\n"],"names":["addClickClassToDocumentOnIos","isIosDevice","document","documentElement","classList","add","removeClickClassFromDocumentOnIos","remove","isServerSide","window","isBrowser","stopPropagation","event","preventDefault","nativeEvent","stopImmediatePropagation"],"mappings":";;AAIA;;;;AAIE;SAEcA,4BAA4BA,GAAA;EAC1C,IAAIC,WAAW,EAAE,EAAE;IACjBC,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACC,GAAG,CAAC,WAAW,CAAC;AACrD,EAAA;AACF;SAEgBC,iCAAiCA,GAAA;EAC/C,IAAIL,WAAW,EAAE,EAAE;IACjBC,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACG,MAAM,CAAC,WAAW,CAAC;AACxD,EAAA;AACF;SAEgBC,YAAYA,GAAA;EAC1B,OAAO,OAAOC,MAAM,KAAK,WAAW;AACtC;SAEgBC,SAASA,GAAA;EACvB,OAAO,CAACF,YAAY,EAAE;AACxB;AAEM,SAAUG,eAAeA,CAACC,KAAqB,EAAA;EACnDA,KAAK,CAACD,eAAe,EAAE;EACvBC,KAAK,CAACC,cAAc,EAAE;EACtB,IAAID,KAAK,CAACE,WAAW,IAAIF,KAAK,CAACE,WAAW,CAACC,wBAAwB,EAAE;AACnEH,IAAAA,KAAK,CAACE,WAAW,CAACC,wBAAwB,EAAE;AAC9C,EAAA;AACF;;;;"}
+{"version":3,"file":"documentIosClick.mjs","sources":["../../../src/common/DomHelpers/documentIosClick.ts"],"sourcesContent":["import { SyntheticEvent } from 'react';\n\nimport { isIosDevice } from '../deviceDetection';\n\n/*\n  This is a hack to make ios devices register `click` on document.\n\tIos document doesn't have `click`. It has `touch` and because of that we can't addEventListener('click') to document.\n\tSo we add `ios-click` class to html root element and in css we add {cursor: pointer} so ios devices know that document is clickable element.\n*/\n\nexport function addClickClassToDocumentOnIos() {\n  if (isIosDevice()) {\n    document.documentElement.classList.add('ios-click');\n  }\n}\n\nexport function removeClickClassFromDocumentOnIos() {\n  if (isIosDevice()) {\n    document.documentElement.classList.remove('ios-click');\n  }\n}\n\nexport function isServerSide(): boolean {\n  return typeof window === 'undefined';\n}\n\nexport function isBrowser(): boolean {\n  return !isServerSide();\n}\n\nexport function stopPropagation(event: SyntheticEvent) {\n  event.stopPropagation();\n  event.preventDefault();\n  if (event.nativeEvent && event.nativeEvent.stopImmediatePropagation) {\n    event.nativeEvent.stopImmediatePropagation();\n  }\n}\n"],"names":["addClickClassToDocumentOnIos","isIosDevice","document","documentElement","classList","add","removeClickClassFromDocumentOnIos","remove","isServerSide","window","isBrowser","stopPropagation","event","preventDefault","nativeEvent","stopImmediatePropagation"],"mappings":";;AAIA;;;;AAIE;SAEcA,4BAA4BA,GAAA;EAC1C,IAAIC,WAAW,EAAE,EAAE;IACjBC,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACC,GAAG,CAAC,WAAW,CAAC;AACrD,EAAA;AACF;SAEgBC,iCAAiCA,GAAA;EAC/C,IAAIL,WAAW,EAAE,EAAE;IACjBC,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACG,MAAM,CAAC,WAAW,CAAC;AACxD,EAAA;AACF;SAEgBC,YAAYA,GAAA;EAC1B,OAAO,OAAOC,MAAM,KAAK,WAAW;AACtC;SAEgBC,SAASA,GAAA;EACvB,OAAO,CAACF,YAAY,EAAE;AACxB;AAEM,SAAUG,eAAeA,CAACC,KAAqB,EAAA;EACnDA,KAAK,CAACD,eAAe,EAAE;EACvBC,KAAK,CAACC,cAAc,EAAE;EACtB,IAAID,KAAK,CAACE,WAAW,IAAIF,KAAK,CAACE,WAAW,CAACC,wBAAwB,EAAE;AACnEH,IAAAA,KAAK,CAACE,WAAW,CAACC,wBAAwB,EAAE;AAC9C,EAAA;AACF;;"}

package/build/common/FlowHeader/FlowHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlowHeader.js","sources":["../../../src/common/FlowHeader/FlowHeader.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport * as React from 'react';\n\nimport { Layout } from '../PropsValues/layouts';\n\nexport interface FlowHeaderProps {\n  bottomContent?: React.ReactNode;\n  className?: string;\n  layout?: Layout.VERTICAL | Layout.HORIZONTAL;\n  leftContent?: React.ReactNode;\n  rightContent?: React.ReactNode;\n}\n\nconst FlowHeader = React.forwardRef(\n  (\n    {\n      bottomContent,\n      className,\n      layout = Layout.HORIZONTAL,\n      leftContent,\n      rightContent,\n    }: FlowHeaderProps,\n    reference: React.ForwardedRef<HTMLDivElement | null>,\n  ) => {\n    const isVertical = layout === Layout.VERTICAL;\n\n    return (\n      <div\n        ref={reference}\n        className={clsx(\n          'np-flow-header',\n          'd-flex',\n          'flex-wrap',\n          'align-items-center',\n          'justify-content-between',\n          'flex__item--12',\n          className,\n        )}\n      >\n        {leftContent}\n        {rightContent}\n        <div\n          className={clsx('align-items-center', 'd-flex', 'justify-content-center', {\n            'flex__item--12': isVertical,\n            'order-1 flex-grow-1': !isVertical,\n          })}\n        >\n          {bottomContent}\n        </div>\n      </div>\n    );\n  },\n);\n\nexport default FlowHeader;\n"],"names":["FlowHeader","React","forwardRef","bottomContent","className","layout","Layout","HORIZONTAL","leftContent","rightContent","reference","isVertical","VERTICAL","_jsxs","ref","clsx","children","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAMA,UAAU,gBAAGC,gBAAK,CAACC,UAAU,CACjC,CACE;EACEC,aAAa;EACbC,SAAS;EACTC,MAAM,GAAGC,cAAM,CAACC,UAAU;EAC1BC,WAAW;AACXC,EAAAA;AAAY,CACI,EAClBC,SAAoD,KAClD;AACF,EAAA,MAAMC,UAAU,GAAGN,MAAM,KAAKC,cAAM,CAACM,QAAQ;AAE7C,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,GAAG,EAAEJ,SAAU;AACfN,IAAAA,SAAS,EAAEW,SAAI,CACb,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,oBAAoB,EACpB,yBAAyB,EACzB,gBAAgB,EAChBX,SAAS,CACT;AAAAY,IAAAA,QAAA,EAAA,CAEDR,WAAW,EACXC,YAAY,eACbQ,cAAA,CAAA,KAAA,EAAA;MACEb,SAAS,EAAEW,SAAI,CAAC,oBAAoB,EAAE,QAAQ,EAAE,wBAAwB,EAAE;AACxE,QAAA,gBAAgB,EAAEJ,UAAU;AAC5B,QAAA,qBAAqB,EAAE,CAACA;AACzB,OAAA,CAAE;AAAAK,MAAAA,QAAA,EAEFb;AAAa,KACX,CACP;AAAA,GAAK,CAAC;AAEV,CAAC;;;;"}
+{"version":3,"file":"FlowHeader.js","sources":["../../../src/common/FlowHeader/FlowHeader.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport * as React from 'react';\n\nimport { Layout } from '../PropsValues/layouts';\n\nexport interface FlowHeaderProps {\n  bottomContent?: React.ReactNode;\n  className?: string;\n  layout?: Layout.VERTICAL | Layout.HORIZONTAL;\n  leftContent?: React.ReactNode;\n  rightContent?: React.ReactNode;\n}\n\nconst FlowHeader = React.forwardRef(\n  (\n    {\n      bottomContent,\n      className,\n      layout = Layout.HORIZONTAL,\n      leftContent,\n      rightContent,\n    }: FlowHeaderProps,\n    reference: React.ForwardedRef<HTMLDivElement | null>,\n  ) => {\n    const isVertical = layout === Layout.VERTICAL;\n\n    return (\n      <div\n        ref={reference}\n        className={clsx(\n          'np-flow-header',\n          'd-flex',\n          'flex-wrap',\n          'align-items-center',\n          'justify-content-between',\n          'flex__item--12',\n          className,\n        )}\n      >\n        {leftContent}\n        {rightContent}\n        <div\n          className={clsx('align-items-center', 'd-flex', 'justify-content-center', {\n            'flex__item--12': isVertical,\n            'order-1 flex-grow-1': !isVertical,\n          })}\n        >\n          {bottomContent}\n        </div>\n      </div>\n    );\n  },\n);\n\nexport default FlowHeader;\n"],"names":["FlowHeader","React","forwardRef","bottomContent","className","layout","Layout","HORIZONTAL","leftContent","rightContent","reference","isVertical","VERTICAL","_jsxs","ref","clsx","children","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAMA,UAAU,gBAAGC,gBAAK,CAACC,UAAU,CACjC,CACE;EACEC,aAAa;EACbC,SAAS;EACTC,MAAM,GAAGC,cAAM,CAACC,UAAU;EAC1BC,WAAW;AACXC,EAAAA;AAAY,CACI,EAClBC,SAAoD,KAClD;AACF,EAAA,MAAMC,UAAU,GAAGN,MAAM,KAAKC,cAAM,CAACM,QAAQ;AAE7C,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,GAAG,EAAEJ,SAAU;AACfN,IAAAA,SAAS,EAAEW,SAAI,CACb,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,oBAAoB,EACpB,yBAAyB,EACzB,gBAAgB,EAChBX,SAAS,CACT;AAAAY,IAAAA,QAAA,EAAA,CAEDR,WAAW,EACXC,YAAY,eACbQ,cAAA,CAAA,KAAA,EAAA;MACEb,SAAS,EAAEW,SAAI,CAAC,oBAAoB,EAAE,QAAQ,EAAE,wBAAwB,EAAE;AACxE,QAAA,gBAAgB,EAAEJ,UAAU;AAC5B,QAAA,qBAAqB,EAAE,CAACA;AACzB,OAAA,CAAE;AAAAK,MAAAA,QAAA,EAEFb;AAAa,KACX,CACP;AAAA,GAAK,CAAC;AAEV,CAAC;;"}

package/build/common/FlowHeader/FlowHeader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FlowHeader.mjs","sources":["../../../src/common/FlowHeader/FlowHeader.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport * as React from 'react';\n\nimport { Layout } from '../PropsValues/layouts';\n\nexport interface FlowHeaderProps {\n  bottomContent?: React.ReactNode;\n  className?: string;\n  layout?: Layout.VERTICAL | Layout.HORIZONTAL;\n  leftContent?: React.ReactNode;\n  rightContent?: React.ReactNode;\n}\n\nconst FlowHeader = React.forwardRef(\n  (\n    {\n      bottomContent,\n      className,\n      layout = Layout.HORIZONTAL,\n      leftContent,\n      rightContent,\n    }: FlowHeaderProps,\n    reference: React.ForwardedRef<HTMLDivElement | null>,\n  ) => {\n    const isVertical = layout === Layout.VERTICAL;\n\n    return (\n      <div\n        ref={reference}\n        className={clsx(\n          'np-flow-header',\n          'd-flex',\n          'flex-wrap',\n          'align-items-center',\n          'justify-content-between',\n          'flex__item--12',\n          className,\n        )}\n      >\n        {leftContent}\n        {rightContent}\n        <div\n          className={clsx('align-items-center', 'd-flex', 'justify-content-center', {\n            'flex__item--12': isVertical,\n            'order-1 flex-grow-1': !isVertical,\n          })}\n        >\n          {bottomContent}\n        </div>\n      </div>\n    );\n  },\n);\n\nexport default FlowHeader;\n"],"names":["FlowHeader","React","forwardRef","bottomContent","className","layout","Layout","HORIZONTAL","leftContent","rightContent","reference","isVertical","VERTICAL","_jsxs","ref","clsx","children","_jsx"],"mappings":";;;;;AAaA,MAAMA,UAAU,gBAAGC,KAAK,CAACC,UAAU,CACjC,CACE;EACEC,aAAa;EACbC,SAAS;EACTC,MAAM,GAAGC,MAAM,CAACC,UAAU;EAC1BC,WAAW;AACXC,EAAAA;AAAY,CACI,EAClBC,SAAoD,KAClD;AACF,EAAA,MAAMC,UAAU,GAAGN,MAAM,KAAKC,MAAM,CAACM,QAAQ;AAE7C,EAAA,oBACEC,IAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,GAAG,EAAEJ,SAAU;AACfN,IAAAA,SAAS,EAAEW,IAAI,CACb,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,oBAAoB,EACpB,yBAAyB,EACzB,gBAAgB,EAChBX,SAAS,CACT;AAAAY,IAAAA,QAAA,EAAA,CAEDR,WAAW,EACXC,YAAY,eACbQ,GAAA,CAAA,KAAA,EAAA;MACEb,SAAS,EAAEW,IAAI,CAAC,oBAAoB,EAAE,QAAQ,EAAE,wBAAwB,EAAE;AACxE,QAAA,gBAAgB,EAAEJ,UAAU;AAC5B,QAAA,qBAAqB,EAAE,CAACA;AACzB,OAAA,CAAE;AAAAK,MAAAA,QAAA,EAEFb;AAAa,KACX,CACP;AAAA,GAAK,CAAC;AAEV,CAAC;;;;"}
+{"version":3,"file":"FlowHeader.mjs","sources":["../../../src/common/FlowHeader/FlowHeader.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport * as React from 'react';\n\nimport { Layout } from '../PropsValues/layouts';\n\nexport interface FlowHeaderProps {\n  bottomContent?: React.ReactNode;\n  className?: string;\n  layout?: Layout.VERTICAL | Layout.HORIZONTAL;\n  leftContent?: React.ReactNode;\n  rightContent?: React.ReactNode;\n}\n\nconst FlowHeader = React.forwardRef(\n  (\n    {\n      bottomContent,\n      className,\n      layout = Layout.HORIZONTAL,\n      leftContent,\n      rightContent,\n    }: FlowHeaderProps,\n    reference: React.ForwardedRef<HTMLDivElement | null>,\n  ) => {\n    const isVertical = layout === Layout.VERTICAL;\n\n    return (\n      <div\n        ref={reference}\n        className={clsx(\n          'np-flow-header',\n          'd-flex',\n          'flex-wrap',\n          'align-items-center',\n          'justify-content-between',\n          'flex__item--12',\n          className,\n        )}\n      >\n        {leftContent}\n        {rightContent}\n        <div\n          className={clsx('align-items-center', 'd-flex', 'justify-content-center', {\n            'flex__item--12': isVertical,\n            'order-1 flex-grow-1': !isVertical,\n          })}\n        >\n          {bottomContent}\n        </div>\n      </div>\n    );\n  },\n);\n\nexport default FlowHeader;\n"],"names":["FlowHeader","React","forwardRef","bottomContent","className","layout","Layout","HORIZONTAL","leftContent","rightContent","reference","isVertical","VERTICAL","_jsxs","ref","clsx","children","_jsx"],"mappings":";;;;;AAaA,MAAMA,UAAU,gBAAGC,KAAK,CAACC,UAAU,CACjC,CACE;EACEC,aAAa;EACbC,SAAS;EACTC,MAAM,GAAGC,MAAM,CAACC,UAAU;EAC1BC,WAAW;AACXC,EAAAA;AAAY,CACI,EAClBC,SAAoD,KAClD;AACF,EAAA,MAAMC,UAAU,GAAGN,MAAM,KAAKC,MAAM,CAACM,QAAQ;AAE7C,EAAA,oBACEC,IAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,GAAG,EAAEJ,SAAU;AACfN,IAAAA,SAAS,EAAEW,IAAI,CACb,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,oBAAoB,EACpB,yBAAyB,EACzB,gBAAgB,EAChBX,SAAS,CACT;AAAAY,IAAAA,QAAA,EAAA,CAEDR,WAAW,EACXC,YAAY,eACbQ,GAAA,CAAA,KAAA,EAAA;MACEb,SAAS,EAAEW,IAAI,CAAC,oBAAoB,EAAE,QAAQ,EAAE,wBAAwB,EAAE;AACxE,QAAA,gBAAgB,EAAEJ,UAAU;AAC5B,QAAA,qBAAqB,EAAE,CAACA;AACzB,OAAA,CAAE;AAAAK,MAAAA,QAAA,EAEFb;AAAa,KACX,CACP;AAAA,GAAK,CAAC;AAEV,CAAC;;"}

package/build/common/FocusBoundary/FocusBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusBoundary.js","sources":["../../../src/common/FocusBoundary/FocusBoundary.tsx"],"sourcesContent":["import { FocusScope } from '@react-aria/focus';\nimport { useEffect, useRef } from 'react';\n\ntype FocusBoundaryProps = {\n  children: React.ReactNode;\n};\n\nconst FocusBoundary = ({ children }: FocusBoundaryProps) => {\n  const wrapperReference = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    wrapperReference.current?.focus({ preventScroll: true });\n  }, []);\n\n  return (\n    <FocusScope contain restoreFocus>\n      <div ref={wrapperReference} tabIndex={-1}>\n        {children}\n      </div>\n    </FocusScope>\n  );\n};\n\nexport default FocusBoundary;\n"],"names":["FocusBoundary","children","wrapperReference","useRef","useEffect","current","focus","preventScroll","_jsx","FocusScope","contain","restoreFocus","ref","tabIndex"],"mappings":";;;;;;;;AAOA,MAAMA,aAAa,GAAGA,CAAC;AAAEC,EAAAA;AAAQ,CAAsB,KAAI;AACzD,EAAA,MAAMC,gBAAgB,GAAGC,YAAM,CAAiB,IAAI,CAAC;AACrDC,EAAAA,eAAS,CAAC,MAAK;AACbF,IAAAA,gBAAgB,CAACG,OAAO,EAAEC,KAAK,CAAC;AAAEC,MAAAA,aAAa,EAAE;AAAI,KAAE,CAAC;EAC1D,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEC,cAAA,CAACC,gBAAU,EAAA;IAACC,OAAO,EAAA,IAAA;IAACC,YAAY,EAAA,IAAA;AAAAV,IAAAA,QAAA,eAC9BO,cAAA,CAAA,KAAA,EAAA;AAAKI,MAAAA,GAAG,EAAEV,gBAAiB;MAACW,QAAQ,EAAE,EAAG;AAAAZ,MAAAA,QAAA,EACtCA;KACE;AACP,GAAY,CAAC;AAEjB;;;;"}
+{"version":3,"file":"FocusBoundary.js","sources":["../../../src/common/FocusBoundary/FocusBoundary.tsx"],"sourcesContent":["import { FocusScope } from '@react-aria/focus';\nimport { useEffect, useRef } from 'react';\n\ntype FocusBoundaryProps = {\n  children: React.ReactNode;\n};\n\nconst FocusBoundary = ({ children }: FocusBoundaryProps) => {\n  const wrapperReference = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    wrapperReference.current?.focus({ preventScroll: true });\n  }, []);\n\n  return (\n    <FocusScope contain restoreFocus>\n      <div ref={wrapperReference} tabIndex={-1}>\n        {children}\n      </div>\n    </FocusScope>\n  );\n};\n\nexport default FocusBoundary;\n"],"names":["FocusBoundary","children","wrapperReference","useRef","useEffect","current","focus","preventScroll","_jsx","FocusScope","contain","restoreFocus","ref","tabIndex"],"mappings":";;;;;;;;AAOA,MAAMA,aAAa,GAAGA,CAAC;AAAEC,EAAAA;AAAQ,CAAsB,KAAI;AACzD,EAAA,MAAMC,gBAAgB,GAAGC,YAAM,CAAiB,IAAI,CAAC;AACrDC,EAAAA,eAAS,CAAC,MAAK;AACbF,IAAAA,gBAAgB,CAACG,OAAO,EAAEC,KAAK,CAAC;AAAEC,MAAAA,aAAa,EAAE;AAAI,KAAE,CAAC;EAC1D,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEC,cAAA,CAACC,gBAAU,EAAA;IAACC,OAAO,EAAA,IAAA;IAACC,YAAY,EAAA,IAAA;AAAAV,IAAAA,QAAA,eAC9BO,cAAA,CAAA,KAAA,EAAA;AAAKI,MAAAA,GAAG,EAAEV,gBAAiB;MAACW,QAAQ,EAAE,EAAG;AAAAZ,MAAAA,QAAA,EACtCA;KACE;AACP,GAAY,CAAC;AAEjB;;"}

package/build/common/FocusBoundary/FocusBoundary.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FocusBoundary.mjs","sources":["../../../src/common/FocusBoundary/FocusBoundary.tsx"],"sourcesContent":["import { FocusScope } from '@react-aria/focus';\nimport { useEffect, useRef } from 'react';\n\ntype FocusBoundaryProps = {\n  children: React.ReactNode;\n};\n\nconst FocusBoundary = ({ children }: FocusBoundaryProps) => {\n  const wrapperReference = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    wrapperReference.current?.focus({ preventScroll: true });\n  }, []);\n\n  return (\n    <FocusScope contain restoreFocus>\n      <div ref={wrapperReference} tabIndex={-1}>\n        {children}\n      </div>\n    </FocusScope>\n  );\n};\n\nexport default FocusBoundary;\n"],"names":["FocusBoundary","children","wrapperReference","useRef","useEffect","current","focus","preventScroll","_jsx","FocusScope","contain","restoreFocus","ref","tabIndex"],"mappings":";;;;AAOA,MAAMA,aAAa,GAAGA,CAAC;AAAEC,EAAAA;AAAQ,CAAsB,KAAI;AACzD,EAAA,MAAMC,gBAAgB,GAAGC,MAAM,CAAiB,IAAI,CAAC;AACrDC,EAAAA,SAAS,CAAC,MAAK;AACbF,IAAAA,gBAAgB,CAACG,OAAO,EAAEC,KAAK,CAAC;AAAEC,MAAAA,aAAa,EAAE;AAAI,KAAE,CAAC;EAC1D,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEC,GAAA,CAACC,UAAU,EAAA;IAACC,OAAO,EAAA,IAAA;IAACC,YAAY,EAAA,IAAA;AAAAV,IAAAA,QAAA,eAC9BO,GAAA,CAAA,KAAA,EAAA;AAAKI,MAAAA,GAAG,EAAEV,gBAAiB;MAACW,QAAQ,EAAE,EAAG;AAAAZ,MAAAA,QAAA,EACtCA;KACE;AACP,GAAY,CAAC;AAEjB;;;;"}
+{"version":3,"file":"FocusBoundary.mjs","sources":["../../../src/common/FocusBoundary/FocusBoundary.tsx"],"sourcesContent":["import { FocusScope } from '@react-aria/focus';\nimport { useEffect, useRef } from 'react';\n\ntype FocusBoundaryProps = {\n  children: React.ReactNode;\n};\n\nconst FocusBoundary = ({ children }: FocusBoundaryProps) => {\n  const wrapperReference = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    wrapperReference.current?.focus({ preventScroll: true });\n  }, []);\n\n  return (\n    <FocusScope contain restoreFocus>\n      <div ref={wrapperReference} tabIndex={-1}>\n        {children}\n      </div>\n    </FocusScope>\n  );\n};\n\nexport default FocusBoundary;\n"],"names":["FocusBoundary","children","wrapperReference","useRef","useEffect","current","focus","preventScroll","_jsx","FocusScope","contain","restoreFocus","ref","tabIndex"],"mappings":";;;;AAOA,MAAMA,aAAa,GAAGA,CAAC;AAAEC,EAAAA;AAAQ,CAAsB,KAAI;AACzD,EAAA,MAAMC,gBAAgB,GAAGC,MAAM,CAAiB,IAAI,CAAC;AACrDC,EAAAA,SAAS,CAAC,MAAK;AACbF,IAAAA,gBAAgB,CAACG,OAAO,EAAEC,KAAK,CAAC;AAAEC,MAAAA,aAAa,EAAE;AAAI,KAAE,CAAC;EAC1D,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEC,GAAA,CAACC,UAAU,EAAA;IAACC,OAAO,EAAA,IAAA;IAACC,YAAY,EAAA,IAAA;AAAAV,IAAAA,QAAA,eAC9BO,GAAA,CAAA,KAAA,EAAA;AAAKI,MAAAA,GAAG,EAAEV,gBAAiB;MAACW,QAAQ,EAAE,EAAG;AAAAZ,MAAAA,QAAA,EACtCA;KACE;AACP,GAAY,CAAC;AAEjB;;"}