@ledgerhq/react-ui 0.52.0 → 0.53.0-nightly.20260626030713

package/lib/cjs/components/navigation/sideBar/SideBar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/navigation/sideBar/SideBar/index.js","sources":["webpack://@ledgerhq/react-ui/./src/assets/logos/LedgerLiveAltRegular.tsx","webpack://@ledgerhq/react-ui/./src/assets/logos/LedgerLiveRegular.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/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/navigation/sideBar/Item/Item.tsx","webpack://@ledgerhq/react-ui/./src/components/navigation/sideBar/Logo/Logo.tsx","webpack://@ledgerhq/react-ui/./src/components/navigation/sideBar/SideBar/SideBar.tsx","webpack://@ledgerhq/react-ui/./src/components/navigation/sideBar/Toggle/Toggle.tsx","webpack://@ledgerhq/react-ui/./src/components/navigation/sideBar/index.tsx","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/components/transitions/TransitionInOut.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/navigation/sideBar/SideBar/index.ts"],"sourcesContent":["import * as React from \"react\";\n\ninterface Props {\n  width?: number | string;\n  height?: number | string;\n  color?: string;\n}\n\nfunction LedgerLiveAltRegular({\n  width = 38,\n  height = 32,\n  color = \"currentColor\",\n}: Readonly<Props>): React.JSX.Element {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 38 32\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M0.620148 22.9137V32H14.4471V29.9849H2.63476V22.9137H0.620148ZM35.3653 22.9137V29.9849H23.553V31.9995H37.3799V22.9137H35.3653ZM14.4671 9.08631V22.9132H23.553V21.0961H16.4817V9.08631H14.4671ZM0.620148 0V9.08631H2.63476V2.01461H14.4471V0H0.620148ZM23.553 0V2.01461H35.3653V9.08631H37.3799V0H23.553Z\"\n        fill={color}\n      />\n    </svg>\n  );\n}\n\nexport default LedgerLiveAltRegular;\n","import * as React from \"react\";\n\ninterface Props {\n  width?: number | string;\n  height?: number | string;\n  color?: string;\n}\n\nfunction LedgerLiveRegular({\n  width = 220,\n  height = 60,\n  color = \"currentColor\",\n}: Readonly<Props>): React.JSX.Element {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 220 60\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M0 42.9632V60H25.9539V56.2217H3.78153V42.9632H0ZM65.2185 42.9632V56.2217H43.0461V59.9991H69V42.9632H65.2185ZM25.9915 17.0368V42.9623H43.0461V39.5551H29.7731V17.0368H25.9915ZM0 0V17.0368H3.78153V3.7774H25.9539V0H0ZM43.0461 0V3.7774H65.2185V17.0368H69V0H43.0461Z\"\n        fill={color}\n      />\n      <path\n        d=\"M86.7939 17.75H90.5814L92.1189 39.725H92.6439L94.4814 22.2125H100.144L102.019 39.725H102.544L104.156 17.75H107.794L105.356 44H99.5439L97.5564 26.4875H97.0314L95.0439 44H89.2314L86.7939 17.75Z\"\n        fill={color}\n      />\n      <path\n        d=\"M129.904 44H125.892L124.204 37.625H115.317L113.554 44H109.654L117.229 17.75H122.554L129.904 44ZM116.254 34.175H123.304L120.117 22.025H119.592L116.254 34.175Z\"\n        fill={color}\n      />\n      <path d=\"M134.577 17.75H138.402V40.55H151.827V44H134.577V17.75Z\" fill={color} />\n      <path d=\"M157.062 17.75H160.887V40.55H174.312V44H157.062V17.75Z\" fill={color} />\n      <path\n        d=\"M179.173 17.75H195.673V21.2H182.998V29.075H194.548V32.525H182.998V40.55H196.235V44H179.173V17.75Z\"\n        fill={color}\n      />\n      <path d=\"M207.808 21.2H199.596V17.75H219.846V21.2H211.633V44H207.808V21.2Z\" fill={color} />\n    </svg>\n  );\n}\n\nexport default LedgerLiveRegular;\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 baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({\n  display: \"flex\",\n  minWidth: 0,\n})``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\n","import React, { useContext } from \"react\";\nimport styled from \"styled-components\";\nimport SideBarContext from \"../index\";\nimport Text from \"../../../asorted/Text\";\nimport TransitionInOut from \"../../../transitions/TransitionInOut\";\nimport Flex from \"../../../layout/Flex\";\n\nconst ItemWrapper = styled.li`\n  /** DEFAULT VARIANT **/\n  --ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c80};\n  --ll-sidebar-item-icon-color: ${props => props.theme.colors.neutral.c80};\n  --ll-sidebar-item-background-color: unset;\n\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-top: ${p => p.theme.space[3]}px;\n  column-gap: ${p => p.theme.space[5]}px;\n  padding: ${p => p.theme.space[5]}px;\n  border-radius: ${p => p.theme.space[3]}px;\n  min-height: ${p => p.theme.space[13]}px;\n  min-width: ${p => p.theme.space[13]}px;\n\n  color: var(--ll-sidebar-item-icon-color);\n  background-color: var(--ll-sidebar-item-background-color);\n  cursor: pointer;\n\n  /** HOVER VARIANT **/\n  &:hover {\n    --ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c100};\n    --ll-sidebar-item-icon-color: ${props => props.theme.colors.primary.c80};\n    --ll-sidebar-item-background-color: unset;\n  }\n\n  /** FOCUS VARIANT **/\n  &:focus {\n    box-shadow: 0px 0px 0px 4px rgba(187, 176, 255, 0.4);\n    border-radius: ${p => p.theme.space[3]}px;\n  }\n\n  /** ACTIVE VARIANT **/\n  &[data-active=\"true\"] {\n    --ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c100};\n    --ll-sidebar-item-icon-color: ${props => props.theme.colors.primary.c80};\n    --ll-sidebar-item-background-color: ${props => props.theme.colors.primary.c20};\n  }\n\n  /** DISABLE VARIANT **/\n  &[data-disable=\"true\"] {\n    --ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c80};\n    --ll-sidebar-item-icon-color: ${props => props.theme.colors.neutral.c80};\n    --ll-sidebar-item-background-color: unset;\n    opacity: 0.3;\n    cursor: unset;\n    pointer-events: none;\n  }\n`;\n\nconst CollapsedBadgeContainer = styled.div`\n  position: absolute;\n  margin-top: -${p => p.theme.space[11]}px;\n  margin-left: ${p => p.theme.space[8]}px;\n`;\n\nconst DefaultBadge = styled.div`\n  height: ${p => p.theme.space[4]}px;\n  width: ${p => p.theme.space[4]}px;\n  border-radius: ${p => p.theme.radii[2]}px;\n  background-color: ${p => p.theme.colors.primary.c80};\n`;\n\nexport const ItemLabel = styled(Text)`\n  display: inline-block;\n  color: var(--ll-sidebar-item-label-color);\n\n  text-transform: capitalize;\n`;\n\nexport type ItemType = {\n  label: string;\n  children: React.JSX.Element;\n  onClick: () => void;\n  isActive?: boolean;\n  isDisabled?: boolean;\n  displayNotificationBadge?: boolean;\n  customNotificationBadge?: React.JSX.Element;\n};\n\nconst Item = ({\n  label,\n  children,\n  onClick,\n  isActive,\n  isDisabled,\n  displayNotificationBadge,\n  customNotificationBadge,\n}: ItemType): React.JSX.Element => {\n  const { isExpanded } = useContext(SideBarContext);\n\n  const handleClick = () => {\n    if (isDisabled) return;\n    onClick();\n  };\n\n  const badge = customNotificationBadge ?? <DefaultBadge />;\n\n  return (\n    <>\n      <ItemWrapper\n        role=\"button\"\n        onClick={handleClick}\n        data-active={isActive}\n        data-disable={isDisabled}\n        tabIndex={0}\n      >\n        {children}\n        <CollapsedBadgeContainer>\n          <TransitionInOut\n            unmountOnExit\n            mountOnEnter\n            in={!isExpanded}\n            style={{ transitionDelay: !isExpanded ? \"200ms\" : 0 }}\n          >\n            {displayNotificationBadge && badge}\n          </TransitionInOut>\n        </CollapsedBadgeContainer>\n        <TransitionInOut\n          timeout={200}\n          in={isExpanded}\n          unmountOnExit\n          mountOnEnter\n          style={{ transitionDelay: isExpanded ? \"200ms\" : 0, display: \"flex\", flex: \"1\" }}\n        >\n          <ItemLabel variant=\"paragraph\">{label}</ItemLabel>\n          <Flex alignItems=\"center\" justifyContent=\"flex-end\" ml={2} flexGrow={1}>\n            {displayNotificationBadge && badge}\n          </Flex>\n        </TransitionInOut>\n      </ItemWrapper>\n    </>\n  );\n};\n\nexport default Item;\n","import React, { useContext } from \"react\";\nimport styled from \"styled-components\";\n\nimport LedgerLiveIconLarge from \"../../../../assets/logos/LedgerLiveRegular\";\nimport LedgerIconSmall from \"../../../../assets/logos/LedgerLiveAltRegular\";\nimport SideBarContext from \"../../../navigation/sideBar\";\nimport TransitionInOut from \"../../../transitions/TransitionInOut\";\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: row;\n  overflow: hidden;\n`;\n\nconst Logo = (): React.JSX.Element => {\n  const { isExpanded } = useContext(SideBarContext);\n\n  return (\n    <Container>\n      <TransitionInOut\n        timeout={300}\n        in={isExpanded}\n        unmountOnExit\n        mountOnEnter\n        style={{ transitionDelay: \"300ms\", marginLeft: \"1rem\" }}\n      >\n        <LedgerLiveIconLarge />\n      </TransitionInOut>\n      <TransitionInOut\n        timeout={300}\n        in={!isExpanded}\n        unmountOnExit\n        mountOnEnter\n        style={{ margin: \"auto\", transitionDelay: \"300ms\" }}\n      >\n        <LedgerIconSmall />\n      </TransitionInOut>\n    </Container>\n  );\n};\n\nexport default Logo;\n","import React, { useMemo, useRef, useState } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport styled from \"styled-components\";\nimport SideBarContext from \"../../../navigation/sideBar\";\nimport Flex from \"../../../layout/Flex\";\nimport Item from \"../../../navigation/sideBar/Item\";\nimport Logo from \"../../../navigation/sideBar/Logo\";\nimport Toggle from \"../../../navigation/sideBar/Toggle\";\n\nconst Nav = styled(Flex)`\n  position: relative;\n  padding: ${p => `${p.theme.space[19]}px ${p.theme.space[5]}px 0`};\n  row-gap: 1.5rem;\n  height: 100vh;\n  width: 14.875rem;\n  color: ${props => props.theme.colors.neutral.c100};\n  border-right: 1px solid ${props => props.theme.colors.neutral.c40};\n  background-color: ${props => props.theme.colors.background.main};\n  transition: width 200ms;\n  will-change: width;\n  flex-shrink: 0;\n  z-index: ${p => p.theme.zIndexes[2]};\n\n  &.nav-enter {\n    width: ${p => p.theme.space[19]}px;\n  }\n  &.nav-enter-done {\n    width: 14.875rem;\n  }\n  &.nav-exit {\n    width: 14.875rem;\n  }\n  &.nav-exit-done {\n    width: ${p => `${p.theme.space[19]}px`};\n  }\n`;\n\nconst TransparentMouseZone = styled.div`\n  position: absolute;\n  left: 100%;\n  top: 0;\n  width: ${p => `${p.theme.space[8]}px`};\n  height: 100%;\n`;\n\nexport type SideBarProps = {\n  children: Array<React.JSX.Element>;\n  onToggle: () => void;\n  isExpanded?: boolean;\n};\n\nconst SideBar = ({ children, onToggle, isExpanded = true }: SideBarProps): React.JSX.Element => {\n  const [isToggleDisplayed, setToggleDisplayed] = useState(false);\n  const providerValue = useMemo(() => ({ isExpanded, onToggle }), [isExpanded, onToggle]);\n  const nodeRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <SideBarContext.Provider value={providerValue}>\n      <CSSTransition nodeRef={nodeRef} in={isExpanded} timeout={200} classNames=\"nav\">\n        <Nav\n          ref={nodeRef}\n          flexDirection=\"column\"\n          justifyContent=\"flex-start\"\n          alignContent=\"stretch\"\n          role=\"navigation\"\n          aria-label=\"Main\"\n          onMouseEnter={() => setToggleDisplayed(true)}\n          onMouseLeave={() => setToggleDisplayed(false)}\n        >\n          <TransparentMouseZone />\n          <Toggle isDisplayed={isToggleDisplayed} />\n          <Logo />\n          <Flex flexDirection=\"column\" justifyContent=\"flex-start\" alignContent=\"stretch\">\n            {children}\n          </Flex>\n        </Nav>\n      </CSSTransition>\n    </SideBarContext.Provider>\n  );\n};\n\nSideBar.Item = Item;\n\nexport default SideBar;\n","import React, { useContext } from \"react\";\nimport styled from \"styled-components\";\n\nimport ArrowLeftIcon from \"@ledgerhq/icons-ui/reactLegacy/ArrowLeftMedium\";\nimport ArrowRightIcon from \"@ledgerhq/icons-ui/reactLegacy/ArrowRightMedium\";\nimport TransitionInOut from \"../../../transitions/TransitionInOut\";\nimport SideBarContext from \"../../../navigation/sideBar\";\n\nconst ToggleButtonContainer = styled(TransitionInOut)`\n  --ll-side-bar-toggle-button-size: ${p => p.theme.space[10]}px;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  top: var(--ll-side-bar-toggle-button-size);\n  right: calc(var(--ll-side-bar-toggle-button-size) / -2);\n  cursor: pointer;\n\n  background: ${p => p.theme.colors.neutral.c20};\n  border: 1px solid ${p => p.theme.colors.neutral.c100};\n  border-radius: 50%;\n  width: var(--ll-side-bar-toggle-button-size);\n  height: var(--ll-side-bar-toggle-button-size);\n`;\n\ntype ToggleButtonProps = { isDisplayed: boolean };\nconst ToggleButton = ({ isDisplayed }: ToggleButtonProps): React.JSX.Element => {\n  const { isExpanded, onToggle } = useContext(SideBarContext);\n\n  return (\n    <ToggleButtonContainer\n      timeout={200}\n      in={isDisplayed}\n      appear\n      unmountOnExit\n      onClick={onToggle}\n      role=\"button\"\n    >\n      {isExpanded ? <ArrowLeftIcon /> : <ArrowRightIcon />}\n    </ToggleButtonContainer>\n  );\n};\n\nexport default ToggleButton;\n","import { createContext } from \"react\";\n\ntype SideBarContextType = { isExpanded: boolean; onToggle: () => void };\nexport default createContext<Partial<SideBarContextType>>({});\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 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,\n  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};","export { default } from \"./SideBar\";\n"],"names":["React","LedgerLiveAltRegular","width","height","color","LedgerLiveRegular","baseStyled","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","Text","variant","props","p","css","getFontSource","name","fontsPath","fontName","fontStyles","FlexBox","useContext","styled","SideBarContext","TransitionInOut","Flex","ItemWrapper","CollapsedBadgeContainer","DefaultBadge","ItemLabel","Item","label","children","onClick","isActive","isDisabled","displayNotificationBadge","customNotificationBadge","isExpanded","handleClick","badge","LedgerLiveIconLarge","LedgerIconSmall","Container","Logo","useMemo","useRef","useState","CSSTransition","Toggle","Nav","TransparentMouseZone","SideBar","onToggle","isToggleDisplayed","setToggleDisplayed","providerValue","nodeRef","ArrowLeftIcon","ArrowRightIcon","ToggleButtonContainer","ToggleButton","isDisplayed","createContext","gaps","flexbox","space","position","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","duration","ChildrenWrapper","inProp","timeout","TransitionProps","Color","fontFamilies","rgba","c","a","darken","lighten","mix","b","ff","v","font","type","style","weight","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","prop","keyframes","palettes","breakpoints","fontSizes","fontWeights","radii","shadows","zIndexes","animationDuration","easings","transition","properties","easing","fadeIn","fadeOut","fadeInGrowX","fadeInUp","animations","theme","default"],"mappings":"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"}
+{"version":3,"file":"components/navigation/sideBar/SideBar/index.js","sources":["webpack://@ledgerhq/react-ui/./src/assets/logos/LedgerLiveAltRegular.tsx","webpack://@ledgerhq/react-ui/./src/assets/logos/LedgerLiveRegular.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/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/navigation/sideBar/Item/Item.tsx","webpack://@ledgerhq/react-ui/./src/components/navigation/sideBar/Logo/Logo.tsx","webpack://@ledgerhq/react-ui/./src/components/navigation/sideBar/SideBar/SideBar.tsx","webpack://@ledgerhq/react-ui/./src/components/navigation/sideBar/Toggle/Toggle.tsx","webpack://@ledgerhq/react-ui/./src/components/navigation/sideBar/index.tsx","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/components/transitions/TransitionInOut.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/navigation/sideBar/SideBar/index.ts"],"sourcesContent":["import * as React from \"react\";\n\ninterface Props {\n  width?: number | string;\n  height?: number | string;\n  color?: string;\n}\n\nfunction LedgerLiveAltRegular({\n  width = 38,\n  height = 32,\n  color = \"currentColor\",\n}: Readonly<Props>): React.JSX.Element {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 38 32\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M0.620148 22.9137V32H14.4471V29.9849H2.63476V22.9137H0.620148ZM35.3653 22.9137V29.9849H23.553V31.9995H37.3799V22.9137H35.3653ZM14.4671 9.08631V22.9132H23.553V21.0961H16.4817V9.08631H14.4671ZM0.620148 0V9.08631H2.63476V2.01461H14.4471V0H0.620148ZM23.553 0V2.01461H35.3653V9.08631H37.3799V0H23.553Z\"\n        fill={color}\n      />\n    </svg>\n  );\n}\n\nexport default LedgerLiveAltRegular;\n","import * as React from \"react\";\n\ninterface Props {\n  width?: number | string;\n  height?: number | string;\n  color?: string;\n}\n\nfunction LedgerLiveRegular({\n  width = 220,\n  height = 60,\n  color = \"currentColor\",\n}: Readonly<Props>): React.JSX.Element {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 220 60\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M0 42.9632V60H25.9539V56.2217H3.78153V42.9632H0ZM65.2185 42.9632V56.2217H43.0461V59.9991H69V42.9632H65.2185ZM25.9915 17.0368V42.9623H43.0461V39.5551H29.7731V17.0368H25.9915ZM0 0V17.0368H3.78153V3.7774H25.9539V0H0ZM43.0461 0V3.7774H65.2185V17.0368H69V0H43.0461Z\"\n        fill={color}\n      />\n      <path\n        d=\"M86.7939 17.75H90.5814L92.1189 39.725H92.6439L94.4814 22.2125H100.144L102.019 39.725H102.544L104.156 17.75H107.794L105.356 44H99.5439L97.5564 26.4875H97.0314L95.0439 44H89.2314L86.7939 17.75Z\"\n        fill={color}\n      />\n      <path\n        d=\"M129.904 44H125.892L124.204 37.625H115.317L113.554 44H109.654L117.229 17.75H122.554L129.904 44ZM116.254 34.175H123.304L120.117 22.025H119.592L116.254 34.175Z\"\n        fill={color}\n      />\n      <path d=\"M134.577 17.75H138.402V40.55H151.827V44H134.577V17.75Z\" fill={color} />\n      <path d=\"M157.062 17.75H160.887V40.55H174.312V44H157.062V17.75Z\" fill={color} />\n      <path\n        d=\"M179.173 17.75H195.673V21.2H182.998V29.075H194.548V32.525H182.998V40.55H196.235V44H179.173V17.75Z\"\n        fill={color}\n      />\n      <path d=\"M207.808 21.2H199.596V17.75H219.846V21.2H211.633V44H207.808V21.2Z\" fill={color} />\n    </svg>\n  );\n}\n\nexport default LedgerLiveRegular;\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 baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({\n  display: \"flex\",\n  minWidth: 0,\n})``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\n","import React, { useContext } from \"react\";\nimport styled from \"styled-components\";\nimport SideBarContext from \"../index\";\nimport Text from \"../../../asorted/Text\";\nimport TransitionInOut from \"../../../transitions/TransitionInOut\";\nimport Flex from \"../../../layout/Flex\";\n\nconst ItemWrapper = styled.li`\n  /** DEFAULT VARIANT **/\n  --ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c80};\n  --ll-sidebar-item-icon-color: ${props => props.theme.colors.neutral.c80};\n  --ll-sidebar-item-background-color: unset;\n\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-top: ${p => p.theme.space[3]}px;\n  column-gap: ${p => p.theme.space[5]}px;\n  padding: ${p => p.theme.space[5]}px;\n  border-radius: ${p => p.theme.space[3]}px;\n  min-height: ${p => p.theme.space[13]}px;\n  min-width: ${p => p.theme.space[13]}px;\n\n  color: var(--ll-sidebar-item-icon-color);\n  background-color: var(--ll-sidebar-item-background-color);\n  cursor: pointer;\n\n  /** HOVER VARIANT **/\n  &:hover {\n    --ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c100};\n    --ll-sidebar-item-icon-color: ${props => props.theme.colors.primary.c80};\n    --ll-sidebar-item-background-color: unset;\n  }\n\n  /** FOCUS VARIANT **/\n  &:focus {\n    box-shadow: 0px 0px 0px 4px rgba(187, 176, 255, 0.4);\n    border-radius: ${p => p.theme.space[3]}px;\n  }\n\n  /** ACTIVE VARIANT **/\n  &[data-active=\"true\"] {\n    --ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c100};\n    --ll-sidebar-item-icon-color: ${props => props.theme.colors.primary.c80};\n    --ll-sidebar-item-background-color: ${props => props.theme.colors.primary.c20};\n  }\n\n  /** DISABLE VARIANT **/\n  &[data-disable=\"true\"] {\n    --ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c80};\n    --ll-sidebar-item-icon-color: ${props => props.theme.colors.neutral.c80};\n    --ll-sidebar-item-background-color: unset;\n    opacity: 0.3;\n    cursor: unset;\n    pointer-events: none;\n  }\n`;\n\nconst CollapsedBadgeContainer = styled.div`\n  position: absolute;\n  margin-top: -${p => p.theme.space[11]}px;\n  margin-left: ${p => p.theme.space[8]}px;\n`;\n\nconst DefaultBadge = styled.div`\n  height: ${p => p.theme.space[4]}px;\n  width: ${p => p.theme.space[4]}px;\n  border-radius: ${p => p.theme.radii[2]}px;\n  background-color: ${p => p.theme.colors.primary.c80};\n`;\n\nexport const ItemLabel = styled(Text)`\n  display: inline-block;\n  color: var(--ll-sidebar-item-label-color);\n\n  text-transform: capitalize;\n`;\n\nexport type ItemType = {\n  label: string;\n  children: React.JSX.Element;\n  onClick: () => void;\n  isActive?: boolean;\n  isDisabled?: boolean;\n  displayNotificationBadge?: boolean;\n  customNotificationBadge?: React.JSX.Element;\n};\n\nconst Item = ({\n  label,\n  children,\n  onClick,\n  isActive,\n  isDisabled,\n  displayNotificationBadge,\n  customNotificationBadge,\n}: ItemType): React.JSX.Element => {\n  const { isExpanded } = useContext(SideBarContext);\n\n  const handleClick = () => {\n    if (isDisabled) return;\n    onClick();\n  };\n\n  const badge = customNotificationBadge ?? <DefaultBadge />;\n\n  return (\n    <>\n      <ItemWrapper\n        role=\"button\"\n        onClick={handleClick}\n        data-active={isActive}\n        data-disable={isDisabled}\n        tabIndex={0}\n      >\n        {children}\n        <CollapsedBadgeContainer>\n          <TransitionInOut\n            unmountOnExit\n            mountOnEnter\n            in={!isExpanded}\n            style={{ transitionDelay: !isExpanded ? \"200ms\" : 0 }}\n          >\n            {displayNotificationBadge && badge}\n          </TransitionInOut>\n        </CollapsedBadgeContainer>\n        <TransitionInOut\n          timeout={200}\n          in={isExpanded}\n          unmountOnExit\n          mountOnEnter\n          style={{ transitionDelay: isExpanded ? \"200ms\" : 0, display: \"flex\", flex: \"1\" }}\n        >\n          <ItemLabel variant=\"paragraph\">{label}</ItemLabel>\n          <Flex alignItems=\"center\" justifyContent=\"flex-end\" ml={2} flexGrow={1}>\n            {displayNotificationBadge && badge}\n          </Flex>\n        </TransitionInOut>\n      </ItemWrapper>\n    </>\n  );\n};\n\nexport default Item;\n","import React, { useContext } from \"react\";\nimport styled from \"styled-components\";\n\nimport LedgerLiveIconLarge from \"../../../../assets/logos/LedgerLiveRegular\";\nimport LedgerIconSmall from \"../../../../assets/logos/LedgerLiveAltRegular\";\nimport SideBarContext from \"../../../navigation/sideBar\";\nimport TransitionInOut from \"../../../transitions/TransitionInOut\";\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: row;\n  overflow: hidden;\n`;\n\nconst Logo = (): React.JSX.Element => {\n  const { isExpanded } = useContext(SideBarContext);\n\n  return (\n    <Container>\n      <TransitionInOut\n        timeout={300}\n        in={isExpanded}\n        unmountOnExit\n        mountOnEnter\n        style={{ transitionDelay: \"300ms\", marginLeft: \"1rem\" }}\n      >\n        <LedgerLiveIconLarge />\n      </TransitionInOut>\n      <TransitionInOut\n        timeout={300}\n        in={!isExpanded}\n        unmountOnExit\n        mountOnEnter\n        style={{ margin: \"auto\", transitionDelay: \"300ms\" }}\n      >\n        <LedgerIconSmall />\n      </TransitionInOut>\n    </Container>\n  );\n};\n\nexport default Logo;\n","import React, { useMemo, useRef, useState } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport styled from \"styled-components\";\nimport SideBarContext from \"../../../navigation/sideBar\";\nimport Flex from \"../../../layout/Flex\";\nimport Item from \"../../../navigation/sideBar/Item\";\nimport Logo from \"../../../navigation/sideBar/Logo\";\nimport Toggle from \"../../../navigation/sideBar/Toggle\";\n\nconst Nav = styled(Flex)`\n  position: relative;\n  padding: ${p => `${p.theme.space[19]}px ${p.theme.space[5]}px 0`};\n  row-gap: 1.5rem;\n  height: 100vh;\n  width: 14.875rem;\n  color: ${props => props.theme.colors.neutral.c100};\n  border-right: 1px solid ${props => props.theme.colors.neutral.c40};\n  background-color: ${props => props.theme.colors.background.main};\n  transition: width 200ms;\n  will-change: width;\n  flex-shrink: 0;\n  z-index: ${p => p.theme.zIndexes[2]};\n\n  &.nav-enter {\n    width: ${p => p.theme.space[19]}px;\n  }\n  &.nav-enter-done {\n    width: 14.875rem;\n  }\n  &.nav-exit {\n    width: 14.875rem;\n  }\n  &.nav-exit-done {\n    width: ${p => `${p.theme.space[19]}px`};\n  }\n`;\n\nconst TransparentMouseZone = styled.div`\n  position: absolute;\n  left: 100%;\n  top: 0;\n  width: ${p => `${p.theme.space[8]}px`};\n  height: 100%;\n`;\n\nexport type SideBarProps = {\n  children: Array<React.JSX.Element>;\n  onToggle: () => void;\n  isExpanded?: boolean;\n};\n\nconst SideBar = ({ children, onToggle, isExpanded = true }: SideBarProps): React.JSX.Element => {\n  const [isToggleDisplayed, setToggleDisplayed] = useState(false);\n  const providerValue = useMemo(() => ({ isExpanded, onToggle }), [isExpanded, onToggle]);\n  const nodeRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <SideBarContext.Provider value={providerValue}>\n      <CSSTransition nodeRef={nodeRef} in={isExpanded} timeout={200} classNames=\"nav\">\n        <Nav\n          ref={nodeRef}\n          flexDirection=\"column\"\n          justifyContent=\"flex-start\"\n          alignContent=\"stretch\"\n          role=\"navigation\"\n          aria-label=\"Main\"\n          onMouseEnter={() => setToggleDisplayed(true)}\n          onMouseLeave={() => setToggleDisplayed(false)}\n        >\n          <TransparentMouseZone />\n          <Toggle isDisplayed={isToggleDisplayed} />\n          <Logo />\n          <Flex flexDirection=\"column\" justifyContent=\"flex-start\" alignContent=\"stretch\">\n            {children}\n          </Flex>\n        </Nav>\n      </CSSTransition>\n    </SideBarContext.Provider>\n  );\n};\n\nSideBar.Item = Item;\n\nexport default SideBar;\n","import React, { useContext } from \"react\";\nimport styled from \"styled-components\";\n\nimport ArrowLeftIcon from \"@ledgerhq/icons-ui/reactLegacy/ArrowLeftMedium\";\nimport ArrowRightIcon from \"@ledgerhq/icons-ui/reactLegacy/ArrowRightMedium\";\nimport TransitionInOut from \"../../../transitions/TransitionInOut\";\nimport SideBarContext from \"../../../navigation/sideBar\";\n\nconst ToggleButtonContainer = styled(TransitionInOut)`\n  --ll-side-bar-toggle-button-size: ${p => p.theme.space[10]}px;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  top: var(--ll-side-bar-toggle-button-size);\n  right: calc(var(--ll-side-bar-toggle-button-size) / -2);\n  cursor: pointer;\n\n  background: ${p => p.theme.colors.neutral.c20};\n  border: 1px solid ${p => p.theme.colors.neutral.c100};\n  border-radius: 50%;\n  width: var(--ll-side-bar-toggle-button-size);\n  height: var(--ll-side-bar-toggle-button-size);\n`;\n\ntype ToggleButtonProps = { isDisplayed: boolean };\nconst ToggleButton = ({ isDisplayed }: ToggleButtonProps): React.JSX.Element => {\n  const { isExpanded, onToggle } = useContext(SideBarContext);\n\n  return (\n    <ToggleButtonContainer\n      timeout={200}\n      in={isDisplayed}\n      appear\n      unmountOnExit\n      onClick={onToggle}\n      role=\"button\"\n    >\n      {isExpanded ? <ArrowLeftIcon /> : <ArrowRightIcon />}\n    </ToggleButtonContainer>\n  );\n};\n\nexport default ToggleButton;\n","import { createContext } from \"react\";\n\ntype SideBarContextType = { isExpanded: boolean; onToggle: () => void };\nexport default createContext<Partial<SideBarContextType>>({});\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 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,\n  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, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\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};","export { default } from \"./SideBar\";\n"],"names":["React","LedgerLiveAltRegular","width","height","color","LedgerLiveRegular","baseStyled","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","Text","variant","props","p","css","getFontSource","name","fontsPath","fontName","fontStyles","FlexBox","useContext","styled","SideBarContext","TransitionInOut","Flex","ItemWrapper","CollapsedBadgeContainer","DefaultBadge","ItemLabel","Item","label","children","onClick","isActive","isDisabled","displayNotificationBadge","customNotificationBadge","isExpanded","handleClick","badge","LedgerLiveIconLarge","LedgerIconSmall","Container","Logo","useMemo","useRef","useState","CSSTransition","Toggle","Nav","TransparentMouseZone","SideBar","onToggle","isToggleDisplayed","setToggleDisplayed","providerValue","nodeRef","ArrowLeftIcon","ArrowRightIcon","ToggleButtonContainer","ToggleButton","isDisplayed","createContext","gaps","flexbox","space","position","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","duration","ChildrenWrapper","inProp","timeout","TransitionProps","Color","fontFamilies","rgba","c","a","darken","lighten","mix","b","ff","v","font","type","style","weight","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","prop","keyframes","palettes","breakpoints","fontSizes","fontWeights","radii","shadows","zIndexes","animationDuration","easings","transition","properties","easing","fadeIn","fadeOut","fadeInGrowX","fadeInUp","animations","theme","default"],"mappings":"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"}

