@ledgerhq/react-ui 0.47.0 → 0.48.0-nightly.20260306030049

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (113) hide show
  1. package/lib/cjs/components/index.js +11 -34
  2. package/lib/cjs/components/index.js.map +1 -1
  3. package/lib/cjs/components/layout/Drawer/Drawer.stories.js +1 -1
  4. package/lib/cjs/components/layout/Drawer/Drawer.stories.js.map +1 -1
  5. package/lib/cjs/components/layout/Drawer/index.js +1 -1
  6. package/lib/cjs/components/layout/Drawer/index.js.map +1 -1
  7. package/lib/cjs/components/layout/Side/Side.stories.js +1 -1
  8. package/lib/cjs/components/layout/Side/Side.stories.js.map +1 -1
  9. package/lib/cjs/components/layout/Side/index.js +1 -1
  10. package/lib/cjs/components/layout/Side/index.js.map +1 -1
  11. package/lib/cjs/components/layout/index.js +1 -1
  12. package/lib/cjs/components/layout/index.js.map +1 -1
  13. package/lib/cjs/components/message/Tooltip/Tooltip.stories.js +10 -33
  14. package/lib/cjs/components/message/Tooltip/Tooltip.stories.js.map +1 -1
  15. package/lib/cjs/components/message/Tooltip/index.js +8 -31
  16. package/lib/cjs/components/message/Tooltip/index.js.map +1 -1
  17. package/lib/cjs/components/message/index.js +10 -33
  18. package/lib/cjs/components/message/index.js.map +1 -1
  19. package/lib/cjs/index.js +11 -34
  20. package/lib/cjs/index.js.map +1 -1
  21. package/lib/components/Table/index.d.ts +6 -6
  22. package/lib/components/Table/index.d.ts.map +1 -1
  23. package/lib/components/asorted/Icon/BoxedIcon.d.ts.map +1 -1
  24. package/lib/components/asorted/Icon/Icon.d.ts.map +1 -1
  25. package/lib/components/cta/Button/index.d.ts +2 -1
  26. package/lib/components/cta/Button/index.d.ts.map +1 -1
  27. package/lib/components/cta/Link/index.d.ts.map +1 -1
  28. package/lib/components/cta/Toggle/index.d.ts.map +1 -1
  29. package/lib/components/form/BaseInput/index.d.ts +7 -7
  30. package/lib/components/form/BaseInput/index.d.ts.map +1 -1
  31. package/lib/components/form/Checkbox/Checkbox.d.ts.map +1 -1
  32. package/lib/components/form/LegendInput/index.d.ts +4 -4
  33. package/lib/components/form/LegendInput/index.d.ts.map +1 -1
  34. package/lib/components/form/NumberInput/index.d.ts +4 -4
  35. package/lib/components/form/NumberInput/index.d.ts.map +1 -1
  36. package/lib/components/form/QrCodeInput/index.d.ts +5 -5
  37. package/lib/components/form/QrCodeInput/index.d.ts.map +1 -1
  38. package/lib/components/form/QuantityInput/index.d.ts +6 -6
  39. package/lib/components/form/QuantityInput/index.d.ts.map +1 -1
  40. package/lib/components/form/Radio/RadioElement.d.ts.map +1 -1
  41. package/lib/components/form/Radio/RadioListElement.d.ts.map +1 -1
  42. package/lib/components/form/Radio/index.d.ts.map +1 -1
  43. package/lib/components/form/SearchInput/index.d.ts +4 -4
  44. package/lib/components/form/SelectInput/index.d.ts.map +1 -1
  45. package/lib/components/form/Switch/Switch.d.ts.map +1 -1
  46. package/lib/components/layout/Carousel/Footer/Pagination/bullets.d.ts.map +1 -1
  47. package/lib/components/layout/Carousel/Footer/Pagination/index.d.ts.map +1 -1
  48. package/lib/components/layout/Carousel/Footer/Pagination/utils.d.ts.map +1 -1
  49. package/lib/components/layout/Carousel/Footer/index.d.ts.map +1 -1
  50. package/lib/components/layout/Carousel/Footer/variantContentCard.d.ts.map +1 -1
  51. package/lib/components/layout/Carousel/Footer/variantDefault.d.ts.map +1 -1
  52. package/lib/components/layout/Carousel/index.d.ts.map +1 -1
  53. package/lib/components/layout/Drawer/index.d.ts.map +1 -1
  54. package/lib/components/layout/Drawer/index.js +1 -1
  55. package/lib/components/layout/Drawer/index.js.map +1 -1
  56. package/lib/components/layout/Flex/index.d.ts +4 -5
  57. package/lib/components/layout/Flex/index.d.ts.map +1 -1
  58. package/lib/components/layout/Popin/index.d.ts +6 -6
  59. package/lib/components/layout/Popin/index.d.ts.map +1 -1
  60. package/lib/components/layout/Side/Provider.d.ts.map +1 -1
  61. package/lib/components/layout/Side/index.d.ts.map +1 -1
  62. package/lib/components/message/Log/Brackets.d.ts.map +1 -1
  63. package/lib/components/message/Notification/index.d.ts.map +1 -1
  64. package/lib/components/message/Tooltip/index.d.ts.map +1 -1
  65. package/lib/components/message/Tooltip/index.js +5 -25
  66. package/lib/components/message/Tooltip/index.js.map +1 -1
  67. package/lib/components/navigation/Aside/index.d.ts +3 -3
  68. package/lib/components/navigation/FlowStepper/index.d.ts.map +1 -1
  69. package/lib/components/navigation/progress/ProgressBar/Onboarding.d.ts.map +1 -1
  70. package/lib/components/navigation/progress/Stepper/index.d.ts.map +1 -1
  71. package/lib/components/navigation/sideBar/Item/Item.d.ts.map +1 -1
  72. package/lib/components/navigation/sideBar/Logo/Logo.d.ts.map +1 -1
  73. package/lib/components/navigation/sideBar/SideBar/SideBar.d.ts.map +1 -1
  74. package/lib/components/navigation/sideBar/Toggle/Toggle.d.ts.map +1 -1
  75. package/lib/components/navigation/sideBar/index.d.ts +0 -1
  76. package/lib/components/navigation/sideBar/index.d.ts.map +1 -1
  77. package/lib/components/styled.d.ts.map +1 -1
  78. package/lib/components/transitions/TransitionInOut.d.ts.map +1 -1
  79. package/lib/components/transitions/TransitionScale.d.ts.map +1 -1
  80. package/lib/components/transitions/TransitionSlide.d.ts.map +1 -1
  81. package/lib/helpers.d.ts +1 -1
  82. package/lib/helpers.d.ts.map +1 -1
  83. package/lib/pre-ldls/components/AccountItem/AccountItem.d.ts.map +1 -1
  84. package/lib/pre-ldls/components/AccountList/AccountList.d.ts.map +1 -1
  85. package/lib/pre-ldls/components/Address/Address.d.ts +4 -4
  86. package/lib/pre-ldls/components/Address/Address.d.ts.map +1 -1
  87. package/lib/pre-ldls/components/Address/formatAddress.d.ts.map +1 -1
  88. package/lib/pre-ldls/components/ApyIndicator/ApyIndicator.d.ts.map +1 -1
  89. package/lib/pre-ldls/components/AssetItem/AssetItem.d.ts.map +1 -1
  90. package/lib/pre-ldls/components/AssetList/AssetList.d.ts +4 -4
  91. package/lib/pre-ldls/components/AssetList/AssetList.d.ts.map +1 -1
  92. package/lib/pre-ldls/components/CardButton/CardButton.d.ts +2 -2
  93. package/lib/pre-ldls/components/CardButton/CardButton.d.ts.map +1 -1
  94. package/lib/pre-ldls/components/Checkbox/Checkbox.d.ts.map +1 -1
  95. package/lib/pre-ldls/components/Input/Input.d.ts.map +1 -1
  96. package/lib/pre-ldls/components/MarketPercentIndicator/MarketPercentIndicator.d.ts.map +1 -1
  97. package/lib/pre-ldls/components/MarketPriceIndicator/MarketPriceIndicator.d.ts.map +1 -1
  98. package/lib/pre-ldls/components/NetworkItem/NetworkItem.d.ts.map +1 -1
  99. package/lib/pre-ldls/components/NetworkList/NetworkList.d.ts.map +1 -1
  100. package/lib/pre-ldls/components/Tag/Tag.d.ts +2 -2
  101. package/lib/pre-ldls/components/Tag/Tag.d.ts.map +1 -1
  102. package/lib/pre-ldls/components/TextInput/TextInput.d.ts +4 -4
  103. package/lib/pre-ldls/components/TextInput/TextInput.d.ts.map +1 -1
  104. package/lib/pre-ldls/components/VirtualList/VirtualList.d.ts.map +1 -1
  105. package/lib/pre-ldls/components/sharedStoryBook.d.ts.map +1 -1
  106. package/lib/pre-ldls/libs/index.d.ts.map +1 -1
  107. package/lib/styles/InvertTheme.d.ts.map +1 -1
  108. package/lib/styles/StyleProvider.d.ts.map +1 -1
  109. package/lib/styles/helpers.d.ts.map +1 -1
  110. package/lib/styles/styled/fontFamily.d.ts +0 -1
  111. package/lib/styles/styled/fontFamily.d.ts.map +1 -1
  112. package/lib/styles/theme.d.ts.map +1 -1
  113. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"components/layout/Side/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/asorted/Divider/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/styles.ts","webpack://@ledgerhq/react-ui/./src/components/cta/Button/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Drawer/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Side/Provider.tsx","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/components/transitions/TransitionInOut.tsx","webpack://@ledgerhq/react-ui/./src/components/transitions/TransitionSlide.tsx","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/styled/fontFamily.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/./src/styles/theme.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Side/index.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport Flex, { FlexBoxProps } from \"../../layout/Flex\";\nimport Text from \"../../asorted/Text\";\n\nexport type Props = FlexBoxProps & { text?: string };\nconst DividerBase = styled(Flex).attrs<FlexBoxProps>((p: FlexBoxProps) => ({\n my: p.my || 0,\n height: 1,\n backgroundColor: p.color || \"neutral.c40\",\n}))`\n &[data-variant=\"light\"] {\n background: ${p => p.theme.colors.neutral.c30};\n }\n`;\n\nconst Divider: React.FC<Props> = props => {\n if (!props.text) return <DividerBase {...props} />;\n return (\n <Flex {...props} flexDirection=\"row\" alignItems=\"center\">\n <DividerBase my={6} flex={1} />\n <Text variant=\"bodyLineHeight\" color=\"neutral.c60\" mx={6}>\n {props.text}\n </Text>\n <DividerBase my={6} flex={1} />\n </Flex>\n );\n};\n\nexport default Divider;\n","import React from \"react\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\nimport {\n compose,\n fontSize,\n fontWeight,\n textAlign,\n lineHeight,\n letterSpacing,\n system,\n} from \"styled-system\";\nimport fontFamily from \"../../../styles/styled/fontFamily\";\nimport { TextVariants } from \"../../../styles/theme\";\nimport { textVariantStyle } from \"./styles\";\n\nconst uppercase = system({\n uppercase: {\n property: \"textTransform\",\n transform: value => (value ? \"uppercase\" : \"none\"),\n },\n});\n\ntype FontFamilies =\n | \"Inter|ExtraLight\"\n | \"Inter|Light\"\n | \"Inter|Regular\"\n | \"Inter|Medium\"\n | \"Inter|SemiBold\"\n | \"Inter|Bold\"\n | \"Inter|ExtraBold\"\n | \"Alpha|Medium\";\n\ntype WhiteSpace = \"normal\" | \"nowrap\" | \"pre\" | \"pre-line\" | \"pre-wrap\";\n\nexport interface TextProps extends BaseStyledProps {\n fontFamily?: string;\n ff?: FontFamilies;\n fontSize?: number | string | TextVariants;\n variant?: TextVariants;\n textAlign?: string;\n fontWeight?: string;\n lineHeight?: string;\n textTransform?: string;\n textOverflow?: string;\n uppercase?: boolean;\n whiteSpace?: WhiteSpace;\n children?: React.ReactNode;\n}\n\nconst Text = baseStyled.span.attrs<TextProps, TextProps>(\n ({ variant = \"body\", fontSize, color }) => ({\n fontSize: fontSize ? fontSize : variant,\n color: color || \"neutral.c100\",\n }),\n)`\n font-weight: 500;\n white-space: ${props => props.whiteSpace ?? \"normal\"};\n ${(p: TextProps) => textVariantStyle[p.variant || \"body\"]}\n ${compose(\n uppercase,\n lineHeight,\n fontFamily,\n fontSize,\n textAlign,\n fontWeight,\n letterSpacing,\n system({\n textOverflow: true,\n }),\n )}\n ${p => (p.textTransform ? `text-transform: ${p.textTransform};` : \"\")}\n`;\n\nexport default Text;\n","import { GlobalStyleProps } from \"../../../styles/global\";\nimport { css } from \"styled-components\";\nimport { TextVariants } from \"../../../styles/theme\";\n\nconst getFontSource = (name: string) => (props: GlobalStyleProps) => {\n const fontsPath = props.fontsPath ?? \"assets/fonts\";\n const fontName = (props.fontMappings && props.fontMappings(name)) || `${name}.woff2`;\n return `url(\"${fontsPath}/${fontName}\") format(\"woff2\")`;\n};\n\nexport const fontStyles = css`\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-ExtraLight-BETA\")};\n font-weight: 100;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-Light-BETA\")};\n font-weight: 300;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-Regular\")};\n font-weight: 400;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-Medium\")};\n font-weight: 500;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-SemiBold\")};\n font-weight: 600;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-ExtraBold\")};\n font-weight: 900;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Alpha\";\n src: ${getFontSource(\"HMAlphaMono-Medium\")};\n font-weight: 500;\n font-style: normal;\n }\n`;\n\nexport const textVariantStyle: Record<\n TextVariants,\n {\n fontFamily: string;\n lineHeight?: string | number;\n fontWeight?: number;\n \"text-transform\"?: string;\n }\n> = {\n h1: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h1Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h2: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h2Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h3: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h3Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 500,\n },\n h4: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h4Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 600,\n },\n h5: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h5Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 500,\n },\n large: {\n fontFamily: \"Inter, Sans\",\n },\n largeLineHeight: {\n fontFamily: \"Inter, Sans\",\n lineHeight: 1.7,\n },\n body: {\n fontFamily: \"Inter, Sans\",\n },\n bodyLineHeight: {\n fontFamily: \"Inter, Sans\",\n lineHeight: 1.7,\n },\n paragraph: {\n fontFamily: \"Inter, Sans\",\n },\n paragraphLineHeight: {\n fontFamily: \"Inter, Sans\",\n lineHeight: 1.7,\n },\n small: {\n fontFamily: \"Inter, Sans\",\n },\n extraSmall: {\n fontFamily: \"Inter, Sans\",\n },\n tiny: {\n fontFamily: \"Inter, Sans\",\n },\n micro: {\n fontFamily: \"Inter, Sans\",\n },\n subtitle: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 600,\n \"text-transform\": \"uppercase\",\n },\n};\n","import ChevronBottom from \"@ledgerhq/icons-ui/reactLegacy/ChevronBottomMedium\";\nimport React, { useMemo, useState } from \"react\";\nimport styled, { css, StyledProps } from \"styled-components\";\nimport { border, BordersProps, compose, fontSize } from \"styled-system\";\nimport { rgba } from \"../../../styles/helpers\";\nimport fontFamily from \"../../../styles/styled/fontFamily\";\nimport { fontSizes } from \"../../../styles/theme\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\n\ntype ButtonVariants = \"main\" | \"shade\" | \"error\" | \"color\" | \"neutral\";\ntype IconPosition = \"right\" | \"left\";\ninterface BaseProps extends BaseStyledProps, BordersProps {\n ff?: string;\n color?: string;\n backgroundColor?: string;\n size?: \"xs\" | \"small\" | \"medium\" | \"large\" | \"xl\";\n fontSize?: number;\n variant?: ButtonVariants;\n outline?: boolean;\n iconPosition?: IconPosition;\n iconButton?: boolean;\n disabled?: boolean;\n whiteSpace?: string;\n}\n\nexport interface ButtonProps extends BaseProps, React.RefAttributes<HTMLButtonElement> {\n Icon?: React.ReactElement | React.ComponentType<{ size: number; color?: string }>;\n children?: React.ReactNode;\n onClick?: (event: React.SyntheticEvent<HTMLButtonElement>) => void;\n iconSize?: number;\n style?: React.CSSProperties;\n}\nconst IconContainer = styled.div<{\n iconPosition: IconPosition;\n}>`\n display: inline-block;\n ${p => `${p.iconPosition === \"left\" ? \"margin-right\" : \"margin-left\"}: ${p.theme.space[4]}px;`}\n padding-top: 0.2em;\n`;\n\nconst getVariantColors = (p: StyledProps<BaseProps>) => ({\n main: {\n outline: `\n border-color: ${p.theme.colors.neutral.c100};\n color: ${p.theme.colors.neutral.c100};\n background-color: transparent;\n &:hover, &:focus {\n background-color: ${rgba(p.theme.colors.neutral.c100, 0.03)};\n }\n &:active {\n background-color: ${rgba(p.theme.colors.neutral.c100, 0.05)};\n }\n `,\n filled: `\n color: ${p.theme.colors.neutral.c00};\n background-color: ${p.theme.colors.neutral.c100};\n &:hover, &:focus {\n background-color: ${p.theme.colors.neutral.c90};\n }\n `,\n },\n shade: `\n border-color: ${p.theme.colors.neutral.c40};\n color: ${p.theme.colors.neutral.c100};\n &:focus {\n border-color: ${p.theme.colors.primary.c80};\n }\n\n &:hover, &:focus {\n background-color: ${p.theme.colors.neutral.c20};\n }\n\n &:active {\n background-color: ${p.theme.colors.neutral.c30};\n }\n `,\n error: {\n outline: `\n border-color: ${p.theme.colors.error.c50};\n color: ${p.theme.colors.error.c50};\n background-color: transparent;\n &:hover {\n background-color: ${rgba(p.theme.colors.error.c50, 0.02)};\n }\n &:active {\n background-color: ${rgba(p.theme.colors.error.c50, 0.05)};\n }\n `,\n filled: `\n color: ${p.theme.colors.neutral.c00};\n background-color: ${p.theme.colors.error.c50};\n &:hover {\n background-color: ${p.theme.colors.error.c40};\n }\n `,\n },\n neutral: `\n color: ${p.theme.colors.neutral.c100};\n background-color: ${p.theme.colors.neutral.c30};\n &:hover {\n background-color: ${p.theme.colors.neutral.c40};\n }\n `,\n color: {\n outline: `\n border-color: ${p.theme.colors.primary.c80};\n color: ${p.theme.colors.primary.c80};\n background-color: transparent;\n &:hover {\n background-color: ${rgba(p.theme.colors.primary.c100, 0.02)};\n }\n &:active {\n background-color: ${rgba(p.theme.colors.primary.c100, 0.05)};\n }\n `,\n filled: `\n color: ${p.theme.colors.neutral.c00};\n background-color: ${p.theme.colors.primary.c80};\n &:hover {\n background-color: ${p.theme.colors.primary.c70};\n }\n `,\n },\n disabled: {\n outline: `\n border-color: ${p.theme.colors.neutral.c50};\n color: ${p.theme.colors.neutral.c50};\n background-color: transparent;\n &:focus, &:hover {\n box-shadow: none;\n }\n `,\n filled: `\n color: ${p.theme.colors.neutral.c50};\n background-color: ${p.theme.colors.neutral.c30};\n &:focus, &:hover {\n box-shadow: none;\n }\n `,\n },\n default: `\n color: ${p.theme.colors.neutral.c100};\n background-color: transparent;\n &:hover {\n text-decoration: underline;\n }\n `,\n});\n\nexport const ButtonUnstyled = baseStyled.button`\n all: unset;\n cursor: pointer;\n\n &:disabled {\n cursor: default;\n }\n`;\n\nexport const Base = baseStyled.button.attrs((p: BaseProps) => ({\n fontFamily: \"Inter\",\n fontSize: p.fontSize ?? 4,\n}))<BaseProps>`\n background-color: transparent;\n border-color: transparent;\n border-radius: 44px;\n border-style: solid;\n border-width: ${p => (p.outline || p.variant === \"shade\" ? 1 : 0)}px;\n font-weight: 600;\n ${compose(fontFamily, fontSize, border)};\n line-height: ${p => p.theme.fontSizes[p.fontSize]}px;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n ${p => buttonSizeStyle[p.size || \"medium\"]}\n text-overflow: ellipsis;\n white-space: ${p => (p.whiteSpace ? p.whiteSpace : \"nowrap\")};\n max-width: 100%;\n position: relative;\n cursor: ${p => (p.disabled ? \"default\" : \"pointer\")};\n &:active {\n box-shadow: 0 0 0 4px ${p => rgba(p.theme.colors.primary.c60, 0.4)};\n }\n &:focus, &:hover {\n box-shadow: 0 0 0 2px ${p => rgba(p.theme.colors.primary.c60, 0.4)};\n }\n\n ${p => {\n const variants = getVariantColors(p);\n if (p.disabled) {\n return p.outline || p.variant === \"shade\"\n ? variants.disabled.outline\n : variants.disabled.filled;\n }\n\n const variant: ButtonVariants | \"default\" =\n p.variant ?? (\"default\" as ButtonVariants | \"default\");\n switch (variant) {\n case \"main\":\n return p.outline ? variants.main.outline : variants.main.filled;\n case \"shade\":\n return variants.shade;\n\n case \"error\":\n return p.outline ? variants.error.outline : variants.error.filled;\n\n case \"color\":\n return p.outline ? variants.color.outline : variants.color.filled;\n\n case \"neutral\":\n return variants.neutral;\n\n case \"default\":\n default:\n return variants.default;\n }\n }}\n ${p =>\n p.iconButton\n ? css`\n width: ${p.theme.space[12]}px;\n padding: 0;\n ${IconContainer} {\n margin: 0;\n }\n `\n : \"\"}\n ${p => p.theme.transition([\"background-color\", \"color\", \"border-color\", \"box-shadow\"], \"0.2s\")}\n`;\n\nconst ContentContainer = styled.div``;\n\nconst Button = (\n { Icon, iconPosition = \"right\", iconSize = 16, children, onClick, ...props }: ButtonProps,\n ref?: React.ForwardedRef<HTMLButtonElement>,\n): React.ReactElement => {\n const iconNodeSize = iconSize || fontSizes[props.fontSize ?? 4];\n const IconNode = useMemo(() => {\n if (!Icon) return null;\n if (typeof Icon === \"object\") return Icon;\n return <Icon size={iconNodeSize} />;\n }, [iconNodeSize, Icon]);\n\n return (\n <Base {...props} ref={ref} iconButton={!(Icon == null) && !children} onClick={onClick}>\n {iconPosition === \"right\" ? <ContentContainer>{children}</ContentContainer> : null}\n {IconNode && <IconContainer iconPosition={iconPosition}>{IconNode}</IconContainer>}\n {iconPosition === \"left\" ? <ContentContainer>{children}</ContentContainer> : null}\n </Base>\n );\n};\nconst ButtonWithRef = React.forwardRef(Button) as unknown as typeof Button;\n\nexport type ButtonExpandProps = React.PropsWithChildren<\n ButtonProps & {\n onToggle?: (arg0: boolean) => void;\n }\n>;\n\nconst StyledButtonExpand = styled(ButtonWithRef).attrs(props => ({\n Icon: props.Icon != null || ChevronBottom,\n iconPosition: props.iconPosition || \"right\",\n}))<{ expanded: boolean }>`\n ${IconContainer} {\n transition: transform 0.25s;\n ${p => (p.expanded ? \"transform: rotate(180deg)\" : \"\")}\n }\n`;\nexport function ButtonExpand(\n { onToggle, onClick, ...props }: ButtonExpandProps,\n ref?: React.ForwardedRef<HTMLButtonElement>,\n): React.ReactElement {\n const [expanded, setExpanded] = useState(false);\n return (\n <StyledButtonExpand\n {...props}\n ref={ref}\n expanded={expanded}\n onClick={(event: React.SyntheticEvent<HTMLButtonElement>) => {\n setExpanded(expanded => !expanded);\n onToggle != null && onToggle(!expanded);\n onClick != null && onClick(event);\n }}\n />\n );\n}\n\nexport const buttonSizeStyle: {\n [index: string]: {\n padding: string;\n height: string;\n };\n} = {\n xs: {\n padding: \"0 12px\",\n height: \"28px\",\n },\n small: {\n padding: \"0 20px\",\n height: \"32px\",\n },\n medium: {\n padding: \"0 24px\",\n height: \"40px\",\n },\n large: {\n padding: \"0 28px\",\n height: \"48px\",\n },\n xl: {\n padding: \"0 28px\",\n height: \"56px\",\n },\n};\n\nButton.Unstyled = ButtonUnstyled;\nButton.Expand = React.forwardRef(ButtonExpand);\nButtonWithRef.Unstyled = Button.Unstyled;\nButtonWithRef.Expand = Button.Expand;\nexport default ButtonWithRef;\n","import React, { useCallback } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport styled from \"styled-components\";\nimport FlexBox, { FlexBoxProps } from \"../Flex\";\nimport Divider, { Props as DividerProps } from \"../../asorted/Divider\";\nimport Close from \"@ledgerhq/icons-ui/reactLegacy/CloseMedium\";\nimport ArrowLeft from \"@ledgerhq/icons-ui/reactLegacy/ArrowLeftMedium\";\n\nimport TransitionSlide from \"../../transitions/TransitionSlide\";\nimport TransitionInOut from \"../../transitions/TransitionInOut\";\nimport Text from \"../../asorted/Text\";\nimport Button from \"../../cta/Button\";\n\nexport enum Direction {\n Left = \"left\",\n Right = \"right\",\n}\n\nconst Container = styled(FlexBox)`\n width: 100%;\n height: 100%;\n flex-direction: column;\n`;\n\nconst Wrapper = styled(FlexBox)<{\n big?: boolean;\n}>`\n height: 100%;\n width: ${p =>\n p.big ? p.theme.sizes.drawer.side.big.width : p.theme.sizes.drawer.side.small.width}px;\n flex-direction: column;\n align-items: stretch;\n justify-content: space-between;\n z-index: ${p => p.theme.zIndexes[8]};\n`;\n\nconst Overlay = styled.div<{ direction: Direction }>`\n display: flex;\n position: fixed;\n justify-content: ${p => (p.direction === Direction.Left ? \"flex-end\" : \"flex-start\")};\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 999;\n background-color: ${p => p.theme.colors.constant.overlay};\n`;\n\nconst ScrollWrapper = styled(FlexBox)`\n &::-webkit-scrollbar {\n display: none;\n }\n`;\n\nconst ButtonPlaceholder = styled.div`\n min-width: ${p => p.theme.space[12]}px;\n`;\n\nexport interface DrawerProps {\n isOpen: boolean;\n children: React.ReactNode;\n title?: React.ReactNode;\n footer?: React.ReactNode;\n big?: boolean;\n ignoreBackdropClick?: boolean;\n backgroundColor?: string;\n onClose: () => void;\n onBack?: () => void;\n setTransitionsEnabled?: (arg0: boolean) => void;\n hideNavigation?: boolean;\n menuPortalTarget?: Element | null;\n direction?: Direction;\n extraContainerProps?: Partial<FlexBoxProps>;\n extraHeaderProps?: Partial<FlexBoxProps>;\n extraFooterProps?: Partial<FlexBoxProps>;\n extraFooterDividerProps?: Partial<DividerProps>;\n}\n\nconst DrawerContent = React.forwardRef(\n (\n {\n isOpen,\n title,\n children,\n footer,\n big,\n onClose,\n backgroundColor,\n setTransitionsEnabled = () => 0,\n onBack,\n extraContainerProps,\n extraHeaderProps,\n extraFooterProps,\n extraFooterDividerProps,\n ignoreBackdropClick = false,\n hideNavigation = true,\n direction = Direction.Left,\n }: DrawerProps,\n ref?: React.ForwardedRef<HTMLDivElement>,\n ) => {\n const disableChildAnimations = useCallback(\n () => setTransitionsEnabled(false),\n [setTransitionsEnabled],\n );\n const enableChildAnimations = useCallback(\n () => setTransitionsEnabled(true),\n [setTransitionsEnabled],\n );\n\n const handleBackdropClick = useCallback(() => {\n if (!ignoreBackdropClick) {\n onClose();\n }\n }, [onClose, ignoreBackdropClick]);\n\n const stopClickPropagation = useCallback((e: React.MouseEvent) => {\n e.stopPropagation();\n }, []);\n\n return (\n <TransitionInOut\n in={isOpen}\n appear\n mountOnEnter\n unmountOnExit\n onEntering={disableChildAnimations}\n onEntered={enableChildAnimations}\n onExiting={disableChildAnimations}\n >\n <Overlay direction={direction} onClick={handleBackdropClick} ref={ref}>\n <TransitionSlide\n in={isOpen}\n direction={direction}\n fixed\n reverseExit\n appear\n mountOnEnter\n unmountOnExit\n >\n <Wrapper\n big={big}\n onClick={stopClickPropagation}\n backgroundColor={backgroundColor ?? \"background.main\"}\n >\n <Container>\n <FlexBox\n justifyContent=\"space-between\"\n alignItems=\"center\"\n p={12}\n pb={10}\n {...extraHeaderProps}\n >\n {!hideNavigation && (\n <>\n {onBack != null ? (\n <Button variant=\"neutral\" onClick={onBack} Icon={ArrowLeft} />\n ) : (\n <ButtonPlaceholder />\n )}\n </>\n )}\n {(\n <Text variant={\"h3\"} flex={1} textAlign=\"center\">\n {title}\n </Text>\n ) || <div />}\n <FlexBox alignSelf=\"flex-start\">\n <Button variant=\"neutral\" onClick={onClose} Icon={Close} />\n </FlexBox>\n </FlexBox>\n <ScrollWrapper\n flexDirection=\"column\"\n alignItems=\"stretch\"\n overflow=\"scroll\"\n position=\"relative\"\n p={12}\n pt={0}\n flex={1}\n {...extraContainerProps}\n >\n {children}\n </ScrollWrapper>\n {footer && (\n <>\n <Divider {...extraFooterDividerProps} />\n <FlexBox alignItems=\"center\" py={8} px={12} {...extraFooterProps}>\n {footer}\n </FlexBox>\n </>\n )}\n </Container>\n </Wrapper>\n </TransitionSlide>\n </Overlay>\n </TransitionInOut>\n );\n },\n);\n\nconst Drawer = (\n { children, menuPortalTarget, ...sideProps }: DrawerProps,\n ref?: React.ForwardedRef<HTMLDivElement>,\n): React.ReactElement => {\n const $root = React.useMemo(\n () =>\n menuPortalTarget === undefined && typeof document !== \"undefined\"\n ? document.querySelector(\"body\")\n : menuPortalTarget,\n [menuPortalTarget],\n );\n if (!$root) {\n return (\n <DrawerContent ref={ref} {...sideProps}>\n {children}\n </DrawerContent>\n );\n } else {\n return ReactDOM.createPortal(\n <DrawerContent ref={ref} {...sideProps}>\n {children}\n </DrawerContent>,\n $root,\n );\n }\n};\n\nexport default React.forwardRef(Drawer);\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({ display: \"flex\" })``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\n","import React, { useReducer, useEffect, useCallback, useContext } from \"react\";\nimport type { SideProps } from \".\";\n\ninterface State<P extends SideProps = SideProps> {\n Component: React.ComponentType<P> | null | undefined;\n props?: P;\n open: boolean;\n}\n// actions\n// it makes them available and current from connector events handlers\nexport let setSide: <P extends SideProps = SideProps>(\n Component?: State<P>[\"Component\"],\n props?: State<P>[\"props\"],\n) => void = () => {};\n\n// reducer\nconst reducer = <P extends SideProps = SideProps>(state: State<P>, update: State<P>) => {\n return { ...state, ...update };\n};\n\nconst initialState: State = {\n Component: null,\n open: false,\n};\n\ninterface ContextValue<P extends SideProps = SideProps> {\n state: State<P>;\n setSide: (Component?: React.ComponentType<P>, props?: P) => void;\n}\n\nexport const context = React.createContext<ContextValue>({\n state: initialState,\n setSide: () => {},\n});\n\nexport const useSide = (): ContextValue => {\n return useContext(context);\n};\n\nconst SideProvider = ({ children }: { children: React.ReactNode }): React.JSX.Element => {\n const [state, dispatch] = useReducer(reducer, initialState);\n\n const _setSide = useCallback((Component: any, props: any) => {\n dispatch({\n Component,\n props,\n open: !!Component,\n });\n }, []);\n\n useEffect(() => {\n setSide = _setSide;\n }, [_setSide]);\n\n return (\n <context.Provider\n value={{\n state,\n setSide: _setSide,\n }}\n >\n {children}\n </context.Provider>\n );\n};\n\nexport default SideProvider;\n","import React from \"react\";\nimport gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n compose,\n flexbox,\n FlexboxProps,\n space,\n SpaceProps,\n position,\n PositionProps,\n color,\n ColorProps,\n layout,\n LayoutProps,\n overflow,\n OverflowProps,\n border,\n BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n FlexboxProps &\n PositionProps &\n ColorProps &\n LayoutProps &\n BorderProps &\n OverflowProps & {\n /**\n * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n */\n columnGap?: string | number;\n /**\n * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n */\n rowGap?: string | number;\n color?: string;\n children?: React.ReactNode;\n };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n flexbox,\n space,\n position,\n color,\n layout,\n overflow,\n gaps,\n border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n return styled(target.apply(thisArg, argumentsList)(baseStyles));\n },\n get(target, property: keyof typeof styled) {\n if (typeof target[property] === \"function\") {\n return styled(target[property].apply(styled, [baseStyles]));\n }\n return target[property];\n },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import React, { useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport styled from \"styled-components\";\nconst duration = 150;\nconst ChildrenWrapper = styled.div<{ timeout: number }>`\n transition: ${props => `opacity ${props.timeout}ms ease-in-out`};\n\n &.transition-inout-enter {\n opacity: 0;\n }\n\n &.transition-inout-enter-active {\n opacity: 1;\n }\n\n &.transition-inout-exit {\n opacity: 1;\n }\n\n &.transition-inout-exit-active {\n opacity: 0;\n }\n`;\ntype TransitionInOutProps = Partial<\n CSSTransitionProps<HTMLDivElement> & {\n children: React.ReactNode;\n in: boolean;\n timeout?: number;\n appear?: boolean;\n mountOnEnter?: boolean;\n unmountOnExit?: boolean;\n }\n>;\n\nconst TransitionInOut = ({\n children,\n in: inProp,\n timeout = duration,\n ...TransitionProps\n}: TransitionInOutProps): React.JSX.Element => {\n const nodeRef = useRef<HTMLDivElement>(null);\n return (\n <CSSTransition\n {...TransitionProps}\n nodeRef={nodeRef}\n in={inProp}\n timeout={timeout}\n classNames=\"transition-inout\"\n >\n <ChildrenWrapper ref={nodeRef} timeout={timeout}>\n {children}\n </ChildrenWrapper>\n </CSSTransition>\n );\n};\n\nexport default TransitionInOut;\n","import React, { useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport styled from \"styled-components\";\nconst duration = 300;\nconst ChildrenWrapper = styled.div<{ fixed?: boolean; reverseExit?: boolean }>`\n transition: all ${duration}ms ease-in-out;\n will-change: transform;\n ${p =>\n !p.fixed\n ? `\n position: absolute;\n width: 100%;\n `\n : \"\"}\n height: 100%;\n\n &.transition-left-appear,\n &.transition-left-enter {\n transform: translateX(100%);\n }\n\n &.transition-left-appear-active,\n &.transition-left-enter-active {\n transform: translateX(0%);\n }\n\n &.transition-left-exit {\n transform: translateX(0%);\n }\n\n &.transition-left-exit-active {\n transform: translateX(${p => (p.reverseExit ? 100 : -100)}%);\n }\n\n &.transition-right-appear,\n &.transition-right-enter {\n transform: translateX(-100%);\n }\n\n &.transition-right-appear-active,\n &.transition-right-enter-active {\n transform: translateX(0%);\n }\n\n &.transition-right-exit {\n transform: translateX(0%);\n }\n\n &.transition-right-exit-active {\n transform: translateX(${p => (p.reverseExit ? -100 : 100)}%);\n }\n`;\ntype TransitionSlideProps = Partial<\n CSSTransitionProps<HTMLDivElement> & {\n children: React.ReactNode;\n fixed: boolean;\n reverseExit?: boolean;\n direction?: \"left\" | \"right\" | string;\n }\n>;\n\nconst TransitionSlide = ({\n children,\n fixed,\n direction = \"left\",\n reverseExit,\n ...props\n}: TransitionSlideProps) => {\n const nodeRef = useRef<HTMLDivElement>(null);\n return (\n <CSSTransition\n {...props}\n nodeRef={nodeRef}\n timeout={duration}\n classNames={`transition-${direction}`}\n >\n <ChildrenWrapper ref={nodeRef} fixed={fixed} reverseExit={reverseExit}>\n {children}\n </ChildrenWrapper>\n </CSSTransition>\n );\n};\n\nexport default TransitionSlide;\n","import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n const [font, type = \"Regular\"] = v.split(\"|\");\n // @ts-expect-error FIXME\n const { style, weight } = fontFamilies[font][type];\n // @ts-expect-error FIXME\n const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n return {\n fontFamily: `${font}, ${fallback}`,\n fontWeight: weight,\n fontStyle: style,\n };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n const colorL1 = Color(color1).luminosity() + 0.05;\n const colorL2 = Color(color2).luminosity() + 0.05;\n\n const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n if (lRatio < 1.5) {\n return Color(color1).rotate(180).negate().string();\n }\n return color1;\n};\n","import { ff } from \"../helpers\";\n\nexport default (props: { ff?: string }) => {\n const prop = props.ff;\n\n if (prop == null) {\n return null;\n }\n\n return ff(prop);\n};\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n rowGap: { property: \"rowGap\", scale: \"space\" },\n columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","import { keyframes, css, Font } from \"styled-components\";\nimport { palettes, ColorPalette } from \"@ledgerhq/ui-shared\";\n\nexport type screensBreakpoints = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n\nexport const breakpoints = {\n sm: \"640px\",\n md: \"768px\",\n lg: \"1024px\",\n xl: \"1280px\",\n xxl: \"1536px\",\n} as Record<screensBreakpoints, string>;\n\nexport const space = [\n /* space indexes:\n 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21 */\n 0, 2, 4, 8, 10, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 68, 72, 76,\n];\n\nexport type TextVariants =\n | \"h1\"\n | \"h1Inter\"\n | \"h2\"\n | \"h2Inter\"\n | \"h3\"\n | \"h3Inter\"\n | \"h4\"\n | \"h4Inter\"\n | \"h5\"\n | \"h5Inter\"\n | \"large\"\n | \"largeLineHeight\"\n | \"body\"\n | \"bodyLineHeight\"\n | \"paragraph\"\n | \"paragraphLineHeight\"\n | \"small\"\n | \"extraSmall\"\n | \"tiny\"\n | \"micro\"\n | \"subtitle\";\n\nexport type ThemeScale<Type, Aliases extends string> = Array<Type> & Record<Aliases, Type>;\n\nexport const fontSizes = [8, 10, 11, 12, 13, 14, 16, 20, 24, 28, 32, 36] as ThemeScale<\n number,\n TextVariants\n>;\n\n[\n fontSizes.micro,\n fontSizes.tiny,\n fontSizes.extraSmall,\n fontSizes.small,\n fontSizes.paragraph,\n fontSizes.body,\n fontSizes.large,\n fontSizes.h5,\n fontSizes.h4,\n fontSizes.h3,\n fontSizes.h2,\n fontSizes.h1,\n] = fontSizes;\nfontSizes.largeLineHeight = fontSizes.large;\nfontSizes.bodyLineHeight = fontSizes.body;\nfontSizes.paragraphLineHeight = fontSizes.paragraph;\nfontSizes.subtitle = fontSizes.extraSmall;\nfontSizes.h1Inter = fontSizes.h1;\nfontSizes.h2Inter = fontSizes.h2;\nfontSizes.h3Inter = fontSizes.h3;\nfontSizes.h4Inter = fontSizes.h4;\nfontSizes.h5Inter = fontSizes.h5;\n\nconst fontWeights = {\n extraLight: \"100\",\n light: \"300\",\n regular: \"400\",\n medium: \"500\",\n semiBold: \"600\",\n bold: \"700\",\n extraBold: \"800\",\n};\n\nexport const radii = [0, 4, 8, 12, 16, 20];\nexport const shadows = [\"0 4px 8px 0 rgba(0, 0, 0, 0.03)\"];\nexport const zIndexes = [-1, 0, 1, 9, 10, 90, 100, 900, 1000];\n\n// Those fonts are now defined in global.css, this is just a mapping for styled-system\nexport const fontFamilies = {\n Inter: {\n ExtraLight: {\n weight: 100,\n style: \"normal\",\n },\n Light: {\n weight: 300,\n style: \"normal\",\n },\n Regular: {\n weight: 400,\n style: \"normal\",\n },\n Medium: {\n weight: 500,\n style: \"normal\",\n },\n SemiBold: {\n weight: 600,\n style: \"normal\",\n },\n Bold: {\n weight: 700,\n style: \"normal\",\n },\n ExtraBold: {\n weight: 800,\n style: \"normal\",\n },\n },\n Alpha: {\n Medium: {\n weight: 500,\n style: \"normal\",\n },\n },\n};\n\nconst animationDuration = \"0.33s\";\nconst easings = {\n outQuadratic: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\n};\n\nconst transition = (\n properties = [\"all\"],\n duration = animationDuration,\n easing = easings.outQuadratic,\n) => css`\n transition-property: ${properties.join(\",\")};\n transition-duration: ${duration};\n transition-timing-function: ${easing};\n`;\n\nconst fadeIn = keyframes`\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n `;\nconst fadeOut = keyframes`\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n `;\nconst fadeInGrowX = keyframes`\n 0% {\n opacity: 0;\n transform: scaleX(0);\n }\n 100% {\n opacity: 1;\n transform: scaleX(1);\n }\n`;\nconst fadeInUp = keyframes`\n 0% {\n opacity: 0;\n transform: translateY(66%);\n }\n 100% {\n opacity: 1;\n transform: translateY(0%);\n }\n `;\nconst animations = {\n fadeIn: () => css`\n ${fadeIn} ${animationDuration} ${easings.outQuadratic} forwards\n `,\n fadeOut: () => css`\n ${fadeOut} ${animationDuration} ${easings.outQuadratic} forwards\n `,\n fadeInGrowX: () => css`\n ${fadeInGrowX} 0.6s ${easings.outQuadratic} forwards\n `,\n fadeInUp: () => css`\n ${fadeInUp} ${animationDuration} ${easings.outQuadratic} forwards\n `,\n};\nconst overflow = {\n x: css`\n overflow-y: hidden;\n overflow-x: scroll;\n will-change: transform;\n &:hover {\n --track-color: ${p => p.theme.colors.neutral.c30};\n }\n `,\n y: css`\n overflow-x: hidden;\n overflow-y: scroll;\n will-change: transform;\n &:hover {\n --track-color: ${p => p.theme.colors.neutral.c30};\n }\n `,\n yAuto: css`\n overflow-x: hidden;\n overflow-y: auto;\n will-change: transform;\n &:hover {\n --track-color: ${p => p.theme.colors.neutral.c30};\n }\n `,\n xy: css`\n overflow: scroll;\n will-change: transform;\n &:hover {\n --track-color: ${p => p.theme.colors.neutral.c30};\n }\n `,\n trackSize: 12,\n};\n\ninterface DefaultTheme {\n theme: \"dark\" | \"light\";\n animations: typeof animations;\n transition: typeof transition;\n overflow: typeof overflow;\n sizes: {\n topBarHeight: number;\n sideBarWidth: number;\n drawer: {\n side: {\n big: {\n width: number;\n };\n small: {\n width: number;\n };\n };\n popin: {\n min: {\n height: number;\n width: number;\n };\n max: {\n height: number;\n width: number;\n };\n };\n };\n };\n radii: number[];\n fontFamilies: Record<string, Record<string, Font>>;\n fontSizes: number[];\n space: number[];\n shadows: string[];\n colors: ColorPalette;\n fontWeights: Record<string, string>;\n breakpoints: Record<screensBreakpoints, string>;\n zIndexes: number[];\n}\n\nconst theme: DefaultTheme = {\n theme: \"light\",\n sizes: {\n drawer: {\n side: {\n big: {\n width: 580,\n },\n small: {\n width: 420,\n },\n },\n popin: {\n min: {\n height: 158,\n width: 462,\n },\n max: {\n height: 522,\n width: 622,\n },\n },\n },\n topBarHeight: 58,\n sideBarWidth: 230,\n },\n radii,\n fontFamilies,\n fontSizes,\n fontWeights,\n space,\n shadows,\n colors: palettes.light,\n animations,\n overflow,\n transition,\n zIndexes,\n breakpoints,\n};\n\nexport default theme;\nexport type Theme = DefaultTheme;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n }\n }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React, { useRef, useCallback, useEffect, useState } from \"react\";\nimport { TransitionGroup } from \"react-transition-group\";\nimport Drawer from \"../Drawer\";\nimport TransitionSlide from \"../../transitions/TransitionSlide\";\nimport { useSide } from \"./Provider\";\n\nexport interface SideProps {\n onBack?: () => void;\n}\n\nexport const SideWrapper = (props: SideProps): React.JSX.Element => {\n // Nb Note that it's not a real queue and we need to handle where we go from each _slide_\n const { state, setSide } = useSide();\n const [queue, setQueue] = useState<\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n Array<{ Component: React.ComponentType | null | undefined; props?: any; key: number }>\n >([]);\n const [direction, setDirection] = useState(\"left\");\n const [transitionsEnabled, setTransitionsEnabled] = useState(false);\n const nonce = useRef(0);\n const onClose = useCallback(() => setSide(), [setSide]);\n\n useEffect(() => {\n setQueue(q => {\n if (!state.open || !state.Component) return [];\n return q.concat([{ ...state, key: nonce.current++ }]);\n });\n }, [state]);\n\n useEffect(() => {\n let timeout: number;\n\n if (queue.length > 1) {\n const [, ...rest] = queue;\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore mismatch between nodejs and dom types\n timeout = setTimeout(() => {\n setQueue(rest);\n setDirection(\"left\");\n }, 0);\n }\n\n return () => {\n if (timeout) clearTimeout(timeout);\n };\n }, [queue]);\n\n const wrappedOnBack = useCallback(() => {\n setDirection(\"right\");\n const onBack = state?.props?.onBack;\n onBack && onBack();\n }, [state?.props]);\n\n return (\n <Drawer\n {...props}\n isOpen={!!state.open}\n onClose={onClose}\n onBack={state?.props?.onBack ? wrappedOnBack : undefined}\n setTransitionsEnabled={setTransitionsEnabled}\n hideNavigation={false}\n >\n <TransitionGroup enter={transitionsEnabled} exit={transitionsEnabled} component={null}>\n {queue.map(({ Component, props, key }) => (\n <TransitionSlide key={key} direction={direction}>\n {Component && <Component {...props} />}\n </TransitionSlide>\n ))}\n </TransitionGroup>\n </Drawer>\n );\n};\n\nexport default SideWrapper;\n"],"names":["React","styled","Flex","Text","DividerBase","p","Divider","props","baseStyled","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","variant","color","css","getFontSource","name","fontsPath","fontName","fontStyles","ChevronBottom","useMemo","useState","border","rgba","fontSizes","IconContainer","getVariantColors","ButtonUnstyled","Base","buttonSizeStyle","variants","ContentContainer","Button","Icon","iconPosition","iconSize","children","onClick","ref","iconNodeSize","IconNode","ButtonWithRef","StyledButtonExpand","ButtonExpand","onToggle","expanded","setExpanded","event","useCallback","ReactDOM","FlexBox","Close","ArrowLeft","TransitionSlide","TransitionInOut","Direction","Container","Wrapper","Overlay","ScrollWrapper","ButtonPlaceholder","DrawerContent","isOpen","title","footer","big","onClose","backgroundColor","setTransitionsEnabled","onBack","extraContainerProps","extraHeaderProps","extraFooterProps","extraFooterDividerProps","ignoreBackdropClick","hideNavigation","direction","disableChildAnimations","enableChildAnimations","handleBackdropClick","stopClickPropagation","e","Drawer","menuPortalTarget","sideProps","$root","undefined","document","useReducer","useEffect","useContext","setSide","reducer","state","update","initialState","context","useSide","SideProvider","dispatch","_setSide","Component","gaps","flexbox","space","position","layout","overflow","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","useRef","CSSTransition","duration","ChildrenWrapper","inProp","timeout","TransitionProps","nodeRef","fixed","reverseExit","Color","fontFamilies","c","a","darken","lighten","mix","b","ff","v","font","type","style","weight","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","prop","keyframes","palettes","breakpoints","fontWeights","radii","shadows","zIndexes","animationDuration","easings","transition","properties","easing","fadeIn","fadeOut","fadeInGrowX","fadeInUp","animations","theme","TransitionGroup","SideWrapper","queue","setQueue","setDirection","transitionsEnabled","nonce","q","rest","setTimeout","clearTimeout","wrappedOnBack","key"],"mappings":"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"}
