@daimo/pay 1.15.0 → 1.16.1

package/build/src/components/Common/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/Modal/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/Modal/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { AnimatePresence, motion, Variants } from \"framer-motion\";\n\nimport { ResetContainer } from \"../../../styles\";\nimport Portal from \"../Portal\";\n\nimport { flattenChildren, isMobile } from \"../../../utils\";\n\nimport {\n  BackButton,\n  BackgroundOverlay,\n  BoxContainer,\n  CloseButton,\n  Container,\n  ControllerContainer,\n  Disclaimer,\n  DisclaimerBackground,\n  ErrorMessage,\n  InfoButton,\n  InnerContainer,\n  ModalContainer,\n  ModalHeading,\n  PageContainer,\n  PageContents,\n  TextWithHr,\n} from \"./styles\";\n\nimport useLockBodyScroll from \"../../../hooks/useLockBodyScroll\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\n\nimport { getChainName } from \"@daimo/pay-common\";\nimport { useTransition } from \"react-transition-state\";\nimport { useAccount, useSwitchChain } from \"wagmi\";\nimport { AuthIcon } from \"../../../assets/icons\";\nimport { ROUTES } from \"../../../constants/routes\";\nimport { useDaimoPay } from \"../../../hooks/useDaimoPay\";\nimport FocusTrap from \"../../../hooks/useFocusTrap\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport usePrevious from \"../../../hooks/usePrevious\";\nimport { CustomTheme } from \"../../../types\";\nimport {\n  useWallet,\n  WALLET_ID_MOBILE_WALLETS,\n} from \"../../../wallets/useWallets\";\nimport { useThemeContext } from \"../../DaimoPayThemeProvider/DaimoPayThemeProvider\";\nimport FitText from \"../FitText\";\n\nconst ProfileIcon = ({ isSignedIn }: { isSignedIn?: boolean }) => (\n  <div style={{ position: \"relative\" }}>\n    {isSignedIn ? (\n      <AuthIcon\n        style={{\n          bottom: -1,\n          right: -1,\n        }}\n      />\n    ) : (\n      <div\n        style={{\n          zIndex: 2,\n          position: \"absolute\",\n          top: -2,\n          right: -2,\n          background: \"#1A88F8\",\n          borderRadius: 8,\n          boxShadow: \"0 0 0 2px var(--ck-body-background)\",\n          width: 8,\n          height: 8,\n        }}\n      />\n    )}\n    <svg\n      aria-hidden=\"true\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={{ overflow: \"visible\" }}\n    >\n      <circle cx=\"10\" cy=\"10\" r=\"9\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <path\n        d=\"M16.5 16.775C14.8618 15.0649 12.5552 14 10 14C7.44477 14 5.13825 15.0649 3.5 16.775\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n      />\n      <circle cx=\"10\" cy=\"8\" r=\"3\" stroke=\"currentColor\" strokeWidth=\"2\" />\n    </svg>\n  </div>\n);\nconst InfoIcon = ({ ...props }) => (\n  <svg\n    aria-hidden=\"true\"\n    width=\"22\"\n    height=\"22\"\n    viewBox=\"0 0 22 22\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M20 11C20 15.9706 15.9706 20 11 20C6.02944 20 2 15.9706 2 11C2 6.02944 6.02944 2 11 2C15.9706 2 20 6.02944 20 11ZM22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11C0 4.92487 4.92487 0 11 0C17.0751 0 22 4.92487 22 11ZM11.6445 12.7051C11.6445 13.1348 11.3223 13.4678 10.7744 13.4678C10.2266 13.4678 9.92578 13.1885 9.92578 12.6191V12.4795C9.92578 11.4268 10.4951 10.8574 11.2686 10.3203C12.2031 9.67578 12.665 9.32129 12.665 8.59082C12.665 7.76367 12.0205 7.21582 11.043 7.21582C10.3232 7.21582 9.80762 7.57031 9.45312 8.16113C9.38282 8.24242 9.32286 8.32101 9.2667 8.39461C9.04826 8.68087 8.88747 8.8916 8.40039 8.8916C8.0459 8.8916 7.66992 8.62305 7.66992 8.15039C7.66992 7.96777 7.70215 7.7959 7.75586 7.61328C8.05664 6.625 9.27051 5.75488 11.1182 5.75488C12.9336 5.75488 14.5234 6.71094 14.5234 8.50488C14.5234 9.7832 13.7822 10.417 12.7402 11.1045C11.999 11.5986 11.6445 11.9746 11.6445 12.5762V12.7051ZM11.9131 15.5625C11.9131 16.1855 11.376 16.6797 10.7529 16.6797C10.1299 16.6797 9.59277 16.1748 9.59277 15.5625C9.59277 14.9395 10.1191 14.4453 10.7529 14.4453C11.3867 14.4453 11.9131 14.9287 11.9131 15.5625Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\nconst CloseIcon = ({ ...props }) => (\n  <motion.svg\n    width={14}\n    height={14}\n    viewBox=\"0 0 14 14\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M1 13L13 1M1 1L13 13\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n    />\n  </motion.svg>\n);\nconst BackIcon = ({ ...props }) => (\n  <motion.svg\n    width={9}\n    height={16}\n    viewBox=\"0 0 9 16\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M8 1L1 8L8 15\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </motion.svg>\n);\n\nconst contentTransitionDuration = 0.22;\n\nexport const contentVariants: Variants = {\n  initial: {\n    //willChange: 'transform,opacity',\n    zIndex: 2,\n    opacity: 0,\n  },\n  animate: {\n    opacity: 1,\n    scale: 1,\n    transition: {\n      duration: contentTransitionDuration * 0.75,\n      delay: contentTransitionDuration * 0.25,\n      ease: [0.26, 0.08, 0.25, 1],\n    },\n  },\n  exit: {\n    zIndex: 1,\n    opacity: 0,\n    pointerEvents: \"none\",\n    position: \"absolute\",\n    left: [\"50%\", \"50%\"],\n    x: [\"-50%\", \"-50%\"],\n    transition: {\n      duration: contentTransitionDuration,\n      ease: [0.26, 0.08, 0.25, 1],\n    },\n  },\n};\n\ntype ModalProps = {\n  open?: boolean;\n  pages: Record<ROUTES, React.ReactNode>;\n  pageId: string;\n  positionInside?: boolean;\n  inline?: boolean;\n  onClose?: () => void;\n  onBack?: () => void;\n  onInfo?: () => void;\n\n  demo?: {\n    theme: string;\n    mode?: string;\n    customTheme: CustomTheme;\n  };\n};\nconst Modal: React.FC<ModalProps> = ({\n  open,\n  pages,\n  pageId,\n  positionInside,\n  inline,\n  demo,\n  onClose,\n  onBack,\n  onInfo,\n}) => {\n  const context = usePayContext();\n  const themeContext = useThemeContext();\n  const mobile = isMobile();\n  const {\n    selectedExternalOption,\n    selectedTokenOption,\n    selectedSolanaTokenOption,\n    selectedDepositAddressOption,\n  } = context.paymentState;\n  const { order } = useDaimoPay();\n\n  const { connector } = useAccount();\n  const wallet = useWallet(connector?.id ?? \"\");\n\n  const walletInfo = {\n    name: wallet?.name,\n    shortName: wallet?.shortName ?? wallet?.name,\n    icon: wallet?.iconConnector ?? wallet?.icon,\n    iconShape: wallet?.iconShape ?? \"circle\",\n    iconShouldShrink: wallet?.iconShouldShrink,\n  };\n\n  const locales = useLocales({\n    CONNECTORNAME: walletInfo?.name,\n  });\n\n  const [state, setOpen] = useTransition({\n    timeout: 160,\n    preEnter: true,\n    mountOnEnter: true,\n    unmountOnExit: true,\n  });\n  const mounted = !(state === \"exited\" || state === \"unmounted\");\n  const rendered = state === \"preEnter\" || state !== \"exiting\";\n  const currentDepth =\n    context.route === ROUTES.CONNECTORS\n      ? 0\n      : context.route === ROUTES.DOWNLOAD\n        ? 2\n        : 1;\n  const prevDepth = usePrevious(currentDepth, currentDepth);\n\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  if (!positionInside) useLockBodyScroll(mounted);\n\n  useEffect(() => {\n    setOpen(open);\n    if (open) setInTransition(undefined);\n  }, [open]);\n\n  const [dimensions, setDimensions] = useState<{\n    width: string | undefined;\n    height: string | undefined;\n  }>({\n    width: undefined,\n    height: undefined,\n  });\n  const [inTransition, setInTransition] = useState<boolean | undefined>(\n    undefined,\n  );\n\n  // Calculate new content bounds\n  const updateBounds = (node: any) => {\n    const bounds = {\n      width: node?.offsetWidth,\n      height: node?.offsetHeight,\n    };\n    setDimensions({\n      width: `${bounds?.width}px`,\n      height: `${bounds?.height}px`,\n    });\n  };\n\n  let blockTimeout: ReturnType<typeof setTimeout>;\n  const contentRef = useCallback(\n    (node: any) => {\n      if (!node) return;\n      ref.current = node;\n\n      // Avoid transition mixups\n      setInTransition(inTransition === undefined ? false : true);\n      clearTimeout(blockTimeout);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      blockTimeout = setTimeout(() => setInTransition(false), 360);\n\n      // Calculate new content bounds\n      updateBounds(node);\n    },\n    [open, inTransition],\n  );\n\n  // Update layout on chain/network switch to avoid clipping\n  const { chain } = useAccount();\n  const { switchChain } = useSwitchChain();\n\n  const ref = useRef<any>(null);\n  useEffect(() => {\n    if (ref.current) updateBounds(ref.current);\n  }, [chain, switchChain, mobile, context.options, context.resize]);\n\n  useEffect(() => {\n    if (!mounted) {\n      setDimensions({\n        width: undefined,\n        height: undefined,\n      });\n      return;\n    }\n\n    const listener = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\" && onClose) onClose();\n    };\n    document.addEventListener(\"keydown\", listener);\n    return () => {\n      document.removeEventListener(\"keydown\", listener);\n    };\n  }, [mounted, onClose]);\n\n  const dimensionsCSS = {\n    \"--height\": dimensions.height,\n    \"--width\": dimensions.width,\n  } as React.CSSProperties;\n\n  function shouldUseQrcode() {\n    if (!wallet) return false; // Fail states are shown in the injector flow\n\n    const useInjector = wallet.isInstalled;\n    return !useInjector;\n  }\n\n  function getHeading() {\n    const payWithString = flattenChildren(locales.payWith).join(\"\");\n    switch (context.route) {\n      case ROUTES.ABOUT:\n        return locales.aboutScreen_heading;\n      case ROUTES.CONNECT:\n        if (context.pendingConnectorId === WALLET_ID_MOBILE_WALLETS) {\n          return locales.scanWithPhone;\n        } else {\n          return walletInfo?.name;\n        }\n      case ROUTES.SELECT_EXCHANGE:\n        return locales.selectExchange;\n      case ROUTES.SOLANA_CONNECTOR:\n        return context.solanaConnector ?? locales.solanaWallet;\n      case ROUTES.CONNECTORS:\n        return locales.connectorsScreen_heading;\n      case ROUTES.MOBILECONNECTORS:\n        return locales.mobileConnectorsScreen_heading;\n      case ROUTES.DOWNLOAD:\n        return locales.downloadAppScreen_heading;\n      case ROUTES.ONBOARDING:\n        return locales.onboardingScreen_heading;\n      case ROUTES.SWITCHNETWORKS:\n        return locales.switchNetworkScreen_heading;\n      case ROUTES.SELECT_METHOD:\n      case ROUTES.SELECT_TOKEN:\n        return order?.metadata.intent;\n      case ROUTES.SOLANA_PAY_WITH_TOKEN:\n        if (!selectedSolanaTokenOption) return undefined;\n        return `${payWithString} ${selectedSolanaTokenOption.required.token.symbol}`;\n      case ROUTES.WAITING_EXTERNAL:\n        return selectedExternalOption?.cta;\n      case ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN:\n        return locales.selectChain;\n      case ROUTES.WAITING_DEPOSIT_ADDRESS:\n        if (!selectedDepositAddressOption) return undefined;\n        return `${payWithString} ${selectedDepositAddressOption.id}`;\n      case ROUTES.SELECT_ZKP2P:\n        return locales.selectApp;\n      case ROUTES.SELECT_AMOUNT:\n      case ROUTES.SELECT_EXTERNAL_AMOUNT:\n      case ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT:\n      case ROUTES.SOLANA_SELECT_AMOUNT:\n      case ROUTES.SELECT_WALLET_AMOUNT:\n        return locales.selectAmount;\n      case ROUTES.PAY_WITH_TOKEN:\n        if (selectedTokenOption == null) return undefined;\n\n        const chainName = getChainName(\n          selectedTokenOption.balance.token.chainId,\n        );\n        return `${payWithString} ${chainName} ${selectedTokenOption.balance.token.symbol}`;\n      case ROUTES.CONFIRMATION:\n        return locales.paymentSuccessful;\n      case ROUTES.ERROR:\n        return locales.error;\n      case ROUTES.SELECT_WALLET_CHAIN:\n        return locales.selectChain;\n    }\n  }\n\n  const Content = (\n    <ResetContainer\n      $useTheme={demo?.theme ?? themeContext.theme}\n      $useMode={demo?.mode ?? themeContext.mode}\n      $customTheme={demo?.customTheme ?? themeContext.customTheme}\n    >\n      <ModalContainer\n        role=\"dialog\"\n        style={{\n          pointerEvents: rendered ? \"auto\" : \"none\",\n          position: positionInside ? \"absolute\" : undefined,\n        }}\n      >\n        {!inline && (\n          <BackgroundOverlay\n            $active={rendered}\n            onClick={onClose}\n            $blur={context.options?.overlayBlur}\n          />\n        )}\n        <Container\n          style={dimensionsCSS}\n          initial={false}\n          // transition={{\n          //   ease: [0.2555, 0.1111, 0.2555, 1.0001],\n          //   duration: !positionInside && state !== 'entered' ? 0 : 0.24,\n          // }}\n        >\n          <div\n            style={{\n              pointerEvents: inTransition ? \"all\" : \"none\", // Block interaction while transitioning\n              position: \"absolute\",\n              top: 0,\n              bottom: 0,\n              left: \"50%\",\n              transform: \"translateX(-50%)\",\n              width: \"var(--width)\",\n              zIndex: 9,\n              transition: \"width 200ms ease\",\n            }}\n          />\n          <BoxContainer className={`${rendered && \"active\"}`}>\n            <AnimatePresence initial={false}>\n              {context.options?.disclaimer &&\n                context.route === ROUTES.CONNECTORS && (\n                  <DisclaimerBackground\n                    initial={{\n                      opacity: 0,\n                    }}\n                    animate={{\n                      opacity: 1,\n                    }}\n                    exit={{ opacity: 0 }}\n                    transition={{\n                      delay: 0,\n                      duration: 0.2,\n                      ease: [0.25, 0.1, 0.25, 1.0],\n                    }}\n                  >\n                    <Disclaimer>\n                      <div>{context.options?.disclaimer}</div>\n                    </Disclaimer>\n                  </DisclaimerBackground>\n                )}\n            </AnimatePresence>\n            <AnimatePresence initial={false}>\n              {context.errorMessage && (\n                <ErrorMessage\n                  initial={{ y: \"10%\", x: \"-50%\" }}\n                  animate={{ y: \"-100%\" }}\n                  exit={{ y: \"100%\" }}\n                  transition={{ duration: 0.2, ease: \"easeInOut\" }}\n                >\n                  <span>{context.errorMessage}</span>\n                  <div\n                    onClick={() => context.displayError(null)}\n                    style={{\n                      position: \"absolute\",\n                      right: 24,\n                      top: 24,\n                      cursor: \"pointer\",\n                    }}\n                  >\n                    <CloseIcon />\n                  </div>\n                </ErrorMessage>\n              )}\n            </AnimatePresence>\n            <ControllerContainer>\n              {onClose && (\n                <CloseButton\n                  aria-label={flattenChildren(locales.close).toString()}\n                  onClick={onClose}\n                >\n                  <CloseIcon />\n                </CloseButton>\n              )}\n              <div\n                style={{\n                  position: \"absolute\",\n                  top: 23,\n                  left: 20,\n                  width: 32,\n                  height: 32,\n                }}\n              >\n                <AnimatePresence>\n                  {onBack ? (\n                    <BackButton\n                      disabled={inTransition}\n                      aria-label={flattenChildren(locales.back).toString()}\n                      key=\"backButton\"\n                      onClick={onBack}\n                      initial={{ opacity: 0 }}\n                      animate={{ opacity: 1 }}\n                      exit={{ opacity: 0 }}\n                      transition={{\n                        duration: mobile ? 0 : 0.1,\n                        delay: mobile ? 0.01 : 0,\n                      }}\n                    >\n                      <BackIcon />\n                    </BackButton>\n                  ) : (\n                    onInfo &&\n                    !context.options?.hideQuestionMarkCTA && (\n                      <InfoButton\n                        disabled={inTransition}\n                        aria-label={flattenChildren(\n                          locales.moreInformation,\n                        ).toString()}\n                        key=\"infoButton\"\n                        onClick={onInfo}\n                        initial={{ opacity: 0 }}\n                        animate={{ opacity: 1 }}\n                        exit={{ opacity: 0 }}\n                        transition={{\n                          duration: mobile ? 0 : 0.1,\n                          delay: mobile ? 0.01 : 0,\n                        }}\n                      >\n                        <InfoIcon />\n                      </InfoButton>\n                    )\n                  )}\n                </AnimatePresence>\n              </div>\n            </ControllerContainer>\n\n            <ModalHeading>\n              <AnimatePresence>\n                <motion.div\n                  style={{\n                    position: \"absolute\",\n                    top: 0,\n                    bottom: 0,\n                    left: 52,\n                    right: 52,\n                    display: \"flex\",\n                    //alignItems: 'center',\n                    justifyContent: \"center\",\n                  }}\n                  key={`${context.route}`}\n                  initial={{ opacity: 0 }}\n                  animate={{ opacity: 1 }}\n                  exit={{ opacity: 0 }}\n                  transition={{\n                    duration: mobile ? 0 : 0.17,\n                    delay: mobile ? 0.01 : 0,\n                  }}\n                >\n                  <FitText>{getHeading()}</FitText>\n                </motion.div>\n              </AnimatePresence>\n            </ModalHeading>\n\n            <InnerContainer>\n              {Object.keys(pages).map((key) => (\n                <Page\n                  key={key}\n                  open={key === pageId}\n                  initial={!positionInside && state !== \"entered\"}\n                  enterAnim={\n                    key === pageId\n                      ? currentDepth > prevDepth\n                        ? \"active-scale-up\"\n                        : \"active\"\n                      : \"\"\n                  }\n                  exitAnim={\n                    key !== pageId\n                      ? currentDepth < prevDepth\n                        ? \"exit-scale-down\"\n                        : \"exit\"\n                      : \"\"\n                  }\n                >\n                  <PageContents\n                    key={`inner-${key}`}\n                    ref={contentRef}\n                    style={{\n                      pointerEvents:\n                        key === pageId && rendered ? \"auto\" : \"none\",\n                    }}\n                  >\n                    {pages[key]}\n                  </PageContents>\n                </Page>\n              ))}\n            </InnerContainer>\n          </BoxContainer>\n        </Container>\n      </ModalContainer>\n    </ResetContainer>\n  );\n  return (\n    <>\n      {mounted && (\n        <>\n          {positionInside ? (\n            Content\n          ) : (\n            <>\n              {\n                <Portal>\n                  <FocusTrap>{Content}</FocusTrap>\n                </Portal>\n              }\n            </>\n          )}\n        </>\n      )}\n    </>\n  );\n};\n\ntype PageProps = {\n  children?: React.ReactNode;\n  open?: boolean;\n  initial: boolean;\n  prevDepth?: number;\n  currentDepth?: number;\n  enterAnim?: string;\n  exitAnim?: string;\n};\n\nconst Page: React.FC<PageProps> = ({\n  children,\n  open,\n  initial,\n  prevDepth,\n  currentDepth,\n  enterAnim,\n  exitAnim,\n}) => {\n  const [state, setOpen] = useTransition({\n    timeout: 400,\n    preEnter: true,\n    initialEntered: open,\n    mountOnEnter: true,\n    unmountOnExit: true,\n  });\n  const mounted = !(state === \"exited\" || state === \"unmounted\");\n  const rendered = state === \"preEnter\" || state !== \"exiting\";\n\n  useEffect(() => {\n    setOpen(open);\n  }, [open]);\n\n  if (!mounted) return null;\n\n  return (\n    <PageContainer\n      className={`${rendered ? enterAnim : exitAnim}`}\n      style={{\n        animationDuration: initial ? \"0ms\" : undefined,\n        animationDelay: initial ? \"0ms\" : undefined,\n      }}\n    >\n      {children}\n    </PageContainer>\n  );\n};\n\nexport const OrDivider = ({ children }: { children?: React.ReactNode }) => {\n  const locales = useLocales();\n  return (\n    <TextWithHr>\n      <span>{children ?? locales.or}</span>\n    </TextWithHr>\n  );\n};\n\nexport default Modal;\n"],"names":[],"mappings":"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"}