package/lib/cjs/components/navigation/sideBar/Toggle/Toggle.js

@@ -2,20 +2,19 @@
 "use strict";
 var __webpack_modules__ = ({
 4967(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var react__rspack_import_0 = __webpack_require__(2015);
 /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
 
 /* export default */ const __rspack_default_export = (/*#__PURE__*/(0,react__rspack_import_0.createContext)({}));
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 660(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var react__rspack_import_0 = __webpack_require__(2015);
 /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
 /* import */ var react_transition_group__rspack_import_1 = __webpack_require__(7727);
@@ -60,6 +59,11 @@ const TransitionInOut = ({ children, in: inProp, timeout = duration, ...Transiti
 };
 /* export default */ const __rspack_default_export = (TransitionInOut);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 3935(module) {
@@ -117,12 +121,16 @@ __webpack_require__.n = (module) => {
 })();
 // webpack/runtime/define_property_getters
 (() => {
-__webpack_require__.d = (exports, definition) => {
-	for(var key in definition) {
-        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-        }
-    }
+__webpack_require__.d = (exports, getters, values) => {
+	var define = (defs, kind) => {
+		for(var key in defs) {
+			if(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {
+				Object.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });
+			}
+		}
+	};
+	define(getters, "get");
+	define(values, "value");
 };
 })();
 // webpack/runtime/has_own_property

package/lib/cjs/components/navigation/sideBar/Toggle/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/navigation/sideBar/Toggle/Toggle.js","sources":["webpack://@ledgerhq/react-ui/./src/components/navigation/sideBar/index.tsx","webpack://@ledgerhq/react-ui/./src/components/transitions/TransitionInOut.tsx","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/navigation/sideBar/Toggle/Toggle.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\ntype SideBarContextType = { isExpanded: boolean; onToggle: () => void };\nexport default createContext<Partial<SideBarContextType>>({});\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","// 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, { useContext } from \"react\";\nimport styled from \"styled-components\";\n\nimport ArrowLeftIcon from \"@ledgerhq/icons-ui/reactLegacy/ArrowLeftMedium\";\nimport ArrowRightIcon from \"@ledgerhq/icons-ui/reactLegacy/ArrowRightMedium\";\nimport TransitionInOut from \"../../../transitions/TransitionInOut\";\nimport SideBarContext from \"../../../navigation/sideBar\";\n\nconst ToggleButtonContainer = styled(TransitionInOut)`\n  --ll-side-bar-toggle-button-size: ${p => p.theme.space[10]}px;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  top: var(--ll-side-bar-toggle-button-size);\n  right: calc(var(--ll-side-bar-toggle-button-size) / -2);\n  cursor: pointer;\n\n  background: ${p => p.theme.colors.neutral.c20};\n  border: 1px solid ${p => p.theme.colors.neutral.c100};\n  border-radius: 50%;\n  width: var(--ll-side-bar-toggle-button-size);\n  height: var(--ll-side-bar-toggle-button-size);\n`;\n\ntype ToggleButtonProps = { isDisplayed: boolean };\nconst ToggleButton = ({ isDisplayed }: ToggleButtonProps): React.JSX.Element => {\n  const { isExpanded, onToggle } = useContext(SideBarContext);\n\n  return (\n    <ToggleButtonContainer\n      timeout={200}\n      in={isDisplayed}\n      appear\n      unmountOnExit\n      onClick={onToggle}\n      role=\"button\"\n    >\n      {isExpanded ? <ArrowLeftIcon /> : <ArrowRightIcon />}\n    </ToggleButtonContainer>\n  );\n};\n\nexport default ToggleButton;\n"],"names":["createContext","React","useRef","CSSTransition","styled","duration","ChildrenWrapper","props","TransitionInOut","children","inProp","timeout","TransitionProps","nodeRef","useContext","ArrowLeftIcon","ArrowRightIcon","SideBarContext","ToggleButtonContainer","p","ToggleButton","isDisplayed","isExpanded","onToggle"],"mappings":";;;;;;;;;AAAsC;AAGtC,mEAAeA,wCAAaA,CAA8B,CAAC,EAAE,EAAC;;;;;;;;;;;;;;ACHxB;AACiB;AAEhB;AACvC,MAAMK,WAAW;AACjB,MAAMC,kBAAkBF,kDAA+B,CAAC;cAC1C,EAAEG,CAAAA,QAAS,CAAC,QAAQ,EAAEA,MAAM,OAAO,CAAC,cAAc,CAAC,CAAC;;;;;;;;;;;;;;;;;AAiBlE,CAAC;AAYD,MAAMC,kBAAkB,CAAC,EACvBC,QAAQ,EACR,IAAIC,MAAM,EACVC,UAAUN,QAAQ,EAClB,GAAGO,iBACkB;IACrB,MAAMC,UAAUX,iCAAMA,CAAiB;IACvC,qBACE,+CAACC,qDAAaA;QACX,GAAGS,eAAe;QACnB,SAASC;QACT,IAAIH;QACJ,SAASC;QACT,YAAW;qBAEX,+CAACL;QAAgB,KAAKO;QAAS,SAASF;OACrCF;AAIT;AAEA,sDAAeD,eAAeA,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzD/B;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA,kDAAkD,wCAAwC;AAC1F;AACA;AACA,E;;;;ACNA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACN0C;AACH;AAEoC;AACE;AACV;AACV;AAEzD,MAAMU,wBAAwBd,oCAAMA,CAACI,8BAAeA,CAAC,CAAC;oCAClB,EAAEW,CAAAA,IAAKA,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;cAU/C,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;oBAC5B,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;;;;AAIvD,CAAC;AAGD,MAAMC,eAAe,CAAC,EAAEC,WAAW,EAAqB;IACtD,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGT,8BAAUA,CAACG,kBAAcA;IAE1D,qBACE,uCAACC;QACC,SAAS;QACT,IAAIG;QACJ;QACA;QACA,SAASE;QACT,MAAK;OAEJD,2BAAa,uCAACP,2BAAaA,wBAAM,uCAACC,4BAAcA;AAGvD;AAEA,qCAAeI,YAAYA,EAAC"}
+{"version":3,"file":"components/navigation/sideBar/Toggle/Toggle.js","sources":["webpack://@ledgerhq/react-ui/./src/components/navigation/sideBar/index.tsx","webpack://@ledgerhq/react-ui/./src/components/transitions/TransitionInOut.tsx","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/navigation/sideBar/Toggle/Toggle.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\ntype SideBarContextType = { isExpanded: boolean; onToggle: () => void };\nexport default createContext<Partial<SideBarContextType>>({});\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","// 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, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\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, { useContext } from \"react\";\nimport styled from \"styled-components\";\n\nimport ArrowLeftIcon from \"@ledgerhq/icons-ui/reactLegacy/ArrowLeftMedium\";\nimport ArrowRightIcon from \"@ledgerhq/icons-ui/reactLegacy/ArrowRightMedium\";\nimport TransitionInOut from \"../../../transitions/TransitionInOut\";\nimport SideBarContext from \"../../../navigation/sideBar\";\n\nconst ToggleButtonContainer = styled(TransitionInOut)`\n  --ll-side-bar-toggle-button-size: ${p => p.theme.space[10]}px;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  top: var(--ll-side-bar-toggle-button-size);\n  right: calc(var(--ll-side-bar-toggle-button-size) / -2);\n  cursor: pointer;\n\n  background: ${p => p.theme.colors.neutral.c20};\n  border: 1px solid ${p => p.theme.colors.neutral.c100};\n  border-radius: 50%;\n  width: var(--ll-side-bar-toggle-button-size);\n  height: var(--ll-side-bar-toggle-button-size);\n`;\n\ntype ToggleButtonProps = { isDisplayed: boolean };\nconst ToggleButton = ({ isDisplayed }: ToggleButtonProps): React.JSX.Element => {\n  const { isExpanded, onToggle } = useContext(SideBarContext);\n\n  return (\n    <ToggleButtonContainer\n      timeout={200}\n      in={isDisplayed}\n      appear\n      unmountOnExit\n      onClick={onToggle}\n      role=\"button\"\n    >\n      {isExpanded ? <ArrowLeftIcon /> : <ArrowRightIcon />}\n    </ToggleButtonContainer>\n  );\n};\n\nexport default ToggleButton;\n"],"names":["createContext","React","useRef","CSSTransition","styled","duration","ChildrenWrapper","props","TransitionInOut","children","inProp","timeout","TransitionProps","nodeRef","useContext","ArrowLeftIcon","ArrowRightIcon","SideBarContext","ToggleButtonContainer","p","ToggleButton","isDisplayed","isExpanded","onToggle"],"mappings":";;;;;;AAAsC;AAGtC,mEAAeA,wCAAaA,CAA8B,CAAC,EAAE,EAAC;;;;;;;;;;;;;;;;ACHxB;AACiB;AAEhB;AACvC,MAAMK,WAAW;AACjB,MAAMC,kBAAkBF,kDAA+B,CAAC;cAC1C,EAAEG,CAAAA,QAAS,CAAC,QAAQ,EAAEA,MAAM,OAAO,CAAC,cAAc,CAAC,CAAC;;;;;;;;;;;;;;;;;AAiBlE,CAAC;AAYD,MAAMC,kBAAkB,CAAC,EACvBC,QAAQ,EACR,IAAIC,MAAM,EACVC,UAAUN,QAAQ,EAClB,GAAGO,iBACkB;IACrB,MAAMC,UAAUX,iCAAMA,CAAiB;IACvC,qBACE,+CAACC,qDAAaA;QACX,GAAGS,eAAe;QACnB,SAASC;QACT,IAAIH;QACJ,SAASC;QACT,YAAW;qBAEX,+CAACL;QAAgB,KAAKO;QAAS,SAASF;OACrCF;AAIT;AAEA,sDAAeD,eAAeA,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzD/B;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA;AACA,0CAA0C,qCAAqC;AAC/E;AACA;AACA;AACA;AACA;AACA,E;;;;ACVA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACN0C;AACH;AAEoC;AACE;AACV;AACV;AAEzD,MAAMU,wBAAwBd,oCAAMA,CAACI,8BAAeA,CAAC,CAAC;oCAClB,EAAEW,CAAAA,IAAKA,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;cAU/C,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;oBAC5B,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;;;;AAIvD,CAAC;AAGD,MAAMC,eAAe,CAAC,EAAEC,WAAW,EAAqB;IACtD,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGT,8BAAUA,CAACG,kBAAcA;IAE1D,qBACE,uCAACC;QACC,SAAS;QACT,IAAIG;QACJ;QACA;QACA,SAASE;QACT,MAAK;OAEJD,2BAAa,uCAACP,2BAAaA,wBAAM,uCAACC,4BAAcA;AAGvD;AAEA,qCAAeI,YAAYA,EAAC"}

package/lib/cjs/components/navigation/sideBar/Toggle/index.js

@@ -1,7 +1,7 @@
 (() => {
 "use strict";
 var __webpack_modules__ = ({
-8548(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+7535(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
@@ -64,20 +64,19 @@ const ToggleButton = ({ isDisplayed })=>{
 
 },
 4967(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var react__rspack_import_0 = __webpack_require__(2015);
 /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
 
 /* export default */ const __rspack_default_export = (/*#__PURE__*/(0,react__rspack_import_0.createContext)({}));
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 660(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var react__rspack_import_0 = __webpack_require__(2015);
 /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
 /* import */ var react_transition_group__rspack_import_1 = __webpack_require__(7727);
@@ -122,6 +121,11 @@ const TransitionInOut = ({ children, in: inProp, timeout = duration, ...Transiti
 };
 /* export default */ const __rspack_default_export = (TransitionInOut);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 3935(module) {
@@ -179,12 +183,16 @@ __webpack_require__.n = (module) => {
 })();
 // webpack/runtime/define_property_getters
 (() => {
-__webpack_require__.d = (exports, definition) => {
-	for(var key in definition) {
-        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-        }
-    }
+__webpack_require__.d = (exports, getters, values) => {
+	var define = (defs, kind) => {
+		for(var key in defs) {
+			if(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {
+				Object.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });
+			}
+		}
+	};
+	define(getters, "get");
+	define(values, "value");
 };
 })();
 // webpack/runtime/has_own_property
@@ -205,11 +213,12 @@ var __webpack_exports__ = {};
 // This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
 (() => {
 __webpack_require__.r(__webpack_exports__);
+/* import */ var _Toggle__rspack_import_0 = __webpack_require__(7535);
+
+
 __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* reexport safe */ _Toggle__rspack_import_0["default"])
 });
-/* import */ var _Toggle__rspack_import_0 = __webpack_require__(8548);
-
 
 })();
 

package/lib/cjs/components/navigation/sideBar/Toggle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/navigation/sideBar/Toggle/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/navigation/sideBar/Toggle/Toggle.tsx","webpack://@ledgerhq/react-ui/./src/components/navigation/sideBar/index.tsx","webpack://@ledgerhq/react-ui/./src/components/transitions/TransitionInOut.tsx","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/navigation/sideBar/Toggle/index.ts"],"sourcesContent":["import React, { useContext } from \"react\";\nimport styled from \"styled-components\";\n\nimport ArrowLeftIcon from \"@ledgerhq/icons-ui/reactLegacy/ArrowLeftMedium\";\nimport ArrowRightIcon from \"@ledgerhq/icons-ui/reactLegacy/ArrowRightMedium\";\nimport TransitionInOut from \"../../../transitions/TransitionInOut\";\nimport SideBarContext from \"../../../navigation/sideBar\";\n\nconst ToggleButtonContainer = styled(TransitionInOut)`\n  --ll-side-bar-toggle-button-size: ${p => p.theme.space[10]}px;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  top: var(--ll-side-bar-toggle-button-size);\n  right: calc(var(--ll-side-bar-toggle-button-size) / -2);\n  cursor: pointer;\n\n  background: ${p => p.theme.colors.neutral.c20};\n  border: 1px solid ${p => p.theme.colors.neutral.c100};\n  border-radius: 50%;\n  width: var(--ll-side-bar-toggle-button-size);\n  height: var(--ll-side-bar-toggle-button-size);\n`;\n\ntype ToggleButtonProps = { isDisplayed: boolean };\nconst ToggleButton = ({ isDisplayed }: ToggleButtonProps): React.JSX.Element => {\n  const { isExpanded, onToggle } = useContext(SideBarContext);\n\n  return (\n    <ToggleButtonContainer\n      timeout={200}\n      in={isDisplayed}\n      appear\n      unmountOnExit\n      onClick={onToggle}\n      role=\"button\"\n    >\n      {isExpanded ? <ArrowLeftIcon /> : <ArrowRightIcon />}\n    </ToggleButtonContainer>\n  );\n};\n\nexport default ToggleButton;\n","import { createContext } from \"react\";\n\ntype SideBarContextType = { isExpanded: boolean; onToggle: () => void };\nexport default createContext<Partial<SideBarContextType>>({});\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","// 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};","export { default } from \"./Toggle\";\n"],"names":["React","useContext","styled","ArrowLeftIcon","ArrowRightIcon","TransitionInOut","SideBarContext","ToggleButtonContainer","p","ToggleButton","isDisplayed","isExpanded","onToggle","createContext","useRef","CSSTransition","duration","ChildrenWrapper","props","children","inProp","timeout","TransitionProps","nodeRef","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAA0C;AACH;AAEoC;AACE;AACV;AACV;AAEzD,MAAMO,wBAAwBL,oCAAMA,CAACG,8BAAeA,CAAC,CAAC;oCAClB,EAAEG,CAAAA,IAAKA,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;cAU/C,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;oBAC5B,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;;;;AAIvD,CAAC;AAGD,MAAMC,eAAe,CAAC,EAAEC,WAAW,EAAqB;IACtD,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGX,8BAAUA,CAACK,kBAAcA;IAE1D,qBACE,uCAACC;QACC,SAAS;QACT,IAAIG;QACJ;QACA;QACA,SAASE;QACT,MAAK;OAEJD,2BAAa,uCAACR,2BAAaA,wBAAM,uCAACC,4BAAcA;AAGvD;AAEA,qCAAeK,YAAYA,EAAC;;;;;;;;;;AC5CU;AAGtC,mEAAeI,wCAAaA,CAA8B,CAAC,EAAE,EAAC;;;;;;;;;;;;;;ACHxB;AACiB;AAEhB;AACvC,MAAMG,WAAW;AACjB,MAAMC,kBAAkBf,kDAA+B,CAAC;cAC1C,EAAEgB,CAAAA,QAAS,CAAC,QAAQ,EAAEA,MAAM,OAAO,CAAC,cAAc,CAAC,CAAC;;;;;;;;;;;;;;;;;AAiBlE,CAAC;AAYD,MAAMb,kBAAkB,CAAC,EACvBc,QAAQ,EACR,IAAIC,MAAM,EACVC,UAAUL,QAAQ,EAClB,GAAGM,iBACkB;IACrB,MAAMC,UAAUT,iCAAMA,CAAiB;IACvC,qBACE,+CAACC,qDAAaA;QACX,GAAGO,eAAe;QACnB,SAASC;QACT,IAAIH;QACJ,SAASC;QACT,YAAW;qBAEX,+CAACJ;QAAgB,KAAKM;QAAS,SAASF;OACrCF;AAIT;AAEA,sDAAed,eAAeA,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzD/B;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA,kDAAkD,wCAAwC;AAC1F;AACA;AACA,E;;;;ACNA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;ACNmC"}
+{"version":3,"file":"components/navigation/sideBar/Toggle/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/navigation/sideBar/Toggle/Toggle.tsx","webpack://@ledgerhq/react-ui/./src/components/navigation/sideBar/index.tsx","webpack://@ledgerhq/react-ui/./src/components/transitions/TransitionInOut.tsx","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/navigation/sideBar/Toggle/index.ts"],"sourcesContent":["import React, { useContext } from \"react\";\nimport styled from \"styled-components\";\n\nimport ArrowLeftIcon from \"@ledgerhq/icons-ui/reactLegacy/ArrowLeftMedium\";\nimport ArrowRightIcon from \"@ledgerhq/icons-ui/reactLegacy/ArrowRightMedium\";\nimport TransitionInOut from \"../../../transitions/TransitionInOut\";\nimport SideBarContext from \"../../../navigation/sideBar\";\n\nconst ToggleButtonContainer = styled(TransitionInOut)`\n  --ll-side-bar-toggle-button-size: ${p => p.theme.space[10]}px;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  top: var(--ll-side-bar-toggle-button-size);\n  right: calc(var(--ll-side-bar-toggle-button-size) / -2);\n  cursor: pointer;\n\n  background: ${p => p.theme.colors.neutral.c20};\n  border: 1px solid ${p => p.theme.colors.neutral.c100};\n  border-radius: 50%;\n  width: var(--ll-side-bar-toggle-button-size);\n  height: var(--ll-side-bar-toggle-button-size);\n`;\n\ntype ToggleButtonProps = { isDisplayed: boolean };\nconst ToggleButton = ({ isDisplayed }: ToggleButtonProps): React.JSX.Element => {\n  const { isExpanded, onToggle } = useContext(SideBarContext);\n\n  return (\n    <ToggleButtonContainer\n      timeout={200}\n      in={isDisplayed}\n      appear\n      unmountOnExit\n      onClick={onToggle}\n      role=\"button\"\n    >\n      {isExpanded ? <ArrowLeftIcon /> : <ArrowRightIcon />}\n    </ToggleButtonContainer>\n  );\n};\n\nexport default ToggleButton;\n","import { createContext } from \"react\";\n\ntype SideBarContextType = { isExpanded: boolean; onToggle: () => void };\nexport default createContext<Partial<SideBarContextType>>({});\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","// 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, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\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};","export { default } from \"./Toggle\";\n"],"names":["React","useContext","styled","ArrowLeftIcon","ArrowRightIcon","TransitionInOut","SideBarContext","ToggleButtonContainer","p","ToggleButton","isDisplayed","isExpanded","onToggle","createContext","useRef","CSSTransition","duration","ChildrenWrapper","props","children","inProp","timeout","TransitionProps","nodeRef","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAA0C;AACH;AAEoC;AACE;AACV;AACV;AAEzD,MAAMO,wBAAwBL,oCAAMA,CAACG,8BAAeA,CAAC,CAAC;oCAClB,EAAEG,CAAAA,IAAKA,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;;;cAU/C,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;oBAC5B,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;;;;AAIvD,CAAC;AAGD,MAAMC,eAAe,CAAC,EAAEC,WAAW,EAAqB;IACtD,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGX,8BAAUA,CAACK,kBAAcA;IAE1D,qBACE,uCAACC;QACC,SAAS;QACT,IAAIG;QACJ;QACA;QACA,SAASE;QACT,MAAK;OAEJD,2BAAa,uCAACR,2BAAaA,wBAAM,uCAACC,4BAAcA;AAGvD;AAEA,qCAAeK,YAAYA,EAAC;;;;;;;AC5CU;AAGtC,mEAAeI,wCAAaA,CAA8B,CAAC,EAAE,EAAC;;;;;;;;;;;;;;;;ACHxB;AACiB;AAEhB;AACvC,MAAMG,WAAW;AACjB,MAAMC,kBAAkBf,kDAA+B,CAAC;cAC1C,EAAEgB,CAAAA,QAAS,CAAC,QAAQ,EAAEA,MAAM,OAAO,CAAC,cAAc,CAAC,CAAC;;;;;;;;;;;;;;;;;AAiBlE,CAAC;AAYD,MAAMb,kBAAkB,CAAC,EACvBc,QAAQ,EACR,IAAIC,MAAM,EACVC,UAAUL,QAAQ,EAClB,GAAGM,iBACkB;IACrB,MAAMC,UAAUT,iCAAMA,CAAiB;IACvC,qBACE,+CAACC,qDAAaA;QACX,GAAGO,eAAe;QACnB,SAASC;QACT,IAAIH;QACJ,SAASC;QACT,YAAW;qBAEX,+CAACJ;QAAgB,KAAKM;QAAS,SAASF;OACrCF;AAIT;AAEA,sDAAed,eAAeA,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzD/B;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA;AACA,0CAA0C,qCAAqC;AAC/E;AACA;AACA;AACA;AACA;AACA,E;;;;ACVA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;ACNmC"}

package/lib/cjs/components/navigation/sideBar/index.js

@@ -44,12 +44,16 @@ __webpack_require__.n = (module) => {
 })();
 // webpack/runtime/define_property_getters
 (() => {
-__webpack_require__.d = (exports, definition) => {
-	for(var key in definition) {
-        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-        }
-    }
+__webpack_require__.d = (exports, getters, values) => {
+	var define = (defs, kind) => {
+		for(var key in defs) {
+			if(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {
+				Object.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });
+			}
+		}
+	};
+	define(getters, "get");
+	define(values, "value");
 };
 })();
 // webpack/runtime/has_own_property
@@ -70,14 +74,16 @@ var __webpack_exports__ = {};
 // This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
 (() => {
 __webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var react__rspack_import_0 = __webpack_require__(2015);
 /* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
 
 /* export default */ const __rspack_default_export = (/*#__PURE__*/(0,react__rspack_import_0.createContext)({}));
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 })();
 
 module.exports = __webpack_exports__;

package/lib/cjs/components/navigation/sideBar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/navigation/sideBar/index.js","sources":["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/navigation/sideBar/index.tsx"],"sourcesContent":["// 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 { createContext } from \"react\";\n\ntype SideBarContextType = { isExpanded: boolean; onToggle: () => void };\nexport default createContext<Partial<SideBarContextType>>({});\n"],"names":["createContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA,kDAAkD,wCAAwC;AAC1F;AACA;AACA,E;;;;ACNA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;;ACNsC;AAGtC,mEAAeA,wCAAaA,CAA8B,CAAC,EAAE,EAAC"}
+{"version":3,"file":"components/navigation/sideBar/index.js","sources":["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/navigation/sideBar/index.tsx"],"sourcesContent":["// 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, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\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 { createContext } from \"react\";\n\ntype SideBarContextType = { isExpanded: boolean; onToggle: () => void };\nexport default createContext<Partial<SideBarContextType>>({});\n"],"names":["createContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA;AACA,0CAA0C,qCAAqC;AAC/E;AACA;AACA;AACA;AACA;AACA,E;;;;ACVA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;ACNsC;AAGtC,mEAAeA,wCAAaA,CAA8B,CAAC,EAAE,EAAC"}

package/lib/cjs/components/styled.js

@@ -2,9 +2,6 @@
 "use strict";
 var __webpack_modules__ = ({
 4182(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* import */ var styled_system__rspack_import_0 = __webpack_require__(9351);
 /* import */ var styled_system__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_0);
 
@@ -20,6 +17,11 @@ const gaps = (0,styled_system__rspack_import_0.system)({
 });
 /* export default */ const __rspack_default_export = (gaps);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 2770(module) {
@@ -69,12 +71,16 @@ __webpack_require__.n = (module) => {
 })();
 // webpack/runtime/define_property_getters
 (() => {
-__webpack_require__.d = (exports, definition) => {
-	for(var key in definition) {
-        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-        }
-    }
+__webpack_require__.d = (exports, getters, values) => {
+	var define = (defs, kind) => {
+		for(var key in defs) {
+			if(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {
+				Object.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });
+			}
+		}
+	};
+	define(getters, "get");
+	define(values, "value");
 };
 })();
 // webpack/runtime/has_own_property
@@ -95,10 +101,6 @@ var __webpack_exports__ = {};
 // This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
 (() => {
 __webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-  baseStyles: () => (baseStyles),
-  "default": () => (__rspack_default_export)
-});
 /* import */ var _styles_system_gaps__rspack_import_2 = __webpack_require__(4182);
 /* import */ var styled_components__rspack_import_0 = __webpack_require__(2770);
 /* import */ var styled_components__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_0);
@@ -123,6 +125,12 @@ const proxyStyled = new Proxy((styled_components__rspack_import_0_default()), {
 });
 /* export default */ const __rspack_default_export = (proxyStyled);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  baseStyles: baseStyles,
+  "default": __rspack_default_export
+});
+
 })();
 
 module.exports = __webpack_exports__;