1
+ {"version":3,"file":"components/layout/Side/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/asorted/Divider/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/styles.ts","webpack://@ledgerhq/react-ui/./src/components/cta/Button/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Drawer/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Side/Provider.tsx","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/components/transitions/TransitionInOut.tsx","webpack://@ledgerhq/react-ui/./src/components/transitions/TransitionSlide.tsx","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/styled/fontFamily.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/./src/styles/theme.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Side/index.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport Flex, { FlexBoxProps } from \"../../layout/Flex\";\nimport Text from \"../../asorted/Text\";\n\nexport type Props = FlexBoxProps & { text?: string };\nconst DividerBase = styled(Flex).attrs<FlexBoxProps>((p: FlexBoxProps) => ({\n my: p.my || 0,\n height: 1,\n backgroundColor: p.color || \"neutral.c40\",\n}))`\n &[data-variant=\"light\"] {\n background: ${p => p.theme.colors.neutral.c30};\n }\n`;\n\nconst Divider: React.FC<Props> = props => {\n if (!props.text) return <DividerBase {...props} />;\n return (\n <Flex {...props} flexDirection=\"row\" alignItems=\"center\">\n <DividerBase my={6} flex={1} />\n <Text variant=\"bodyLineHeight\" color=\"neutral.c60\" mx={6}>\n {props.text}\n </Text>\n <DividerBase my={6} flex={1} />\n </Flex>\n );\n};\n\nexport default Divider;\n","import React from \"react\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\nimport {\n compose,\n fontSize,\n fontWeight,\n textAlign,\n lineHeight,\n letterSpacing,\n system,\n} from \"styled-system\";\nimport fontFamily from \"../../../styles/styled/fontFamily\";\nimport { TextVariants } from \"../../../styles/theme\";\nimport { textVariantStyle } from \"./styles\";\n\nconst uppercase = system({\n uppercase: {\n property: \"textTransform\",\n transform: value => (value ? \"uppercase\" : \"none\"),\n },\n});\n\ntype FontFamilies =\n | \"Inter|ExtraLight\"\n | \"Inter|Light\"\n | \"Inter|Regular\"\n | \"Inter|Medium\"\n | \"Inter|SemiBold\"\n | \"Inter|Bold\"\n | \"Inter|ExtraBold\"\n | \"Alpha|Medium\";\n\ntype WhiteSpace = \"normal\" | \"nowrap\" | \"pre\" | \"pre-line\" | \"pre-wrap\";\n\nexport interface TextProps extends BaseStyledProps {\n fontFamily?: string;\n ff?: FontFamilies;\n fontSize?: number | string | TextVariants;\n variant?: TextVariants;\n textAlign?: string;\n fontWeight?: string;\n lineHeight?: string;\n textTransform?: string;\n textOverflow?: string;\n uppercase?: boolean;\n whiteSpace?: WhiteSpace;\n children?: React.ReactNode;\n}\n\nconst Text = baseStyled.span.attrs<TextProps, TextProps>(\n ({ variant = \"body\", fontSize, color }) => ({\n fontSize: fontSize ? fontSize : variant,\n color: color || \"neutral.c100\",\n }),\n)`\n font-weight: 500;\n white-space: ${props => props.whiteSpace ?? \"normal\"};\n ${(p: TextProps) => textVariantStyle[p.variant || \"body\"]}\n ${compose(\n uppercase,\n lineHeight,\n fontFamily,\n fontSize,\n textAlign,\n fontWeight,\n letterSpacing,\n system({\n textOverflow: true,\n }),\n )}\n ${p => (p.textTransform ? `text-transform: ${p.textTransform};` : \"\")}\n`;\n\nexport default Text;\n","import { GlobalStyleProps } from \"../../../styles/global\";\nimport { css } from \"styled-components\";\nimport { TextVariants } from \"../../../styles/theme\";\n\nconst getFontSource = (name: string) => (props: GlobalStyleProps) => {\n const fontsPath = props.fontsPath ?? \"assets/fonts\";\n const fontName = (props.fontMappings && props.fontMappings(name)) || `${name}.woff2`;\n return `url(\"${fontsPath}/${fontName}\") format(\"woff2\")`;\n};\n\nexport const fontStyles = css`\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-ExtraLight-BETA\")};\n font-weight: 100;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-Light-BETA\")};\n font-weight: 300;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-Regular\")};\n font-weight: 400;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-Medium\")};\n font-weight: 500;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-SemiBold\")};\n font-weight: 600;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-ExtraBold\")};\n font-weight: 900;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Alpha\";\n src: ${getFontSource(\"HMAlphaMono-Medium\")};\n font-weight: 500;\n font-style: normal;\n }\n`;\n\nexport const textVariantStyle: Record<\n TextVariants,\n {\n fontFamily: string;\n lineHeight?: string | number;\n fontWeight?: number;\n \"text-transform\"?: string;\n }\n> = {\n h1: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h1Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h2: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h2Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h3: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h3Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 500,\n },\n h4: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h4Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 600,\n },\n h5: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h5Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 500,\n },\n large: {\n fontFamily: \"Inter, Sans\",\n },\n largeLineHeight: {\n fontFamily: \"Inter, Sans\",\n lineHeight: 1.7,\n },\n body: {\n fontFamily: \"Inter, Sans\",\n },\n bodyLineHeight: {\n fontFamily: \"Inter, Sans\",\n lineHeight: 1.7,\n },\n paragraph: {\n fontFamily: \"Inter, Sans\",\n },\n paragraphLineHeight: {\n fontFamily: \"Inter, Sans\",\n lineHeight: 1.7,\n },\n small: {\n fontFamily: \"Inter, Sans\",\n },\n extraSmall: {\n fontFamily: \"Inter, Sans\",\n },\n tiny: {\n fontFamily: \"Inter, Sans\",\n },\n micro: {\n fontFamily: \"Inter, Sans\",\n },\n subtitle: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 600,\n \"text-transform\": \"uppercase\",\n },\n};\n","import ChevronBottom from \"@ledgerhq/icons-ui/reactLegacy/ChevronBottomMedium\";\nimport React, { useMemo, useState } from \"react\";\nimport styled, { css, StyledProps } from \"styled-components\";\nimport { border, BordersProps, compose, fontSize } from \"styled-system\";\nimport { rgba } from \"../../../styles/helpers\";\nimport fontFamily from \"../../../styles/styled/fontFamily\";\nimport { fontSizes } from \"../../../styles/theme\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\n\ntype ButtonVariants = \"main\" | \"shade\" | \"error\" | \"color\" | \"neutral\";\ntype IconPosition = \"right\" | \"left\";\ninterface BaseProps extends BaseStyledProps, BordersProps {\n ff?: string;\n color?: string;\n backgroundColor?: string;\n size?: \"xs\" | \"small\" | \"medium\" | \"large\" | \"xl\";\n fontSize?: number;\n variant?: ButtonVariants;\n outline?: boolean;\n iconPosition?: IconPosition;\n iconButton?: boolean;\n disabled?: boolean;\n whiteSpace?: string;\n}\n\nexport interface ButtonProps extends BaseProps, React.RefAttributes<HTMLButtonElement> {\n Icon?: React.ReactElement | React.ComponentType<{ size: number; color?: string }>;\n children?: React.ReactNode;\n onClick?: (event: React.SyntheticEvent<HTMLButtonElement>) => void;\n iconSize?: number;\n style?: React.CSSProperties;\n}\nconst IconContainer = styled.div<{\n iconPosition: IconPosition;\n}>`\n display: inline-block;\n ${p => `${p.iconPosition === \"left\" ? \"margin-right\" : \"margin-left\"}: ${p.theme.space[4]}px;`}\n padding-top: 0.2em;\n`;\n\nconst getVariantColors = (p: StyledProps<BaseProps>) => ({\n main: {\n outline: `\n border-color: ${p.theme.colors.neutral.c100};\n color: ${p.theme.colors.neutral.c100};\n background-color: transparent;\n &:hover, &:focus {\n background-color: ${rgba(p.theme.colors.neutral.c100, 0.03)};\n }\n &:active {\n background-color: ${rgba(p.theme.colors.neutral.c100, 0.05)};\n }\n `,\n filled: `\n color: ${p.theme.colors.neutral.c00};\n background-color: ${p.theme.colors.neutral.c100};\n &:hover, &:focus {\n background-color: ${p.theme.colors.neutral.c90};\n }\n `,\n },\n shade: `\n border-color: ${p.theme.colors.neutral.c40};\n color: ${p.theme.colors.neutral.c100};\n &:focus {\n border-color: ${p.theme.colors.primary.c80};\n }\n\n &:hover, &:focus {\n background-color: ${p.theme.colors.neutral.c20};\n }\n\n &:active {\n background-color: ${p.theme.colors.neutral.c30};\n }\n `,\n error: {\n outline: `\n border-color: ${p.theme.colors.error.c50};\n color: ${p.theme.colors.error.c50};\n background-color: transparent;\n &:hover {\n background-color: ${rgba(p.theme.colors.error.c50, 0.02)};\n }\n &:active {\n background-color: ${rgba(p.theme.colors.error.c50, 0.05)};\n }\n `,\n filled: `\n color: ${p.theme.colors.neutral.c00};\n background-color: ${p.theme.colors.error.c50};\n &:hover {\n background-color: ${p.theme.colors.error.c40};\n }\n `,\n },\n neutral: `\n color: ${p.theme.colors.neutral.c100};\n background-color: ${p.theme.colors.neutral.c30};\n &:hover {\n background-color: ${p.theme.colors.neutral.c40};\n }\n `,\n color: {\n outline: `\n border-color: ${p.theme.colors.primary.c80};\n color: ${p.theme.colors.primary.c80};\n background-color: transparent;\n &:hover {\n background-color: ${rgba(p.theme.colors.primary.c100, 0.02)};\n }\n &:active {\n background-color: ${rgba(p.theme.colors.primary.c100, 0.05)};\n }\n `,\n filled: `\n color: ${p.theme.colors.neutral.c00};\n background-color: ${p.theme.colors.primary.c80};\n &:hover {\n background-color: ${p.theme.colors.primary.c70};\n }\n `,\n },\n disabled: {\n outline: `\n border-color: ${p.theme.colors.neutral.c50};\n color: ${p.theme.colors.neutral.c50};\n background-color: transparent;\n &:focus, &:hover {\n box-shadow: none;\n }\n `,\n filled: `\n color: ${p.theme.colors.neutral.c50};\n background-color: ${p.theme.colors.neutral.c30};\n &:focus, &:hover {\n box-shadow: none;\n }\n `,\n },\n default: `\n color: ${p.theme.colors.neutral.c100};\n background-color: transparent;\n &:hover {\n text-decoration: underline;\n }\n `,\n});\n\nexport const ButtonUnstyled = baseStyled.button`\n all: unset;\n cursor: pointer;\n\n &:disabled {\n cursor: default;\n }\n`;\n\nexport const Base = baseStyled.button.attrs((p: BaseProps) => ({\n fontFamily: \"Inter\",\n fontSize: p.fontSize ?? 4,\n}))<BaseProps>`\n background-color: transparent;\n border-color: transparent;\n border-radius: 44px;\n border-style: solid;\n border-width: ${p => (p.outline || p.variant === \"shade\" ? 1 : 0)}px;\n font-weight: 600;\n ${compose(fontFamily, fontSize, border)};\n line-height: ${p => p.theme.fontSizes[p.fontSize]}px;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n ${p => buttonSizeStyle[p.size || \"medium\"]}\n text-overflow: ellipsis;\n white-space: ${p => (p.whiteSpace ? p.whiteSpace : \"nowrap\")};\n max-width: 100%;\n position: relative;\n cursor: ${p => (p.disabled ? \"default\" : \"pointer\")};\n &:active {\n box-shadow: 0 0 0 4px ${p => rgba(p.theme.colors.primary.c60, 0.4)};\n }\n &:focus, &:hover {\n box-shadow: 0 0 0 2px ${p => rgba(p.theme.colors.primary.c60, 0.4)};\n }\n\n ${p => {\n const variants = getVariantColors(p);\n if (p.disabled) {\n return p.outline || p.variant === \"shade\"\n ? variants.disabled.outline\n : variants.disabled.filled;\n }\n\n const variant: ButtonVariants | \"default\" =\n p.variant ?? (\"default\" as ButtonVariants | \"default\");\n switch (variant) {\n case \"main\":\n return p.outline ? variants.main.outline : variants.main.filled;\n case \"shade\":\n return variants.shade;\n\n case \"error\":\n return p.outline ? variants.error.outline : variants.error.filled;\n\n case \"color\":\n return p.outline ? variants.color.outline : variants.color.filled;\n\n case \"neutral\":\n return variants.neutral;\n\n case \"default\":\n default:\n return variants.default;\n }\n }}\n ${p =>\n p.iconButton\n ? css`\n width: ${p.theme.space[12]}px;\n padding: 0;\n ${IconContainer} {\n margin: 0;\n }\n `\n : \"\"}\n ${p => p.theme.transition([\"background-color\", \"color\", \"border-color\", \"box-shadow\"], \"0.2s\")}\n`;\n\nconst ContentContainer = styled.div``;\n\nconst Button = (\n { Icon, iconPosition = \"right\", iconSize = 16, children, onClick, ...props }: ButtonProps,\n ref?: React.ForwardedRef<HTMLButtonElement>,\n): React.ReactElement => {\n const iconNodeSize = iconSize || fontSizes[props.fontSize ?? 4];\n const IconNode = useMemo(() => {\n if (!Icon) return null;\n if (typeof Icon === \"object\") return Icon;\n return <Icon size={iconNodeSize} />;\n }, [iconNodeSize, Icon]);\n\n return (\n <Base {...props} ref={ref} iconButton={!(Icon == null) && !children} onClick={onClick}>\n {iconPosition === \"right\" ? <ContentContainer>{children}</ContentContainer> : null}\n {IconNode && <IconContainer iconPosition={iconPosition}>{IconNode}</IconContainer>}\n {iconPosition === \"left\" ? <ContentContainer>{children}</ContentContainer> : null}\n </Base>\n );\n};\nconst ButtonWithRef = React.forwardRef(Button) as unknown as typeof Button;\n\nexport type ButtonExpandProps = React.PropsWithChildren<\n ButtonProps & {\n onToggle?: (arg0: boolean) => void;\n }\n>;\n\nconst StyledButtonExpand = styled(ButtonWithRef).attrs(props => ({\n Icon: props.Icon != null || ChevronBottom,\n iconPosition: props.iconPosition || \"right\",\n}))<{ expanded: boolean }>`\n ${IconContainer} {\n transition: transform 0.25s;\n ${p => (p.expanded ? \"transform: rotate(180deg)\" : \"\")}\n }\n`;\nexport function ButtonExpand(\n { onToggle, onClick, ...props }: ButtonExpandProps,\n ref?: React.ForwardedRef<HTMLButtonElement>,\n): React.ReactElement {\n const [expanded, setExpanded] = useState(false);\n return (\n <StyledButtonExpand\n {...props}\n ref={ref}\n expanded={expanded}\n onClick={(event: React.SyntheticEvent<HTMLButtonElement>) => {\n setExpanded(expanded => !expanded);\n onToggle != null && onToggle(!expanded);\n onClick != null && onClick(event);\n }}\n />\n );\n}\n\nexport const buttonSizeStyle: {\n [index: string]: {\n padding: string;\n height: string;\n };\n} = {\n xs: {\n padding: \"0 12px\",\n height: \"28px\",\n },\n small: {\n padding: \"0 20px\",\n height: \"32px\",\n },\n medium: {\n padding: \"0 24px\",\n height: \"40px\",\n },\n large: {\n padding: \"0 28px\",\n height: \"48px\",\n },\n xl: {\n padding: \"0 28px\",\n height: \"56px\",\n },\n};\n\nButton.Unstyled = ButtonUnstyled;\nButton.Expand = React.forwardRef(ButtonExpand);\nButtonWithRef.Unstyled = Button.Unstyled;\nButtonWithRef.Expand = Button.Expand;\nexport default ButtonWithRef;\n","import React, { useCallback } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport styled from \"styled-components\";\nimport FlexBox, { FlexBoxProps } from \"../Flex\";\nimport Divider, { Props as DividerProps } from \"../../asorted/Divider\";\nimport Close from \"@ledgerhq/icons-ui/reactLegacy/CloseMedium\";\nimport ArrowLeft from \"@ledgerhq/icons-ui/reactLegacy/ArrowLeftMedium\";\n\nimport TransitionSlide from \"../../transitions/TransitionSlide\";\nimport TransitionInOut from \"../../transitions/TransitionInOut\";\nimport Text from \"../../asorted/Text\";\nimport Button from \"../../cta/Button\";\n\nexport enum Direction {\n Left = \"left\",\n Right = \"right\",\n}\n\nconst Container = styled(FlexBox)`\n width: 100%;\n height: 100%;\n flex-direction: column;\n`;\n\nconst Wrapper = styled(FlexBox)<{\n big?: boolean;\n}>`\n height: 100%;\n width: ${p =>\n p.big ? p.theme.sizes.drawer.side.big.width : p.theme.sizes.drawer.side.small.width}px;\n flex-direction: column;\n align-items: stretch;\n justify-content: space-between;\n z-index: ${p => p.theme.zIndexes[8]};\n`;\n\nconst Overlay = styled.div<{ direction: Direction }>`\n display: flex;\n position: fixed;\n justify-content: ${p => (p.direction === Direction.Left ? \"flex-end\" : \"flex-start\")};\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 999;\n background-color: ${p => p.theme.colors.constant.overlay};\n`;\n\nconst ScrollWrapper = styled(FlexBox)`\n &::-webkit-scrollbar {\n display: none;\n }\n`;\n\nconst ButtonPlaceholder = styled.div`\n min-width: ${p => p.theme.space[12]}px;\n`;\n\nexport interface DrawerProps {\n isOpen: boolean;\n children: React.ReactNode;\n title?: React.ReactNode;\n footer?: React.ReactNode;\n big?: boolean;\n ignoreBackdropClick?: boolean;\n backgroundColor?: string;\n onClose: () => void;\n onBack?: () => void;\n setTransitionsEnabled?: (arg0: boolean) => void;\n hideNavigation?: boolean;\n menuPortalTarget?: Element | null;\n direction?: Direction;\n extraContainerProps?: Partial<FlexBoxProps>;\n extraHeaderProps?: Partial<FlexBoxProps>;\n extraFooterProps?: Partial<FlexBoxProps>;\n extraFooterDividerProps?: Partial<DividerProps>;\n}\n\nconst DrawerContent = React.forwardRef(\n (\n {\n isOpen,\n title,\n children,\n footer,\n big,\n onClose,\n backgroundColor,\n setTransitionsEnabled = () => 0,\n onBack,\n extraContainerProps,\n extraHeaderProps,\n extraFooterProps,\n extraFooterDividerProps,\n ignoreBackdropClick = false,\n hideNavigation = true,\n direction = Direction.Left,\n }: DrawerProps,\n ref?: React.ForwardedRef<HTMLDivElement>,\n ) => {\n const disableChildAnimations = useCallback(\n () => setTransitionsEnabled(false),\n [setTransitionsEnabled],\n );\n const enableChildAnimations = useCallback(\n () => setTransitionsEnabled(true),\n [setTransitionsEnabled],\n );\n\n const handleBackdropClick = useCallback(() => {\n if (!ignoreBackdropClick) {\n onClose();\n }\n }, [onClose, ignoreBackdropClick]);\n\n const stopClickPropagation = useCallback((e: React.MouseEvent) => {\n e.stopPropagation();\n }, []);\n\n return (\n <TransitionInOut\n in={isOpen}\n appear\n mountOnEnter\n unmountOnExit\n onEntering={disableChildAnimations}\n onEntered={enableChildAnimations}\n onExiting={disableChildAnimations}\n >\n <Overlay direction={direction} onClick={handleBackdropClick} ref={ref}>\n <TransitionSlide\n in={isOpen}\n direction={direction}\n fixed\n reverseExit\n appear\n mountOnEnter\n unmountOnExit\n >\n <Wrapper\n big={big}\n onClick={stopClickPropagation}\n backgroundColor={backgroundColor ?? \"background.main\"}\n >\n <Container>\n <FlexBox\n justifyContent=\"space-between\"\n alignItems=\"center\"\n p={12}\n pb={10}\n {...extraHeaderProps}\n >\n {!hideNavigation && (\n <>\n {onBack != null ? (\n <Button variant=\"neutral\" onClick={onBack} Icon={ArrowLeft} />\n ) : (\n <ButtonPlaceholder />\n )}\n </>\n )}\n <Text variant={\"h3\"} flex={1} textAlign=\"center\">\n {title}\n </Text>\n <FlexBox alignSelf=\"flex-start\">\n <Button variant=\"neutral\" onClick={onClose} Icon={Close} />\n </FlexBox>\n </FlexBox>\n <ScrollWrapper\n flexDirection=\"column\"\n alignItems=\"stretch\"\n overflow=\"scroll\"\n position=\"relative\"\n p={12}\n pt={0}\n flex={1}\n {...extraContainerProps}\n >\n {children}\n </ScrollWrapper>\n {footer && (\n <>\n <Divider {...extraFooterDividerProps} />\n <FlexBox alignItems=\"center\" py={8} px={12} {...extraFooterProps}>\n {footer}\n </FlexBox>\n </>\n )}\n </Container>\n </Wrapper>\n </TransitionSlide>\n </Overlay>\n </TransitionInOut>\n );\n },\n);\n\nconst Drawer = (\n { children, menuPortalTarget, ...sideProps }: DrawerProps,\n ref?: React.ForwardedRef<HTMLDivElement>,\n): React.ReactElement => {\n const $root = React.useMemo(\n () =>\n menuPortalTarget === undefined && typeof document !== \"undefined\"\n ? document.querySelector(\"body\")\n : menuPortalTarget,\n [menuPortalTarget],\n );\n if (!$root) {\n return (\n <DrawerContent ref={ref} {...sideProps}>\n {children}\n </DrawerContent>\n );\n } else {\n return ReactDOM.createPortal(\n <DrawerContent ref={ref} {...sideProps}>\n {children}\n </DrawerContent>,\n $root,\n );\n }\n};\n\nexport default React.forwardRef(Drawer);\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({ display: \"flex\" })``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\n","import React, { useReducer, useEffect, useCallback, useContext } from \"react\";\nimport type { SideProps } from \".\";\n\ninterface State<P extends SideProps = SideProps> {\n Component: React.ComponentType<P> | null | undefined;\n props?: P;\n open: boolean;\n}\n// actions\n// it makes them available and current from connector events handlers\nexport let setSide: <P extends SideProps = SideProps>(\n Component?: State<P>[\"Component\"],\n props?: State<P>[\"props\"],\n) => void = () => {};\n\n// reducer\nconst reducer = <P extends SideProps = SideProps>(state: State<P>, update: State<P>) => {\n return { ...state, ...update };\n};\n\nconst initialState: State = {\n Component: null,\n open: false,\n};\n\ninterface ContextValue<P extends SideProps = SideProps> {\n state: State<P>;\n setSide: (Component?: React.ComponentType<P>, props?: P) => void;\n}\n\nexport const context = React.createContext<ContextValue>({\n state: initialState,\n setSide: () => {},\n});\n\nexport const useSide = (): ContextValue => {\n return useContext(context);\n};\n\nconst SideProvider = ({ children }: { children: React.ReactNode }): React.JSX.Element => {\n const [state, dispatch] = useReducer(reducer, initialState);\n\n const _setSide = useCallback((Component: any, props: any) => {\n dispatch({\n Component,\n props,\n open: !!Component,\n });\n }, []);\n\n useEffect(() => {\n setSide = _setSide;\n }, [_setSide]);\n\n return (\n <context.Provider\n value={{\n state,\n setSide: _setSide,\n }}\n >\n {children}\n </context.Provider>\n );\n};\n\nexport default SideProvider;\n","import React from \"react\";\nimport gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n compose,\n flexbox,\n FlexboxProps,\n space,\n SpaceProps,\n position,\n PositionProps,\n color,\n ColorProps,\n layout,\n LayoutProps,\n overflow,\n OverflowProps,\n border,\n BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n FlexboxProps &\n PositionProps &\n ColorProps &\n LayoutProps &\n BorderProps &\n OverflowProps & {\n /**\n * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n */\n columnGap?: string | number;\n /**\n * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n */\n rowGap?: string | number;\n color?: string;\n children?: React.ReactNode;\n };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n flexbox,\n space,\n position,\n color,\n layout,\n overflow,\n gaps,\n border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n return styled(target.apply(thisArg, argumentsList)(baseStyles));\n },\n get(target, property: keyof typeof styled) {\n if (typeof target[property] === \"function\") {\n return styled(target[property].apply(styled, [baseStyles]));\n }\n return target[property];\n },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import React, { useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport styled from \"styled-components\";\nconst duration = 150;\nconst ChildrenWrapper = styled.div<{ timeout: number }>`\n transition: ${props => `opacity ${props.timeout}ms ease-in-out`};\n\n &.transition-inout-enter {\n opacity: 0;\n }\n\n &.transition-inout-enter-active {\n opacity: 1;\n }\n\n &.transition-inout-exit {\n opacity: 1;\n }\n\n &.transition-inout-exit-active {\n opacity: 0;\n }\n`;\ntype TransitionInOutProps = Partial<\n CSSTransitionProps<HTMLDivElement> & {\n children: React.ReactNode;\n in: boolean;\n timeout?: number;\n appear?: boolean;\n mountOnEnter?: boolean;\n unmountOnExit?: boolean;\n }\n>;\n\nconst TransitionInOut = ({\n children,\n in: inProp,\n timeout = duration,\n ...TransitionProps\n}: TransitionInOutProps): React.JSX.Element => {\n const nodeRef = useRef<HTMLDivElement>(null);\n return (\n <CSSTransition\n {...TransitionProps}\n nodeRef={nodeRef}\n in={inProp}\n timeout={timeout}\n classNames=\"transition-inout\"\n >\n <ChildrenWrapper ref={nodeRef} timeout={timeout}>\n {children}\n </ChildrenWrapper>\n </CSSTransition>\n );\n};\n\nexport default TransitionInOut;\n","import React, { useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport styled from \"styled-components\";\nconst duration = 300;\nconst ChildrenWrapper = styled.div<{ fixed?: boolean; reverseExit?: boolean }>`\n transition: all ${duration}ms ease-in-out;\n will-change: transform;\n ${p =>\n !p.fixed\n ? `\n position: absolute;\n width: 100%;\n `\n : \"\"}\n height: 100%;\n\n &.transition-left-appear,\n &.transition-left-enter {\n transform: translateX(100%);\n }\n\n &.transition-left-appear-active,\n &.transition-left-enter-active {\n transform: translateX(0%);\n }\n\n &.transition-left-exit {\n transform: translateX(0%);\n }\n\n &.transition-left-exit-active {\n transform: translateX(${p => (p.reverseExit ? 100 : -100)}%);\n }\n\n &.transition-right-appear,\n &.transition-right-enter {\n transform: translateX(-100%);\n }\n\n &.transition-right-appear-active,\n &.transition-right-enter-active {\n transform: translateX(0%);\n }\n\n &.transition-right-exit {\n transform: translateX(0%);\n }\n\n &.transition-right-exit-active {\n transform: translateX(${p => (p.reverseExit ? -100 : 100)}%);\n }\n`;\ntype TransitionSlideProps = Partial<\n CSSTransitionProps<HTMLDivElement> & {\n children: React.ReactNode;\n fixed: boolean;\n reverseExit?: boolean;\n direction?: \"left\" | \"right\" | string;\n }\n>;\n\nconst TransitionSlide = ({\n children,\n fixed,\n direction = \"left\",\n reverseExit,\n ...props\n}: TransitionSlideProps) => {\n const nodeRef = useRef<HTMLDivElement>(null);\n return (\n <CSSTransition\n {...props}\n nodeRef={nodeRef}\n timeout={duration}\n classNames={`transition-${direction}`}\n >\n <ChildrenWrapper ref={nodeRef} fixed={fixed} reverseExit={reverseExit}>\n {children}\n </ChildrenWrapper>\n </CSSTransition>\n );\n};\n\nexport default TransitionSlide;\n","import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n const [font, type = \"Regular\"] = v.split(\"|\");\n // @ts-expect-error FIXME\n const { style, weight } = fontFamilies[font][type];\n // @ts-expect-error FIXME\n const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n return {\n fontFamily: `${font}, ${fallback}`,\n fontWeight: weight,\n fontStyle: style,\n };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n const colorL1 = Color(color1).luminosity() + 0.05;\n const colorL2 = Color(color2).luminosity() + 0.05;\n\n const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n if (lRatio < 1.5) {\n return Color(color1).rotate(180).negate().string();\n }\n return color1;\n};\n","import { ff } from \"../helpers\";\n\nexport default (props: { ff?: string }) => {\n const prop = props.ff;\n\n if (prop == null) {\n return null;\n }\n\n return ff(prop);\n};\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n rowGap: { property: \"rowGap\", scale: \"space\" },\n columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","import { keyframes, css, Font } from \"styled-components\";\nimport { palettes, ColorPalette } from \"@ledgerhq/ui-shared\";\n\nexport type screensBreakpoints = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n\nexport const breakpoints = {\n sm: \"640px\",\n md: \"768px\",\n lg: \"1024px\",\n xl: \"1280px\",\n xxl: \"1536px\",\n} as Record<screensBreakpoints, string>;\n\nexport const space = [\n /* space indexes:\n 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21 */\n 0, 2, 4, 8, 10, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 68, 72, 76,\n];\n\nexport type TextVariants =\n | \"h1\"\n | \"h1Inter\"\n | \"h2\"\n | \"h2Inter\"\n | \"h3\"\n | \"h3Inter\"\n | \"h4\"\n | \"h4Inter\"\n | \"h5\"\n | \"h5Inter\"\n | \"large\"\n | \"largeLineHeight\"\n | \"body\"\n | \"bodyLineHeight\"\n | \"paragraph\"\n | \"paragraphLineHeight\"\n | \"small\"\n | \"extraSmall\"\n | \"tiny\"\n | \"micro\"\n | \"subtitle\";\n\nexport type ThemeScale<Type, Aliases extends string> = Array<Type> & Record<Aliases, Type>;\n\nexport const fontSizes = [8, 10, 11, 12, 13, 14, 16, 20, 24, 28, 32, 36] as ThemeScale<\n number,\n TextVariants\n>;\n\n[\n fontSizes.micro,\n fontSizes.tiny,\n fontSizes.extraSmall,\n fontSizes.small,\n fontSizes.paragraph,\n fontSizes.body,\n fontSizes.large,\n fontSizes.h5,\n fontSizes.h4,\n fontSizes.h3,\n fontSizes.h2,\n fontSizes.h1,\n] = fontSizes;\nfontSizes.largeLineHeight = fontSizes.large;\nfontSizes.bodyLineHeight = fontSizes.body;\nfontSizes.paragraphLineHeight = fontSizes.paragraph;\nfontSizes.subtitle = fontSizes.extraSmall;\nfontSizes.h1Inter = fontSizes.h1;\nfontSizes.h2Inter = fontSizes.h2;\nfontSizes.h3Inter = fontSizes.h3;\nfontSizes.h4Inter = fontSizes.h4;\nfontSizes.h5Inter = fontSizes.h5;\n\nconst fontWeights = {\n extraLight: \"100\",\n light: \"300\",\n regular: \"400\",\n medium: \"500\",\n semiBold: \"600\",\n bold: \"700\",\n extraBold: \"800\",\n};\n\nexport const radii = [0, 4, 8, 12, 16, 20];\nexport const shadows = [\"0 4px 8px 0 rgba(0, 0, 0, 0.03)\"];\nexport const zIndexes = [-1, 0, 1, 9, 10, 90, 100, 900, 1000];\n\n// Those fonts are now defined in global.css, this is just a mapping for styled-system\nexport const fontFamilies = {\n Inter: {\n ExtraLight: {\n weight: 100,\n style: \"normal\",\n },\n Light: {\n weight: 300,\n style: \"normal\",\n },\n Regular: {\n weight: 400,\n style: \"normal\",\n },\n Medium: {\n weight: 500,\n style: \"normal\",\n },\n SemiBold: {\n weight: 600,\n style: \"normal\",\n },\n Bold: {\n weight: 700,\n style: \"normal\",\n },\n ExtraBold: {\n weight: 800,\n style: \"normal\",\n },\n },\n Alpha: {\n Medium: {\n weight: 500,\n style: \"normal\",\n },\n },\n};\n\nconst animationDuration = \"0.33s\";\nconst easings = {\n outQuadratic: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\n};\n\nconst transition = (\n properties = [\"all\"],\n duration = animationDuration,\n easing = easings.outQuadratic,\n) => css`\n transition-property: ${properties.join(\",\")};\n transition-duration: ${duration};\n transition-timing-function: ${easing};\n`;\n\nconst fadeIn = keyframes`\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n `;\nconst fadeOut = keyframes`\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n `;\nconst fadeInGrowX = keyframes`\n 0% {\n opacity: 0;\n transform: scaleX(0);\n }\n 100% {\n opacity: 1;\n transform: scaleX(1);\n }\n`;\nconst fadeInUp = keyframes`\n 0% {\n opacity: 0;\n transform: translateY(66%);\n }\n 100% {\n opacity: 1;\n transform: translateY(0%);\n }\n `;\nconst animations = {\n fadeIn: () => css`\n ${fadeIn} ${animationDuration} ${easings.outQuadratic} forwards\n `,\n fadeOut: () => css`\n ${fadeOut} ${animationDuration} ${easings.outQuadratic} forwards\n `,\n fadeInGrowX: () => css`\n ${fadeInGrowX} 0.6s ${easings.outQuadratic} forwards\n `,\n fadeInUp: () => css`\n ${fadeInUp} ${animationDuration} ${easings.outQuadratic} forwards\n `,\n};\nconst overflow = {\n x: css`\n overflow-y: hidden;\n overflow-x: scroll;\n will-change: transform;\n &:hover {\n --track-color: ${p => p.theme.colors.neutral.c30};\n }\n `,\n y: css`\n overflow-x: hidden;\n overflow-y: scroll;\n will-change: transform;\n &:hover {\n --track-color: ${p => p.theme.colors.neutral.c30};\n }\n `,\n yAuto: css`\n overflow-x: hidden;\n overflow-y: auto;\n will-change: transform;\n &:hover {\n --track-color: ${p => p.theme.colors.neutral.c30};\n }\n `,\n xy: css`\n overflow: scroll;\n will-change: transform;\n &:hover {\n --track-color: ${p => p.theme.colors.neutral.c30};\n }\n `,\n trackSize: 12,\n};\n\ninterface DefaultTheme {\n theme: \"dark\" | \"light\";\n animations: typeof animations;\n transition: typeof transition;\n overflow: typeof overflow;\n sizes: {\n topBarHeight: number;\n sideBarWidth: number;\n drawer: {\n side: {\n big: {\n width: number;\n };\n small: {\n width: number;\n };\n };\n popin: {\n min: {\n height: number;\n width: number;\n };\n max: {\n height: number;\n width: number;\n };\n };\n };\n };\n radii: number[];\n fontFamilies: Record<string, Record<string, Font>>;\n fontSizes: number[];\n space: number[];\n shadows: string[];\n colors: ColorPalette;\n fontWeights: Record<string, string>;\n breakpoints: Record<screensBreakpoints, string>;\n zIndexes: number[];\n}\n\nconst theme: DefaultTheme = {\n theme: \"light\",\n sizes: {\n drawer: {\n side: {\n big: {\n width: 580,\n },\n small: {\n width: 420,\n },\n },\n popin: {\n min: {\n height: 158,\n width: 462,\n },\n max: {\n height: 522,\n width: 622,\n },\n },\n },\n topBarHeight: 58,\n sideBarWidth: 230,\n },\n radii,\n fontFamilies,\n fontSizes,\n fontWeights,\n space,\n shadows,\n colors: palettes.light,\n animations,\n overflow,\n transition,\n zIndexes,\n breakpoints,\n};\n\nexport default theme;\nexport type Theme = DefaultTheme;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n }\n }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React, { useRef, useCallback, useEffect, useState } from \"react\";\nimport { TransitionGroup } from \"react-transition-group\";\nimport Drawer from \"../Drawer\";\nimport TransitionSlide from \"../../transitions/TransitionSlide\";\nimport { useSide } from \"./Provider\";\n\nexport interface SideProps {\n onBack?: () => void;\n}\n\nexport const SideWrapper = (props: SideProps): React.JSX.Element => {\n // Nb Note that it's not a real queue and we need to handle where we go from each _slide_\n const { state, setSide } = useSide();\n const [queue, setQueue] = useState<\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n Array<{ Component: React.ComponentType | null | undefined; props?: any; key: number }>\n >([]);\n const [direction, setDirection] = useState(\"left\");\n const [transitionsEnabled, setTransitionsEnabled] = useState(false);\n const nonce = useRef(0);\n const onClose = useCallback(() => setSide(), [setSide]);\n\n useEffect(() => {\n setQueue(q => {\n if (!state.open || !state.Component) return [];\n return q.concat([{ ...state, key: nonce.current++ }]);\n });\n }, [state]);\n\n useEffect(() => {\n let timeout: number;\n\n if (queue.length > 1) {\n const [, ...rest] = queue;\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore mismatch between nodejs and dom types\n timeout = setTimeout(() => {\n setQueue(rest);\n setDirection(\"left\");\n }, 0);\n }\n\n return () => {\n if (timeout) clearTimeout(timeout);\n };\n }, [queue]);\n\n const wrappedOnBack = useCallback(() => {\n setDirection(\"right\");\n const onBack = state?.props?.onBack;\n onBack && onBack();\n }, [state?.props]);\n\n return (\n <Drawer\n {...props}\n isOpen={!!state.open}\n onClose={onClose}\n onBack={state?.props?.onBack ? wrappedOnBack : undefined}\n setTransitionsEnabled={setTransitionsEnabled}\n hideNavigation={false}\n >\n <TransitionGroup enter={transitionsEnabled} exit={transitionsEnabled} component={null}>\n {queue.map(({ Component, props, key }) => (\n <TransitionSlide key={key} direction={direction}>\n {Component && <Component {...props} />}\n </TransitionSlide>\n ))}\n </TransitionGroup>\n </Drawer>\n );\n};\n\nexport default SideWrapper;\n"],"names":["React","styled","Flex","Text","DividerBase","p","Divider","props","baseStyled","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","variant","color","css","getFontSource","name","fontsPath","fontName","fontStyles","ChevronBottom","useMemo","useState","border","rgba","fontSizes","IconContainer","getVariantColors","ButtonUnstyled","Base","buttonSizeStyle","variants","ContentContainer","Button","Icon","iconPosition","iconSize","children","onClick","ref","iconNodeSize","IconNode","ButtonWithRef","StyledButtonExpand","ButtonExpand","onToggle","expanded","setExpanded","event","useCallback","ReactDOM","FlexBox","Close","ArrowLeft","TransitionSlide","TransitionInOut","Direction","Container","Wrapper","Overlay","ScrollWrapper","ButtonPlaceholder","DrawerContent","isOpen","title","footer","big","onClose","backgroundColor","setTransitionsEnabled","onBack","extraContainerProps","extraHeaderProps","extraFooterProps","extraFooterDividerProps","ignoreBackdropClick","hideNavigation","direction","disableChildAnimations","enableChildAnimations","handleBackdropClick","stopClickPropagation","e","Drawer","menuPortalTarget","sideProps","$root","undefined","document","useReducer","useEffect","useContext","setSide","reducer","state","update","initialState","context","useSide","SideProvider","dispatch","_setSide","Component","gaps","flexbox","space","position","layout","overflow","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","useRef","CSSTransition","duration","ChildrenWrapper","inProp","timeout","TransitionProps","nodeRef","fixed","reverseExit","Color","fontFamilies","c","a","darken","lighten","mix","b","ff","v","font","type","style","weight","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","prop","keyframes","palettes","breakpoints","fontWeights","radii","shadows","zIndexes","animationDuration","easings","transition","properties","easing","fadeIn","fadeOut","fadeInGrowX","fadeInUp","animations","theme","TransitionGroup","SideWrapper","queue","setQueue","setDirection","transitionsEnabled","nonce","q","rest","setTimeout","clearTimeout","wrappedOnBack","key"],"mappings":"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"}
@@ -1579,7 +1579,7 @@ const DrawerContent = /*#__PURE__*/ react__rspack_import_0_default().forwardRef(
1579
1579
  variant: "h3",
1580
1580
  flex: 1,
1581
1581
  textAlign: "center"
1582
- }, title) || /*#__PURE__*/ react__rspack_import_0_default().createElement("div", null), /*#__PURE__*/ react__rspack_import_0_default().createElement(_Flex__rspack_import_5["default"], {
1582
+ }, title), /*#__PURE__*/ react__rspack_import_0_default().createElement(_Flex__rspack_import_5["default"], {
1583
1583
  alignSelf: "flex-start"
1584
1584
  }, /*#__PURE__*/ react__rspack_import_0_default().createElement(_cta_Button__rspack_import_8["default"], {
1585
1585
  variant: "neutral",