package/build/src/components/Common/Modal/styles.js

@@ -3,7 +3,7 @@ import { keyframes } from 'styled-components';
 import defaultTheme from '../../../constants/defaultTheme.js';
 import styled from '../../../styles/styled/index.js';
 
-const ErrorMessage = styled(motion.div) `
+const ErrorMessage = styled(motion.div)`
   z-index: -1;
   pointer-events: auto;
   position: absolute;
@@ -34,36 +34,36 @@ const ErrorMessage = styled(motion.div) `
     background: rgba(255, 255, 255, 0.1);
   }
 `;
-const FadeIn = keyframes `
+const FadeIn = keyframes`
 from { opacity: 0; }
   to { opacity: 1; }
 `;
-const FadeInScaleUp = keyframes `
+const FadeInScaleUp = keyframes`
 from { opacity: 0; transform: scale(0.85); }
   to { opacity: 1; transform: scale(1); }
 `;
-const FadeInScaleDown = keyframes `
+const FadeInScaleDown = keyframes`
 from { opacity: 0; transform: scale(1.1); }
   to { opacity: 1; transform: scale(1); }
 `;
-const FadeOut = keyframes `
+const FadeOut = keyframes`
 from { opacity: 1; }
   to { opacity: 0; }
 `;
-const FadeOutScaleUp = keyframes `
+const FadeOutScaleUp = keyframes`
 from { opacity: 1; transform: scale(1); }
   to { opacity: 0; transform: scale(1.1); }
 `;
-const FadeOutScaleDown = keyframes `
+const FadeOutScaleDown = keyframes`
 from { opacity: 1; transform: scale(1); }
   to { opacity: 0; transform: scale(0.85); }
 `;
