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

package/lib/cjs/pre-ldls/components/TextInput/TextInput.js.map

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/pre-ldls/components/TextInput/TextInput.tsx"],
-  "sourcesContent": ["import debounce from \"lodash/debounce\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport { Icons } from \"../../../assets\";\nimport { Flex } from \"../../../components\";\nimport { withTokens } from \"../../libs\";\n\nconst DEBOUNCE_MS = 250;\n\nconst COLORS_BORDER_STATUS_ERROR_DEFAULT = \"colors-border-status-error-default\";\nconst EXTRA_FONT_SIZE = \"0.75rem\";\nconst ICON_BUTTONS_SIZE = \"32px\";\nconst LABEL_OFFSET_Y = `calc(-0.5 * ${EXTRA_FONT_SIZE})`;\nconst LABEL_OFFSET_X = \"var(--spacing-s, 16px)\";\nconst LABEL_PADDING = \"5px\";\n\ntype NativeInputProps = Omit<React.ComponentProps<\"input\">, \"value\" | \"defaultValue\">;\n\nexport type TextInputProps = Readonly<\n  NativeInputProps & {\n    defaultValue?: string;\n    label?: string;\n    startAdornment?: React.ReactNode;\n    endAdornment?: React.ReactNode;\n    error?: boolean;\n    helperText?: string;\n  }\n>;\n\nconst ClearButton = styled.button`\n  ${withTokens(\"colors-surface-dark-default\")}\n\n  all: unset;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: ${ICON_BUTTONS_SIZE};\n  width: ${ICON_BUTTONS_SIZE};\n`;\n\nconst Container = styled.div`\n  ${withTokens(\"spacing-xxs\")}\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-xxs, 4px);\n  position: relative;\n  min-width: 328px;\n`;\n\nconst Label = styled.label<{ isDisabled: boolean; hasError: boolean; isFocused: boolean }>`\n  ${withTokens(\n    COLORS_BORDER_STATUS_ERROR_DEFAULT,\n    \"colors-border-active-default\",\n    \"colors-content-disabled\",\n    \"colors-content-subdued-default-default\",\n    \"spacing-s\",\n  )}\n  color: ${({ hasError, isDisabled, isFocused }) =>\n    isDisabled\n      ? \"var(--colors-content-disabled)\"\n      : hasError\n        ? `var(--${COLORS_BORDER_STATUS_ERROR_DEFAULT});`\n        : isFocused\n          ? \"var(--colors-border-active-default)\"\n          : \"var(--colors-content-subdued-default-default);\"};\n  font-size: ${EXTRA_FONT_SIZE};\n  padding-inline: ${LABEL_PADDING};\n  position: absolute;\n  top: ${LABEL_OFFSET_Y};\n  left: calc(${LABEL_OFFSET_X} - ${LABEL_PADDING});\n`;\n\nconst Wrapper = styled.div<{\n  hasStart: boolean;\n  hasEnd: boolean;\n}>`\n  ${withTokens(\n    \"colors-content-default-default\",\n    \"colors-surface-transparent-subdued-default\",\n    \"radius-s\",\n    \"spacing-s\",\n    \"spacing-xxs\",\n  )}\n\n  align-items: center;\n  border-radius: var(--radius-s);\n  display: flex;\n  gap: var(--spacing-xxs, 8px);\n  height: 56px;\n  padding: ${({ hasEnd, hasStart }) =>\n    `0 ${hasEnd ? \"var(--spacing-xs, 8px)\" : LABEL_OFFSET_X} 0 ${\n      hasStart ? \"var(--spacing-xs, 8px)\" : LABEL_OFFSET_X\n    }`};\n  position: relative;\n  transition: height 0.3s linear;\n`;\n\nconst StyledInput = styled.input`\n  ${withTokens(\"colors-border-disabled-default\")}\n\n  flex: 1;\n  background: none;\n  border: none;\n  cursor: text;\n  &[disabled] {\n    color: var(--colors-border-disabled-default);\n    cursor: not-allowed;\n  }\n  outline: none;\n`;\n\nconst Fieldset = styled.fieldset<{\n  hasError: boolean;\n  hasLabel: boolean;\n  isDisabled: boolean;\n  isFocused: boolean;\n}>`\n  ${withTokens(\n    COLORS_BORDER_STATUS_ERROR_DEFAULT,\n    \"colors-border-active-default\",\n    \"colors-content-subdued-default-default\",\n    \"colors-content-disabled\",\n    \"spacing-s\",\n  )}\n  border-radius: var(--radius-s);\n  border-color: ${({ isDisabled, hasError, isFocused }) =>\n    isDisabled\n      ? \"var(--colors-content-disabled)\"\n      : hasError\n        ? `var(--${COLORS_BORDER_STATUS_ERROR_DEFAULT})`\n        : isFocused\n          ? \"var(--colors-border-active-default)\"\n          : \"var(--colors-content-subdued-default-default)\"};\n  border-style: solid;\n  border-width: 1px;\n  bottom: 0;\n  font-size: ${EXTRA_FONT_SIZE};\n  left: 0;\n  overflow: hidden;\n  padding: 0 calc(${LABEL_OFFSET_X} - ${LABEL_PADDING});\n  pointer-events: none;\n  position: absolute;\n  right: 0;\n  top: ${({ hasLabel }) => (hasLabel ? LABEL_OFFSET_Y : \"0\")};\n`;\n\nconst Legend = styled.legend`\n  visibility: hidden;\n  padding-inline: ${LABEL_PADDING};\n`;\n\nconst HelperContainer = styled(Flex)`\n  ${withTokens(COLORS_BORDER_STATUS_ERROR_DEFAULT)}\n  align-items: center;\n`;\n\n// TODO what's the color for disabled helperText?\nconst HelperText = styled.span<{ hasError: boolean; isDisabled: boolean }>`\n  ${withTokens(COLORS_BORDER_STATUS_ERROR_DEFAULT, \"colors-border-disabled-default\")}\n  ${({ isDisabled, hasError }) =>\n    isDisabled\n      ? \"var(--colors-border-disabled-default)\"\n      : hasError\n        ? `color: var(--${COLORS_BORDER_STATUS_ERROR_DEFAULT});`\n        : \"\"}\n  font-size: ${EXTRA_FONT_SIZE};\n`;\n\nexport const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(\n  (\n    {\n      label,\n      name,\n      defaultValue = \"\",\n      startAdornment = null,\n      endAdornment = null,\n      error = false,\n      helperText,\n      style,\n      onFocus,\n      onBlur,\n      onChange,\n      ...rest\n    },\n    ref,\n  ) => {\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const [isFocused, setIsFocused] = React.useState(false);\n    const [value, setValue] = React.useState(defaultValue);\n\n    // eslint-disable-next-line @typescript-eslint/consistent-type-assertions\n    React.useImperativeHandle(ref, () => inputRef.current as HTMLInputElement);\n\n    const hideClearDebounced = React.useMemo(\n      () => debounce(() => setIsFocused(false), DEBOUNCE_MS),\n      [],\n    );\n\n    const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n      hideClearDebounced.cancel();\n      setIsFocused(true);\n      onFocus?.(e);\n    };\n\n    const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n      onBlur?.(e);\n      hideClearDebounced();\n    };\n\n    React.useEffect(() => () => hideClearDebounced.cancel(), [hideClearDebounced]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      setValue(e.target.value);\n      onChange?.(e);\n    };\n\n    const clearInput = () => {\n      if (inputRef.current) {\n        inputRef.current.value = \"\";\n        setValue(\"\");\n        inputRef.current.focus();\n      }\n    };\n\n    const showClear = value.length > 0 && (isFocused || error);\n    const hasEnd = showClear || Boolean(endAdornment);\n    const hasError = Boolean(error);\n    const hasLabel = Boolean(label);\n    const isDisabled = Boolean(rest.disabled);\n\n    return (\n      <Container style={style}>\n        {label && (\n          <Label isDisabled={isDisabled} hasError={hasError} isFocused={isFocused} htmlFor={name}>\n            {label}\n          </Label>\n        )}\n\n        <Wrapper hasStart={Boolean(startAdornment)} hasEnd={hasEnd}>\n          {startAdornment}\n\n          <StyledInput\n            name={name}\n            defaultValue={defaultValue}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            onChange={handleChange}\n            {...rest}\n            ref={inputRef}\n          />\n\n          {showClear ? (\n            <ClearButton onClick={clearInput} aria-label=\"Clear\">\n              <Icons.DeleteCircleFill size=\"S\" color=\"var(--colors-surface-dark-default)\" />\n            </ClearButton>\n          ) : (\n            endAdornment\n          )}\n\n          <Fieldset\n            hasError={hasError}\n            hasLabel={hasLabel}\n            isDisabled={isDisabled}\n            isFocused={isFocused}\n          >\n            {label ? <Legend>{label}</Legend> : null}\n          </Fieldset>\n        </Wrapper>\n\n        {helperText ? (\n          <HelperContainer columnGap={2}>\n            {hasError ? (\n              <Icons.DeleteCircleFill\n                size=\"S\"\n                color={`var(--${COLORS_BORDER_STATUS_ERROR_DEFAULT})`}\n              />\n            ) : null}\n            <HelperText isDisabled={isDisabled} hasError={hasError}>\n              {helperText}\n            </HelperText>\n          </HelperContainer>\n        ) : null}\n      </Container>\n    );\n  },\n);\n\nTextInput.displayName = \"TextInput\";\n"],
-  "mappings": "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",
-  "names": ["styled", "React", "debounce"]
-}
+{"version":3,"file":"pre-ldls/components/TextInput/TextInput.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/styled.ts","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/system/gaps.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/TextInput/TextInput.tsx"],"sourcesContent":["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 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","// 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 { 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","// 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 debounce from \"lodash/debounce\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport { Icons } from \"../../../assets\";\nimport { Flex } from \"../../../components\";\nimport { withTokens } from \"../../libs\";\n\nconst DEBOUNCE_MS = 250;\n\nconst COLORS_BORDER_STATUS_ERROR_DEFAULT = \"colors-border-status-error-default\";\nconst EXTRA_FONT_SIZE = \"0.75rem\";\nconst ICON_BUTTONS_SIZE = \"32px\";\nconst LABEL_OFFSET_Y = `calc(-0.5 * ${EXTRA_FONT_SIZE})`;\nconst LABEL_OFFSET_X = \"var(--spacing-s, 16px)\";\nconst LABEL_PADDING = \"5px\";\n\ntype NativeInputProps = Omit<React.ComponentProps<\"input\">, \"value\" | \"defaultValue\">;\n\nexport type TextInputProps = Readonly<\n  NativeInputProps & {\n    defaultValue?: string;\n    label?: string;\n    startAdornment?: React.ReactNode;\n    endAdornment?: React.ReactNode;\n    error?: boolean;\n    helperText?: string;\n  }\n>;\n\nconst ClearButton = styled.button`\n  ${withTokens(\"colors-surface-dark-default\")}\n\n  all: unset;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: ${ICON_BUTTONS_SIZE};\n  width: ${ICON_BUTTONS_SIZE};\n`;\n\nconst Container = styled.div`\n  ${withTokens(\"spacing-xxs\")}\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-xxs, 4px);\n  position: relative;\n  min-width: 328px;\n`;\n\nconst Label = styled.label<{ isDisabled: boolean; hasError: boolean; isFocused: boolean }>`\n  ${withTokens(\n    COLORS_BORDER_STATUS_ERROR_DEFAULT,\n    \"colors-border-active-default\",\n    \"colors-content-disabled\",\n    \"colors-content-subdued-default-default\",\n    \"spacing-s\",\n  )}\n  color: ${({ hasError, isDisabled, isFocused }) =>\n    isDisabled\n      ? \"var(--colors-content-disabled)\"\n      : hasError\n        ? `var(--${COLORS_BORDER_STATUS_ERROR_DEFAULT});`\n        : isFocused\n          ? \"var(--colors-border-active-default)\"\n          : \"var(--colors-content-subdued-default-default);\"};\n  font-size: ${EXTRA_FONT_SIZE};\n  padding-inline: ${LABEL_PADDING};\n  position: absolute;\n  top: ${LABEL_OFFSET_Y};\n  left: calc(${LABEL_OFFSET_X} - ${LABEL_PADDING});\n`;\n\nconst Wrapper = styled.div<{\n  hasStart: boolean;\n  hasEnd: boolean;\n}>`\n  ${withTokens(\n    \"colors-content-default-default\",\n    \"colors-surface-transparent-subdued-default\",\n    \"radius-s\",\n    \"spacing-s\",\n    \"spacing-xxs\",\n  )}\n\n  align-items: center;\n  border-radius: var(--radius-s);\n  display: flex;\n  gap: var(--spacing-xxs, 8px);\n  height: 56px;\n  padding: ${({ hasEnd, hasStart }) =>\n    `0 ${hasEnd ? \"var(--spacing-xs, 8px)\" : LABEL_OFFSET_X} 0 ${\n      hasStart ? \"var(--spacing-xs, 8px)\" : LABEL_OFFSET_X\n    }`};\n  position: relative;\n  transition: height 0.3s linear;\n`;\n\nconst StyledInput = styled.input`\n  ${withTokens(\"colors-border-disabled-default\")}\n\n  flex: 1;\n  background: none;\n  border: none;\n  cursor: text;\n  &[disabled] {\n    color: var(--colors-border-disabled-default);\n    cursor: not-allowed;\n  }\n  outline: none;\n`;\n\nconst Fieldset = styled.fieldset<{\n  hasError: boolean;\n  hasLabel: boolean;\n  isDisabled: boolean;\n  isFocused: boolean;\n}>`\n  ${withTokens(\n    COLORS_BORDER_STATUS_ERROR_DEFAULT,\n    \"colors-border-active-default\",\n    \"colors-content-subdued-default-default\",\n    \"colors-content-disabled\",\n    \"spacing-s\",\n  )}\n  border-radius: var(--radius-s);\n  border-color: ${({ isDisabled, hasError, isFocused }) =>\n    isDisabled\n      ? \"var(--colors-content-disabled)\"\n      : hasError\n        ? `var(--${COLORS_BORDER_STATUS_ERROR_DEFAULT})`\n        : isFocused\n          ? \"var(--colors-border-active-default)\"\n          : \"var(--colors-content-subdued-default-default)\"};\n  border-style: solid;\n  border-width: 1px;\n  bottom: 0;\n  font-size: ${EXTRA_FONT_SIZE};\n  left: 0;\n  overflow: hidden;\n  padding: 0 calc(${LABEL_OFFSET_X} - ${LABEL_PADDING});\n  pointer-events: none;\n  position: absolute;\n  right: 0;\n  top: ${({ hasLabel }) => (hasLabel ? LABEL_OFFSET_Y : \"0\")};\n`;\n\nconst Legend = styled.legend`\n  visibility: hidden;\n  padding-inline: ${LABEL_PADDING};\n`;\n\nconst HelperContainer = styled(Flex)`\n  ${withTokens(COLORS_BORDER_STATUS_ERROR_DEFAULT)}\n  align-items: center;\n`;\n\n// TODO what's the color for disabled helperText?\nconst HelperText = styled.span<{ hasError: boolean; isDisabled: boolean }>`\n  ${withTokens(COLORS_BORDER_STATUS_ERROR_DEFAULT, \"colors-border-disabled-default\")}\n  ${({ isDisabled, hasError }) =>\n    isDisabled\n      ? \"var(--colors-border-disabled-default)\"\n      : hasError\n        ? `color: var(--${COLORS_BORDER_STATUS_ERROR_DEFAULT});`\n        : \"\"}\n  font-size: ${EXTRA_FONT_SIZE};\n`;\n\nexport const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(\n  (\n    {\n      label,\n      name,\n      defaultValue = \"\",\n      startAdornment = null,\n      endAdornment = null,\n      error = false,\n      helperText,\n      style,\n      onFocus,\n      onBlur,\n      onChange,\n      ...rest\n    },\n    ref,\n  ) => {\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const [isFocused, setIsFocused] = React.useState(false);\n    const [value, setValue] = React.useState(defaultValue);\n\n    // eslint-disable-next-line @typescript-eslint/consistent-type-assertions\n    React.useImperativeHandle(ref, () => inputRef.current as HTMLInputElement);\n\n    const hideClearDebounced = React.useMemo(\n      () => debounce(() => setIsFocused(false), DEBOUNCE_MS),\n      [],\n    );\n\n    const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n      hideClearDebounced.cancel();\n      setIsFocused(true);\n      onFocus?.(e);\n    };\n\n    const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n      onBlur?.(e);\n      hideClearDebounced();\n    };\n\n    React.useEffect(() => () => hideClearDebounced.cancel(), [hideClearDebounced]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      setValue(e.target.value);\n      onChange?.(e);\n    };\n\n    const clearInput = () => {\n      if (inputRef.current) {\n        inputRef.current.value = \"\";\n        setValue(\"\");\n        inputRef.current.focus();\n      }\n    };\n\n    const showClear = value.length > 0 && (isFocused || error);\n    const hasEnd = showClear || Boolean(endAdornment);\n    const hasError = Boolean(error);\n    const hasLabel = Boolean(label);\n    const isDisabled = Boolean(rest.disabled);\n\n    return (\n      <Container style={style}>\n        {label && (\n          <Label isDisabled={isDisabled} hasError={hasError} isFocused={isFocused} htmlFor={name}>\n            {label}\n          </Label>\n        )}\n\n        <Wrapper hasStart={Boolean(startAdornment)} hasEnd={hasEnd}>\n          {startAdornment}\n\n          <StyledInput\n            name={name}\n            defaultValue={defaultValue}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            onChange={handleChange}\n            {...rest}\n            ref={inputRef}\n          />\n\n          {showClear ? (\n            <ClearButton onClick={clearInput} aria-label=\"Clear\">\n              <Icons.DeleteCircleFill size=\"S\" color=\"var(--colors-surface-dark-default)\" />\n            </ClearButton>\n          ) : (\n            endAdornment\n          )}\n\n          <Fieldset\n            hasError={hasError}\n            hasLabel={hasLabel}\n            isDisabled={isDisabled}\n            isFocused={isFocused}\n          >\n            {label ? <Legend>{label}</Legend> : null}\n          </Fieldset>\n        </Wrapper>\n\n        {helperText ? (\n          <HelperContainer columnGap={2}>\n            {hasError ? (\n              <Icons.DeleteCircleFill\n                size=\"S\"\n                color={`var(--${COLORS_BORDER_STATUS_ERROR_DEFAULT})`}\n              />\n            ) : null}\n            <HelperText isDisabled={isDisabled} hasError={hasError}>\n              {helperText}\n            </HelperText>\n          </HelperContainer>\n        ) : null}\n      </Container>\n    );\n  },\n);\n\nTextInput.displayName = \"TextInput\";\n"],"names":["baseStyled","FlexBox","gaps","styled","compose","flexbox","space","position","color","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","spacing","light","dark","tailwindColors","primitiveColors","memoize","css","overrideOther","overrideColor","withTokens","usedTokens","filterTokens","theme","colors","colorEntries","Object","key","value","otherEntries","system","debounce","React","Icons","Flex","DEBOUNCE_MS","COLORS_BORDER_STATUS_ERROR_DEFAULT","EXTRA_FONT_SIZE","ICON_BUTTONS_SIZE","LABEL_OFFSET_Y","LABEL_OFFSET_X","LABEL_PADDING","ClearButton","Container","Label","hasError","isDisabled","isFocused","Wrapper","hasEnd","hasStart","StyledInput","Fieldset","hasLabel","Legend","HelperContainer","HelperText","TextInput","label","name","defaultValue","startAdornment","endAdornment","error","helperText","style","onFocus","onBlur","onChange","rest","ref","inputRef","setIsFocused","setValue","hideClearDebounced","handleFocus","e","handleBlur","handleChange","clearInput","showClear","Boolean"],"mappings":";;;;;;;;AAA2D;AAE3D,MAAMC,UAAUD,6CAAoB,CAAmC;IAAE,SAAS;AAAO,EAAE,CAAC,CAAC;AAG7F,sDAAeC,OAAOA,EAAC;;;;;;;;;;;;;ACLkB;AAC0C;AAiB5D;AAoBhB,MAAMW,aAA6CR,0CAAOA,CAC/DC,sCAAOA,EACPC,oCAAKA,EACLC,uCAAQA,EACRC,oCAAKA,EACLC,qCAAMA,EACNC,uCAAQA,EACRR,+CAAIA,EACJS,qCAAMA,EACN;AAEF,MAAME,cAAc,IAAIC,MAAMX,8CAAMA,EAAE;IACpC,OAAMY,MAAqB,EAAEC,OAAO,EAAEC,aAAwC;QAC5E,OAAOd,4CAAMA,CAACY,OAAO,KAAK,CAACC,SAASC,eAAeL;IACrD;IACA,KAAIG,MAAM,EAAEG,QAA6B;QACvC,IAAI,OAAOH,MAAM,CAACG,SAAS,KAAK,YAAY;YAC1C,OAAOf,4CAAMA,CAACY,MAAM,CAACG,SAAS,CAAC,KAAK,CAACf,8CAAMA,EAAE;gBAACS;aAAW;QAC3D;QACA,OAAOG,MAAM,CAACG,SAAS;IACzB;AACF;AAEA,sDAAgCL,WAAWA,EAAC;;;;;;;;;;AC7D5C,gGAAgG;AAiBzF,MAAMM,UAAwB;IACnC,cAAc;IACd,aAAa;IACb,aAAa;IACb,aAAa;IACb,cAAc;IACd,eAAe;IACf,gBAAgB;IAChB,gBAAgB;IAChB,cAAc;IACd,aAAa;IACb,aAAa;IACb,aAAa;AACf,EAAE;AA+LK,MAAMC,QAAoB;IAC/B,sBAAsB;IACtB,6BAA6B;IAC7B,6BAA6B;IAC7B,+BAA+B;IAC/B,uBAAuB;IACvB,6BAA6B;IAC7B,iCAAiC;IACjC,+BAA+B;IAC/B,iCAAiC;IACjC,2BAA2B;IAC3B,yBAAyB;IACzB,2BAA2B;IAC3B,oCAAoC;IACpC,kCAAkC;IAClC,oCAAoC;IACpC,0BAA0B;IAC1B,0BAA0B;IAC1B,gCAAgC;IAChC,uCAAuC;IACvC,qCAAqC;IACrC,uCAAuC;IACvC,kCAAkC;IAClC,yCAAyC;IACzC,uCAAuC;IACvC,yCAAyC;IACzC,kCAAkC;IAClC,yCAAyC;IACzC,uCAAuC;IACvC,yCAAyC;IACzC,+BAA+B;IAC/B,6BAA6B;IAC7B,+BAA+B;IAC/B,wCAAwC;IACxC,sCAAsC;IACtC,wCAAwC;IACxC,uCAAuC;IACvC,gDAAgD;IAChD,8CAA8C;IAC9C,gDAAgD;IAChD,iDAAiD;IACjD,qCAAqC;IACrC,uCAAuC;IACvC,wCAAwC;IACxC,2BAA2B;IAC3B,yBAAyB;IACzB,2BAA2B;IAC3B,oBAAoB;IACpB,+BAA+B;IAC/B,6BAA6B;IAC7B,+BAA+B;IAC/B,wCAAwC;IACxC,sCAAsC;IACtC,wCAAwC;IACxC,2BAA2B;IAC3B,wBAAwB;IACxB,sBAAsB;IACtB,wBAAwB;IACxB,0BAA0B;IAC1B,wBAAwB;IACxB,0BAA0B;IAC1B,2BAA2B;IAC3B,oCAAoC;IACpC,0BAA0B;IAC1B,0BAA0B;IAC1B,yBAAyB;IACzB,gCAAgC;IAChC,8BAA8B;IAC9B,gCAAgC;IAChC,kCAAkC;IAClC,gCAAgC;IAChC,8BAA8B;IAC9B,4BAA4B;IAC5B,8BAA8B;IAC9B,+BAA+B;IAC/B,gCAAgC;IAChC,8BAA8B;IAC9B,gCAAgC;IAChC,iCAAiC;IACjC,oBAAoB;IACpB,uCAAuC;IACvC,qCAAqC;IACrC,uCAAuC;IACvC,wCAAwC;IACxC,sCAAsC;IACtC,wCAAwC;IACxC,mCAAmC;IACnC,oCAAoC;IACpC,2BAA2B;IAC3B,iCAAiC;IACjC,kCAAkC;IAClC,0BAA0B;IAC1B,mCAAmC;IACnC,oCAAoC;IACpC,yBAAyB;IACzB,yBAAyB;IACzB,+BAA+B;IAC/B,6BAA6B;IAC7B,+BAA+B;IAC/B,iCAAiC;IACjC,iCAAiC;IACjC,6BAA6B;IAC7B,8BAA8B;IAC9B,+BAA+B;IAC/B,gCAAgC;IAChC,2BAA2B;IAC3B,4BAA4B;IAC5B,wBAAwB;IACxB,kCAAkC;IAClC,gCAAgC;IAChC,mCAAmC;IACnC,8BAA8B;IAC9B,4BAA4B;IAC5B,8BAA8B;IAC9B,wBAAwB;IACxB,yBAAyB;IACzB,uBAAuB;IACvB,yBAAyB;IACzB,qBAAqB;IACrB,uBAAuB;IACvB,gBAAgB;IAChB,kBAAkB;IAClB,cAAc;IACd,kBAAkB;IAClB,uBAAuB;IACvB,gBAAgB;IAChB,cAAc;IACd,cAAc;IACd,eAAe;IACf,eAAe;IACf,mBAAmB;IACnB,kBAAkB;IAClB,mBAAmB;IACnB,mBAAmB;IACnB,sBAAsB;IACtB,eAAe;IACf,kBAAkB;IAClB,eAAe;IACf,gBAAgB;IAChB,uBAAuB;IACvB,mBAAmB;IACnB,cAAc;IACd,sBAAsB;IACtB,eAAe;IACf,cAAc;IACd,eAAe;IACf,iBAAiB;IACjB,cAAc;IACd,gBAAgB;IAChB,eAAe;IACf,kBAAkB;IAClB,eAAe;IACf,cAAc;IACd,cAAc;IACd,iBAAiB;IACjB,cAAc;IACd,cAAc;IACd,cAAc;IACd,2BAA2B;IAC3B,mBAAmB;IACnB,mBAAmB;IACnB,eAAe;IACf,oBAAoB;IACpB,cAAc;IACd,cAAc;IACd,gBAAgB;IAChB,kBAAkB;IAClB,eAAe;IACf,mBAAmB;IACnB,mBAAmB;IACnB,iBAAiB;IACjB,mBAAmB;IACnB,eAAe;IACf,cAAc;IACd,iBAAiB;IACjB,eAAe;IACf,cAAc;IACd,eAAe;IACf,mBAAmB;IACnB,iBAAiB;IACjB,iBAAiB;IACjB,eAAe;IACf,cAAc;IACd,mBAAmB;IACnB,eAAe;IACf,cAAc;IACd,cAAc;AAChB,EAAE;AAEK,MAAMC,OAAmB;IAC9B,sBAAsB;IACtB,6BAA6B;IAC7B,6BAA6B;IAC7B,+BAA+B;IAC/B,uBAAuB;IACvB,6BAA6B;IAC7B,iCAAiC;IACjC,+BAA+B;IAC/B,iCAAiC;IACjC,2BAA2B;IAC3B,yBAAyB;IACzB,2BAA2B;IAC3B,oCAAoC;IACpC,kCAAkC;IAClC,oCAAoC;IACpC,0BAA0B;IAC1B,0BAA0B;IAC1B,gCAAgC;IAChC,uCAAuC;IACvC,qCAAqC;IACrC,uCAAuC;IACvC,kCAAkC;IAClC,yCAAyC;IACzC,uCAAuC;IACvC,yCAAyC;IACzC,kCAAkC;IAClC,yCAAyC;IACzC,uCAAuC;IACvC,yCAAyC;IACzC,+BAA+B;IAC/B,6BAA6B;IAC7B,+BAA+B;IAC/B,wCAAwC;IACxC,sCAAsC;IACtC,wCAAwC;IACxC,uCAAuC;IACvC,gDAAgD;IAChD,8CAA8C;IAC9C,gDAAgD;IAChD,iDAAiD;IACjD,qCAAqC;IACrC,uCAAuC;IACvC,wCAAwC;IACxC,2BAA2B;IAC3B,yBAAyB;IACzB,2BAA2B;IAC3B,oBAAoB;IACpB,+BAA+B;IAC/B,6BAA6B;IAC7B,+BAA+B;IAC/B,wCAAwC;IACxC,sCAAsC;IACtC,wCAAwC;IACxC,2BAA2B;IAC3B,wBAAwB;IACxB,sBAAsB;IACtB,wBAAwB;IACxB,0BAA0B;IAC1B,wBAAwB;IACxB,0BAA0B;IAC1B,2BAA2B;IAC3B,oCAAoC;IACpC,0BAA0B;IAC1B,0BAA0B;IAC1B,yBAAyB;IACzB,gCAAgC;IAChC,8BAA8B;IAC9B,gCAAgC;IAChC,kCAAkC;IAClC,gCAAgC;IAChC,8BAA8B;IAC9B,4BAA4B;IAC5B,8BAA8B;IAC9B,+BAA+B;IAC/B,gCAAgC;IAChC,8BAA8B;IAC9B,gCAAgC;IAChC,iCAAiC;IACjC,oBAAoB;IACpB,uCAAuC;IACvC,qCAAqC;IACrC,uCAAuC;IACvC,wCAAwC;IACxC,sCAAsC;IACtC,wCAAwC;IACxC,mCAAmC;IACnC,oCAAoC;IACpC,2BAA2B;IAC3B,iCAAiC;IACjC,kCAAkC;IAClC,0BAA0B;IAC1B,mCAAmC;IACnC,oCAAoC;IACpC,yBAAyB;IACzB,yBAAyB;IACzB,+BAA+B;IAC/B,6BAA6B;IAC7B,+BAA+B;IAC/B,iCAAiC;IACjC,iCAAiC;IACjC,6BAA6B;IAC7B,8BAA8B;IAC9B,+BAA+B;IAC/B,gCAAgC;IAChC,2BAA2B;IAC3B,4BAA4B;IAC5B,wBAAwB;IACxB,kCAAkC;IAClC,gCAAgC;IAChC,mCAAmC;IACnC,8BAA8B;IAC9B,4BAA4B;IAC5B,8BAA8B;IAC9B,wBAAwB;IACxB,yBAAyB;IACzB,uBAAuB;IACvB,yBAAyB;IACzB,qBAAqB;IACrB,uBAAuB;IACvB,gBAAgB;IAChB,kBAAkB;IAClB,cAAc;IACd,kBAAkB;IAClB,uBAAuB;IACvB,gBAAgB;IAChB,cAAc;IACd,cAAc;IACd,eAAe;IACf,eAAe;IACf,mBAAmB;IACnB,kBAAkB;IAClB,mBAAmB;IACnB,mBAAmB;IACnB,sBAAsB;IACtB,eAAe;IACf,kBAAkB;IAClB,eAAe;IACf,gBAAgB;IAChB,uBAAuB;IACvB,mBAAmB;IACnB,cAAc;IACd,sBAAsB;IACtB,eAAe;IACf,cAAc;IACd,eAAe;IACf,iBAAiB;IACjB,cAAc;IACd,gBAAgB;IAChB,eAAe;IACf,kBAAkB;IAClB,eAAe;IACf,cAAc;IACd,cAAc;IACd,iBAAiB;IACjB,cAAc;IACd,cAAc;IACd,cAAc;IACd,2BAA2B;IAC3B,mBAAmB;IACnB,mBAAmB;IACnB,eAAe;IACf,oBAAoB;IACpB,cAAc;IACd,cAAc;IACd,gBAAgB;IAChB,kBAAkB;IAClB,eAAe;IACf,mBAAmB;IACnB,mBAAmB;IACnB,iBAAiB;IACjB,mBAAmB;IACnB,eAAe;IACf,cAAc;IACd,iBAAiB;IACjB,eAAe;IACf,cAAc;IACd,eAAe;IACf,mBAAmB;IACnB,iBAAiB;IACjB,iBAAiB;IACjB,eAAe;IACf,cAAc;IACd,mBAAmB;IACnB,eAAe;IACf,cAAc;IACd,cAAc;AAChB,EAAE;AAEK,MAAMC,iBAAiB;IAC5B,sBAAsB;IACtB,6BAA6B;IAC7B,6BAA6B;IAC7B,+BAA+B;IAC/B,uBAAuB;IACvB,6BAA6B;IAC7B,iCAAiC;IACjC,+BAA+B;IAC/B,iCAAiC;IACjC,2BAA2B;IAC3B,yBAAyB;IACzB,2BAA2B;IAC3B,oCAAoC;IACpC,kCAAkC;IAClC,oCAAoC;IACpC,0BAA0B;IAC1B,0BAA0B;IAC1B,gCAAgC;IAChC,uCAAuC;IACvC,qCAAqC;IACrC,uCAAuC;IACvC,kCAAkC;IAClC,yCAAyC;IACzC,uCAAuC;IACvC,yCAAyC;IACzC,kCAAkC;IAClC,yCAAyC;IACzC,uCAAuC;IACvC,yCAAyC;IACzC,+BAA+B;IAC/B,6BAA6B;IAC7B,+BAA+B;IAC/B,wCAAwC;IACxC,sCAAsC;IACtC,wCAAwC;IACxC,uCAAuC;IACvC,gDACE;IACF,8CAA8C;IAC9C,gDACE;IACF,iDACE;IACF,qCAAqC;IACrC,uCAAuC;IACvC,wCAAwC;IACxC,2BAA2B;IAC3B,yBAAyB;IACzB,2BAA2B;IAC3B,oBAAoB;IACpB,+BAA+B;IAC/B,6BAA6B;IAC7B,+BAA+B;IAC/B,wCAAwC;IACxC,sCAAsC;IACtC,wCAAwC;IACxC,2BAA2B;IAC3B,wBAAwB;IACxB,sBAAsB;IACtB,wBAAwB;IACxB,0BAA0B;IAC1B,wBAAwB;IACxB,0BAA0B;IAC1B,2BAA2B;IAC3B,oCAAoC;IACpC,0BAA0B;IAC1B,0BAA0B;IAC1B,yBAAyB;IACzB,gCAAgC;IAChC,8BAA8B;IAC9B,gCAAgC;IAChC,kCAAkC;IAClC,gCAAgC;IAChC,8BAA8B;IAC9B,4BAA4B;IAC5B,8BAA8B;IAC9B,+BAA+B;IAC/B,gCAAgC;IAChC,8BAA8B;IAC9B,gCAAgC;IAChC,iCAAiC;IACjC,oBAAoB;IACpB,uCAAuC;IACvC,qCAAqC;IACrC,uCAAuC;IACvC,wCAAwC;IACxC,sCAAsC;IACtC,wCAAwC;IACxC,mCAAmC;IACnC,oCAAoC;IACpC,2BAA2B;IAC3B,iCAAiC;IACjC,kCAAkC;IAClC,0BAA0B;IAC1B,mCAAmC;IACnC,oCAAoC;IACpC,yBAAyB;IACzB,yBAAyB;IACzB,+BAA+B;IAC/B,6BAA6B;IAC7B,+BAA+B;IAC/B,iCAAiC;IACjC,iCAAiC;IACjC,6BAA6B;IAC7B,8BAA8B;IAC9B,+BAA+B;IAC/B,gCAAgC;IAChC,2BAA2B;IAC3B,4BAA4B;IAC5B,wBAAwB;IACxB,kCAAkC;IAClC,gCAAgC;IAChC,mCAAmC;IACnC,8BAA8B;IAC9B,4BAA4B;IAC5B,8BAA8B;IAC9B,wBAAwB;IACxB,yBAAyB;IACzB,uBAAuB;IACvB,yBAAyB;IACzB,qBAAqB;IACrB,uBAAuB;IACvB,gBAAgB;IAChB,kBAAkB;IAClB,cAAc;IACd,kBAAkB;IAClB,uBAAuB;IACvB,gBAAgB;IAChB,cAAc;IACd,cAAc;IACd,eAAe;IACf,eAAe;IACf,mBAAmB;IACnB,kBAAkB;IAClB,mBAAmB;IACnB,mBAAmB;IACnB,sBAAsB;IACtB,eAAe;IACf,kBAAkB;IAClB,eAAe;IACf,gBAAgB;IAChB,uBAAuB;IACvB,mBAAmB;IACnB,cAAc;IACd,sBAAsB;IACtB,eAAe;IACf,cAAc;IACd,eAAe;IACf,iBAAiB;IACjB,cAAc;IACd,gBAAgB;IAChB,eAAe;IACf,kBAAkB;IAClB,eAAe;IACf,cAAc;IACd,cAAc;IACd,iBAAiB;IACjB,cAAc;IACd,cAAc;IACd,cAAc;IACd,2BAA2B;IAC3B,mBAAmB;IACnB,mBAAmB;IACnB,eAAe;IACf,oBAAoB;IACpB,cAAc;IACd,cAAc;IACd,gBAAgB;IAChB,kBAAkB;IAClB,eAAe;IACf,mBAAmB;IACnB,mBAAmB;IACnB,iBAAiB;IACjB,mBAAmB;IACnB,eAAe;IACf,cAAc;IACd,iBAAiB;IACjB,eAAe;IACf,cAAc;IACd,eAAe;IACf,mBAAmB;IACnB,iBAAiB;IACjB,iBAAiB;IACjB,eAAe;IACf,cAAc;IACd,mBAAmB;IACnB,eAAe;IACf,cAAc;IACd,cAAc;AAChB,CAAC,GAAU;AAEJ,MAAMC,kBAAkB;IAC7B,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,wBAAwB;IACxB,wBAAwB;IACxB,qBAAqB;IACrB,yBAAyB;IACzB,yBAAyB;IACzB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,yBAAyB;IACzB,0BAA0B;IAC1B,yBAAyB;IACzB,0BAA0B;IAC1B,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,sBAAsB;IACtB,sBAAsB;IACtB,uBAAuB;IACvB,uBAAuB;IACvB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,yBAAyB;IACzB,kBAAkB;IAClB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,uBAAuB;IACvB,wBAAwB;IACxB,yBAAyB;IACzB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,wBAAwB;IACxB,uBAAuB;IACvB,uBAAuB;IACvB,yBAAyB;IACzB,wBAAwB;IACxB,uBAAuB;IACvB,uBAAuB;IACvB,uBAAuB;IACvB,uBAAuB;IACvB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,gCAAgC;IAChC,4BAA4B;IAC5B,4BAA4B;IAC5B,2BAA2B;IAC3B,2BAA2B;IAC3B,+BAA+B;IAC/B,oCAAoC;IACpC,oCAAoC;IACpC,kCAAkC;IAClC,gCAAgC;IAChC,gCAAgC;IAChC,+BAA+B;IAC/B,8BAA8B;IAC9B,gCAAgC;IAChC,iCAAiC;IACjC,4BAA4B;IAC5B,2BAA2B;IAC3B,8BAA8B;IAC9B,gCAAgC;IAChC,gCAAgC;IAChC,4BAA4B;IAC5B,8BAA8B;IAC9B,2BAA2B;IAC3B,gCAAgC;IAChC,gCAAgC;IAChC,wCAAwC;IACxC,6BAA6B;IAC7B,2BAA2B;IAC3B,4BAA4B;IAC5B,8BAA8B;IAC9B,2BAA2B;IAC3B,gCAAgC;IAChC,8BAA8B;IAC9B,oCAAoC;IACpC,4BAA4B;IAC5B,4BAA4B;IAC5B,2BAA2B;IAC3B,6BAA6B;IAC7B,4BAA4B;IAC5B,2BAA2B;IAC3B,gCAAgC;IAChC,4BAA4B;IAC5B,4BAA4B;IAC5B,gCAAgC;IAChC,+BAA+B;IAC/B,mCAAmC;IACnC,6BAA6B;IAC7B,2BAA2B;IAC3B,4BAA4B;IAC5B,4BAA4B;IAC5B,4BAA4B;IAC5B,2BAA2B;IAC3B,6BAA6B;IAC7B,2BAA2B;IAC3B,6BAA6B;IAC7B,2BAA2B;IAC3B,2BAA2B;IAC3B,8BAA8B;IAC9B,+BAA+B;IAC/B,4BAA4B;IAC5B,2BAA2B;IAC3B,+BAA+B;IAC/B,2BAA2B;IAC3B,+BAA+B;IAC/B,mCAAmC;IACnC,4BAA4B;IAC5B,2BAA2B;IAC3B,2BAA2B;IAC3B,2BAA2B;IAC3B,wBAAwB;IACxB,4BAA4B;IAC5B,2BAA2B;IAC3B,4BAA4B;IAC5B,uBAAuB;IACvB,0BAA0B;IAC1B,2BAA2B;IAC3B,0BAA0B;IAC1B,yBAAyB;IACzB,4BAA4B;IAC5B,gCAAgC;IAChC,iCAAiC;IACjC,gCAAgC;IAChC,0BAA0B;IAC1B,wBAAwB;IACxB,2BAA2B;IAC3B,uBAAuB;IACvB,0BAA0B;IAC1B,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,kBAAkB;IAClB,uBAAuB;IACvB,wBAAwB;IACxB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,wBAAwB;IACxB,yBAAyB;IACzB,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,iBAAiB;IACjB,gBAAgB;IAChB,qBAAqB;IACrB,sBAAsB;IACtB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;IACjB,uBAAuB;IACvB,uBAAuB;IACvB,uBAAuB;IACvB,uBAAuB;IACvB,uBAAuB;IACvB,uBAAuB;IACvB,uBAAuB;IACvB,uBAAuB;IACvB,uBAAuB;IACvB,uBAAuB;IACvB,uBAAuB;IACvB,uBAAuB;IACvB,uBAAuB;IACvB,uBAAuB;IACvB,uBAAuB;IACvB,uBAAuB;IACvB,uBAAuB;IACvB,uBAAuB;IACvB,iBAAiB;IACjB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,sBAAsB;IACtB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,2BAA2B;IAC3B,+BAA+B;IAC/B,+BAA+B;IAC/B,2BAA2B;IAC3B,0BAA0B;IAC1B,0BAA0B;IAC1B,8BAA8B;IAC9B,mCAAmC;IACnC,mCAAmC;IACnC,iCAAiC;IACjC,+BAA+B;IAC/B,8BAA8B;IAC9B,6BAA6B;IAC7B,+BAA+B;IAC/B,2BAA2B;IAC3B,gCAAgC;IAChC,0BAA0B;IAC1B,2BAA2B;IAC3B,0BAA0B;IAC1B,6BAA6B;IAC7B,+BAA+B;IAC/B,+BAA+B;IAC/B,2BAA2B;IAC3B,0BAA0B;IAC1B,6BAA6B;IAC7B,0BAA0B;IAC1B,0BAA0B;IAC1B,+BAA+B;IAC/B,+BAA+B;IAC/B,uCAAuC;IACvC,0BAA0B;IAC1B,0BAA0B;IAC1B,6BAA6B;IAC7B,0BAA0B;IAC1B,4BAA4B;IAC5B,2BAA2B;IAC3B,6BAA6B;IAC7B,0BAA0B;IAC1B,+BAA+B;IAC/B,6BAA6B;IAC7B,mCAAmC;IACnC,2BAA2B;IAC3B,2BAA2B;IAC3B,0BAA0B;IAC1B,4BAA4B;IAC5B,kCAAkC;IAClC,0BAA0B;IAC1B,2BAA2B;IAC3B,+BAA+B;IAC/B,2BAA2B;IAC3B,2BAA2B;IAC3B,+BAA+B;IAC/B,8BAA8B;IAC9B,2BAA2B;IAC3B,8BAA8B;IAC9B,0BAA0B;IAC1B,kCAAkC;IAClC,4BAA4B;IAC5B,0BAA0B;IAC1B,2BAA2B;IAC3B,8BAA8B;IAC9B,2BAA2B;IAC3B,2BAA2B;IAC3B,0BAA0B;IAC1B,4BAA4B;IAC5B,0BAA0B;IAC1B,0BAA0B;IAC1B,8BAA8B;IAC9B,4BAA4B;IAC5B,uBAAuB;IACvB,2BAA2B;IAC3B,+BAA+B;IAC/B,gCAAgC;IAChC,iCAAiC;IACjC,yBAAyB;IACzB,uBAAuB;IACvB,0BAA0B;IAC1B,sBAAsB;IACtB,yBAAyB;IACzB,0BAA0B;IAC1B,2BAA2B;IAC3B,sBAAsB;IACtB,yBAAyB;IACzB,0BAA0B;IAC1B,yBAAyB;IACzB,wBAAwB;IACxB,2BAA2B;IAC3B,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;IACnB,mBAAmB;AACrB,CAAC,GAAU;;;;;;;;;;;;;;;;;;;ACppC0B;AACiB;AAC2B;AAEjF,6DAA6D;AAC7D,MAAMG,gBAAgB;IACpB,YAAY;IACZ,YAAY;IACZ,aAAa;IACb,wBAAwB;IACxB,sBAAsB;IACtB,aAAa;IACb,YAAY;IACZ,YAAY;IACZ,YAAY;IAEZ,cAAc;IACd,eAAe;AACjB;AAEA,8DAA8D;AAC9D,MAAMC,gBAAgB;IACpB,OAAO;QACL,6BAA6B;QAC7B,+BAA+B;QAC/B,gCAAgC;QAEhC,kCAAkC;QAClC,qBAAqB;IACvB;IACA,MAAM;QACJ,sBAAsB;QACtB,qBAAqB;IACvB;AACF;AAQO,MAAMC,aAAa,CAAC,GAAGC;IAC5B,MAAMC,eAAeN,iBAAOA,CAAC,CAACO;QAC5B,MAAMC,SAAS;YACb,MAAM;gBAAE,GAAGX,kBAAI;gBAAE,GAAGM,cAAc,IAAI;YAAC;YACvC,OAAO;gBAAE,GAAGP,mBAAK;gBAAE,GAAGO,cAAc,KAAK;YAAC;QAC5C,CAAC,CAACI,MAAM;QAER,MAAME,eAAeC,OAAO,OAAO,CAACF,QAAQ,OAAO,CAAC,CAAC,CAACG,KAAKC,MAAM;YAC/D,MAAM5B,QAAQ,CAAC,OAAO,EAAE2B,KAAK;YAC7B,IAAI,CAACN,WAAW,QAAQ,CAACrB,QAAQ,OAAO,EAAE;YAC1C,OAAO;gBAAC;oBAAC,CAAC,EAAE,EAAEA,OAAO;oBAAE4B;iBAAM;aAAC;QAChC;QACA,MAAMC,eAAe;YAAClB,qBAAOA;YAAEO;SAAc,CAC1C,OAAO,CAACQ,OAAO,OAAO,EACtB,OAAO,CAAC,CAAC,CAACC,KAAKC,MAAM;YACpB,IAAI,CAACP,WAAW,QAAQ,CAACM,MAAoB,OAAO,EAAE;YACtD,OAAO;gBAAC;oBAAC,CAAC,EAAE,EAAEA,KAAK;oBAAEC;iBAAM;aAAC;QAC9B;QAEF,OAAOF,OAAO,WAAW,CAAC;eAAID;eAAiBI;SAAa;IAC9D;IAEA,OAAOZ,mCAAGA,CAAC,CAAC,EAAEM,KAAK,EAAE,GAAKD,aAAaC,MAAM,MAAM,CAAC,IAAI;AAC1D,EAAE;;;;;;;;;;ACjEqC;AAEvC,MAAM7B,OAAOoC,yCAAMA,CAAC;IAClB,QAAQ;QAAE,UAAU;QAAU,OAAO;IAAQ;IAC7C,WAAW;QAAE,UAAU;QAAa,OAAO;IAAQ;AACrD;AAEA,sDAAepC,IAAIA,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACPpB;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACNuC;AACb;AACa;AACC;AACG;AACH;AAExC,MAAMyC,cAAc;AAEpB,MAAMC,qCAAqC;AAC3C,MAAMC,kBAAkB;AACxB,MAAMC,oBAAoB;AAC1B,MAAMC,iBAAiB,CAAC,YAAY,EAAEF,gBAAgB,CAAC,CAAC;AACxD,MAAMG,iBAAiB;AACvB,MAAMC,gBAAgB;AAetB,MAAMC,cAAc/C,6CAAa,CAAC;EAChC,EAAEyB,mBAAUA,CAAC,+BAA+B;;;;;;;UAOpC,EAAEkB,kBAAkB;SACrB,EAAEA,kBAAkB;AAC7B,CAAC;AAED,MAAMK,YAAYhD,0CAAU,CAAC;EAC3B,EAAEyB,mBAAUA,CAAC,eAAe;;;;;;;AAO9B,CAAC;AAED,MAAMwB,QAAQjD,4CAA4E,CAAC;EACzF,EAAEyB,mBAAUA,CACVgB,oCACA,gCACA,2BACA,0CACA,aACA;SACK,EAAE,CAAC,EAAES,QAAQ,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAC3CD,aACI,mCACAD,WACE,CAAC,MAAM,EAAET,mCAAmC,EAAE,CAAC,GAC/CW,YACE,wCACA,iDAAiD;aAChD,EAAEV,gBAAgB;kBACb,EAAEI,cAAc;;OAE3B,EAAEF,eAAe;aACX,EAAEC,eAAe,GAAG,EAAEC,cAAc;AACjD,CAAC;AAED,MAAMO,UAAUrD,0CAGd,CAAC;EACD,EAAEyB,mBAAUA,CACV,kCACA,8CACA,YACA,aACA,eACA;;;;;;;WAOO,EAAE,CAAC,EAAE6B,MAAM,EAAEC,QAAQ,EAAE,GAC9B,CAAC,EAAE,EAAED,SAAS,2BAA2BT,eAAe,GAAG,EACzDU,WAAW,2BAA2BV,gBACtC,CAAC;;;AAGP,CAAC;AAED,MAAMW,cAAcxD,4CAAY,CAAC;EAC/B,EAAEyB,mBAAUA,CAAC,kCAAkC;;;;;;;;;;;AAWjD,CAAC;AAED,MAAMgC,WAAWzD,+CAKf,CAAC;EACD,EAAEyB,mBAAUA,CACVgB,oCACA,gCACA,0CACA,2BACA,aACA;;gBAEY,EAAE,CAAC,EAAEU,UAAU,EAAED,QAAQ,EAAEE,SAAS,EAAE,GAClDD,aACI,mCACAD,WACE,CAAC,MAAM,EAAET,mCAAmC,CAAC,CAAC,GAC9CW,YACE,wCACA,gDAAgD;;;;aAI/C,EAAEV,gBAAgB;;;kBAGb,EAAEG,eAAe,GAAG,EAAEC,cAAc;;;;OAI/C,EAAE,CAAC,EAAEY,QAAQ,EAAE,GAAMA,WAAWd,iBAAiB,IAAK;AAC7D,CAAC;AAED,MAAMe,SAAS3D,6CAAa,CAAC;;kBAEX,EAAE8C,cAAc;AAClC,CAAC;AAED,MAAMc,kBAAkB5D,oCAAMA,CAACuC,mBAAIA,CAAC,CAAC;EACnC,EAAEd,mBAAUA,CAACgB,oCAAoC;;AAEnD,CAAC;AAED,iDAAiD;AACjD,MAAMoB,aAAa7D,2CAAuD,CAAC;EACzE,EAAEyB,mBAAUA,CAACgB,oCAAoC,kCAAkC;EACnF,EAAE,CAAC,EAAEU,UAAU,EAAED,QAAQ,EAAE,GACzBC,aACI,0CACAD,WACE,CAAC,aAAa,EAAET,mCAAmC,EAAE,CAAC,GACtD,GAAG;aACA,EAAEC,gBAAgB;AAC/B,CAAC;AAEM,MAAMoB,0BAAYzB,mCAAgB,CACvC,CACE,EACE0B,KAAK,EACLC,IAAI,EACJC,eAAe,EAAE,EACjBC,iBAAiB,IAAI,EACrBC,eAAe,IAAI,EACnBC,QAAQ,KAAK,EACbC,UAAU,EACVC,KAAK,EACLC,OAAO,EACPC,MAAM,EACNC,QAAQ,EACR,GAAGC,MACJ,EACDC;IAEA,MAAMC,WAAWvC,+BAAY,CAAmB;IAChD,MAAM,CAACe,WAAWyB,aAAa,GAAGxC,iCAAc,CAAC;IACjD,MAAM,CAACJ,OAAO6C,SAAS,GAAGzC,iCAAc,CAAC4B;IAEzC,yEAAyE;IACzE5B,4CAAyB,CAACsC,KAAK,IAAMC,SAAS,OAAO;IAErD,MAAMG,qBAAqB1C,gCAAa,CACtC,IAAMD,kBAAQA,CAAC,IAAMyC,aAAa,QAAQrC,cAC1C,EAAE;IAGJ,MAAMwC,cAAc,CAACC;QACnBF,mBAAmB,MAAM;QACzBF,aAAa;QACbN,UAAUU;IACZ;IAEA,MAAMC,aAAa,CAACD;QAClBT,SAASS;QACTF;IACF;IAEA1C,kCAAe,CAAC,IAAM,IAAM0C,mBAAmB,MAAM,IAAI;QAACA;KAAmB;IAE7E,MAAMI,eAAe,CAACF;QACpBH,SAASG,EAAE,MAAM,CAAC,KAAK;QACvBR,WAAWQ;IACb;IAEA,MAAMG,aAAa;QACjB,IAAIR,SAAS,OAAO,EAAE;YACpBA,SAAS,OAAO,CAAC,KAAK,GAAG;YACzBE,SAAS;YACTF,SAAS,OAAO,CAAC,KAAK;QACxB;IACF;IAEA,MAAMS,YAAYpD,MAAM,MAAM,GAAG,KAAMmB,CAAAA,aAAagB,KAAI;IACxD,MAAMd,SAAS+B,aAAaC,QAAQnB;IACpC,MAAMjB,WAAWoC,QAAQlB;IACzB,MAAMV,WAAW4B,QAAQvB;IACzB,MAAMZ,aAAamC,QAAQZ,KAAK,QAAQ;IAExC,qBACE,uCAAC1B;QAAU,OAAOsB;OACfP,uBACC,uCAACd;QAAM,YAAYE;QAAY,UAAUD;QAAU,WAAWE;QAAW,SAASY;OAC/ED,sBAIL,uCAACV;QAAQ,UAAUiC,QAAQpB;QAAiB,QAAQZ;OACjDY,8BAED,uCAACV;QACC,MAAMQ;QACN,cAAcC;QACd,SAASe;QACT,QAAQE;QACR,UAAUC;QACT,GAAGT,IAAI;QACR,KAAKE;QAGNS,0BACC,uCAACtC;QAAY,SAASqC;QAAY,cAAW;qBAC3C,uCAAC9C,uBAAsB;QAAC,MAAK;QAAI,OAAM;UAGzC6B,4BAGF,uCAACV;QACC,UAAUP;QACV,UAAUQ;QACV,YAAYP;QACZ,WAAWC;OAEVW,sBAAQ,uCAACJ,cAAQI,SAAkB,QAIvCM,2BACC,uCAACT;QAAgB,WAAW;OACzBV,yBACC,uCAACZ,uBAAsB;QACrB,MAAK;QACL,OAAO,CAAC,MAAM,EAAEG,mCAAmC,CAAC,CAAC;SAErD,oBACJ,uCAACoB;QAAW,YAAYV;QAAY,UAAUD;OAC3CmB,eAGH;AAGV,GACA;AAEFP,UAAU,WAAW,GAAG"}