@ledgerhq/react-ui 0.45.0 → 0.46.0-nightly.20260214030108

package/lib/cjs/pre-ldls/components/NetworkList/NetworkList.stories.js.map

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/pre-ldls/components/NetworkList/NetworkList.stories.tsx"],
-  "sourcesContent": ["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { NetworkList } from \"./NetworkList\";\nimport { expect, fn, userEvent, within } from \"@storybook/test\";\n\nconst testFn = fn();\n\nconst meta: Meta<typeof NetworkList> = {\n  component: NetworkList,\n  decorators: [\n    Story => (\n      <div style={{ height: \"400px\" }}>\n        <Story />\n      </div>\n    ),\n  ],\n  title: \"PreLdls/Components/NetworkList\",\n  tags: [\"autodocs\"],\n  args: {\n    networks: Array.from({ length: 50 }, (_, i) => ({\n      name: `Bitcoin ${i}`,\n      id: `bitcoin`,\n      ticker: \"btc\",\n    })),\n    onClick: testFn,\n  },\n};\nexport default meta;\n\ntype Story = StoryObj<typeof NetworkList>;\n\nexport const Default: Story = {};\n\nexport const TestNetworkClick: Story = {\n  play: async ({ canvasElement }) => {\n    const canvas = within(canvasElement);\n    const input = canvas.getByText(\"Bitcoin 1\");\n    await userEvent.click(input);\n    await expect(testFn).toHaveBeenCalledWith(\"bitcoin\");\n  },\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,yBAA4B;AAC5B,kBAA8C;AAE9C,MAAM,aAAS,gBAAG;AAElB,MAAM,OAAiC;AAAA,EACrC,WAAW;AAAA,EACX,YAAY;AAAA,IACV,WACE,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,QAAQ,QAAQ,KAC5B,6BAAAA,QAAA,cAAC,WAAM,CACT;AAAA,EAEJ;AAAA,EACA,OAAO;AAAA,EACP,MAAM,CAAC,UAAU;AAAA,EACjB,MAAM;AAAA,IACJ,UAAU,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,CAAC,GAAG,OAAO;AAAA,MAC9C,MAAM,WAAW,CAAC;AAAA,MAClB,IAAI;AAAA,MACJ,QAAQ;AAAA,IACV,EAAE;AAAA,IACF,SAAS;AAAA,EACX;AACF;AACA,IAAO,8BAAQ;AAIR,MAAM,UAAiB,CAAC;AAExB,MAAM,mBAA0B;AAAA,EACrC,MAAM,OAAO,EAAE,cAAc,MAAM;AACjC,UAAM,aAAS,oBAAO,aAAa;AACnC,UAAM,QAAQ,OAAO,UAAU,WAAW;AAC1C,UAAM,sBAAU,MAAM,KAAK;AAC3B,cAAM,oBAAO,MAAM,EAAE,qBAAqB,SAAS;AAAA,EACrD;AACF;",
-  "names": ["React"]
-}
+{"version":3,"file":"pre-ldls/components/NetworkList/NetworkList.stories.js","sources":["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/loaders/InfiniteLoader/index.tsx","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/pre-ldls/components/NetworkItem/NetworkItem.tsx","webpack://@ledgerhq/react-ui/./src/pre-ldls/components/NetworkList/NetworkList.tsx","webpack://@ledgerhq/react-ui/./src/pre-ldls/components/VirtualList/VirtualList.tsx","webpack://@ledgerhq/react-ui/./src/pre-ldls/libs/design-tokens.ts","webpack://@ledgerhq/react-ui/./src/pre-ldls/libs/index.ts","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/pre-ldls/components/NetworkList/NetworkList.stories.tsx"],"sourcesContent":["import 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}\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>({ display: \"flex\" })``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\n","import React from \"react\";\nimport styled, { keyframes } from \"styled-components\";\nimport { system, size, SizeProps } from \"styled-system\";\n\nconst rotate = keyframes`\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n`;\n\nconst Loader = styled.svg<SizeProps>`\n  animation: ${rotate} 1s linear infinite;\n  ${size}\n  ${system({\n    stroke: {\n      property: \"stroke\",\n      scale: \"colors\",\n    },\n  })}\n`;\nexport type Props = React.ComponentProps<typeof Loader> & {\n  color?: string;\n};\n\nexport default function InfiniteLoader({\n  size = 38,\n  color = \"primary.c50\",\n  ...extraProps\n}: Props): JSX.Element {\n  return (\n    <Loader\n      size={size}\n      stroke={color}\n      viewBox=\"0 0 38 38\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...extraProps}\n    >\n      <linearGradient\n        id=\"gradient-start\"\n        gradientUnits=\"userSpaceOnUse\"\n        gradientTransform=\"rotate(-20)\"\n      >\n        <stop offset=\"0\" stopColor=\"white\" stopOpacity=\"0.5\" />\n        <stop offset=\"1\" stopColor=\"white\" stopOpacity=\"1\" />\n      </linearGradient>\n      <linearGradient\n        id=\"gradient-end\"\n        gradientUnits=\"userSpaceOnUse\"\n        gradientTransform=\"rotate(-20)\"\n      >\n        <stop offset=\"0\" stopColor=\"white\" stopOpacity=\"0.5\" />\n        <stop offset=\"1\" stopColor=\"white\" stopOpacity=\"0\" />\n      </linearGradient>\n\n      <mask id=\"gradient-mask\" maskUnits=\"userSpaceOnUse\">\n        <rect\n          x=\"-0\"\n          y=\"-4\"\n          width=\"44\"\n          height=\"22\"\n          strokeWidth=\"0\"\n          fill=\"url(#gradient-start)\"\n          transform=\"rotate(10)\"\n        />\n        <rect\n          x=\"0\"\n          y=\"18\"\n          width=\"44\"\n          height=\"21\"\n          strokeWidth=\"0\"\n          fill=\"url(#gradient-end)\"\n          transform=\"rotate(10)\"\n        />\n      </mask>\n      <path\n        d=\"M34.8807 20.9499C35.3608 17.0398 34.3815 13.09 32.1304 9.85712C29.8793 6.6242 26.5146 4.33541 22.6808 3.42914C18.847 2.52287 14.8136 3.06283 11.3532 4.94559C7.89277 6.82836 5.24858 9.92158 3.92708 13.6328C2.60558 17.344 2.69968 21.4123 4.19135 25.0584C5.68302 28.7045 8.4674 31.6722 12.0112 33.3929C15.5549 35.1137 19.609 35.4666 23.3968 34.384C27.1846 33.3015 30.4398 30.8596 32.5391 27.526\"\n        strokeWidth=\"6\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        mask=\"url(#gradient-mask)\"\n      />\n    </Loader>\n  );\n}\n","import 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  };\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 from \"react\";\nimport styled from \"styled-components\";\nimport { withTokens } from \"../../libs\";\nimport { Text } from \"../../../components\";\nimport { CryptoIcon } from \"@ledgerhq/crypto-icons\";\n\nexport type Network = {\n  name: string;\n  id: string;\n  ticker: string;\n  leftElement?: React.ReactNode;\n  rightElement?: React.ReactNode;\n};\n\ntype NetworkItemProps = Network & {\n  onClick: () => void;\n};\n\nconst Wrapper = styled.div`\n  ${withTokens(\n    \"spacing-xxs\",\n    \"margin-s\",\n    \"radius-s\",\n    \"colors-content-default-default\",\n    \"colors-content-subdued-default-default\", // used by leftElement child\n    \"colors-surface-transparent-hover\",\n    \"colors-surface-transparent-pressed\",\n  )}\n  display: flex;\n  padding: var(--spacing-xxs);\n  cursor: pointer;\n  border-radius: var(--radius-s, 8px);\n  align-items: center;\n\n  &:hover {\n    background-color: var(--colors-surface-transparent-hover);\n  }\n\n  &:active {\n    background-color: var(--colors-surface-transparent-pressed);\n  }\n`;\n\nconst InfoWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin-left: var(--margin-s);\n  flex: 1;\n`;\n\nconst LeftElementWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 4px;\n`;\n\nexport const NetworkItem = ({\n  name,\n  onClick,\n  id,\n  ticker,\n  leftElement,\n  rightElement,\n}: NetworkItemProps) => {\n  return (\n    <Wrapper onClick={onClick}>\n      <CryptoIcon size=\"48px\" ledgerId={id} ticker={ticker} />\n      <InfoWrapper>\n        <Text\n          data-testid={`network-item-name-${name}`}\n          variant=\"largeLineHeight\"\n          fontWeight=\"semiBold\"\n          color=\"var(--colors-content-default-default)\"\n        >\n          {name}\n        </Text>\n        <LeftElementWrapper>{leftElement}</LeftElementWrapper>\n      </InfoWrapper>\n      {rightElement}\n    </Wrapper>\n  );\n};\n","import React, { useCallback } from \"react\";\nimport { Network, NetworkItem } from \"../NetworkItem/NetworkItem\";\nimport { VirtualList } from \"../VirtualList/VirtualList\";\n\nexport const NetworkList = ({\n  networks,\n  onClick,\n}: {\n  networks: Network[];\n  onClick: (networkId: string) => void;\n}) => {\n  const renderNetworkItem = useCallback(\n    (network: Network) => <NetworkItem {...network} onClick={() => onClick(network.id)} />,\n    [onClick],\n  );\n\n  return <VirtualList items={networks} itemHeight={64} renderItem={renderNetworkItem} />;\n};\n","import React, { useEffect, useRef, useCallback } from \"react\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport { Flex, InfiniteLoader } from \"../../../components\";\n\ninterface VirtualItem {\n  key: string | number | bigint;\n  index: number;\n  start: number;\n  end: number;\n  size: number;\n}\n\n/**\n * Props for the VirtualList component, which efficiently renders large lists\n * by virtualizing DOM nodes to improve performance.\n */\ntype VirtualListProps<T> = {\n  /**\n   * Gap between items in the list.\n   */\n  gap?: number;\n  /**\n   * Height of each item in the list.\n   * This is used to calculate the total height of the list and the position of each item.\n   */\n  itemHeight: number;\n  /**\n   * Number of extra items to render outside the visible viewport for smoother scrolling.\n   * Defaults to 5.\n   */\n  overscan?: number;\n  /**\n   * React component or node to display when the list is loading additional items.\n   * If not provided, a default loading spinner will be used.\n   */\n  LoadingComponent?: React.ReactNode;\n  /**\n   * Indicates whether new items are currently being loaded.\n   */\n  isLoading?: boolean;\n  /**\n   * Indicates if there are more items to load.\n   */\n  hasNextPage?: boolean;\n  /**\n   * Number of items to check before the end of the list to trigger loading more items.\n   * Defaults to 5.\n   */\n  threshold?: number;\n  /**\n   * Callback function to be called when the user scrolls to the end of the visible items.\n   * This can be used to load more items when the user reaches the end of the list.\n   */\n  onVisibleItemsScrollEnd?: () => void;\n  /**\n   * Function to render each item in the list.\n   * Receives a single value from the items array as an argument and should return a React node.\n   */\n  renderItem: (item: T) => React.ReactNode;\n  /**\n   * The array of items which will be rendered\n   */\n  items: T[];\n  /**\n   * When set to true, the list will scroll to the top\n   */\n  scrollToTop?: boolean;\n  /**\n   * React component or node to display at the bottom of the list, after all items.\n   */\n  bottomComponent?: React.ReactNode;\n};\n\nconst DefaultLoadingComponent = () => (\n  <Flex justifyContent=\"center\" alignItems=\"center\" height=\"76px\">\n    <InfiniteLoader />\n  </Flex>\n);\n\nfunction easeInOutCubic(t: number) {\n  return t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2;\n}\n\nexport const VirtualList = <T,>({\n  gap,\n  hasNextPage = false,\n  isLoading,\n  itemHeight,\n  items,\n  LoadingComponent,\n  onVisibleItemsScrollEnd,\n  overscan = 5,\n  renderItem,\n  scrollToTop = false,\n  bottomComponent,\n  threshold = 5,\n}: VirtualListProps<T>) => {\n  const parentRef = useRef<HTMLDivElement>(null);\n\n  const scrollToFn = useCallback(\n    (\n      offset: number,\n      options: { adjustments?: number; behavior?: \"auto\" | \"smooth\" },\n      instance: { scrollElement: HTMLElement | null },\n    ) => {\n      const element = instance.scrollElement;\n      if (!element) return;\n\n      const duration = options.behavior === \"smooth\" ? 100 : 0;\n\n      if (duration === 0) {\n        element.scrollTop = offset;\n        return;\n      }\n\n      const startTime = performance.now();\n      const startTop = element.scrollTop;\n      const distanceToScroll = offset - startTop;\n\n      const scrollStep = (currentTime: number) => {\n        const elapsed = currentTime - startTime;\n        const progress = Math.min(elapsed / duration, 1);\n\n        const easedProgress = easeInOutCubic(progress);\n\n        element.scrollTop = startTop + distanceToScroll * easedProgress;\n\n        if (progress < 1) {\n          requestAnimationFrame(scrollStep);\n        }\n      };\n\n      requestAnimationFrame(scrollStep);\n    },\n    [],\n  );\n\n  const rowVirtualizer = useVirtualizer({\n    gap,\n    count: hasNextPage ? items.length + 1 : items.length,\n    overscan,\n    getScrollElement: () => parentRef.current,\n    estimateSize: () => itemHeight,\n    scrollToFn,\n  });\n\n  useEffect(() => {\n    if (scrollToTop && parentRef.current) {\n      scrollToFn(0, { behavior: \"smooth\" }, { scrollElement: parentRef.current });\n    }\n  }, [scrollToTop, scrollToFn]);\n\n  const virtualItems = rowVirtualizer.getVirtualItems();\n\n  useEffect(() => {\n    if (!virtualItems.length) return;\n    const lastItem = virtualItems[virtualItems.length - 1];\n\n    if (\n      lastItem.index >= items.length - 1 - threshold &&\n      hasNextPage &&\n      !isLoading &&\n      onVisibleItemsScrollEnd\n    ) {\n      onVisibleItemsScrollEnd();\n    }\n  }, [hasNextPage, onVisibleItemsScrollEnd, items.length, isLoading, threshold, virtualItems]);\n\n  const showCustomLoadingComponent = !!LoadingComponent;\n\n  const Loading = useCallback(\n    () => (showCustomLoadingComponent ? LoadingComponent : <DefaultLoadingComponent />),\n    [showCustomLoadingComponent, LoadingComponent],\n  );\n\n  return (\n    <div\n      ref={parentRef}\n      style={{ width: \"100%\", height: \"100%\", overflow: \"auto\", scrollbarWidth: \"none\" }}\n    >\n      <div\n        style={{\n          height: `${rowVirtualizer.getTotalSize()}px`,\n          width: \"100%\",\n          display: \"flex\",\n          flexDirection: \"column\",\n          position: \"relative\",\n        }}\n      >\n        {rowVirtualizer.getVirtualItems().map((virtualRow: VirtualItem) => {\n          const item = items[virtualRow.index];\n\n          return (\n            <div\n              key={virtualRow.index}\n              data-index={virtualRow.index}\n              ref={rowVirtualizer.measureElement}\n              style={{\n                position: \"absolute\",\n                top: 0,\n                left: 0,\n                transform: `translateY(${virtualRow.start}px)`,\n                height: `${itemHeight}px`,\n                width: \"100%\",\n              }}\n            >\n              {item ? renderItem(item) : <Loading />}\n            </div>\n          );\n        })}\n        {bottomComponent && (\n          <div\n            style={{\n              position: \"absolute\",\n              top: `${rowVirtualizer.getTotalSize()}px`,\n              left: 0,\n              width: \"100%\",\n            }}\n          >\n            {bottomComponent}\n          </div>\n        )}\n      </div>\n      {isLoading && <Loading />}\n    </div>\n  );\n};\n","// From https://github.com/LedgerHQ/ldls/blob/main/libs/design-tokens/src/lib/design-tokens.ts :\n\nexport type SpacingScale = {\n  \"spacing-xs\": string;\n  \"spacing-s\": string;\n  \"spacing-m\": string;\n  \"spacing-l\": string;\n  \"spacing-xl\": string;\n  \"spacing-xxs\": string;\n  \"spacing-xxxs\": string;\n  \"spacing-none\": string;\n  \"marging-xs\": string;\n  \"marging-s\": string;\n  \"marging-m\": string;\n  \"marging-l\": string;\n};\n\nexport const spacing: SpacingScale = {\n  \"spacing-xs\": \"8px\",\n  \"spacing-s\": \"16px\",\n  \"spacing-m\": \"24px\",\n  \"spacing-l\": \"32px\",\n  \"spacing-xl\": \"40px\",\n  \"spacing-xxs\": \"12px\",\n  \"spacing-xxxs\": \"4px\",\n  \"spacing-none\": \"0px\",\n  \"marging-xs\": \"8px\",\n  \"marging-s\": \"16px\",\n  \"marging-m\": \"24px\",\n  \"marging-l\": \"32px\",\n};\n\nexport type ModeColors = {\n  \"background-default\": string;\n  \"background-constant-black\": string;\n  \"background-constant-white\": string;\n  \"background-backdrop-default\": string;\n  \"background-inverted\": string;\n  \"background-drawer-default\": string;\n  \"surface-brand-primary-default\": string;\n  \"surface-brand-primary-hover\": string;\n  \"surface-brand-primary-pressed\": string;\n  \"surface-default-default\": string;\n  \"surface-default-hover\": string;\n  \"surface-default-pressed\": string;\n  \"surface-default-inverted-default\": string;\n  \"surface-default-inverted-hover\": string;\n  \"surface-default-inverted-pressed\": string;\n  \"surface-constant-white\": string;\n  \"surface-constant-black\": string;\n  \"surface-status-error-default\": string;\n  \"surface-status-error-strong-default\": string;\n  \"surface-status-error-strong-hover\": string;\n  \"surface-status-error-strong-pressed\": string;\n  \"surface-status-warning-default\": string;\n  \"surface-status-warning-strong-default\": string;\n  \"surface-status-warning-strong-hover\": string;\n  \"surface-status-warning-strong-pressed\": string;\n  \"surface-status-success-default\": string;\n  \"surface-status-success-strong-default\": string;\n  \"surface-status-success-strong-hover\": string;\n  \"surface-status-success-strong-pressed\": string;\n  \"surface-transparent-default\": string;\n  \"surface-transparent-hover\": string;\n  \"surface-transparent-pressed\": string;\n  \"surface-transparent-inverted-default\": string;\n  \"surface-transparent-inverted-hover\": string;\n  \"surface-transparent-inverted-pressed\": string;\n  \"surface-transparent-subdued-default\": string;\n  \"surface-transparent-subdued-inverted-default\": string;\n  \"surface-transparent-subdued-inverted-hover\": string;\n  \"surface-transparent-subdued-inverted-pressed\": string;\n  \"surface-transparent-subdued-inverted-disabled\": string;\n  \"surface-transparent-subdued-hover\": string;\n  \"surface-transparent-subdued-pressed\": string;\n  \"surface-transparent-subdued-disabled\": string;\n  \"surface-subdued-default\": string;\n  \"surface-subdued-hover\": string;\n  \"surface-subdued-pressed\": string;\n  \"surface-disabled\": string;\n  \"surface-interactive-default\": string;\n  \"surface-interactive-hover\": string;\n  \"surface-interactive-pressed\": string;\n  \"surface-interactive-selected-default\": string;\n  \"surface-interactive-selected-hover\": string;\n  \"surface-interactive-selected-pressed\": string;\n  \"surface-_native-default\": string;\n  \"surface-dark-default\": string;\n  \"surface-dark-hover\": string;\n  \"surface-dark-pressed\": string;\n  \"surface-active-default\": string;\n  \"surface-active-hover\": string;\n  \"surface-active-pressed\": string;\n  \"content-default-default\": string;\n  \"content-default-inverted-default\": string;\n  \"content-constant-white\": string;\n  \"content-constant-black\": string;\n  \"content-constant-grey\": string;\n  \"content-status-error-default\": string;\n  \"content-status-error-hover\": string;\n  \"content-status-error-pressed\": string;\n  \"content-status-warning-default\": string;\n  \"content-status-success-color\": string;\n  \"content-on-primary-default\": string;\n  \"content-on-primary-hover\": string;\n  \"content-on-primary-pressed\": string;\n  \"content-on-primary-disabled\": string;\n  \"content-on-secondary-default\": string;\n  \"content-on-secondary-hover\": string;\n  \"content-on-secondary-pressed\": string;\n  \"content-on-secondary-disabled\": string;\n  \"content-disabled\": string;\n  \"content-interactive-default-default\": string;\n  \"content-interactive-default-hover\": string;\n  \"content-interactive-default-pressed\": string;\n  \"content-interactive-inverted-default\": string;\n  \"content-interactive-inverted-hover\": string;\n  \"content-interactive-inverted-pressed\": string;\n  \"content-subdued-default-default\": string;\n  \"content-subdued-inverted-default\": string;\n  \"content-_native-default\": string;\n  \"content-light-default-default\": string;\n  \"content-light-inverted-default\": string;\n  \"border-default-default\": string;\n  \"border-default-inverted-default\": string;\n  \"border-default-inverted-disabled\": string;\n  \"border-constant-white\": string;\n  \"border-constant-black\": string;\n  \"border-status-error-default\": string;\n  \"border-status-error-hover\": string;\n  \"border-status-error-pressed\": string;\n  \"border-status-warning-default\": string;\n  \"border-status-success-default\": string;\n  \"border-on-primary-default\": string;\n  \"border-on-primary-disabled\": string;\n  \"border-on-secondary-default\": string;\n  \"border-on-secondary-disabled\": string;\n  \"border-disabled-default\": string;\n  \"border-disabled-inverted\": string;\n  \"border-light-default\": string;\n  \"border-subdued-default-default\": string;\n  \"border-subdued-default-hover\": string;\n  \"border-subdued-inverted-default\": string;\n  \"border-interactive-default\": string;\n  \"border-interactive-hover\": string;\n  \"border-interactive-pressed\": string;\n  \"border-focus-default\": string;\n  \"border-active-default\": string;\n  \"border-active-hover\": string;\n  \"border-active-pressed\": string;\n  \"crypto-bitcoin-sv\": string;\n  \"crypto-bitcoin-gold\": string;\n  \"crypto-zcash\": string;\n  \"crypto-yieldly\": string;\n  \"crypto-uni\": string;\n  \"crypto-uniswap\": string;\n  \"crypto-bitcoin-cash\": string;\n  \"crypto-tezos\": string;\n  \"crypto-sol\": string;\n  \"crypto-xrp\": string;\n  \"crypto-tron\": string;\n  \"crypto-sats\": string;\n  \"crypto-polkadot\": string;\n  \"crypto-bitcoin\": string;\n  \"crypto-compound\": string;\n  \"crypto-peercoin\": string;\n  \"crypto-omg-network\": string;\n  \"crypto-near\": string;\n  \"crypto-stellar\": string;\n  \"crypto-nano\": string;\n  \"crypto-nimiq\": string;\n  \"crypto-multiverse-x\": string;\n  \"crypto-ethereum\": string;\n  \"crypto-okb\": string;\n  \"crypto-tether-usdt\": string;\n  \"crypto-avax\": string;\n  \"crypto-bgb\": string;\n  \"crypto-usdc\": string;\n  \"crypto-monero\": string;\n  \"crypto-tkx\": string;\n  \"crypto-huobi\": string;\n  \"crypto-pivx\": string;\n  \"crypto-cardano\": string;\n  \"crypto-dydx\": string;\n  \"crypto-cro\": string;\n  \"crypto-hnt\": string;\n  \"crypto-hedera\": string;\n  \"crypto-ftm\": string;\n  \"crypto-flr\": string;\n  \"crypto-bat\": string;\n  \"crypto-ethereum-classic\": string;\n  \"crypto-bincance\": string;\n  \"crypto-ethergem\": string;\n  \"crypto-iota\": string;\n  \"crypto-chainlink\": string;\n  \"crypto-dym\": string;\n  \"crypto-eos\": string;\n  \"crypto-waves\": string;\n  \"crypto-polygon\": string;\n  \"crypto-celo\": string;\n  \"crypto-dogecoin\": string;\n  \"crypto-algorand\": string;\n  \"crypto-cosmos\": string;\n  \"crypto-digibyte\": string;\n  \"crypto-pirl\": string;\n  \"crypto-eng\": string;\n  \"crypto-decred\": string;\n  \"crypto-dash\": string;\n  \"crypto-xin\": string;\n  \"crypto-tusd\": string;\n  \"crypto-litecoin\": string;\n  \"crypto-komodo\": string;\n  \"crypto-elrond\": string;\n  \"crypto-osmo\": string;\n  \"crypto-leo\": string;\n  \"crypto-bytecoin\": string;\n  \"crypto-aion\": string;\n  \"crypto-dai\": string;\n  \"crypto-neo\": string;\n};\n\nexport const light: ModeColors = {\n  \"background-default\": \"#ffffff\",\n  \"background-constant-black\": \"#000000\",\n  \"background-constant-white\": \"#ffffff\",\n  \"background-backdrop-default\": \"#0000004d\",\n  \"background-inverted\": \"#000000\",\n  \"background-drawer-default\": \"#ffffff\",\n  \"surface-brand-primary-default\": \"#d4a0ff\",\n  \"surface-brand-primary-hover\": \"#b380dd\",\n  \"surface-brand-primary-pressed\": \"#7e4ea5\",\n  \"surface-default-default\": \"#ffffff\",\n  \"surface-default-hover\": \"#fbfbfb\",\n  \"surface-default-pressed\": \"#f4f4f4\",\n  \"surface-default-inverted-default\": \"#000000\",\n  \"surface-default-inverted-hover\": \"#272727\",\n  \"surface-default-inverted-pressed\": \"#4d4d4d\",\n  \"surface-constant-white\": \"#ffffff\",\n  \"surface-constant-black\": \"#000000\",\n  \"surface-status-error-default\": \"#c242441a\",\n  \"surface-status-error-strong-default\": \"#c24244\",\n  \"surface-status-error-strong-hover\": \"#852e2f\",\n  \"surface-status-error-strong-pressed\": \"#702e2f\",\n  \"surface-status-warning-default\": \"#d38b201a\",\n  \"surface-status-warning-strong-default\": \"#d38b20\",\n  \"surface-status-warning-strong-hover\": \"#885a14\",\n  \"surface-status-warning-strong-pressed\": \"#63420f\",\n  \"surface-status-success-default\": \"#47883a1a\",\n  \"surface-status-success-strong-default\": \"#47883a\",\n  \"surface-status-success-strong-hover\": \"#33572e\",\n  \"surface-status-success-strong-pressed\": \"#2c4828\",\n  \"surface-transparent-default\": \"#00000000\",\n  \"surface-transparent-hover\": \"#0000001a\",\n  \"surface-transparent-pressed\": \"#00000033\",\n  \"surface-transparent-inverted-default\": \"#ffffff00\",\n  \"surface-transparent-inverted-hover\": \"#ffffff1a\",\n  \"surface-transparent-inverted-pressed\": \"#ffffff33\",\n  \"surface-transparent-subdued-default\": \"#0000000d\",\n  \"surface-transparent-subdued-inverted-default\": \"#ffffff1a\",\n  \"surface-transparent-subdued-inverted-hover\": \"#ffffff33\",\n  \"surface-transparent-subdued-inverted-pressed\": \"#ffffff4d\",\n  \"surface-transparent-subdued-inverted-disabled\": \"#ffffff1a\",\n  \"surface-transparent-subdued-hover\": \"#0000001a\",\n  \"surface-transparent-subdued-pressed\": \"#00000033\",\n  \"surface-transparent-subdued-disabled\": \"#0000000d\",\n  \"surface-subdued-default\": \"#f4f4f4\",\n  \"surface-subdued-hover\": \"#e8e8e8\",\n  \"surface-subdued-pressed\": \"#d5d5d5\",\n  \"surface-disabled\": \"#f4f4f4\",\n  \"surface-interactive-default\": \"#ffffff\",\n  \"surface-interactive-hover\": \"#fbfbfb\",\n  \"surface-interactive-pressed\": \"#f4f4f4\",\n  \"surface-interactive-selected-default\": \"#4d4d4d\",\n  \"surface-interactive-selected-hover\": \"#272727\",\n  \"surface-interactive-selected-pressed\": \"#000000\",\n  \"surface-_native-default\": \"#f7f7f7\",\n  \"surface-dark-default\": \"#c1c1c1\",\n  \"surface-dark-hover\": \"#767676\",\n  \"surface-dark-pressed\": \"#6a6a6a\",\n  \"surface-active-default\": \"#d4a0ff\",\n  \"surface-active-hover\": \"#b380dd\",\n  \"surface-active-pressed\": \"#7e4ea5\",\n  \"content-default-default\": \"#000000\",\n  \"content-default-inverted-default\": \"#ffffff\",\n  \"content-constant-white\": \"#ffffff\",\n  \"content-constant-black\": \"#000000\",\n  \"content-constant-grey\": \"#e8e8e8\",\n  \"content-status-error-default\": \"#c24244\",\n  \"content-status-error-hover\": \"#a43234\",\n  \"content-status-error-pressed\": \"#852e2f\",\n  \"content-status-warning-default\": \"#ae731a\",\n  \"content-status-success-color\": \"#47883a\",\n  \"content-on-primary-default\": \"#000000\",\n  \"content-on-primary-hover\": \"#ffffffcc\",\n  \"content-on-primary-pressed\": \"#ffffffb3\",\n  \"content-on-primary-disabled\": \"#ffffff99\",\n  \"content-on-secondary-default\": \"#ffffff\",\n  \"content-on-secondary-hover\": \"#ffffff\",\n  \"content-on-secondary-pressed\": \"#ffffff\",\n  \"content-on-secondary-disabled\": \"#ffffff\",\n  \"content-disabled\": \"#c1c1c1\",\n  \"content-interactive-default-default\": \"#000000\",\n  \"content-interactive-default-hover\": \"#272727\",\n  \"content-interactive-default-pressed\": \"#4d4d4d\",\n  \"content-interactive-inverted-default\": \"#ffffff\",\n  \"content-interactive-inverted-hover\": \"#fbfbfb\",\n  \"content-interactive-inverted-pressed\": \"#f4f4f4\",\n  \"content-subdued-default-default\": \"#6a6a6a\",\n  \"content-subdued-inverted-default\": \"#d5d5d5\",\n  \"content-_native-default\": \"#007aff\",\n  \"content-light-default-default\": \"#e8e8e8\",\n  \"content-light-inverted-default\": \"#6a6a6a\",\n  \"border-default-default\": \"#000000\",\n  \"border-default-inverted-default\": \"#ffffff\",\n  \"border-default-inverted-disabled\": \"#272727\",\n  \"border-constant-white\": \"#ffffff\",\n  \"border-constant-black\": \"#000000\",\n  \"border-status-error-default\": \"#c24244\",\n  \"border-status-error-hover\": \"#a43234\",\n  \"border-status-error-pressed\": \"#852e2f\",\n  \"border-status-warning-default\": \"#d38b20\",\n  \"border-status-success-default\": \"#47883a\",\n  \"border-on-primary-default\": \"#ffffff99\",\n  \"border-on-primary-disabled\": \"#ffffff99\",\n  \"border-on-secondary-default\": \"#ffffff\",\n  \"border-on-secondary-disabled\": \"#ffffff\",\n  \"border-disabled-default\": \"#e8e8e8\",\n  \"border-disabled-inverted\": \"#272727\",\n  \"border-light-default\": \"#e8e8e8\",\n  \"border-subdued-default-default\": \"#c1c1c1\",\n  \"border-subdued-default-hover\": \"#767676\",\n  \"border-subdued-inverted-default\": \"#4d4d4d\",\n  \"border-interactive-default\": \"#000000\",\n  \"border-interactive-hover\": \"#272727\",\n  \"border-interactive-pressed\": \"#4d4d4d\",\n  \"border-focus-default\": \"#7e4ea5\",\n  \"border-active-default\": \"#d4a0ff\",\n  \"border-active-hover\": \"#b380dd\",\n  \"border-active-pressed\": \"#7e4ea5\",\n  \"crypto-bitcoin-sv\": \"#eab300\",\n  \"crypto-bitcoin-gold\": \"#152569\",\n  \"crypto-zcash\": \"#f4b728\",\n  \"crypto-yieldly\": \"#f3b732\",\n  \"crypto-uni\": \"#f04086\",\n  \"crypto-uniswap\": \"#ff007a\",\n  \"crypto-bitcoin-cash\": \"#0ac18e\",\n  \"crypto-tezos\": \"#2c7df7\",\n  \"crypto-sol\": \"#9945ff\",\n  \"crypto-xrp\": \"#333333\",\n  \"crypto-tron\": \"#ff060a\",\n  \"crypto-sats\": \"#ff8b00\",\n  \"crypto-polkadot\": \"#e6007a\",\n  \"crypto-bitcoin\": \"#f7931a\",\n  \"crypto-compound\": \"#00d395\",\n  \"crypto-peercoin\": \"#3cb054\",\n  \"crypto-omg-network\": \"#000000\",\n  \"crypto-near\": \"#1c1d1f\",\n  \"crypto-stellar\": \"#000000\",\n  \"crypto-nano\": \"#5d8eb2\",\n  \"crypto-nimiq\": \"#f8b425\",\n  \"crypto-multiverse-x\": \"#23f7dd\",\n  \"crypto-ethereum\": \"#454a75\",\n  \"crypto-okb\": \"#2d60e0\",\n  \"crypto-tether-usdt\": \"#00a478\",\n  \"crypto-avax\": \"#e84142\",\n  \"crypto-bgb\": \"#00e0ff\",\n  \"crypto-usdc\": \"#f04086\",\n  \"crypto-monero\": \"#f26822\",\n  \"crypto-tkx\": \"#fd6a1f\",\n  \"crypto-huobi\": \"#357ce1\",\n  \"crypto-pivx\": \"#5c4c7c\",\n  \"crypto-cardano\": \"#0033ad\",\n  \"crypto-dydx\": \"#6966ff\",\n  \"crypto-cro\": \"#002d74\",\n  \"crypto-hnt\": \"#474dff\",\n  \"crypto-hedera\": \"#000000\",\n  \"crypto-ftm\": \"#1969ff\",\n  \"crypto-flr\": \"#e62058\",\n  \"crypto-bat\": \"#ff5000\",\n  \"crypto-ethereum-classic\": \"#0b8311\",\n  \"crypto-bincance\": \"#f5bc00\",\n  \"crypto-ethergem\": \"#4a4ab6\",\n  \"crypto-iota\": \"#000000\",\n  \"crypto-chainlink\": \"#2a5ada\",\n  \"crypto-dym\": \"#f1e1d4\",\n  \"crypto-eos\": \"#000000\",\n  \"crypto-waves\": \"#0055ff\",\n  \"crypto-polygon\": \"#8247e5\",\n  \"crypto-celo\": \"#fcff52\",\n  \"crypto-dogecoin\": \"#c3a634\",\n  \"crypto-algorand\": \"#00a478\",\n  \"crypto-cosmos\": \"#2e3148\",\n  \"crypto-digibyte\": \"#0066cc\",\n  \"crypto-pirl\": \"#357ce1\",\n  \"crypto-eng\": \"#2f2f2f\",\n  \"crypto-decred\": \"#2970ff\",\n  \"crypto-dash\": \"#008ce7\",\n  \"crypto-xin\": \"#1eb5fa\",\n  \"crypto-tusd\": \"#1a5aff\",\n  \"crypto-litecoin\": \"#345d9d\",\n  \"crypto-komodo\": \"#41ead4\",\n  \"crypto-elrond\": \"#000000\",\n  \"crypto-osmo\": \"#302dbb\",\n  \"crypto-leo\": \"#000000\",\n  \"crypto-bytecoin\": \"#f04086\",\n  \"crypto-aion\": \"#212529\",\n  \"crypto-dai\": \"#f5ac37\",\n  \"crypto-neo\": \"#7dd224\",\n};\n\nexport const dark: ModeColors = {\n  \"background-default\": \"#000000\",\n  \"background-constant-black\": \"#000000\",\n  \"background-constant-white\": \"#ffffff\",\n  \"background-backdrop-default\": \"#0000004d\",\n  \"background-inverted\": \"#ffffff\",\n  \"background-drawer-default\": \"#191919\",\n  \"surface-brand-primary-default\": \"#d4a0ff\",\n  \"surface-brand-primary-hover\": \"#ddb3ff\",\n  \"surface-brand-primary-pressed\": \"#e5c6ff\",\n  \"surface-default-default\": \"#000000\",\n  \"surface-default-hover\": \"#191919\",\n  \"surface-default-pressed\": \"#272727\",\n  \"surface-default-inverted-default\": \"#ffffff\",\n  \"surface-default-inverted-hover\": \"#e1e1e1\",\n  \"surface-default-inverted-pressed\": \"#c3c3c3\",\n  \"surface-constant-white\": \"#ffffff\",\n  \"surface-constant-black\": \"#000000\",\n  \"surface-status-error-default\": \"#f872741a\",\n  \"surface-status-error-strong-default\": \"#f87274\",\n  \"surface-status-error-strong-hover\": \"#fec8c9\",\n  \"surface-status-error-strong-pressed\": \"#fee1e2\",\n  \"surface-status-warning-default\": \"#ffbd421a\",\n  \"surface-status-warning-strong-default\": \"#ffbd42\",\n  \"surface-status-warning-strong-hover\": \"#ffe7ac\",\n  \"surface-status-warning-strong-pressed\": \"#fff3d5\",\n  \"surface-status-success-default\": \"#6ec85c1a\",\n  \"surface-status-success-strong-default\": \"#6ec85c\",\n  \"surface-status-success-strong-hover\": \"#cbeec4\",\n  \"surface-status-success-strong-pressed\": \"#e6f7e1\",\n  \"surface-transparent-default\": \"#ffffff00\",\n  \"surface-transparent-hover\": \"#ffffff1a\",\n  \"surface-transparent-pressed\": \"#ffffff33\",\n  \"surface-transparent-inverted-default\": \"#00000000\",\n  \"surface-transparent-inverted-hover\": \"#0000001a\",\n  \"surface-transparent-inverted-pressed\": \"#00000033\",\n  \"surface-transparent-subdued-default\": \"#ffffff1a\",\n  \"surface-transparent-subdued-inverted-default\": \"#0000000d\",\n  \"surface-transparent-subdued-inverted-hover\": \"#0000001a\",\n  \"surface-transparent-subdued-inverted-pressed\": \"#00000033\",\n  \"surface-transparent-subdued-inverted-disabled\": \"#0000000d\",\n  \"surface-transparent-subdued-hover\": \"#ffffff33\",\n  \"surface-transparent-subdued-pressed\": \"#ffffff4d\",\n  \"surface-transparent-subdued-disabled\": \"#ffffff1a\",\n  \"surface-subdued-default\": \"#272727\",\n  \"surface-subdued-hover\": \"#3c3c3c\",\n  \"surface-subdued-pressed\": \"#565656\",\n  \"surface-disabled\": \"#272727\",\n  \"surface-interactive-default\": \"#000000\",\n  \"surface-interactive-hover\": \"#191919\",\n  \"surface-interactive-pressed\": \"#272727\",\n  \"surface-interactive-selected-default\": \"#c3c3c3\",\n  \"surface-interactive-selected-hover\": \"#e1e1e1\",\n  \"surface-interactive-selected-pressed\": \"#ffffff\",\n  \"surface-_native-default\": \"#c3c3c3\",\n  \"surface-dark-default\": \"#717070\",\n  \"surface-dark-hover\": \"#848484\",\n  \"surface-dark-pressed\": \"#9c9c9c\",\n  \"surface-active-default\": \"#d4a0ff\",\n  \"surface-active-hover\": \"#ddb3ff\",\n  \"surface-active-pressed\": \"#e5c6ff\",\n  \"content-default-default\": \"#ffffff\",\n  \"content-default-inverted-default\": \"#000000\",\n  \"content-constant-white\": \"#ffffff\",\n  \"content-constant-black\": \"#000000\",\n  \"content-constant-grey\": \"#e1e1e1\",\n  \"content-status-error-default\": \"#f87274\",\n  \"content-status-error-hover\": \"#fca6a7\",\n  \"content-status-error-pressed\": \"#fec8c9\",\n  \"content-status-warning-default\": \"#ffd373\",\n  \"content-status-success-color\": \"#6ec85c\",\n  \"content-on-primary-default\": \"#000000\",\n  \"content-on-primary-hover\": \"#000000cc\",\n  \"content-on-primary-pressed\": \"#000000b3\",\n  \"content-on-primary-disabled\": \"#00000099\",\n  \"content-on-secondary-default\": \"#ffffff\",\n  \"content-on-secondary-hover\": \"#ffffff\",\n  \"content-on-secondary-pressed\": \"#ffffff\",\n  \"content-on-secondary-disabled\": \"#ffffff\",\n  \"content-disabled\": \"#565656\",\n  \"content-interactive-default-default\": \"#ffffff\",\n  \"content-interactive-default-hover\": \"#e1e1e1\",\n  \"content-interactive-default-pressed\": \"#c3c3c3\",\n  \"content-interactive-inverted-default\": \"#000000\",\n  \"content-interactive-inverted-hover\": \"#191919\",\n  \"content-interactive-inverted-pressed\": \"#272727\",\n  \"content-subdued-default-default\": \"#9c9c9c\",\n  \"content-subdued-inverted-default\": \"#565656\",\n  \"content-_native-default\": \"#007aff\",\n  \"content-light-default-default\": \"#3c3c3c\",\n  \"content-light-inverted-default\": \"#9c9c9c\",\n  \"border-default-default\": \"#ffffff\",\n  \"border-default-inverted-default\": \"#000000\",\n  \"border-default-inverted-disabled\": \"#9c9c9c\",\n  \"border-constant-white\": \"#ffffff\",\n  \"border-constant-black\": \"#000000\",\n  \"border-status-error-default\": \"#f87274\",\n  \"border-status-error-hover\": \"#fca6a7\",\n  \"border-status-error-pressed\": \"#fec8c9\",\n  \"border-status-warning-default\": \"#ffbd42\",\n  \"border-status-success-default\": \"#6ec85c\",\n  \"border-on-primary-default\": \"#00000099\",\n  \"border-on-primary-disabled\": \"#00000099\",\n  \"border-on-secondary-default\": \"#ffffff\",\n  \"border-on-secondary-disabled\": \"#ffffff\",\n  \"border-disabled-default\": \"#191919\",\n  \"border-disabled-inverted\": \"#9c9c9c\",\n  \"border-light-default\": \"#3c3c3c\",\n  \"border-subdued-default-default\": \"#717070\",\n  \"border-subdued-default-hover\": \"#848484\",\n  \"border-subdued-inverted-default\": \"#c3c3c3\",\n  \"border-interactive-default\": \"#ffffff\",\n  \"border-interactive-hover\": \"#e1e1e1\",\n  \"border-interactive-pressed\": \"#c3c3c3\",\n  \"border-focus-default\": \"#f2e2ff\",\n  \"border-active-default\": \"#d4a0ff\",\n  \"border-active-hover\": \"#ddb3ff\",\n  \"border-active-pressed\": \"#e5c6ff\",\n  \"crypto-bitcoin-sv\": \"#eab300\",\n  \"crypto-bitcoin-gold\": \"#152569\",\n  \"crypto-zcash\": \"#f4b728\",\n  \"crypto-yieldly\": \"#f3b732\",\n  \"crypto-uni\": \"#f04086\",\n  \"crypto-uniswap\": \"#ff007a\",\n  \"crypto-bitcoin-cash\": \"#0ac18e\",\n  \"crypto-tezos\": \"#2c7df7\",\n  \"crypto-sol\": \"#9945ff\",\n  \"crypto-xrp\": \"#333333\",\n  \"crypto-tron\": \"#ff060a\",\n  \"crypto-sats\": \"#ff8b00\",\n  \"crypto-polkadot\": \"#e6007a\",\n  \"crypto-bitcoin\": \"#f7931a\",\n  \"crypto-compound\": \"#00d395\",\n  \"crypto-peercoin\": \"#3cb054\",\n  \"crypto-omg-network\": \"#000000\",\n  \"crypto-near\": \"#1c1d1f\",\n  \"crypto-stellar\": \"#000000\",\n  \"crypto-nano\": \"#5d8eb2\",\n  \"crypto-nimiq\": \"#f8b425\",\n  \"crypto-multiverse-x\": \"#23f7dd\",\n  \"crypto-ethereum\": \"#454a75\",\n  \"crypto-okb\": \"#2d60e0\",\n  \"crypto-tether-usdt\": \"#00a478\",\n  \"crypto-avax\": \"#e84142\",\n  \"crypto-bgb\": \"#00e0ff\",\n  \"crypto-usdc\": \"#f04086\",\n  \"crypto-monero\": \"#f26822\",\n  \"crypto-tkx\": \"#fd6a1f\",\n  \"crypto-huobi\": \"#357ce1\",\n  \"crypto-pivx\": \"#5c4c7c\",\n  \"crypto-cardano\": \"#0033ad\",\n  \"crypto-dydx\": \"#6966ff\",\n  \"crypto-cro\": \"#002d74\",\n  \"crypto-hnt\": \"#474dff\",\n  \"crypto-hedera\": \"#000000\",\n  \"crypto-ftm\": \"#1969ff\",\n  \"crypto-flr\": \"#e62058\",\n  \"crypto-bat\": \"#ff5000\",\n  \"crypto-ethereum-classic\": \"#0b8311\",\n  \"crypto-bincance\": \"#f5bc00\",\n  \"crypto-ethergem\": \"#4a4ab6\",\n  \"crypto-iota\": \"#000000\",\n  \"crypto-chainlink\": \"#2a5ada\",\n  \"crypto-dym\": \"#f1e1d4\",\n  \"crypto-eos\": \"#000000\",\n  \"crypto-waves\": \"#0055ff\",\n  \"crypto-polygon\": \"#8247e5\",\n  \"crypto-celo\": \"#fcff52\",\n  \"crypto-dogecoin\": \"#c3a634\",\n  \"crypto-algorand\": \"#00a478\",\n  \"crypto-cosmos\": \"#2e3148\",\n  \"crypto-digibyte\": \"#0066cc\",\n  \"crypto-pirl\": \"#357ce1\",\n  \"crypto-eng\": \"#2f2f2f\",\n  \"crypto-decred\": \"#2970ff\",\n  \"crypto-dash\": \"#008ce7\",\n  \"crypto-xin\": \"#1eb5fa\",\n  \"crypto-tusd\": \"#1a5aff\",\n  \"crypto-litecoin\": \"#345d9d\",\n  \"crypto-komodo\": \"#41ead4\",\n  \"crypto-elrond\": \"#000000\",\n  \"crypto-osmo\": \"#302dbb\",\n  \"crypto-leo\": \"#000000\",\n  \"crypto-bytecoin\": \"#f04086\",\n  \"crypto-aion\": \"#212529\",\n  \"crypto-dai\": \"#f5ac37\",\n  \"crypto-neo\": \"#7dd224\",\n};\n\nexport const tailwindColors = {\n  \"background-default\": \"var(--background-default)\",\n  \"background-constant-black\": \"var(--background-constant-black)\",\n  \"background-constant-white\": \"var(--background-constant-white)\",\n  \"background-backdrop-default\": \"var(--background-backdrop-default)\",\n  \"background-inverted\": \"var(--background-inverted)\",\n  \"background-drawer-default\": \"var(--background-drawer-default)\",\n  \"surface-brand-primary-default\": \"var(--surface-brand-primary-default)\",\n  \"surface-brand-primary-hover\": \"var(--surface-brand-primary-hover)\",\n  \"surface-brand-primary-pressed\": \"var(--surface-brand-primary-pressed)\",\n  \"surface-default-default\": \"var(--surface-default-default)\",\n  \"surface-default-hover\": \"var(--surface-default-hover)\",\n  \"surface-default-pressed\": \"var(--surface-default-pressed)\",\n  \"surface-default-inverted-default\": \"var(--surface-default-inverted-default)\",\n  \"surface-default-inverted-hover\": \"var(--surface-default-inverted-hover)\",\n  \"surface-default-inverted-pressed\": \"var(--surface-default-inverted-pressed)\",\n  \"surface-constant-white\": \"var(--surface-constant-white)\",\n  \"surface-constant-black\": \"var(--surface-constant-black)\",\n  \"surface-status-error-default\": \"var(--surface-status-error-default)\",\n  \"surface-status-error-strong-default\": \"var(--surface-status-error-strong-default)\",\n  \"surface-status-error-strong-hover\": \"var(--surface-status-error-strong-hover)\",\n  \"surface-status-error-strong-pressed\": \"var(--surface-status-error-strong-pressed)\",\n  \"surface-status-warning-default\": \"var(--surface-status-warning-default)\",\n  \"surface-status-warning-strong-default\": \"var(--surface-status-warning-strong-default)\",\n  \"surface-status-warning-strong-hover\": \"var(--surface-status-warning-strong-hover)\",\n  \"surface-status-warning-strong-pressed\": \"var(--surface-status-warning-strong-pressed)\",\n  \"surface-status-success-default\": \"var(--surface-status-success-default)\",\n  \"surface-status-success-strong-default\": \"var(--surface-status-success-strong-default)\",\n  \"surface-status-success-strong-hover\": \"var(--surface-status-success-strong-hover)\",\n  \"surface-status-success-strong-pressed\": \"var(--surface-status-success-strong-pressed)\",\n  \"surface-transparent-default\": \"var(--surface-transparent-default)\",\n  \"surface-transparent-hover\": \"var(--surface-transparent-hover)\",\n  \"surface-transparent-pressed\": \"var(--surface-transparent-pressed)\",\n  \"surface-transparent-inverted-default\": \"var(--surface-transparent-inverted-default)\",\n  \"surface-transparent-inverted-hover\": \"var(--surface-transparent-inverted-hover)\",\n  \"surface-transparent-inverted-pressed\": \"var(--surface-transparent-inverted-pressed)\",\n  \"surface-transparent-subdued-default\": \"var(--surface-transparent-subdued-default)\",\n  \"surface-transparent-subdued-inverted-default\":\n    \"var(--surface-transparent-subdued-inverted-default)\",\n  \"surface-transparent-subdued-inverted-hover\": \"var(--surface-transparent-subdued-inverted-hover)\",\n  \"surface-transparent-subdued-inverted-pressed\":\n    \"var(--surface-transparent-subdued-inverted-pressed)\",\n  \"surface-transparent-subdued-inverted-disabled\":\n    \"var(--surface-transparent-subdued-inverted-disabled)\",\n  \"surface-transparent-subdued-hover\": \"var(--surface-transparent-subdued-hover)\",\n  \"surface-transparent-subdued-pressed\": \"var(--surface-transparent-subdued-pressed)\",\n  \"surface-transparent-subdued-disabled\": \"var(--surface-transparent-subdued-disabled)\",\n  \"surface-subdued-default\": \"var(--surface-subdued-default)\",\n  \"surface-subdued-hover\": \"var(--surface-subdued-hover)\",\n  \"surface-subdued-pressed\": \"var(--surface-subdued-pressed)\",\n  \"surface-disabled\": \"var(--surface-disabled)\",\n  \"surface-interactive-default\": \"var(--surface-interactive-default)\",\n  \"surface-interactive-hover\": \"var(--surface-interactive-hover)\",\n  \"surface-interactive-pressed\": \"var(--surface-interactive-pressed)\",\n  \"surface-interactive-selected-default\": \"var(--surface-interactive-selected-default)\",\n  \"surface-interactive-selected-hover\": \"var(--surface-interactive-selected-hover)\",\n  \"surface-interactive-selected-pressed\": \"var(--surface-interactive-selected-pressed)\",\n  \"surface-_native-default\": \"var(--surface-_native-default)\",\n  \"surface-dark-default\": \"var(--surface-dark-default)\",\n  \"surface-dark-hover\": \"var(--surface-dark-hover)\",\n  \"surface-dark-pressed\": \"var(--surface-dark-pressed)\",\n  \"surface-active-default\": \"var(--surface-active-default)\",\n  \"surface-active-hover\": \"var(--surface-active-hover)\",\n  \"surface-active-pressed\": \"var(--surface-active-pressed)\",\n  \"content-default-default\": \"var(--content-default-default)\",\n  \"content-default-inverted-default\": \"var(--content-default-inverted-default)\",\n  \"content-constant-white\": \"var(--content-constant-white)\",\n  \"content-constant-black\": \"var(--content-constant-black)\",\n  \"content-constant-grey\": \"var(--content-constant-grey)\",\n  \"content-status-error-default\": \"var(--content-status-error-default)\",\n  \"content-status-error-hover\": \"var(--content-status-error-hover)\",\n  \"content-status-error-pressed\": \"var(--content-status-error-pressed)\",\n  \"content-status-warning-default\": \"var(--content-status-warning-default)\",\n  \"content-status-success-color\": \"var(--content-status-success-color)\",\n  \"content-on-primary-default\": \"var(--content-on-primary-default)\",\n  \"content-on-primary-hover\": \"var(--content-on-primary-hover)\",\n  \"content-on-primary-pressed\": \"var(--content-on-primary-pressed)\",\n  \"content-on-primary-disabled\": \"var(--content-on-primary-disabled)\",\n  \"content-on-secondary-default\": \"var(--content-on-secondary-default)\",\n  \"content-on-secondary-hover\": \"var(--content-on-secondary-hover)\",\n  \"content-on-secondary-pressed\": \"var(--content-on-secondary-pressed)\",\n  \"content-on-secondary-disabled\": \"var(--content-on-secondary-disabled)\",\n  \"content-disabled\": \"var(--content-disabled)\",\n  \"content-interactive-default-default\": \"var(--content-interactive-default-default)\",\n  \"content-interactive-default-hover\": \"var(--content-interactive-default-hover)\",\n  \"content-interactive-default-pressed\": \"var(--content-interactive-default-pressed)\",\n  \"content-interactive-inverted-default\": \"var(--content-interactive-inverted-default)\",\n  \"content-interactive-inverted-hover\": \"var(--content-interactive-inverted-hover)\",\n  \"content-interactive-inverted-pressed\": \"var(--content-interactive-inverted-pressed)\",\n  \"content-subdued-default-default\": \"var(--content-subdued-default-default)\",\n  \"content-subdued-inverted-default\": \"var(--content-subdued-inverted-default)\",\n  \"content-_native-default\": \"var(--content-_native-default)\",\n  \"content-light-default-default\": \"var(--content-light-default-default)\",\n  \"content-light-inverted-default\": \"var(--content-light-inverted-default)\",\n  \"border-default-default\": \"var(--border-default-default)\",\n  \"border-default-inverted-default\": \"var(--border-default-inverted-default)\",\n  \"border-default-inverted-disabled\": \"var(--border-default-inverted-disabled)\",\n  \"border-constant-white\": \"var(--border-constant-white)\",\n  \"border-constant-black\": \"var(--border-constant-black)\",\n  \"border-status-error-default\": \"var(--border-status-error-default)\",\n  \"border-status-error-hover\": \"var(--border-status-error-hover)\",\n  \"border-status-error-pressed\": \"var(--border-status-error-pressed)\",\n  \"border-status-warning-default\": \"var(--border-status-warning-default)\",\n  \"border-status-success-default\": \"var(--border-status-success-default)\",\n  \"border-on-primary-default\": \"var(--border-on-primary-default)\",\n  \"border-on-primary-disabled\": \"var(--border-on-primary-disabled)\",\n  \"border-on-secondary-default\": \"var(--border-on-secondary-default)\",\n  \"border-on-secondary-disabled\": \"var(--border-on-secondary-disabled)\",\n  \"border-disabled-default\": \"var(--border-disabled-default)\",\n  \"border-disabled-inverted\": \"var(--border-disabled-inverted)\",\n  \"border-light-default\": \"var(--border-light-default)\",\n  \"border-subdued-default-default\": \"var(--border-subdued-default-default)\",\n  \"border-subdued-default-hover\": \"var(--border-subdued-default-hover)\",\n  \"border-subdued-inverted-default\": \"var(--border-subdued-inverted-default)\",\n  \"border-interactive-default\": \"var(--border-interactive-default)\",\n  \"border-interactive-hover\": \"var(--border-interactive-hover)\",\n  \"border-interactive-pressed\": \"var(--border-interactive-pressed)\",\n  \"border-focus-default\": \"var(--border-focus-default)\",\n  \"border-active-default\": \"var(--border-active-default)\",\n  \"border-active-hover\": \"var(--border-active-hover)\",\n  \"border-active-pressed\": \"var(--border-active-pressed)\",\n  \"crypto-bitcoin-sv\": \"var(--crypto-bitcoin-sv)\",\n  \"crypto-bitcoin-gold\": \"var(--crypto-bitcoin-gold)\",\n  \"crypto-zcash\": \"var(--crypto-zcash)\",\n  \"crypto-yieldly\": \"var(--crypto-yieldly)\",\n  \"crypto-uni\": \"var(--crypto-uni)\",\n  \"crypto-uniswap\": \"var(--crypto-uniswap)\",\n  \"crypto-bitcoin-cash\": \"var(--crypto-bitcoin-cash)\",\n  \"crypto-tezos\": \"var(--crypto-tezos)\",\n  \"crypto-sol\": \"var(--crypto-sol)\",\n  \"crypto-xrp\": \"var(--crypto-xrp)\",\n  \"crypto-tron\": \"var(--crypto-tron)\",\n  \"crypto-sats\": \"var(--crypto-sats)\",\n  \"crypto-polkadot\": \"var(--crypto-polkadot)\",\n  \"crypto-bitcoin\": \"var(--crypto-bitcoin)\",\n  \"crypto-compound\": \"var(--crypto-compound)\",\n  \"crypto-peercoin\": \"var(--crypto-peercoin)\",\n  \"crypto-omg-network\": \"var(--crypto-omg-network)\",\n  \"crypto-near\": \"var(--crypto-near)\",\n  \"crypto-stellar\": \"var(--crypto-stellar)\",\n  \"crypto-nano\": \"var(--crypto-nano)\",\n  \"crypto-nimiq\": \"var(--crypto-nimiq)\",\n  \"crypto-multiverse-x\": \"var(--crypto-multiverse-x)\",\n  \"crypto-ethereum\": \"var(--crypto-ethereum)\",\n  \"crypto-okb\": \"var(--crypto-okb)\",\n  \"crypto-tether-usdt\": \"var(--crypto-tether-usdt)\",\n  \"crypto-avax\": \"var(--crypto-avax)\",\n  \"crypto-bgb\": \"var(--crypto-bgb)\",\n  \"crypto-usdc\": \"var(--crypto-usdc)\",\n  \"crypto-monero\": \"var(--crypto-monero)\",\n  \"crypto-tkx\": \"var(--crypto-tkx)\",\n  \"crypto-huobi\": \"var(--crypto-huobi)\",\n  \"crypto-pivx\": \"var(--crypto-pivx)\",\n  \"crypto-cardano\": \"var(--crypto-cardano)\",\n  \"crypto-dydx\": \"var(--crypto-dydx)\",\n  \"crypto-cro\": \"var(--crypto-cro)\",\n  \"crypto-hnt\": \"var(--crypto-hnt)\",\n  \"crypto-hedera\": \"var(--crypto-hedera)\",\n  \"crypto-ftm\": \"var(--crypto-ftm)\",\n  \"crypto-flr\": \"var(--crypto-flr)\",\n  \"crypto-bat\": \"var(--crypto-bat)\",\n  \"crypto-ethereum-classic\": \"var(--crypto-ethereum-classic)\",\n  \"crypto-bincance\": \"var(--crypto-bincance)\",\n  \"crypto-ethergem\": \"var(--crypto-ethergem)\",\n  \"crypto-iota\": \"var(--crypto-iota)\",\n  \"crypto-chainlink\": \"var(--crypto-chainlink)\",\n  \"crypto-dym\": \"var(--crypto-dym)\",\n  \"crypto-eos\": \"var(--crypto-eos)\",\n  \"crypto-waves\": \"var(--crypto-waves)\",\n  \"crypto-polygon\": \"var(--crypto-polygon)\",\n  \"crypto-celo\": \"var(--crypto-celo)\",\n  \"crypto-dogecoin\": \"var(--crypto-dogecoin)\",\n  \"crypto-algorand\": \"var(--crypto-algorand)\",\n  \"crypto-cosmos\": \"var(--crypto-cosmos)\",\n  \"crypto-digibyte\": \"var(--crypto-digibyte)\",\n  \"crypto-pirl\": \"var(--crypto-pirl)\",\n  \"crypto-eng\": \"var(--crypto-eng)\",\n  \"crypto-decred\": \"var(--crypto-decred)\",\n  \"crypto-dash\": \"var(--crypto-dash)\",\n  \"crypto-xin\": \"var(--crypto-xin)\",\n  \"crypto-tusd\": \"var(--crypto-tusd)\",\n  \"crypto-litecoin\": \"var(--crypto-litecoin)\",\n  \"crypto-komodo\": \"var(--crypto-komodo)\",\n  \"crypto-elrond\": \"var(--crypto-elrond)\",\n  \"crypto-osmo\": \"var(--crypto-osmo)\",\n  \"crypto-leo\": \"var(--crypto-leo)\",\n  \"crypto-bytecoin\": \"var(--crypto-bytecoin)\",\n  \"crypto-aion\": \"var(--crypto-aion)\",\n  \"crypto-dai\": \"var(--crypto-dai)\",\n  \"crypto-neo\": \"var(--crypto-neo)\",\n} as const;\n\nexport const primitiveColors = {\n  \"light-constant-400\": \"#d5d5d5\",\n  \"light-constant-950\": \"#000000\",\n  \"light-constant-050\": \"#ffffff\",\n  \"light-green-100\": \"#e6f7e1\",\n  \"light-green-200\": \"#cbeec4\",\n  \"light-green-300\": \"#a2e095\",\n  \"light-green-400\": \"#6ec85c\",\n  \"light-green-500\": \"#5ba34d\",\n  \"light-green-600\": \"#47883a\",\n  \"light-green-700\": \"#3b6c32\",\n  \"light-green-800\": \"#33572e\",\n  \"light-green-900\": \"#2c4828\",\n  \"light-green-950\": \"#142b12\",\n  \"light-green-050\": \"#f4fbf2\",\n  \"light-green-600---0%\": \"#47883a00\",\n  \"light-green-400---0%\": \"#6ec85c00\",\n  \"light-green-color\": \"#ffffff\",\n  \"light-green-600---10%\": \"#47883a1a\",\n  \"light-green-400---10%\": \"#6ec85c1a\",\n  \"light-yellow-100\": \"#fff3d5\",\n  \"light-yellow-200\": \"#ffe7ac\",\n  \"light-yellow-300\": \"#ffd373\",\n  \"light-yellow-400\": \"#ffbd42\",\n  \"light-yellow-500\": \"#efa22f\",\n  \"light-yellow-600\": \"#d38b20\",\n  \"light-yellow-700\": \"#ae731a\",\n  \"light-yellow-800\": \"#885a14\",\n  \"light-yellow-900\": \"#63420f\",\n  \"light-yellow-950\": \"#3e2909\",\n  \"light-yellow-050\": \"#fff8e6\",\n  \"light-yellow-600---0%\": \"#d38b2000\",\n  \"light-yellow-600---10%\": \"#d38b201a\",\n  \"light-yellow-400---0%\": \"#ffbd4200\",\n  \"light-yellow-400---10%\": \"#ffbd421a\",\n  \"light-red-100\": \"#fee1e2\",\n  \"light-red-200\": \"#fec8c9\",\n  \"light-red-300\": \"#fca6a7\",\n  \"light-red-400\": \"#f87274\",\n  \"light-red-500\": \"#f04f52\",\n  \"light-red-600\": \"#c24244\",\n  \"light-red-700\": \"#a43234\",\n  \"light-red-800\": \"#852e2f\",\n  \"light-red-900\": \"#702e2f\",\n  \"light-red-950\": \"#3b1212\",\n  \"light-red-050\": \"#fef1f1\",\n  \"light-red-400---0%\": \"#f8727400\",\n  \"light-red-600---0%\": \"#c2424400\",\n  \"light-red-600---10%\": \"#c242441a\",\n  \"light-red-400---10%\": \"#f872741a\",\n  \"light-grey-100\": \"#fbfbfb\",\n  \"light-grey-200\": \"#f4f4f4\",\n  \"light-grey-300\": \"#e8e8e8\",\n  \"light-grey-400\": \"#d5d5d5\",\n  \"light-grey-500\": \"#c1c1c1\",\n  \"light-grey-600\": \"#767676\",\n  \"light-grey-700\": \"#6a6a6a\",\n  \"light-grey-800\": \"#4d4d4d\",\n  \"light-grey-900\": \"#272727\",\n  \"light-grey-950\": \"#000000\",\n  \"light-grey-950---30-%\": \"#0000004d\",\n  \"light-grey-050\": \"#ffffff\",\n  \"light-grey-050---90%\": \"#ffffffe6\",\n  \"light-grey-050---80%\": \"#ffffffcc\",\n  \"light-grey-050---70%\": \"#ffffffb3\",\n  \"light-grey-050---60%\": \"#ffffff99\",\n  \"light-grey-050---50%\": \"#ffffff80\",\n  \"light-grey-050---40%\": \"#ffffff66\",\n  \"light-grey-050--30%\": \"#ffffff4d\",\n  \"light-grey-050---20%\": \"#ffffff33\",\n  \"light-grey-050---10-%\": \"#ffffff1a\",\n  \"light-grey-950---10%\": \"#0000001a\",\n  \"light-grey-950---20%\": \"#00000033\",\n  \"light-grey-950---40%\": \"#00000066\",\n  \"light-grey-950---50%\": \"#00000080\",\n  \"light-grey-950---60%\": \"#00000099\",\n  \"light-grey-950---70%\": \"#000000b3\",\n  \"light-grey-950---80%\": \"#000000cc\",\n  \"light-grey-950---90%\": \"#000000e6\",\n  \"light-grey-950---0%\": \"#00000000\",\n  \"light-grey-050---0%\": \"#ffffff00\",\n  \"light-grey-950----30%\": \"#0000004d\",\n  \"light-grey-050---30%\": \"#ffffff4d\",\n  \"light-grey-050---5%\": \"#ffffff0d\",\n  \"light-grey-950---5%\": \"#0000000d\",\n  \"light-grey-950---2%\": \"#00000005\",\n  \"light-grey-050---2%\": \"#ffffff05\",\n  \"light-orange-100\": \"#ffddcc\",\n  \"light-orange-200\": \"#ffc2a4\",\n  \"light-orange-300\": \"#ffa97f\",\n  \"light-orange-400\": \"#ff8c55\",\n  \"light-orange-500\": \"#ff702a\",\n  \"light-orange-600\": \"#ff5300\",\n  \"light-orange-700\": \"#d64400\",\n  \"light-orange-800\": \"#b23a00\",\n  \"light-orange-900\": \"#9e3300\",\n  \"light-orange-950\": \"#662100\",\n  \"light-orange-050\": \"#fef0e9\",\n  \"light-crypto-colors-algorand\": \"#00a478\",\n  \"light-crypto-colors-aion\": \"#212529\",\n  \"light-crypto-colors-avax\": \"#e84142\",\n  \"light-crypto-colors-bat\": \"#ff5000\",\n  \"light-crypto-colors-bgb\": \"#00e0ff\",\n  \"light-crypto-colors-bitcoin\": \"#f7931a\",\n  \"light-crypto-colors-bitcoin-cash\": \"#0ac18e\",\n  \"light-crypto-colors-bitcoin-gold\": \"#152569\",\n  \"light-crypto-colors-bitcoin-sv\": \"#eab300\",\n  \"light-crypto-colors-bincance\": \"#f5bc00\",\n  \"light-crypto-colors-bytecoin\": \"#f04086\",\n  \"light-crypto-colors-cardano\": \"#0033ad\",\n  \"light-crypto-colors-cosmos\": \"#2e3148\",\n  \"light-crypto-colors-compound\": \"#00d395\",\n  \"light-crypto-colors-chainlink\": \"#2a5ada\",\n  \"light-crypto-colors-dash\": \"#008ce7\",\n  \"light-crypto-colors-dai\": \"#f5ac37\",\n  \"light-crypto-colors-decred\": \"#2970ff\",\n  \"light-crypto-colors-digibyte\": \"#0066cc\",\n  \"light-crypto-colors-dogecoin\": \"#c3a634\",\n  \"light-crypto-colors-dydx\": \"#6966ff\",\n  \"light-crypto-colors-elrond\": \"#000000\",\n  \"light-crypto-colors-eos\": \"#000000\",\n  \"light-crypto-colors-ethergem\": \"#4a4ab6\",\n  \"light-crypto-colors-ethereum\": \"#454a75\",\n  \"light-crypto-colors-ethereum-classic\": \"#0b8311\",\n  \"light-crypto-colors-huobi\": \"#357ce1\",\n  \"light-crypto-colors-hnt\": \"#474dff\",\n  \"light-crypto-colors-iota\": \"#000000\",\n  \"light-crypto-colors-komodo\": \"#41ead4\",\n  \"light-crypto-colors-leo\": \"#000000\",\n  \"light-crypto-colors-litecoin\": \"#345d9d\",\n  \"light-crypto-colors-monero\": \"#f26822\",\n  \"light-crypto-colors-multiverse-x\": \"#23f7dd\",\n  \"light-crypto-colors-nano\": \"#5d8eb2\",\n  \"light-crypto-colors-near\": \"#1c1d1f\",\n  \"light-crypto-colors-neo\": \"#7dd224\",\n  \"light-crypto-colors-nimiq\": \"#f8b425\",\n  \"light-crypto-colors-osmo\": \"#302dbb\",\n  \"light-crypto-colors-okb\": \"#2d60e0\",\n  \"light-crypto-colors-peercoin\": \"#3cb054\",\n  \"light-crypto-colors-pirl\": \"#357ce1\",\n  \"light-crypto-colors-pivx\": \"#5c4c7c\",\n  \"light-crypto-colors-polkadot\": \"#e6007a\",\n  \"light-crypto-colors-stellar\": \"#000000\",\n  \"light-crypto-colors-tether-usdt\": \"#00a478\",\n  \"light-crypto-colors-tezos\": \"#2c7df7\",\n  \"light-crypto-colors-tkx\": \"#fd6a1f\",\n  \"light-crypto-colors-tron\": \"#ff060a\",\n  \"light-crypto-colors-tusd\": \"#1a5aff\",\n  \"light-crypto-colors-usdc\": \"#f04086\",\n  \"light-crypto-colors-uni\": \"#f04086\",\n  \"light-crypto-colors-waves\": \"#0055ff\",\n  \"light-crypto-colors-xrp\": \"#333333\",\n  \"light-crypto-colors-zcash\": \"#f4b728\",\n  \"light-crypto-colors-cro\": \"#002d74\",\n  \"light-crypto-colors-eng\": \"#2f2f2f\",\n  \"light-crypto-colors-hedera\": \"#000000\",\n  \"light-crypto-colors-polygon\": \"#8247e5\",\n  \"light-crypto-colors-sats\": \"#ff8b00\",\n  \"light-crypto-colors-sol\": \"#9945ff\",\n  \"light-crypto-colors-uniswap\": \"#ff007a\",\n  \"light-crypto-colors-xin\": \"#1eb5fa\",\n  \"light-crypto-colors-yieldly\": \"#f3b732\",\n  \"light-crypto-colors-omg-network\": \"#000000\",\n  \"light-crypto-colors-celo\": \"#fcff52\",\n  \"light-crypto-colors-ftm\": \"#1969ff\",\n  \"light-crypto-colors-dym\": \"#f1e1d4\",\n  \"light-crypto-colors-flr\": \"#e62058\",\n  \"light-discover-1inch\": \"#212529\",\n  \"light-discover-changelly\": \"#10d078\",\n  \"light-discover-compound\": \"#00d395\",\n  \"light-discover-deversifi\": \"#6436ff\",\n  \"light-discover-lido\": \"#47a1f8\",\n  \"light-discover-opensea\": \"#2081e2\",\n  \"light-discover-paraswap\": \"#266ef0\",\n  \"light-discover-rarible\": \"#feda03\",\n  \"light-discover-zerion\": \"#2962ef\",\n  \"light-discover-bitrefill\": \"#449bf7\",\n  \"light-discover-loopipay-blue\": \"#0050ff\",\n  \"light-discover-loopipay-black\": \"#0e0d13\",\n  \"light-discover-loopipay-lime\": \"#e1fb61\",\n  \"light-discover-simplex\": \"#2ea836\",\n  \"light-discover-baanx\": \"#003edd\",\n  \"light-discover-mercuryo\": \"#212529\",\n  \"light-discover-juno\": \"#4643ee\",\n  \"light-discover-sardine\": \"#2d29d7\",\n  \"light-purple-100\": \"#f6ecff\",\n  \"light-purple-200\": \"#f2e2ff\",\n  \"light-purple-300\": \"#eed9ff\",\n  \"light-purple-400\": \"#e5c6ff\",\n  \"light-purple-500\": \"#ddb3ff\",\n  \"light-purple-600\": \"#d4a0ff\",\n  \"light-purple-700\": \"#b380dd\",\n  \"light-purple-800\": \"#7e4ea5\",\n  \"light-purple-900\": \"#6a3794\",\n  \"light-purple-950\": \"#3f2058\",\n  \"light-purple-050\": \"#fbf5ff\",\n  \"dark-constant-400\": \"#c3c3c3\",\n  \"dark-constant-950\": \"#000000\",\n  \"dark-constant-050\": \"#ffffff\",\n  \"dark-green-100\": \"#2c4828\",\n  \"dark-green-200\": \"#33572e\",\n  \"dark-green-300\": \"#3b6c32\",\n  \"dark-green-400\": \"#47883a\",\n  \"dark-green-500\": \"#5ba34d\",\n  \"dark-green-600\": \"#6ec85c\",\n  \"dark-green-700\": \"#a2e095\",\n  \"dark-green-800\": \"#cbeec4\",\n  \"dark-green-900\": \"#e6f7e1\",\n  \"dark-green-950\": \"#f4fbf2\",\n  \"dark-green-050\": \"#142b12\",\n  \"dark-green-600---0%\": \"#6ec85c00\",\n  \"dark-green-600---10%\": \"#6ec85c1a\",\n  \"dark-yellow-100\": \"#63420f\",\n  \"dark-yellow-200\": \"#885a14\",\n  \"dark-yellow-300\": \"#ae731a\",\n  \"dark-yellow-400\": \"#d38b20\",\n  \"dark-yellow-500\": \"#efa22f\",\n  \"dark-yellow-600\": \"#ffbd42\",\n  \"dark-yellow-700\": \"#ffd373\",\n  \"dark-yellow-800\": \"#ffe7ac\",\n  \"dark-yellow-900\": \"#fff3d5\",\n  \"dark-yellow-950\": \"#fff8e6\",\n  \"dark-yellow-050\": \"#3e2909\",\n  \"dark-yellow-600---0%\": \"#ffbd4200\",\n  \"dark-yellow-600---10%\": \"#ffbd421a\",\n  \"dark-red-100\": \"#702e2f\",\n  \"dark-red-200\": \"#852e2f\",\n  \"dark-red-300\": \"#a43234\",\n  \"dark-red-400\": \"#c24244\",\n  \"dark-red-500\": \"#f04f52\",\n  \"dark-red-600\": \"#f87274\",\n  \"dark-red-700\": \"#fca6a7\",\n  \"dark-red-800\": \"#fec8c9\",\n  \"dark-red-900\": \"#fee1e2\",\n  \"dark-red-1000\": \"#fef1f1\",\n  \"dark-red-050\": \"#3b1212\",\n  \"dark-red-600---0%\": \"#f8727400\",\n  \"dark-red-600---10%\": \"#f872741a\",\n  \"dark-grey-100\": \"#191919\",\n  \"dark-grey-200\": \"#272727\",\n  \"dark-grey-300\": \"#3c3c3c\",\n  \"dark-grey-400\": \"#565656\",\n  \"dark-grey-500\": \"#717070\",\n  \"dark-grey-600\": \"#848484\",\n  \"dark-grey-700\": \"#9c9c9c\",\n  \"dark-grey-800\": \"#c3c3c3\",\n  \"dark-grey-900\": \"#e1e1e1\",\n  \"dark-grey-950\": \"#ffffff\",\n  \"dark-grey-050---10%\": \"#0000001a\",\n  \"dark-grey-050---20%\": \"#00000033\",\n  \"dark-grey-050---30%\": \"#0000004d\",\n  \"dark-grey-050---40%\": \"#00000066\",\n  \"dark-grey-050---50%\": \"#00000080\",\n  \"dark-grey-050---60%\": \"#00000099\",\n  \"dark-grey-050---70%\": \"#000000b3\",\n  \"dark-grey-050---80%\": \"#000000cc\",\n  \"dark-grey-050---90%\": \"#000000e6\",\n  \"dark-grey-950---10%\": \"#ffffff1a\",\n  \"dark-grey-950---20%\": \"#ffffff33\",\n  \"dark-grey-950---30%\": \"#ffffff4d\",\n  \"dark-grey-950---40%\": \"#ffffff66\",\n  \"dark-grey-950---50%\": \"#ffffff80\",\n  \"dark-grey-950---60%\": \"#ffffff99\",\n  \"dark-grey-950---70%\": \"#ffffffb3\",\n  \"dark-grey-950---80%\": \"#ffffffcc\",\n  \"dark-grey-950---90%\": \"#ffffffe6\",\n  \"dark-grey-050\": \"#000000\",\n  \"dark-grey-950---0%\": \"#ffffff00\",\n  \"dark-grey-050---0%\": \"#00000000\",\n  \"dark-grey-050---5%\": \"#0000000d\",\n  \"dark-grey-950---5%\": \"#ffffff0d\",\n  \"dark-grey-950---2%\": \"#ffffff05\",\n  \"dark-orange-100\": \"#9e3300\",\n  \"dark-orange-200\": \"#b23a00\",\n  \"dark-orange-300\": \"#d64400\",\n  \"dark-orange-400\": \"#ff5300\",\n  \"dark-orange-500\": \"#ff702a\",\n  \"dark-orange-600\": \"#ff8c55\",\n  \"dark-orange-700\": \"#ffa97f\",\n  \"dark-orange-800\": \"#ffc2a4\",\n  \"dark-orange-900\": \"#ffddcc\",\n  \"dark-orange-950\": \"#fef0e9\",\n  \"dark-orange-050\": \"#662100\",\n  \"dark-crypto-colors-aion\": \"#212529\",\n  \"dark-crypto-colors-algorand\": \"#00a478\",\n  \"dark-crypto-colors-bytecoin\": \"#f04086\",\n  \"dark-crypto-colors-avax\": \"#e84142\",\n  \"dark-crypto-colors-bat\": \"#ff5000\",\n  \"dark-crypto-colors-bgb\": \"#00e0ff\",\n  \"dark-crypto-colors-bitcoin\": \"#f7931a\",\n  \"dark-crypto-colors-bitcoin-cash\": \"#0ac18e\",\n  \"dark-crypto-colors-bitcoin-gold\": \"#152569\",\n  \"dark-crypto-colors-bitcoin-sv\": \"#eab300\",\n  \"dark-crypto-colors-bincance\": \"#f5bc00\",\n  \"dark-crypto-colors-cardano\": \"#0033ad\",\n  \"dark-crypto-colors-cosmos\": \"#2e3148\",\n  \"dark-crypto-colors-compound\": \"#00d395\",\n  \"dark-crypto-colors-celo\": \"#fcff52\",\n  \"dark-crypto-colors-chainlink\": \"#2a5ada\",\n  \"dark-crypto-colors-cro\": \"#002d74\",\n  \"dark-crypto-colors-dash\": \"#008ce7\",\n  \"dark-crypto-colors-dai\": \"#f5ac37\",\n  \"dark-crypto-colors-decred\": \"#2970ff\",\n  \"dark-crypto-colors-digibyte\": \"#0066cc\",\n  \"dark-crypto-colors-dogecoin\": \"#c3a634\",\n  \"dark-crypto-colors-dydx\": \"#6966ff\",\n  \"dark-crypto-colors-dym\": \"#f1e1d4\",\n  \"dark-crypto-colors-elrond\": \"#000000\",\n  \"dark-crypto-colors-eng\": \"#2f2f2f\",\n  \"dark-crypto-colors-eos\": \"#000000\",\n  \"dark-crypto-colors-ethergem\": \"#4a4ab6\",\n  \"dark-crypto-colors-ethereum\": \"#454a75\",\n  \"dark-crypto-colors-ethereum-classic\": \"#0b8311\",\n  \"dark-crypto-colors-flr\": \"#e62058\",\n  \"dark-crypto-colors-ftm\": \"#1969ff\",\n  \"dark-crypto-colors-hedera\": \"#000000\",\n  \"dark-crypto-colors-hnt\": \"#474dff\",\n  \"dark-crypto-colors-huobi\": \"#357ce1\",\n  \"dark-crypto-colors-iota\": \"#000000\",\n  \"dark-crypto-colors-komodo\": \"#41ead4\",\n  \"dark-crypto-colors-leo\": \"#000000\",\n  \"dark-crypto-colors-litecoin\": \"#345d9d\",\n  \"dark-crypto-colors-monero\": \"#f26822\",\n  \"dark-crypto-colors-multiverse-x\": \"#23f7dd\",\n  \"dark-crypto-colors-nano\": \"#5d8eb2\",\n  \"dark-crypto-colors-near\": \"#1c1d1f\",\n  \"dark-crypto-colors-neo\": \"#7dd224\",\n  \"dark-crypto-colors-nimiq\": \"#f8b425\",\n  \"dark-crypto-colors-omg-network\": \"#000000\",\n  \"dark-crypto-colors-okb\": \"#2d60e0\",\n  \"dark-crypto-colors-osmo\": \"#302dbb\",\n  \"dark-crypto-colors-peercoin\": \"#3cb054\",\n  \"dark-crypto-colors-pirl\": \"#357ce1\",\n  \"dark-crypto-colors-pivx\": \"#5c4c7c\",\n  \"dark-crypto-colors-polkadot\": \"#e6007a\",\n  \"dark-crypto-colors-polygon\": \"#8247e5\",\n  \"dark-crypto-colors-sats\": \"#ff8b00\",\n  \"dark-crypto-colors-stellar\": \"#000000\",\n  \"dark-crypto-colors-sol\": \"#9945ff\",\n  \"dark-crypto-colors-tether-usdt\": \"#00a478\",\n  \"dark-crypto-colors-tezos\": \"#2c7df7\",\n  \"dark-crypto-colors-tkx\": \"#fd6a1f\",\n  \"dark-crypto-colors-tron\": \"#ff060a\",\n  \"dark-crypto-colors-uniswap\": \"#ff007a\",\n  \"dark-crypto-colors-tusd\": \"#1a5aff\",\n  \"dark-crypto-colors-usdc\": \"#f04086\",\n  \"dark-crypto-colors-uni\": \"#f04086\",\n  \"dark-crypto-colors-waves\": \"#0055ff\",\n  \"dark-crypto-colors-xrp\": \"#333333\",\n  \"dark-crypto-colors-xin\": \"#1eb5fa\",\n  \"dark-crypto-colors-yieldly\": \"#f3b732\",\n  \"dark-crypto-colors-zcash\": \"#f4b728\",\n  \"dark-discover-1inch\": \"#212529\",\n  \"dark-discover-changelly\": \"#10d078\",\n  \"dark-discover-loopipay-blue\": \"#0050ff\",\n  \"dark-discover-loopipay-black\": \"#0e0d13\",\n  \"dark-discover-loopipay-lime-2\": \"#e1fb61\",\n  \"dark-discover-simplex\": \"#2ea836\",\n  \"dark-discover-baanx\": \"#003edd\",\n  \"dark-discover-mercuryo\": \"#212529\",\n  \"dark-discover-juno\": \"#4643ee\",\n  \"dark-discover-sardine\": \"#2d29d7\",\n  \"dark-discover-compound\": \"#00d395\",\n  \"dark-discover-deversifi\": \"#6436ff\",\n  \"dark-discover-lido\": \"#47a1f8\",\n  \"dark-discover-opensea\": \"#2081e2\",\n  \"dark-discover-paraswap\": \"#266ef0\",\n  \"dark-discover-rarible\": \"#feda03\",\n  \"dark-discover-zerion\": \"#2962ef\",\n  \"dark-discover-bitrefill\": \"#449bf7\",\n  \"dark-purple-100\": \"#6a3794\",\n  \"dark-purple-200\": \"#7e4ea5\",\n  \"dark-purple-300\": \"#b380dd\",\n  \"dark-purple-400\": \"#d4a0ff\",\n  \"dark-purple-500\": \"#ddb3ff\",\n  \"dark-purple-600\": \"#e5c6ff\",\n  \"dark-purple-700\": \"#eed9ff\",\n  \"dark-purple-800\": \"#f2e2ff\",\n  \"dark-purple-900\": \"#f6ecff\",\n  \"dark-purple-950\": \"#fbf5ff\",\n  \"dark-purple-050\": \"#3f2058\",\n} as const;\n","import memoize from \"lodash/memoize\";\nimport { css, DefaultTheme } from \"styled-components\";\nimport { dark, light, ModeColors, spacing, SpacingScale } from \"./design-tokens\";\n\n// Add temporarily missing and override incorrect tokens here\nconst overrideOther = {\n  \"radius-m\": \"12px\", // missing from tokens\n  \"radius-s\": \"8px\", // missing from tokens\n  \"radius-xs\": \"4px\", // missing from tokens\n  \"border-width-default\": \"1px\", // missing from tokens\n  \"border-width-focus\": \"2px\", // missing from tokens\n  \"margin-xs\": \"8px\", // redefines marging-xs\n  \"margin-s\": \"16px\", // redefines marging-s\n  \"margin-m\": \"24px\", // redefines marging-m\n  \"margin-l\": \"32px\", // redefines marging-l\n\n  \"spacing-xs\": \"12px\", // override from \"spacing-xxs\": \"12px\"\n  \"spacing-xxs\": \"8px\", // override from \"spacing-xs\": \"8px\"\n} as const;\n\n// Add temporarily missing and override incorrect colours here\nconst overrideColor = {\n  light: {\n    \"surface-transparent-hover\": \"#0000000D\", // override from colours\n    \"surface-transparent-pressed\": \"#0000001A\", // override from colours\n    \"border-subdued-default-hover\": \"#D5D5D5\", // override from colours\n\n    \"border-subdued-default-pressed\": \"#C1C1C1\", // missing from colours\n    \"background-active\": \"#D4A0FF\",\n  },\n  dark: {\n    \"opacity-default-10\": \"#FFFFFF1A\", // missing from colours\n    \"background-active\": \"#D4A0FF\",\n  },\n} as const;\n\ntype ColorToken =\n  | `colors-${keyof ModeColors}`\n  | `colors-${keyof typeof overrideColor.light}`\n  | `colors-${keyof typeof overrideColor.dark}`;\ntype OtherToken = keyof (SpacingScale & typeof overrideOther);\n\nexport const withTokens = (...usedTokens: Array<ColorToken | OtherToken>) => {\n  const filterTokens = memoize((theme: DefaultTheme[\"theme\"]) => {\n    const colors = {\n      dark: { ...dark, ...overrideColor.dark },\n      light: { ...light, ...overrideColor.light },\n    }[theme];\n\n    const colorEntries = Object.entries(colors).flatMap(([key, value]) => {\n      const color = `colors-${key}` as ColorToken;\n      if (!usedTokens.includes(color)) return [];\n      return [[`--${color}`, value]];\n    });\n    const otherEntries = [spacing, overrideOther]\n      .flatMap(Object.entries)\n      .flatMap(([key, value]) => {\n        if (!usedTokens.includes(key as OtherToken)) return [];\n        return [[`--${key}`, value]];\n      });\n\n    return Object.fromEntries([...colorEntries, ...otherEntries]);\n  });\n\n  return css(({ theme }) => filterTokens(theme.colors.type as DefaultTheme[\"theme\"]));\n};\n","import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n  Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n  const [font, type = \"Regular\"] = v.split(\"|\");\n  // @ts-expect-error FIXME\n  const { style, weight } = fontFamilies[font][type];\n  // @ts-expect-error FIXME\n  const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n  return {\n    fontFamily: `${font}, ${fallback}`,\n    fontWeight: weight,\n    fontStyle: style,\n  };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n  const colorL1 = Color(color1).luminosity() + 0.05;\n  const colorL2 = Color(color2).luminosity() + 0.05;\n\n  const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n  if (lRatio < 1.5) {\n    return Color(color1).rotate(180).negate().string();\n  }\n  return color1;\n};\n","import { ff } from \"../helpers\";\n\nexport default (props: { ff?: string }) => {\n  const prop = props.ff;\n\n  if (prop == null) {\n    return null;\n  }\n\n  return ff(prop);\n};\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n  rowGap: { property: \"rowGap\", scale: \"space\" },\n  columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","import { keyframes, css, Font } from \"styled-components\";\nimport { palettes, ColorPalette } from \"@ledgerhq/ui-shared\";\n\nexport type screensBreakpoints = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n\nexport const breakpoints = {\n  sm: \"640px\",\n  md: \"768px\",\n  lg: \"1024px\",\n  xl: \"1280px\",\n  xxl: \"1536px\",\n} as Record<screensBreakpoints, string>;\n\nexport const space = [\n  /* space indexes:\n  0, 1, 2, 3, 4,  5,  6,  7,  8,  9,  10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21 */\n  0, 2, 4, 8, 10, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 68, 72, 76,\n];\n\nexport type TextVariants =\n  | \"h1\"\n  | \"h1Inter\"\n  | \"h2\"\n  | \"h2Inter\"\n  | \"h3\"\n  | \"h3Inter\"\n  | \"h4\"\n  | \"h4Inter\"\n  | \"h5\"\n  | \"h5Inter\"\n  | \"large\"\n  | \"largeLineHeight\"\n  | \"body\"\n  | \"bodyLineHeight\"\n  | \"paragraph\"\n  | \"paragraphLineHeight\"\n  | \"small\"\n  | \"extraSmall\"\n  | \"tiny\"\n  | \"micro\"\n  | \"subtitle\";\n\nexport type ThemeScale<Type, Aliases extends string> = Array<Type> & Record<Aliases, Type>;\n\nexport const fontSizes = [8, 10, 11, 12, 13, 14, 16, 20, 24, 28, 32, 36] as ThemeScale<\n  number,\n  TextVariants\n>;\n\n[\n  fontSizes.micro,\n  fontSizes.tiny,\n  fontSizes.extraSmall,\n  fontSizes.small,\n  fontSizes.paragraph,\n  fontSizes.body,\n  fontSizes.large,\n  fontSizes.h5,\n  fontSizes.h4,\n  fontSizes.h3,\n  fontSizes.h2,\n  fontSizes.h1,\n] = fontSizes;\nfontSizes.largeLineHeight = fontSizes.large;\nfontSizes.bodyLineHeight = fontSizes.body;\nfontSizes.paragraphLineHeight = fontSizes.paragraph;\nfontSizes.subtitle = fontSizes.extraSmall;\nfontSizes.h1Inter = fontSizes.h1;\nfontSizes.h2Inter = fontSizes.h2;\nfontSizes.h3Inter = fontSizes.h3;\nfontSizes.h4Inter = fontSizes.h4;\nfontSizes.h5Inter = fontSizes.h5;\n\nconst fontWeights = {\n  extraLight: \"100\",\n  light: \"300\",\n  regular: \"400\",\n  medium: \"500\",\n  semiBold: \"600\",\n  bold: \"700\",\n  extraBold: \"800\",\n};\n\nexport const radii = [0, 4, 8, 12, 16, 20];\nexport const shadows = [\"0 4px 8px 0 rgba(0, 0, 0, 0.03)\"];\nexport const zIndexes = [-1, 0, 1, 9, 10, 90, 100, 900, 1000];\n\n// Those fonts are now defined in global.css, this is just a mapping for styled-system\nexport const fontFamilies = {\n  Inter: {\n    ExtraLight: {\n      weight: 100,\n      style: \"normal\",\n    },\n    Light: {\n      weight: 300,\n      style: \"normal\",\n    },\n    Regular: {\n      weight: 400,\n      style: \"normal\",\n    },\n    Medium: {\n      weight: 500,\n      style: \"normal\",\n    },\n    SemiBold: {\n      weight: 600,\n      style: \"normal\",\n    },\n    Bold: {\n      weight: 700,\n      style: \"normal\",\n    },\n    ExtraBold: {\n      weight: 800,\n      style: \"normal\",\n    },\n  },\n  Alpha: {\n    Medium: {\n      weight: 500,\n      style: \"normal\",\n    },\n  },\n};\n\nconst animationDuration = \"0.33s\";\nconst easings = {\n  outQuadratic: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\n};\n\nconst transition = (\n  properties = [\"all\"],\n  duration = animationDuration,\n  easing = easings.outQuadratic,\n) => css`\n  transition-property: ${properties.join(\",\")};\n  transition-duration: ${duration};\n  transition-timing-function: ${easing};\n`;\n\nconst fadeIn = keyframes`\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  `;\nconst fadeOut = keyframes`\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  `;\nconst fadeInGrowX = keyframes`\n    0% {\n      opacity: 0;\n      transform: scaleX(0);\n    }\n    100% {\n      opacity: 1;\n      transform: scaleX(1);\n    }\n`;\nconst fadeInUp = keyframes`\n    0% {\n      opacity: 0;\n      transform: translateY(66%);\n    }\n    100% {\n      opacity: 1;\n      transform: translateY(0%);\n    }\n  `;\nconst animations = {\n  fadeIn: () => css`\n    ${fadeIn} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n  fadeOut: () => css`\n    ${fadeOut} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n  fadeInGrowX: () => css`\n    ${fadeInGrowX} 0.6s ${easings.outQuadratic} forwards\n  `,\n  fadeInUp: () => css`\n    ${fadeInUp} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n};\nconst overflow = {\n  x: css`\n    overflow-y: hidden;\n    overflow-x: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  y: css`\n    overflow-x: hidden;\n    overflow-y: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  yAuto: css`\n    overflow-x: hidden;\n    overflow-y: auto;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  xy: css`\n    overflow: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  trackSize: 12,\n};\n\ninterface DefaultTheme {\n  theme: \"dark\" | \"light\";\n  animations: typeof animations;\n  transition: typeof transition;\n  overflow: typeof overflow;\n  sizes: {\n    topBarHeight: number;\n    sideBarWidth: number;\n    drawer: {\n      side: {\n        big: {\n          width: number;\n        };\n        small: {\n          width: number;\n        };\n      };\n      popin: {\n        min: {\n          height: number;\n          width: number;\n        };\n        max: {\n          height: number;\n          width: number;\n        };\n      };\n    };\n  };\n  radii: number[];\n  fontFamilies: Record<string, Record<string, Font>>;\n  fontSizes: number[];\n  space: number[];\n  shadows: string[];\n  colors: ColorPalette;\n  fontWeights: Record<string, string>;\n  breakpoints: Record<screensBreakpoints, string>;\n  zIndexes: number[];\n}\n\nconst theme: DefaultTheme = {\n  theme: \"light\",\n  sizes: {\n    drawer: {\n      side: {\n        big: {\n          width: 580,\n        },\n        small: {\n          width: 420,\n        },\n      },\n      popin: {\n        min: {\n          height: 158,\n          width: 462,\n        },\n        max: {\n          height: 522,\n          width: 622,\n        },\n      },\n    },\n    topBarHeight: 58,\n    sideBarWidth: 230,\n  },\n  radii,\n  fontFamilies,\n  fontSizes,\n  fontWeights,\n  space,\n  shadows,\n  colors: palettes.light,\n  animations,\n  overflow,\n  transition,\n  zIndexes,\n  breakpoints,\n};\n\nexport default theme;\nexport type Theme = DefaultTheme;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { NetworkList } from \"./NetworkList\";\nimport { expect, fn, userEvent, within } from \"@storybook/test\";\n\nconst testFn = fn();\n\nconst meta: Meta<typeof NetworkList> = {\n  component: NetworkList,\n  decorators: [\n    Story => (\n      <div style={{ height: \"400px\" }}>\n        <Story />\n      </div>\n    ),\n  ],\n  title: \"PreLdls/Components/NetworkList\",\n  tags: [\"autodocs\"],\n  args: {\n    networks: Array.from({ length: 50 }, (_, i) => ({\n      name: `Bitcoin ${i}`,\n      id: `bitcoin`,\n      ticker: \"btc\",\n    })),\n    onClick: testFn,\n  },\n};\nexport default meta;\n\ntype Story = StoryObj<typeof NetworkList>;\n\nexport const Default: Story = {};\n\nexport const TestNetworkClick: Story = {\n  play: async ({ canvasElement }) => {\n    const canvas = within(canvasElement);\n    const input = canvas.getByText(\"Bitcoin 1\");\n    await userEvent.click(input);\n    await expect(testFn).toHaveBeenCalledWith(\"bitcoin\");\n  },\n};\n"],"names":["baseStyled","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","Text","variant","color","props","p","css","getFontSource","name","fontsPath","fontName","fontStyles","FlexBox","React","styled","keyframes","size","rotate","Loader","InfiniteLoader","extraProps","gaps","flexbox","space","position","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","withTokens","CryptoIcon","Wrapper","InfoWrapper","LeftElementWrapper","NetworkItem","onClick","id","ticker","leftElement","rightElement","useCallback","VirtualList","NetworkList","networks","renderNetworkItem","network","useEffect","useRef","useVirtualizer","Flex","DefaultLoadingComponent","easeInOutCubic","t","Math","gap","hasNextPage","isLoading","itemHeight","items","LoadingComponent","onVisibleItemsScrollEnd","overscan","renderItem","scrollToTop","bottomComponent","threshold","parentRef","scrollToFn","offset","options","instance","element","duration","startTime","performance","startTop","distanceToScroll","scrollStep","currentTime","elapsed","progress","easedProgress","requestAnimationFrame","rowVirtualizer","virtualItems","lastItem","showCustomLoadingComponent","Loading","virtualRow","item","spacing","light","dark","tailwindColors","primitiveColors","memoize","overrideOther","overrideColor","usedTokens","filterTokens","theme","colors","colorEntries","Object","key","otherEntries","Color","fontFamilies","rgba","c","a","darken","lighten","mix","b","ff","v","font","type","style","weight","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","prop","palettes","breakpoints","fontSizes","fontWeights","radii","shadows","zIndexes","animationDuration","easings","transition","properties","easing","fadeIn","fadeOut","fadeInGrowX","fadeInUp","animations","expect","fn","userEvent","within","testFn","meta","Story","Array","_","i","Default","TestNetworkClick","canvasElement","canvas","input"],"mappings":"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"}