-const PageContent = styled(motion.div) `
+const PageContent = styled(motion.div)`
   max-width: 100%;
   width: 360px;
   padding-top: 48px;
 `;
-const TextWithHr = styled(motion.div) `
+const TextWithHr = styled(motion.div)`
   user-select: none;
   position: relative;
   display: block;
@@ -95,7 +95,7 @@ const TextWithHr = styled(motion.div) `
     box-shadow: var(--ck-body-divider-box-shadow);
   }
 `;
-const ModalHeading = styled(motion.div) `
+const ModalHeading = styled(motion.div)`
   z-index: 3;
   pointer-events: none;
   user-select: none;
@@ -117,11 +117,11 @@ const ModalHeading = styled(motion.div) `
     display: inline-block;
   }
 `;
-const ModalContentContainer = styled(motion.div) `
+const ModalContentContainer = styled(motion.div)`
   position: relative;
   padding: 0;
 `;
-const ModalContent = styled(motion.div) `
+const ModalContent = styled(motion.div)`
   left: 0;
   right: 0;
   text-align: center;
@@ -131,22 +131,20 @@ const ModalContent = styled(motion.div) `
   padding: 0 0 16px;
 
   @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
-    display: ${(props) => (props.$preserveDisplay ? "flex" : "block")};
-    gap: ${(props) => (props.$preserveDisplay ? "4px" : undefined)};
+    display: ${(props) => props.$preserveDisplay ? "flex" : "block"};
+    gap: ${(props) => props.$preserveDisplay ? "4px" : void 0};
   }
 `;
-const ModalH1 = styled(motion.h1) `
+const ModalH1 = styled(motion.h1)`
   margin: 0;
   padding: 0;
-  line-height: ${(props) => (props.$small ? 20 : 22)}px;
-  font-size: ${(props) => (props.$small ? 17 : 19)}px;
+  line-height: ${(props) => props.$small ? 20 : 22}px;
+  font-size: ${(props) => props.$small ? 17 : 19}px;
   font-weight: var(--ck-modal-h1-font-weight, 600);
   color: ${(props) => {
-    if (props.$error)
-        return "var(--ck-body-color-danger)";
-    if (props.$valid)
-        return "var(--ck-body-color-valid)";
-    return "var(--ck-body-color)";
+  if (props.$error) return "var(--ck-body-color-danger)";
+  if (props.$valid) return "var(--ck-body-color-valid)";
+  return "var(--ck-body-color)";
 }};
   > svg {
     position: relative;
@@ -160,7 +158,7 @@ const ModalH1 = styled(motion.h1) `
     font-size: 17px;
   }
 `;
-const ModalBody = styled.div `
+const ModalBody = styled.div`
   font-size: 16px;
   font-weight: 400;
   line-height: 21px;
@@ -170,7 +168,7 @@ const ModalBody = styled.div `
     color: var(--ck-body-color);
   }
 `;
-styled.div `
+styled.div`
   padding: 0 12px;
   font-size: 13px;
   font-weight: 400;
@@ -181,7 +179,7 @@ styled.div `
     color: var(--ck-body-color);
   }
 `;
-const Link = styled.a `
+const Link = styled.a`
   color: var(--ck-body-color);
   text-decoration: none;
 
@@ -189,7 +187,7 @@ const Link = styled.a `
     color: var(--ck-body-color-muted);
   }
 `;
-const BackgroundOverlay = styled(motion.div) `
+const BackgroundOverlay = styled(motion.div)`
   z-index: 1;
   position: absolute;
   top: 0;
@@ -197,30 +195,28 @@ const BackgroundOverlay = styled(motion.div) `
   right: 0;
   bottom: 0;
   background: var(--ck-overlay-background, rgba(71, 88, 107, 0.24));
-  backdrop-filter: ${(props) => props.$blur
-    ? `blur(${props.$blur}px)`
-    : "var(--ck-overlay-backdrop-filter, none)"};
+  backdrop-filter: ${(props) => props.$blur ? `blur(${props.$blur}px)` : "var(--ck-overlay-backdrop-filter, none)"};
   opacity: 0;
-  animation: ${(props) => (props.$active ? FadeIn : FadeOut)} 150ms ease-out
+  animation: ${(props) => props.$active ? FadeIn : FadeOut} 150ms ease-out
     both;
 `;
-const BoxIn = keyframes `
+const BoxIn = keyframes`
   from{ opacity: 0; transform: scale(0.97); }
   to{ opacity: 1; transform: scale(1); }
 `;
-const BoxOut = keyframes `
+const BoxOut = keyframes`
   from{ opacity: 1; transform: scale(1); }
   to{ opacity: 0; transform: scale(0.97); }
 `;
-const MobileBoxIn = keyframes `
+const MobileBoxIn = keyframes`
   from { transform: translate3d(0, 100%, 0); }
   to { transform: translate3d(0, 0%, 0); }
 `;
-const MobileBoxOut = keyframes `
+const MobileBoxOut = keyframes`
   from { opacity: 1; }
   to { opacity: 0; }
 `;
-const BoxContainer = styled(motion.div) `
+const BoxContainer = styled(motion.div)`
   z-index: 2;
   position: relative;
   color: var(--ck-body-color);
@@ -266,7 +262,7 @@ const BoxContainer = styled(motion.div) `
     }
   }
 `;
-const ControllerContainer = styled(motion.div) `
+const ControllerContainer = styled(motion.div)`
   z-index: 3;
   position: absolute;
   top: 0;
@@ -279,7 +275,7 @@ const ControllerContainer = styled(motion.div) `
   pointer-events: auto;
   //border-bottom: 1px solid var(--ck-body-divider);
 `;
-const InnerContainer = styled(motion.div) `
+const InnerContainer = styled(motion.div)`
   position: relative;
   overflow: hidden;
   height: var(--height);
@@ -289,7 +285,7 @@ const InnerContainer = styled(motion.div) `
     /* animation-delay: 34ms; */
   }
 `;
-const PageContainer = styled(motion.div) `
+const PageContainer = styled(motion.div)`
   z-index: 2;
   position: relative;
   top: 0;
@@ -351,18 +347,18 @@ const PageContainer = styled(motion.div) `
     }
   }
 `;
-const PageContents = styled(motion.div) `
+const PageContents = styled(motion.div)`
   margin: 0 auto;
   width: fit-content;
   padding: 29px 24px 24px;
   backface-visibility: hidden;
 `;
-const ModalContainer = styled.div `
+const ModalContainer = styled.div`
   z-index: 2147483646; // z-index set one below max (2147483647) for if we wish to layer things ontop of the modal in a seperate Portal
   position: fixed;
   inset: 0;
 `;
-const CloseButton = styled(motion.button) `
+const CloseButton = styled(motion.button)`
   z-index: 3;
   cursor: pointer;
   position: absolute;
@@ -393,7 +389,7 @@ const CloseButton = styled(motion.button) `
     transform: scale(0.9);
   }
 `;
-styled(motion.button) `
+styled(motion.button)`
   z-index: 3;
   position: absolute;
   inset: 0;
@@ -425,7 +421,7 @@ styled(motion.button) `
     }
   }
 `;
-const BackButton = styled(motion.button) `
+const BackButton = styled(motion.button)`
   z-index: 3;
   position: absolute;
   inset: 0;
@@ -458,7 +454,7 @@ const BackButton = styled(motion.button) `
     }
   }
 `;
-const InfoButton = styled(motion.button) `
+const InfoButton = styled(motion.button)`
   z-index: 3;
   position: absolute;
   inset: 0;
@@ -490,7 +486,7 @@ const InfoButton = styled(motion.button) `
     }
   }
 `;
-const Container = styled(motion.div) `
+const Container = styled(motion.div)`
   --ease: cubic-bezier(0.25, 0.1, 0.25, 1);
   --duration: 200ms;
   --transition:
@@ -575,7 +571,7 @@ const Container = styled(motion.div) `
     }
   }
 `;
-const Disclaimer = styled(motion.div) `
+const Disclaimer = styled(motion.div)`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -602,7 +598,7 @@ const Disclaimer = styled(motion.div) `
     padding: 20px 42px 22px 42px;
   }
 `;
-const DisclaimerBackground = styled(motion.div) `
+const DisclaimerBackground = styled(motion.div)`
   pointer-events: all;
   z-index: 9;
   position: absolute;
@@ -633,7 +629,7 @@ const DisclaimerBackground = styled(motion.div) `
     border-radius: 0;
   }
 `;
-styled(motion.div) `
+styled(motion.div)`
   z-index: 2;
   position: absolute;
   top: 100%;

package/build/src/components/Common/Modal/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Common/Modal/styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Common/Modal/styles.ts"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { keyframes } from \"styled-components\";\nimport defaultTheme from \"../../../constants/defaultTheme\";\nimport styled from \"./../../../styles/styled\";\n\nexport const ErrorMessage = styled(motion.div)`\n  z-index: -1;\n  pointer-events: auto;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  width: var(--width);\n  top: 64px;\n  color: #fff;\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 500;\n  background: var(--ck-body-color-danger);\n  border-radius: 20px;\n  padding: 24px 46px 82px 24px;\n  transition: width var(--duration) var(--ease);\n  a {\n    font-weight: 700;\n    text-decoration: underline;\n  }\n  code {\n    font-size: 0.9em;\n    display: inline-block;\n    font-family: monospace;\n    margin: 1px;\n    padding: 0 4px;\n    border-radius: 8px;\n    font-weight: bold;\n    background: rgba(255, 255, 255, 0.1);\n  }\n`;\n\nconst FadeIn = keyframes`\nfrom { opacity: 0; }\n  to { opacity: 1; }\n`;\n\nconst FadeInScaleUp = keyframes`\nfrom { opacity: 0; transform: scale(0.85); }\n  to { opacity: 1; transform: scale(1); }\n`;\n\nconst FadeInScaleDown = keyframes`\nfrom { opacity: 0; transform: scale(1.1); }\n  to { opacity: 1; transform: scale(1); }\n`;\n\nconst FadeOut = keyframes`\nfrom { opacity: 1; }\n  to { opacity: 0; }\n`;\n\nconst FadeOutScaleUp = keyframes`\nfrom { opacity: 1; transform: scale(1); }\n  to { opacity: 0; transform: scale(1.1); }\n`;\n\nconst FadeOutScaleDown = keyframes`\nfrom { opacity: 1; transform: scale(1); }\n  to { opacity: 0; transform: scale(0.85); }\n`;\n\nexport const PageContent = styled(motion.div)`\n  max-width: 100%;\n  width: 360px;\n  padding-top: 48px;\n`;\n\nexport const TextWithHr = styled(motion.div)`\n  user-select: none;\n  position: relative;\n  display: block;\n  text-align: center;\n  color: var(--ck-body-color-muted);\n  font-size: 15px;\n  font-weight: 400;\n  line-height: 21px;\n  span {\n    z-index: 2;\n    position: relative;\n    display: inline-block;\n    user-select: none;\n    pointer-events: none;\n    padding: 0 14px;\n    background: var(--ck-body-background);\n    transition: background-color 200ms ease;\n  }\n  &:before {\n    z-index: 2;\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 0;\n    right: 0;\n    height: 1px;\n    transform: translateY(-1px);\n    background: var(--ck-body-divider);\n    box-shadow: var(--ck-body-divider-box-shadow);\n  }\n`;\nexport const ModalHeading = styled(motion.div)`\n  z-index: 3;\n  pointer-events: none;\n  user-select: none;\n  position: absolute;\n  top: 25px;\n  left: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 26px;\n  transform: translateX(-50%);\n  width: var(--width);\n  text-align: center;\n  font-size: 17px;\n  line-height: 20px;\n  font-weight: var(--ck-modal-heading-font-weight, 600);\n  color: var(--ck-body-color);\n  span {\n    display: inline-block;\n  }\n`;\n\nexport const ModalContentContainer = styled(motion.div)`\n  position: relative;\n  padding: 0;\n`;\nexport const ModalContent = styled(motion.div)<{ $preserveDisplay?: boolean }>`\n  left: 0;\n  right: 0;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 0 0 16px;\n\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    display: ${(props) => (props.$preserveDisplay ? \"flex\" : \"block\")};\n    gap: ${(props) => (props.$preserveDisplay ? \"4px\" : undefined)};\n  }\n`;\nexport const ModalH1 = styled(motion.h1)<{\n  $error?: boolean;\n  $valid?: boolean;\n  $small?: boolean;\n}>`\n  margin: 0;\n  padding: 0;\n  line-height: ${(props) => (props.$small ? 20 : 22)}px;\n  font-size: ${(props) => (props.$small ? 17 : 19)}px;\n  font-weight: var(--ck-modal-h1-font-weight, 600);\n  color: ${(props) => {\n    if (props.$error) return \"var(--ck-body-color-danger)\";\n    if (props.$valid) return \"var(--ck-body-color-valid)\";\n    return \"var(--ck-body-color)\";\n  }};\n  > svg {\n    position: relative;\n    top: -2px;\n    display: inline-block;\n    vertical-align: middle;\n    margin-right: 6px;\n  }\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    margin-bottom: 6px;\n    font-size: 17px;\n  }\n`;\n\nexport const ModalBody = styled.div`\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 21px;\n  color: var(--ck-body-color-muted);\n  strong {\n    font-weight: 500;\n    color: var(--ck-body-color);\n  }\n`;\n\nexport const ModalBodySmall = styled.div`\n  padding: 0 12px;\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 16px;\n  color: var(--ck-body-color-muted);\n  strong {\n    font-weight: 500;\n    color: var(--ck-body-color);\n  }\n`;\n\nexport const Link = styled.a`\n  color: var(--ck-body-color);\n  text-decoration: none;\n\n  &:hover {\n    color: var(--ck-body-color-muted);\n  }\n`;\n\nexport const BackgroundOverlay = styled(motion.div)<{\n  $active: boolean;\n  $blur?: number;\n}>`\n  z-index: 1;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--ck-overlay-background, rgba(71, 88, 107, 0.24));\n  backdrop-filter: ${(props) =>\n    props.$blur\n      ? `blur(${props.$blur}px)`\n      : \"var(--ck-overlay-backdrop-filter, none)\"};\n  opacity: 0;\n  animation: ${(props) => (props.$active ? FadeIn : FadeOut)} 150ms ease-out\n    both;\n`;\n\nconst BoxIn = keyframes`\n  from{ opacity: 0; transform: scale(0.97); }\n  to{ opacity: 1; transform: scale(1); }\n`;\nconst BoxOut = keyframes`\n  from{ opacity: 1; transform: scale(1); }\n  to{ opacity: 0; transform: scale(0.97); }\n`;\n\nconst MobileBoxIn = keyframes`\n  from { transform: translate3d(0, 100%, 0); }\n  to { transform: translate3d(0, 0%, 0); }\n`;\n\nconst MobileBoxOut = keyframes`\n  from { opacity: 1; }\n  to { opacity: 0; }\n`;\n\nexport const BoxContainer = styled(motion.div)`\n  z-index: 2;\n  position: relative;\n  color: var(--ck-body-color);\n\n  animation: 150ms ease both;\n  animation-name: ${BoxOut};\n  &.active {\n    animation-name: ${BoxIn};\n  }\n\n  &:before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 50%;\n    width: var(--width);\n    height: var(--height);\n    transform: translateX(-50%);\n    backface-visibility: hidden;\n    transition: all 200ms ease;\n    border-radius: var(--ck-border-radius, 20px);\n    background: var(--ck-body-background);\n    box-shadow: var(--ck-modal-box-shadow);\n  }\n\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    animation-name: ${MobileBoxOut};\n    animation-duration: 130ms;\n    animation-timing-function: ease;\n\n    &.active {\n      animation-name: ${MobileBoxIn};\n      animation-duration: 300ms;\n      animation-delay: 32ms;\n      animation-timing-function: cubic-bezier(0.15, 1.15, 0.6, 1);\n    }\n\n    &:before {\n      width: 100%;\n      transition: 0ms height cubic-bezier(0.15, 1.15, 0.6, 1);\n      will-change: height;\n    }\n  }\n`;\nexport const ControllerContainer = styled(motion.div)`\n  z-index: 3;\n  position: absolute;\n  top: 0;\n  left: 50%;\n  height: 64px;\n  transform: translateX(-50%);\n  backface-visibility: hidden;\n  width: var(--width);\n  transition: 0.2s ease width;\n  pointer-events: auto;\n  //border-bottom: 1px solid var(--ck-body-divider);\n`;\n\nexport const InnerContainer = styled(motion.div)`\n  position: relative;\n  overflow: hidden;\n  height: var(--height);\n  transition: 0.2s ease height;\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    transition: 0ms height cubic-bezier(0.15, 1.15, 0.6, 1);\n    /* animation-delay: 34ms; */\n  }\n`;\n\nexport const PageContainer = styled(motion.div)`\n  z-index: 2;\n  position: relative;\n  top: 0;\n  left: 50%;\n  margin-left: calc(var(--width) / -2);\n  width: var(--width);\n  /* left: 0; */\n  /* width: 100%; */\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transform-origin: center center;\n  animation: 200ms ease both;\n\n  &.active {\n    animation-name: ${FadeInScaleDown};\n  }\n  &.active-scale-up {\n    animation-name: ${FadeInScaleUp};\n  }\n  &.exit-scale-down {\n    z-index: 1;\n    pointer-events: none;\n    position: absolute;\n    /* top: 0; */\n    /* left: 0; */\n    animation-name: ${FadeOutScaleDown};\n  }\n  &.exit {\n    z-index: 1;\n    pointer-events: none;\n    position: absolute;\n    /* top: 0; */\n    /* left: 0; */\n    /* left: 50%; */\n    /* transform: translateX(-50%); */\n    animation-name: ${FadeOutScaleUp};\n    animation-delay: 16.6667ms;\n  }\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    /* animation: 0ms ease both; */\n    /* animation-delay: 35ms; */\n    animation: 0ms cubic-bezier(0.15, 1.15, 0.6, 1) both;\n\n    &.active {\n      animation-name: ${FadeIn};\n    }\n    &.active-scale-up {\n      animation-name: ${FadeIn};\n    }\n    &.exit-scale-down {\n      z-index: 3;\n      animation-name: ${FadeOut};\n    }\n    &.exit {\n      z-index: 3;\n      animation-name: ${FadeOut};\n      animation-delay: 0ms;\n    }\n  }\n`;\nexport const PageContents = styled(motion.div)`\n  margin: 0 auto;\n  width: fit-content;\n  padding: 29px 24px 24px;\n  backface-visibility: hidden;\n`;\n\nexport const ModalContainer = styled.div`\n  z-index: 2147483646; // z-index set one below max (2147483647) for if we wish to layer things ontop of the modal in a seperate Portal\n  position: fixed;\n  inset: 0;\n`;\n\nexport const CloseButton = styled(motion.button)`\n  z-index: 3;\n  cursor: pointer;\n  position: absolute;\n  top: 22px;\n  right: 17px;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 16px;\n  padding: 0;\n  margin: 0;\n  color: var(--ck-body-action-color);\n  background: var(--ck-body-background);\n  transition:\n    background-color 200ms ease,\n    transform 100ms ease;\n  /* will-change: transform; */\n  svg {\n    display: block;\n  }\n\n  &:hover {\n    background: var(--ck-body-background-secondary);\n  }\n  &:active {\n    transform: scale(0.9);\n  }\n`;\n\nexport const SiweButton = styled(motion.button)`\n  z-index: 3;\n  position: absolute;\n  inset: 0;\n  width: 100%; // FireFox fix\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 16px;\n  padding: 0;\n  margin: 0;\n  color: var(--ck-body-action-color);\n  background: var(--ck-body-background);\n  transition:\n    background-color 200ms ease,\n    transform 100ms ease;\n  /* will-change: transform; */\n  svg {\n    display: block;\n    position: relative;\n  }\n\n  &:enabled {\n    cursor: pointer;\n    &:hover {\n      background: var(--ck-body-background-secondary);\n    }\n    &:active {\n      transform: scale(0.9);\n    }\n  }\n`;\n\nexport const BackButton = styled(motion.button)`\n  z-index: 3;\n  position: absolute;\n  inset: 0;\n  width: 100%; // FireFox fix\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 16px;\n  padding: 0;\n  margin: 0;\n  color: var(--ck-body-action-color);\n  background: var(--ck-body-background);\n  transition:\n    background-color 200ms ease,\n    transform 100ms ease;\n  /* will-change: transform; */\n  svg {\n    display: block;\n    position: relative;\n    left: -1px;\n  }\n\n  &:enabled {\n    cursor: pointer;\n    &:hover {\n      background: var(--ck-body-background-secondary);\n    }\n    &:active {\n      transform: scale(0.9);\n    }\n  }\n`;\n\nexport const InfoButton = styled(motion.button)`\n  z-index: 3;\n  position: absolute;\n  inset: 0;\n  width: 100%; // FireFox fix\n  transform: translateX(-1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 16px;\n  padding: 0;\n  margin: 0;\n  color: var(--ck-body-action-color);\n  background: var(--ck-body-background);\n  transition:\n    background-color 200ms ease,\n    transform 100ms ease;\n  /* will-change: transform; */\n  svg {\n    display: block;\n    position: relative;\n  }\n  &:enabled {\n    cursor: pointer;\n    &:hover {\n      background: var(--ck-body-background-secondary);\n    }\n    &:active {\n      transform: scale(0.9);\n    }\n  }\n`;\n\nexport const Container = styled(motion.div)`\n  --ease: cubic-bezier(0.25, 0.1, 0.25, 1);\n  --duration: 200ms;\n  --transition:\n    height var(--duration) var(--ease), width var(--duration) var(--ease);\n  z-index: 3;\n  display: block;\n  pointer-events: none;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  width: 100%;\n  transform: translate3d(-50%, -50%, 0);\n  backface-visibility: hidden;\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    pointer-events: auto;\n    left: 0;\n    top: auto;\n    bottom: -5px;\n    transform: none;\n    ${BoxContainer} {\n      max-width: 448px;\n      margin: 0 auto;\n      &:before {\n        width: 100%;\n        border-radius: var(--ck-border-radius, 30px)\n          var(--ck-border-radius, 30px) 0 0;\n      }\n    }\n    ${PageContainer} {\n      left: 0;\n      right: 0;\n      margin: 0 auto;\n      width: auto;\n    }\n    ${PageContent} {\n      margin: 0 auto;\n      width: 100% !important;\n    }\n    ${ModalHeading} {\n      top: 29px;\n    }\n    ${ModalContent} {\n      gap: 12px;\n    }\n    ${ModalBody} {\n      margin: 0 auto;\n      max-width: 295px;\n    }\n    ${PageContents} {\n      width: 100%;\n      padding: 31px 24px;\n    }\n    ${ControllerContainer} {\n      width: 100%;\n      top: 4px;\n      border-bottom: 0;\n    }\n    ${CloseButton} {\n      right: 22px;\n    }\n    ${BackButton} {\n      top: -1px;\n      left: -3px;\n    }\n    ${InfoButton} {\n      top: -1px;\n      left: -3px;\n      svg {\n        width: 65%;\n        height: auto;\n      }\n    }\n    ${CloseButton},\n    ${BackButton},\n    ${InfoButton} {\n      // Quick hack for bigger tappable area on mobile\n      transform: scale(1.4) !important;\n      background: transparent !important;\n      svg {\n        transform: scale(0.8) !important;\n      }\n    }\n  }\n`;\n\nexport const Disclaimer = styled(motion.div)`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 16px -24px -24px -24px;\n  padding: 15px 40px 18px;\n  font-size: var(--ck-body-disclaimer-font-size, 13px);\n  font-weight: var(--ck-body-disclaimer-font-weight, 400);\n  text-align: center;\n  line-height: 19px;\n  color: var(--ck-body-disclaimer-color, var(--ck-body-color-muted, inherit));\n\n  & a {\n    color: var(--ck-body-disclaimer-link-color, inherit);\n    font-weight: var(--ck-body-disclaimer-font-weight, 400);\n    text-decoration: none;\n    transition: color 200ms ease;\n    &:hover {\n      color: var(--ck-body-disclaimer-link-hover-color, inherit);\n    }\n  }\n\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    margin: 24px -24px -26px -24px;\n    padding: 20px 42px 22px 42px;\n  }\n`;\n\nexport const DisclaimerBackground = styled(motion.div)`\n  pointer-events: all;\n  z-index: 9;\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  width: var(--width);\n  backface-visibility: hidden;\n  transform: translateX(-50%);\n  transform-origin: bottom center;\n\n  border-radius: var(--ck-border-radius, 30px);\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  transition: width 200ms ease;\n\n  background: var(\n    --ck-body-disclaimer-background,\n    var(--ck-body-background-secondary)\n  );\n  box-shadow: var(--ck-body-disclaimer-box-shadow);\n\n  ${Disclaimer} {\n    margin: 0 !important;\n    /* visibility: hidden; */\n  }\n\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    border-radius: 0;\n  }\n`;\n\nexport const SignInTooltip = styled(motion.div)`\n  z-index: 2;\n  position: absolute;\n  top: 100%;\n  white-space: nowrap;\n  padding: 8px 16px;\n  color: #fff;\n  font-size: 13px;\n  line-height: 1.5;\n  background: #1a88f8;\n  border-radius: calc(var(--ck-border-radius) * 0.75);\n  transform: translateY(8px) translateX(-48px);\n  box-shadow: var(--ck-modal-box-shadow);\n  &:before {\n    content: \"\";\n    position: absolute;\n    box-shadow: var(--shadow);\n    width: 18px;\n    height: 18px;\n    transform: translate(215%, -75%) rotate(45deg);\n    background: inherit;\n    border-radius: 3px 0 0 0;\n  }\n\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    transform: translateY(8px) translateX(-16px);\n    &:before {\n      transform: translate(40%, -75%) rotate(45deg);\n    }\n  }\n`;\n"],"names":[],"mappings":";;;;;AAKa,MAAA,YAAA,GAAe,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAgC7C,MAAM,MAAS,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKf,MAAM,aAAgB,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKtB,MAAM,eAAkB,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKxB,MAAM,OAAU,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKhB,MAAM,cAAiB,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKvB,MAAM,gBAAmB,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKZ,MAAA,WAAA,GAAc,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAM/B,MAAA,UAAA,GAAa,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAgC9B,MAAA,YAAA,GAAe,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAuBhC,MAAA,qBAAA,GAAwB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAIzC,MAAA,YAAA,GAAe,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAAA,EASN,aAAa,WAAW,CAAA;AAAA,aAAA,EAChD,CAAC,KAAA,KAAW,KAAM,CAAA,gBAAA,GAAmB,SAAS,OAAQ,CAAA;AAAA,SAAA,EAC1D,CAAC,KAAA,KAAW,KAAM,CAAA,gBAAA,GAAmB,QAAQ,KAAU,CAAA,CAAA;AAAA;AAAA,EAAA;AAGrD,MAAA,OAAA,GAAU,MAAO,CAAA,MAAA,CAAO,EAAE,CAAA,CAAA;AAAA;AAAA;AAAA,eAAA,EAOtB,CAAC,KAAA,KAAW,KAAM,CAAA,MAAA,GAAS,KAAK,EAAG,CAAA;AAAA,aAAA,EACrC,CAAC,KAAA,KAAW,KAAM,CAAA,MAAA,GAAS,KAAK,EAAG,CAAA;AAAA;AAAA,SAAA,EAEvC,CAAC,KAAU,KAAA;AAClB,EAAI,IAAA,KAAA,CAAM,QAAe,OAAA,6BAAA,CAAA;AACzB,EAAI,IAAA,KAAA,CAAM,QAAe,OAAA,4BAAA,CAAA;AACzB,EAAO,OAAA,sBAAA,CAAA;AACT,CAAC,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAAA,EAQoC,aAAa,WAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMxD,MAAM,YAAY,MAAO,CAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAWF,MAAO,CAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAY9B,MAAM,OAAO,MAAO,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AASd,MAAA,iBAAA,GAAoB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAW7B,EAAA,CAAC,UAClB,KAAM,CAAA,KAAA,GACF,QAAQ,KAAM,CAAA,KAAK,QACnB,yCAAyC,CAAA;AAAA;AAAA,aAAA,EAElC,CAAC,KAAA,KAAW,KAAM,CAAA,OAAA,GAAU,SAAS,OAAQ,CAAA;AAAA;AAAA,EAAA;AAI5D,MAAM,KAAQ,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAId,MAAM,MAAS,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKf,MAAM,WAAc,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKpB,MAAM,YAAe,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKR,MAAA,YAAA,GAAe,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAA,EAMzB,MAAM,CAAA;AAAA;AAAA,oBAAA,EAEJ,KAAK,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAAA,EAmBY,aAAa,WAAW,CAAA;AAAA,oBAAA,EACzC,YAAY,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAA,EAKV,WAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAatB,MAAA,mBAAA,GAAsB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAcvC,MAAA,cAAA,GAAiB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAAA,EAKR,aAAa,WAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMlD,MAAA,aAAA,GAAgB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAA,EAgBxB,eAAe,CAAA;AAAA;AAAA;AAAA,oBAAA,EAGf,aAAa,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAA,EAQb,gBAAgB,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAA,EAUhB,cAAc,CAAA;AAAA;AAAA;AAAA,qCAAA,EAGG,aAAa,WAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAA,EAMvC,MAAM,CAAA;AAAA;AAAA;AAAA,sBAAA,EAGN,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA,sBAAA,EAIN,OAAO,CAAA;AAAA;AAAA;AAAA;AAAA,sBAAA,EAIP,OAAO,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAKlB,MAAA,YAAA,GAAe,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAOtC,MAAM,iBAAiB,MAAO,CAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMxB,MAAA,WAAA,GAAc,MAAO,CAAA,MAAA,CAAO,MAAM,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAgCrB,MAAO,CAAA,MAAA,CAAO,MAAM,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAiCjC,MAAA,UAAA,GAAa,MAAO,CAAA,MAAA,CAAO,MAAM,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAkCjC,MAAA,UAAA,GAAa,MAAO,CAAA,MAAA,CAAO,MAAM,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAiCjC,MAAA,SAAA,GAAY,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAAA,EAcH,aAAa,WAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,EAMzD,YAAY,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,EASZ,aAAa,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,EAMb,WAAW,CAAA;AAAA;AAAA;AAAA;AAAA,IAAA,EAIX,YAAY,CAAA;AAAA;AAAA;AAAA,IAAA,EAGZ,YAAY,CAAA;AAAA;AAAA;AAAA,IAAA,EAGZ,SAAS,CAAA;AAAA;AAAA;AAAA;AAAA,IAAA,EAIT,YAAY,CAAA;AAAA;AAAA;AAAA;AAAA,IAAA,EAIZ,mBAAmB,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,EAKnB,WAAW,CAAA;AAAA;AAAA;AAAA,IAAA,EAGX,UAAU,CAAA;AAAA;AAAA;AAAA;AAAA,IAAA,EAIV,UAAU,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,EAQV,WAAW,CAAA;AAAA,IAAA,EACX,UAAU,CAAA;AAAA,IAAA,EACV,UAAU,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAWH,MAAA,UAAA,GAAa,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAAA,EAsBJ,aAAa,WAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMlD,MAAA,oBAAA,GAAuB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,EAsBjD,UAAU,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAAA,EAKyB,aAAa,WAAW,CAAA;AAAA;AAAA;AAAA,EAAA;AAKlC,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAAA,EAwBP,aAAa,WAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/build/src/components/Common/OptionsList/index.js

@@ -8,28 +8,48 @@ import { OrDivider } from '../Modal/index.js';
 import { ScrollArea } from '../ScrollArea/index.js';
 import { OptionsContainer, OptionButton, OptionLabel, OptionTitle, OptionSubtitle } from './styles.js';
 
-const OptionsList = ({ options, isLoading, requiredSkeletons, scrollHeight = 300, orDivider = false, hideBottomLine = false, }) => {
-    const { triggerResize, log } = usePayContext();
-    const optionsLength = options.length;
-    useEffect(() => {
-        log(`[OPTIONS RESIZE]: ${optionsLength}, triggering resize`);
-        if (optionsLength > 0)
-            triggerResize();
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [optionsLength]);
-    if (isLoading) {
-        const skeletonCount = requiredSkeletons
-            ? Math.max(requiredSkeletons - optionsLength, 0)
-            : 0;
-        return (jsxs(OptionsContainer, { "$totalResults": options.length, children: [options.map((option) => (jsx(OptionItem, { option: option }, option.id))), isLoading &&
-                    Array.from({ length: skeletonCount }).map((_, index) => (jsx(SkeletonOptionItem, {}, index)))] }));
-    }
-    return (jsxs(Fragment, { children: [jsx(ScrollArea, { mobileDirection: "vertical", height: scrollHeight, hideBottomLine: orDivider || hideBottomLine, totalItems: options.length, children: jsx(OptionsContainer, { "$totalResults": options.length, children: options.map((option) => (jsx(OptionItem, { option: option }, option.id))) }) }), orDivider && jsx(OrDivider, {})] }));
+const OptionsList = ({
+  options,
+  isLoading,
+  requiredSkeletons,
+  scrollHeight = 300,
+  orDivider = false,
+  hideBottomLine = false
+}) => {
+  const { triggerResize, log } = usePayContext();
+  const optionsLength = options.length;
+  useEffect(() => {
+    log(`[OPTIONS RESIZE]: ${optionsLength}, triggering resize`);
+    if (optionsLength > 0) triggerResize();
+  }, [optionsLength]);
+  if (isLoading) {
+    const skeletonCount = requiredSkeletons ? Math.max(requiredSkeletons - optionsLength, 0) : 0;
+    return /* @__PURE__ */ jsxs(OptionsContainer, { $totalResults: options.length, children: [
+      options.map((option) => /* @__PURE__ */ jsx(OptionItem, { option }, option.id)),
+      isLoading && Array.from({ length: skeletonCount }).map((_, index) => /* @__PURE__ */ jsx(SkeletonOptionItem, {}, index))
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ScrollArea,
+      {
+        mobileDirection: "vertical",
+        height: scrollHeight,
+        hideBottomLine: orDivider || hideBottomLine,
+        totalItems: options.length,
+        children: /* @__PURE__ */ jsx(OptionsContainer, { $totalResults: options.length, children: options.map((option) => /* @__PURE__ */ jsx(OptionItem, { option }, option.id)) })
+      }
+    ),
+    orDivider && /* @__PURE__ */ jsx(OrDivider, {})
+  ] });
 };
 const SkeletonOptionItem = () => {
-    return (jsxs(OptionButton, { type: "button", children: [jsx(SkeletonIcon, {}), jsx(SkeletonLabel, {})] }));
+  return /* @__PURE__ */ jsxs(OptionButton, { type: "button", children: [
+    /* @__PURE__ */ jsx(SkeletonIcon, {}),
+    /* @__PURE__ */ jsx(SkeletonLabel, {})
+  ] });
 };
-const pulse = keyframes `
+const pulse = keyframes`
   0% {
     opacity: 0.6;
   }
@@ -40,7 +60,7 @@ const pulse = keyframes `
     opacity: 0.6;
   }
 `;
-const SkeletonIcon = styled.div `
+const SkeletonIcon = styled.div`
   position: absolute;
   right: 20px;
   width: 32px;
@@ -49,7 +69,7 @@ const SkeletonIcon = styled.div `
   background-color: rgba(0, 0, 0, 0.1);
   animation: ${pulse} 1.5s ease-in-out infinite;
 `;
-const SkeletonLabel = styled.div `
+const SkeletonLabel = styled.div`
   width: 100px;
   height: 16px;
   border-radius: 8px;
@@ -57,25 +77,47 @@ const SkeletonLabel = styled.div `
   animation: ${pulse} 1.5s ease-in-out infinite;
 `;
 const OptionItem = ({ option }) => {
-    const hydratedIcons = option.icons.map((icon) => {
-        if (typeof icon === "string") {
-            return jsx("img", { src: icon, alt: "" }, option.id);
-        }
-        return icon;
-    });
-    const iconContent = (() => {
-        return (jsx(IconStackContainer, { children: hydratedIcons.map((icon, index) => (jsx(IconStackItem, { "$marginRight": index !== hydratedIcons.length - 1 ? -12 : 0, "$zIndex": hydratedIcons.length - index, children: icon }, index))) }));
-    })();
-    return (jsxs(OptionButton, { type: "button", onClick: option.onClick, disabled: option.disabled, children: [iconContent, jsxs(OptionLabel, { children: [jsx(OptionTitle, { children: option.title }), option.subtitle && jsx(OptionSubtitle, { children: option.subtitle })] })] }));
+  const hydratedIcons = option.icons.map((icon) => {
+    if (typeof icon === "string") {
+      return /* @__PURE__ */ jsx("img", { src: icon, alt: "" }, option.id);
+    }
+    return icon;
+  });
+  const iconContent = (() => {
+    return /* @__PURE__ */ jsx(IconStackContainer, { children: hydratedIcons.map((icon, index) => /* @__PURE__ */ jsx(
+      IconStackItem,
+      {
+        $marginRight: index !== hydratedIcons.length - 1 ? -12 : 0,
+        $zIndex: hydratedIcons.length - index,
+        children: icon
+      },
+      index
+    )) });
+  })();
+  return /* @__PURE__ */ jsxs(
+    OptionButton,
+    {
+      type: "button",
+      onClick: option.onClick,
+      disabled: option.disabled,
+      children: [
+        iconContent,
+        /* @__PURE__ */ jsxs(OptionLabel, { children: [
+          /* @__PURE__ */ jsx(OptionTitle, { children: option.title }),
+          option.subtitle && /* @__PURE__ */ jsx(OptionSubtitle, { children: option.subtitle })
+        ] })
+      ]
+    }
+  );
 };
-const IconStackContainer = styled(motion.div) `
+const IconStackContainer = styled(motion.div)`
   position: absolute;
   right: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
 `;
-const IconStackItem = styled(motion.div) `
+const IconStackItem = styled(motion.div)`
   display: block;
   overflow: hidden;
   user-select: none;