@lightsparkdev/ui 1.0.6 → 1.0.8

package/dist/components/CardPage.cjs

@@ -1,4383 +1,167 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/CardPage.tsx
-var CardPage_exports = {};
-__export(CardPage_exports, {
-  CardPage: () => CardPage,
-  CardPageContent: () => CardPageContent,
-  CardPageFullContent: () => CardPageFullContent,
-  CardPageFullWidth: () => CardPageFullWidth,
-  CardPageRightContentInner: () => CardPageRightContentInner,
-  CardPageSubtitle: () => CardPageSubtitle
-});
-module.exports = __toCommonJS(CardPage_exports);
-var import_styled4 = __toESM(require("@emotion/styled"), 1);
-var import_react7 = require("react");
-
-// src/styles/breakpoints.tsx
-var import_react = require("@emotion/react");
-var import_lodash_es = require("lodash-es");
-var import_react2 = require("react");
-var import_jsx_runtime = require("@emotion/react/jsx-runtime");
-var Breakpoints = /* @__PURE__ */ ((Breakpoints2) => {
-  Breakpoints2["sm"] = "sm";
-  Breakpoints2["md"] = "md";
-  Breakpoints2["lg"] = "lg";
-  return Breakpoints2;
-})(Breakpoints || {});
-var breakpoints = {
-  ["sm" /* sm */]: 640,
-  ["md" /* md */]: 834,
-  ["lg" /* lg */]: 1200
-};
-var breakpointFn = (mq) => (style) => `@media ${mq} { ${style} }`;
-var bp = {
-  key: Breakpoints,
-  ["sm" /* sm */]: breakpointFn(`(max-width:${breakpoints.sm}px)`),
-  ["lg" /* lg */]: breakpointFn(`(min-width:${breakpoints.lg}px)`),
-  ["minSmMaxLg" /* minSmMaxLg */]: breakpointFn(
-    `(min-width:${breakpoints.sm + 1}px) and (max-width:${breakpoints.lg - 1}px)`
-  ),
-  ["minSmMaxMd" /* minSmMaxMd */]: breakpointFn(
-    `(min-width:${breakpoints.sm + 1}px) and (max-width:${breakpoints.md - 1}px)`
-  ),
-  ["minMdMaxLg" /* minMdMaxLg */]: breakpointFn(
-    `(min-width:${breakpoints.md}px) and (max-width:${breakpoints.lg - 1}px)`
-  ),
-  ["maxLg" /* maxLg */]: breakpointFn(`(max-width:${breakpoints.lg - 1}px)`),
-  ["maxMd" /* maxMd */]: breakpointFn(`(max-width:${breakpoints.md - 1}px)`),
-  ["minSm" /* minSm */]: breakpointFn(`(min-width:${breakpoints.sm + 1}px)`),
-  ["minMd" /* minMd */]: breakpointFn(`(min-width:${breakpoints.md + 1}px)`),
-  current: function(assertBp) {
-    const currentBp = (
-      /* window is undefined in first server side render for Next apps: */
-      typeof window === "undefined" ? "sm" /* sm */ : window.getComputedStyle(document.body, ":before").content.replace(/"/g, "")
-    );
-    if (assertBp) {
-      return inRange(
-        currentBp,
-        assertBp
-      );
-    }
-    return currentBp;
-  },
-  switch: (smVal, minSmMaxMdVal, minMdMaxLgVal, lgVal) => {
-    const currentBp = bp.current();
-    if (currentBp === "sm" /* sm */) {
-      return smVal;
-    } else if (currentBp === "minSmMaxMd" /* minSmMaxMd */) {
-      return minSmMaxMdVal;
-    } else if (currentBp === "minMdMaxLg" /* minMdMaxLg */) {
-      return minMdMaxLgVal;
-    }
-    return lgVal;
-  },
-  isSm: () => bp.current("sm" /* sm */),
-  isMinSm: () => bp.current("minSm" /* minSm */),
-  isMinSmMaxMd: () => bp.current("minSmMaxMd" /* minSmMaxMd */),
-  isMinMdMaxLg: () => bp.current("minMdMaxLg" /* minMdMaxLg */),
-  isLg: () => bp.current("lg" /* lg */)
-};
-function inRange(currentBp, assertBp) {
-  const isSm = currentBp === "sm" /* sm */;
-  const isMinSmMaxMd = currentBp === "minSmMaxMd" /* minSmMaxMd */;
-  const isMinMdMaxLg = currentBp === "minMdMaxLg" /* minMdMaxLg */;
-  const isLg = currentBp === "lg" /* lg */;
-  if (assertBp) {
-    switch (assertBp) {
-      case "sm" /* sm */:
-        return isSm;
-      case "minSmMaxMd" /* minSmMaxMd */:
-        return isMinSmMaxMd;
-      case "minMdMaxLg" /* minMdMaxLg */:
-        return isMinMdMaxLg;
-      case "lg" /* lg */:
-        return isLg;
-      case "minSmMaxLg" /* minSmMaxLg */:
-        return isMinSmMaxMd || isMinMdMaxLg;
-      case "maxLg" /* maxLg */:
-        return isSm || isMinSmMaxMd || isMinMdMaxLg;
-      case "maxMd" /* maxMd */:
-        return isSm || isMinSmMaxMd;
-      case "minSm" /* minSm */:
-        return isMinSmMaxMd || isMinMdMaxLg || isLg;
-      case "minMd" /* minMd */:
-        return isMinMdMaxLg || isLg;
-      default:
-        return false;
-    }
-  }
-  return false;
-}
-function useBreakpoints() {
-  const [currentBp, setCurrentBp] = (0, import_react2.useState)(bp.current());
-  (0, import_react2.useLayoutEffect)(() => {
-    const handleResize = () => {
-      const newBp = bp.current();
-      if (newBp !== currentBp) {
-        setCurrentBp(newBp);
-      }
-    };
-    handleResize();
-    window.addEventListener("resize", handleResize);
-    window.addEventListener("deviceorientation", handleResize);
-    return () => {
-      window.removeEventListener("resize", handleResize);
-      window.removeEventListener("deviceorientation", handleResize);
-    };
-  });
-  return bp;
-}
-
-// src/styles/common.tsx
-var import_react4 = require("@emotion/react");
-var import_styled = __toESM(require("@emotion/styled"), 1);
-
-// src/styles/colors.tsx
-var neutral = {
-  black: "#000000",
-  gray5: "#0D0D0D",
-  gray10: "#1A1A1A",
-  gray15: "#262626",
-  gray20: "#333333",
-  gray25: "#404040",
-  gray30: "#4D4D4D",
-  gray40: "#666666",
-  gray50: "#808080",
-  gray60: "#999999",
-  gray70: "#B3B3B3",
-  gray80: "#CCCCCC",
-  gray85: "#D9D9D9",
-  gray90: "#E6E6E6",
-  gray91: "#171717",
-  gray95: "#F2F2F2",
-  gray98: "#F9F9F9",
-  white: "#FFFFFF"
-};
-var darkGradient = "#1d1d1d linear-gradient(180deg, #090909 63.08%, #1d1d1d 100.52%)";
-var primary = "#FFF14E";
-var baseColors = __spreadProps(__spreadValues({}, neutral), {
-  // green
-  success: "#17C27C",
-  green33: "#179257",
-  // blue
-  blue43: "#145BC6",
-  blue22: "#0E2E60",
-  blue39: "#0068C9",
-  blue37: "#21529c",
-  blue58: "#28BFFF",
-  // less than 50% saturated blue
-  grayBlue5: "#0c0d0f",
-  grayBlue9: "#16171A",
-  grayBlue18: "#21283a",
-  grayBlue32: "#4F5156",
-  grayBlue43: "#686A72",
-  grayBlue45: "#676F80",
-  grayBlue57: "#8B8E98",
-  grayBlue67: "#9BA7B9",
-  grayBlue80: "#C0C9D6",
-  grayBlue88: "#DEDFE4",
-  grayBlue94: "#EBEEF2",
-  grayBlue96: "#F2F5F7",
-  // purple
-  purple43: "#820AD1",
-  purple55: "#8B38DE",
-  // red
-  red42a10: "#D800271A",
-  // yellow
-  primary,
-  warning: primary,
-  // orange
-  danger: "#FD2C0F",
-  // neutral
-  secondary: neutral.black
-});
-var colors = baseColors;
-function hcNeutralFromBg(bgHex, defaultHex = colors.black, altHex = colors.white) {
-  const bgRGB = hexToRGB(bgHex);
-  const hcRGB = hexToRGB(defaultHex);
-  if (!bgRGB || !hcRGB)
-    return defaultHex;
-  const c = contrast(bgRGB, hcRGB);
-  if (c < 4.5) {
-    return altHex;
-  }
-  return defaultHex;
-}
-function luminance(r, g, b) {
-  const a = [r, g, b].map(function(v) {
-    v /= 255;
-    return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
-  });
-  return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
-}
-function contrast(rgb1, rgb2) {
-  const lum1 = luminance(rgb1[0], rgb1[1], rgb1[2]);
-  const lum2 = luminance(rgb2[0], rgb2[1], rgb2[2]);
-  const brightest = Math.max(lum1, lum2);
-  const darkest = Math.min(lum1, lum2);
-  return (brightest + 0.05) / (darkest + 0.05);
-}
-function hexToRGB(hex) {
-  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-  return result ? [
-    parseInt(result[1], 16),
-    parseInt(result[2], 16),
-    parseInt(result[3], 16)
-  ] : [0, 0, 0];
-}
-
-// src/styles/themes.tsx
-var import_react3 = require("@emotion/react");
-var import_deepmerge = __toESM(require("deepmerge"), 1);
-
-// src/styles/buttons.tsx
-var buttonsThemeBase = {
-  defaultSize: "Small",
-  defaultTypographyType: "Body Strong",
-  defaultColor: "text",
-  defaultBorderRadius: 32,
-  defaultBorderWidth: 1,
-  defaultBackgroundColor: "bg",
-  defaultBorderColor: "bg",
-  defaultHoverBackgroundColor: "bg",
-  defaultHoverBorderColor: "bg",
-  defaultOutlineOffset: 1,
-  defaultPaddingsY: {
-    ExtraSmall: 4,
-    Small: {
-      short: 8,
-      regular: 12
-    },
-    Schmedium: 12,
-    Medium: 12,
-    Mlarge: 12,
-    Large: 12
-  },
-  kinds: {}
-};
-var defaultButtonsTheme = __spreadProps(__spreadValues({}, buttonsThemeBase), {
-  kinds: {
-    primary: {
-      defaultColor: "bg",
-      defaultBorderWidth: 0,
-      defaultBackgroundColor: "c9Neutral",
-      defaultBorderColor: "c9Neutral",
-      defaultHoverBackgroundColor: "c8Neutral",
-      defaultHoverBorderColor: "c8Neutral"
-    },
-    ghost: {
-      defaultBackgroundColor: "transparent",
-      defaultBorderWidth: 0,
-      defaultHoverBackgroundColor: "transparent",
-      defaultHoverBorderColor: "transparent",
-      defaultPaddingsY: {
-        ExtraSmall: 0,
-        Small: 0,
-        Schmedium: 0,
-        Medium: 0,
-        Mlarge: 0,
-        Large: 0
-      }
-    },
-    secondary: {
-      defaultBackgroundColor: ["bg", "c1Neutral"],
-      defaultBorderColor: ["gray90", "gray20"],
-      defaultHoverBackgroundColor: ["bg", "c1Neutral"],
-      defaultHoverBorderColor: ["gray90", "gray20"]
-    },
-    blue39: {
-      defaultBorderColor: "blue39",
-      defaultColor: "gray98"
-    },
-    blue43: {
-      defaultColor: "white"
-    },
-    green33: {
-      defaultColor: "white"
-    },
-    purple55: {
-      defaultColor: "white"
-    },
-    danger: {
-      defaultColor: "white"
-    }
-  }
-});
-
-// src/styles/tokens/typography.ts
-var FONT_FAMILIES = {
-  main: "Montserrat",
-  code: "Monaco"
-};
-var LINE_HEIGHTS = {
-  ["Lightspark" /* Lightspark */]: {
-    "7xl": "72px",
-    "6xl": "60px",
-    "5xl": "44px",
-    "4xl": "40px",
-    "3xl": "36px",
-    "2xs": "14px",
-    "2xl": "32px",
-    lg: "24px",
-    md: "20px",
-    sm: "18px",
-    xl: "28px",
-    xs: "16px"
-  },
-  ["LightsparkDocs" /* LightsparkDocs */]: {
-    "7xl": "72px",
-    "6xl": "60px",
-    "5xl": "44px",
-    "4xl": "40px",
-    "3xl": "36px",
-    "2xs": "14px",
-    "2xl": "32px",
-    lg: "24px",
-    md: "20px",
-    sm: "18px",
-    xl: "28px",
-    xs: "16px"
-  },
-  ["UmameDocs" /* UmameDocs */]: {
-    "5xl": "72px",
-    "4xl": "60px",
-    "3xl": "44px",
-    "2xs": "16px",
-    "2xl": "40px",
-    lg: "32px",
-    md: "28px",
-    sm: "24px",
-    xl: "36px",
-    xs: "20px"
-  },
-  ["Bridge" /* Bridge */]: {
-    "8xl": "72px",
-    "7xl": "60px",
-    "6xl": "44px",
-    "5xl": "40px",
-    "4xl": "36px",
-    "3xl": "32px",
-    "2xl": "28px",
-    lg: "22px",
-    md: "20px",
-    sm: "18px",
-    xl: "24px",
-    xs: "16px"
-  }
-};
-var FONT_WEIGHTS = {
-  main: {
-    ExtraBold: 800,
-    Bold: 700,
-    SemiBold: 600,
-    Medium: 500
-  },
-  code: {
-    Bold: 700,
-    Regular: 400
-  }
-};
-var FONT_SIZE = {
-  ["Lightspark" /* Lightspark */]: {
-    "2xs": "10px",
-    xs: "12px",
-    sm: "14px",
-    md: "16px",
-    lg: "20px",
-    xl: "24px",
-    "2xl": "28px",
-    "3xl": "32px",
-    "4xl": "36px",
-    "5xl": "48px",
-    "6xl": "64px"
-  },
-  ["LightsparkDocs" /* LightsparkDocs */]: {
-    "2xs": "10px",
-    xs: "12px",
-    sm: "14px",
-    md: "16px",
-    lg: "20px",
-    xl: "24px",
-    "2xl": "28px",
-    "3xl": "32px",
-    "4xl": "36px",
-    "5xl": "48px",
-    "6xl": "64px"
-  },
-  ["UmameDocs" /* UmameDocs */]: {
-    "2xs": "11px",
-    xs: "12px",
-    sm: "14px",
-    md: "16px",
-    lg: "20px",
-    xl: "24px",
-    "2xl": "28px",
-    "3xl": "32px",
-    "4xl": "36px",
-    "5xl": "48px",
-    "6xl": "64px"
-  },
-  ["Bridge" /* Bridge */]: {
-    "2xs": "11px",
-    xs: "12px",
-    md: "14px",
-    lg: "16px",
-    xl: "20px",
-    "2xl": "24px",
-    "3xl": "28px",
-    "4xl": "32px",
-    "5xl": "36px",
-    "6xl": "48px",
-    "7xl": "64px"
-  }
-};
-var LETTER_SPACING = {
-  ["Lightspark" /* Lightspark */]: {
-    "tight-max": "-4%",
-    "tight-high": "-3%",
-    "tight-medium": "-2%",
-    "tight-low": "-0.5%",
-    normal: "0",
-    "loose-max": "1.44px"
-  },
-  ["LightsparkDocs" /* LightsparkDocs */]: {
-    "tight-max": "-4%",
-    "tight-high": "-3%",
-    "tight-medium": "-2%",
-    "tight-low": "-0.5%",
-    normal: "0",
-    "loose-max": "1.44px"
-  },
-  ["UmameDocs" /* UmameDocs */]: {
-    tight: "-.02em",
-    normal: "0",
-    loose: ".1em"
-  },
-  ["Bridge" /* Bridge */]: {
-    tight: "-2%",
-    normal: "0%"
-  }
-};
-var TEXT_CASE = {
-  none: "none",
-  uppercase: "uppercase"
-};
-var TEXT_DECORATION = {
-  none: "none"
-};
-var PARAGRAPH_INDENT = {
-  0: "0px"
-};
-var PARAGRAPH_SPACING = {
-  default: "default",
-  0: "0",
-  16: "16px",
-  40: "40px"
-};
-var TokenSize = {
-  Large: "Large",
-  Mlarge: "Mlarge",
-  Medium: "Medium",
-  Schmedium: "Schmedium",
-  Small: "Small",
-  ExtraSmall: "ExtraSmall"
-};
-var TypographyType = {
-  Display: "Display",
-  Headline: "Headline",
-  Title: "Title",
-  Body: "Body",
-  BodyStrong: "Body Strong",
-  Label: "Label",
-  LabelModerate: "Label Moderate",
-  LabelStrong: "Label Strong",
-  Overline: "Overline",
-  Code: "Code",
-  CodeStrong: "Code Strong"
-};
-function getTypographyTypes(fontFamilies) {
-  return {
-    ["Lightspark" /* Lightspark */]: {
-      Mobile: {
-        [TypographyType.Display]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["7xl"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["6xl"]}`,
-            letterSpacing: "-2.56px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["6xl"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["5xl"]}`,
-            letterSpacing: "-1.92px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["5xl"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["4xl"]}`,
-            letterSpacing: "-1.44px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Headline]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.ExtraBold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["4xl"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["3xl"]}`,
-            letterSpacing: "-.96px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.ExtraBold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["3xl"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xl"]}`,
-            letterSpacing: "-.84px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.ExtraBold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xl"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xl}`,
-            letterSpacing: "-.72px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Title]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
-            letterSpacing: "-.4px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-            letterSpacing: "-.32x",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: "-.28px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Body]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
-            letterSpacing: "-.08px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-            letterSpacing: "-.07px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: "-.06px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.ExtraSmall]: {
-            fontFamily: fontFamilies.main,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].sm}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["xs"]}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */]["tight-low"]}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.BodyStrong]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
-            letterSpacing: "-.08px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-            letterSpacing: "-.07px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: "-.06px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.ExtraSmall]: {
-            fontFamily: fontFamilies.main,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].sm}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["xs"]}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */]["tight-low"]}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Label]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: "-.07px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
-            letterSpacing: "-.06px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
-            letterSpacing: "-.05px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.LabelModerate]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: "-.07px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
-            letterSpacing: "-.06px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
-            letterSpacing: "-.05px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.LabelStrong]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: "-.07px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
-            letterSpacing: "-.06px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
-            letterSpacing: "-.05px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Overline]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-            letterSpacing: "1.92px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.uppercase}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: "1.68px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.uppercase}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
-            letterSpacing: "1.44px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.uppercase}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Code]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.CodeStrong]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        }
-      },
-      Desktop: {
-        [TypographyType.Display]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["7xl"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["6xl"]}`,
-            letterSpacing: "-2.56px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["6xl"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["5xl"]}`,
-            letterSpacing: "-1.92px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["5xl"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["4xl"]}`,
-            letterSpacing: "-1.44px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Headline]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.ExtraBold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["4xl"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["3xl"]}`,
-            letterSpacing: "-.96px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.ExtraBold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["3xl"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xl"]}`,
-            letterSpacing: "-.84px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.ExtraBold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xl"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xl}`,
-            letterSpacing: "-.72px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Title]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
-            letterSpacing: "-.4px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-            letterSpacing: "-.32x",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: "-.28px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Body]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
-            letterSpacing: "-.08px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-            letterSpacing: "-.07px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: "-.06px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.ExtraSmall]: {
-            fontFamily: fontFamilies.main,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].sm}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["xs"]}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */]["tight-low"]}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.BodyStrong]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
-            letterSpacing: "-.08px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-            letterSpacing: "-.07px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: "-.06px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.ExtraSmall]: {
-            fontFamily: fontFamilies.main,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].sm}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["xs"]}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */]["tight-low"]}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Label]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: "-.07px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
-            letterSpacing: "-.06px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
-            letterSpacing: "-.05px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.LabelModerate]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: "-.07px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
-            letterSpacing: "-.06px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
-            letterSpacing: "-.05px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.LabelStrong]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: "-.07px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
-            letterSpacing: "-.06px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
-            letterSpacing: "-.05px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Overline]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-            letterSpacing: "1.92px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.uppercase}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: "1.68px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.uppercase}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
-            letterSpacing: "1.44px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.uppercase}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Code]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.CodeStrong]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        }
-      }
-    },
-    ["LightsparkDocs" /* LightsparkDocs */]: {
-      Mobile: {
-        [TypographyType.Display]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["7xl"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["6xl"]}`,
-            letterSpacing: "-2.56px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["6xl"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["5xl"]}`,
-            letterSpacing: "-1.92px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["5xl"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["4xl"]}`,
-            letterSpacing: "-1.44px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Headline]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["4xl"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["3xl"]}`,
-            letterSpacing: "-.96px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["3xl"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xl"]}`,
-            letterSpacing: "-.84px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xl"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xl}`,
-            letterSpacing: "-.72px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.ExtraSmall]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
-            letterSpacing: "-.60px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Title]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
-            letterSpacing: "-.4px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-            letterSpacing: "-.32x",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: "-.28px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Body]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
-            letterSpacing: "-.08px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-            letterSpacing: "-.07px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: "-.06px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.ExtraSmall]: {
-            fontFamily: fontFamilies.main,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].sm}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["xs"]}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */]["tight-low"]}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.BodyStrong]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
-            letterSpacing: "-.08px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-            letterSpacing: "-.07px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: "-.06px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Label]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: "-.07px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
-            letterSpacing: "-.06px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
-            letterSpacing: "-.05px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.LabelModerate]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: "-.07px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
-            letterSpacing: "-.06px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
-            letterSpacing: "-.05px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.LabelStrong]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: "-.07px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
-            letterSpacing: "-.06px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
-            letterSpacing: "-.05px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Overline]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-            letterSpacing: "1.92px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.uppercase}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: "1.68px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.uppercase}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
-            letterSpacing: "1.44px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.uppercase}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Code]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.CodeStrong]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        }
-      },
-      Desktop: {
-        [TypographyType.Display]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["7xl"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["6xl"]}`,
-            letterSpacing: "-2.56px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["6xl"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["5xl"]}`,
-            letterSpacing: "-1.92px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["5xl"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["4xl"]}`,
-            letterSpacing: "-1.44px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Headline]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["4xl"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["3xl"]}`,
-            letterSpacing: "-.96px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["3xl"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xl"]}`,
-            letterSpacing: "-.84px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xl"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xl}`,
-            letterSpacing: "-.72px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.ExtraSmall]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["xl"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
-            letterSpacing: "-.60px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Title]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
-            letterSpacing: "-.4px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-            letterSpacing: "-.32x",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: "-.28px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Body]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
-            letterSpacing: "-.08px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-            letterSpacing: "-.07px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: "-.06px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.ExtraSmall]: {
-            fontFamily: fontFamilies.main,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].sm}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["xs"]}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */]["tight-low"]}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.BodyStrong]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
-            letterSpacing: "-.08px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-            letterSpacing: "-.07px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: "-.06px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Label]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: "-.07px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
-            letterSpacing: "-.06px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
-            letterSpacing: "-.05px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.LabelModerate]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: "-.07px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
-            letterSpacing: "-.06px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
-            letterSpacing: "-.05px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.LabelStrong]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: "-.07px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
-            letterSpacing: "-.06px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
-            letterSpacing: "-.05px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Overline]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-            letterSpacing: "1.92px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.uppercase}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: "1.68px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.uppercase}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
-            letterSpacing: "1.44px",
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.uppercase}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Code]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.CodeStrong]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
-            fontSize: `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
-            letterSpacing: `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        }
-      }
-    },
-    ["UmameDocs" /* UmameDocs */]: {
-      Mobile: {
-        [TypographyType.Display]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["5xl"]}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["6xl"]}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["4xl"]}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["5xl"]}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["3xl"]}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["4xl"]}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Headline]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xl"]}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["3xl"]}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[16]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xl}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["2xl"]}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[16]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].lg}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xl}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[16]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.ExtraSmall]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].md}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].lg}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[16]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Title]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].md}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].lg}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].md}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xs}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Body]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].md}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.BodyStrong]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].md}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Label]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xs}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xs"]}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xs"]}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["2xs"]}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.LabelModerate]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xs}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xs"]}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xs"]}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["2xs"]}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.LabelStrong]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xs}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xs"]}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xs"]}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["2xs"]}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Overline]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].md}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].loose}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.uppercase}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xs}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].loose}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.uppercase}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xs"]}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].loose}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.uppercase}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Code]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].md}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xs}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.CodeStrong]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].md}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        }
-      },
-      Desktop: {
-        [TypographyType.Display]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["5xl"]}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["6xl"]}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["4xl"]}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["5xl"]}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["3xl"]}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["4xl"]}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Headline]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xl"]}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["3xl"]}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[16]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xl}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["2xl"]}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[16]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].lg}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xl}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[16]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.ExtraSmall]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].md}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].lg}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[16]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Title]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].md}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].lg}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].md}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xs}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Body]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].md}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.BodyStrong]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].md}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Label]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xs}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xs"]}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xs"]}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["2xs"]}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.LabelModerate]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xs}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xs"]}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xs"]}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["2xs"]}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.LabelStrong]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xs}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xs"]}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xs"]}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["2xs"]}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Overline]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].md}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].loose}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.uppercase}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xs}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].loose}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.uppercase}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xs"]}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].loose}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.uppercase}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Code]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].md}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Regular}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xs}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.CodeStrong]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].md}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].sm}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.code}`,
-            fontWeight: `${FONT_WEIGHTS.code.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].sm}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xs}`,
-            letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING.default}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        }
-      }
-    },
-    ["Bridge" /* Bridge */]: {
-      Mobile: {
-        [TypographyType.Display]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["8xl"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["7xl"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].tight}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["7xl"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["6xl"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].tight}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["6xl"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["5xl"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].tight}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Headline]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["5xl"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["4xl"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].tight}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["4xl"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["3xl"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].tight}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["3xl"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["2xl"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].tight}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Title]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["2xl"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["xl"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xl"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["lg"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["md"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["md"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Body]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xl"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["lg"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["lg"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["md"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["sm"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["xs"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Label]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["md"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["md"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xs"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["xs"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xs"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["2xs"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.LabelModerate]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["md"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["md"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xs"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["xs"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xs"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["2xs"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.LabelStrong]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["md"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["md"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xs"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["xs"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xs"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["2xs"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        }
-      },
-      Desktop: {
-        [TypographyType.Display]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["8xl"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["7xl"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].tight}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["7xl"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["6xl"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].tight}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["6xl"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["5xl"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].tight}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Headline]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["5xl"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["4xl"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].tight}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["4xl"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["3xl"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].tight}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["3xl"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["2xl"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].tight}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Title]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["2xl"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["xl"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xl"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["lg"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["md"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["md"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Body]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xl"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["lg"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["lg"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["md"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["sm"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["xs"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.Label]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["md"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["md"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xs"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["xs"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xs"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["2xs"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.LabelModerate]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["md"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["md"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xs"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["xs"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xs"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["2xs"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        },
-        [TypographyType.LabelStrong]: {
-          [TokenSize.Large]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["md"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["md"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Medium]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xs"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["xs"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          },
-          [TokenSize.Small]: {
-            fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xs"]}`,
-            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["2xs"]}`,
-            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].normal}`,
-            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
-            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-            textCase: `${TEXT_CASE.none}`,
-            textDecoration: `${TEXT_DECORATION.none}`
-          }
-        }
-      }
-    }
-  };
-}
-function getTypography(typographyGroup, customFontFamilies) {
-  const fontFamilies = customFontFamilies != null ? customFontFamilies : FONT_FAMILIES;
-  return {
-    group: typographyGroup,
-    fontFamilies,
-    lineHeights: LINE_HEIGHTS[typographyGroup],
-    fontWeights: FONT_WEIGHTS,
-    fontSize: FONT_SIZE[typographyGroup],
-    letterSpacing: LETTER_SPACING[typographyGroup],
-    textCase: TEXT_CASE,
-    textDecoration: TEXT_DECORATION,
-    paragraphIndent: PARAGRAPH_INDENT,
-    paragraphSpacing: PARAGRAPH_SPACING,
-    types: getTypographyTypes(fontFamilies)[typographyGroup]
-  };
-}
-var defaultTokens = {
-  fontFamily: FONT_FAMILIES.main,
-  fontWeight: `${FONT_WEIGHTS.main.Medium}`,
-  lineHeight: LINE_HEIGHTS["Lightspark" /* Lightspark */].sm,
-  fontSize: FONT_SIZE["Lightspark" /* Lightspark */].sm,
-  letterSpacing: LETTER_SPACING["Lightspark" /* Lightspark */].normal,
-  paragraphSpacing: PARAGRAPH_SPACING.default,
-  paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
-  textCase: TEXT_CASE.none,
-  textDecoration: TEXT_DECORATION.none
-};
-
-// src/styles/themes.tsx
-var baseThemeColors = {
-  bg: colors.white,
-  smBg: colors.white,
-  c05Neutral: colors.gray95,
-  c1Neutral: colors.gray90,
-  c15Neutral: colors.gray85,
-  c2Neutral: colors.gray80,
-  c3Neutral: colors.gray70,
-  c4Neutral: colors.gray60,
-  c5Neutral: colors.gray50,
-  c6Neutral: colors.gray40,
-  c7Neutral: colors.gray30,
-  c8Neutral: colors.gray20,
-  c9Neutral: colors.gray10,
-  danger: colors.danger,
-  hcNeutral: colors.black,
-  info: colors.blue43,
-  lcNeutral: colors.gray80,
-  link: colors.blue43,
-  mcNeutral: colors.gray40,
-  onInfoText: colors.white,
-  onPrimaryText: colors.black,
-  onSuccessText: colors.white,
-  primary: colors.primary,
-  secondary: colors.secondary,
-  success: colors.success,
-  text: colors.black,
-  vlcNeutral: colors.gray95,
-  warning: colors.warning
-};
-var themeOrColorKeyValues = [
-  ...Object.keys(baseThemeColors),
-  ...Object.keys(colors)
-];
-var baseTheme = __spreadProps(__spreadValues({}, baseThemeColors), {
-  // base type should be Themes but default to Light
-  type: "light" /* Light */,
-  typography: getTypography("Lightspark" /* Lightspark */),
-  hcNeutralFromBg: (bgHex) => hcNeutralFromBg(bgHex, colors.black, colors.white),
-  buttons: defaultButtonsTheme,
-  badge: {
-    bg: "c05Neutral"
-  },
-  inputBackground: colors.white,
-  loading: "LoadingSpinner"
-});
-var lightBaseTheme = baseTheme;
-var darkBaseTheme = {
-  type: "dark" /* Dark */,
-  bg: colors.black,
-  smBg: colors.black,
-  c05Neutral: colors.gray5,
-  c1Neutral: colors.gray10,
-  c15Neutral: colors.gray15,
-  c2Neutral: colors.gray20,
-  c3Neutral: colors.gray30,
-  c4Neutral: colors.gray40,
-  c5Neutral: colors.gray50,
-  c6Neutral: colors.gray60,
-  c7Neutral: colors.gray70,
-  c8Neutral: colors.gray80,
-  c9Neutral: colors.gray90,
-  danger: colors.danger,
-  hcNeutral: colors.white,
-  hcNeutralFromBg: (bgHex) => hcNeutralFromBg(bgHex, colors.white, colors.black),
-  info: colors.white,
-  lcNeutral: colors.gray40,
-  link: colors.blue43,
-  mcNeutral: colors.gray60,
-  onInfoText: colors.white,
-  onPrimaryText: colors.black,
-  onSuccessText: colors.white,
-  primary: colors.primary,
-  secondary: colors.secondary,
-  success: colors.success,
-  text: colors.white,
-  typography: getTypography("Lightspark" /* Lightspark */),
-  vlcNeutral: colors.gray20,
-  warning: colors.warning,
-  buttons: defaultButtonsTheme,
-  loading: "LoadingSpinner",
-  inputBackground: colors.black,
-  badge: {
-    bg: "c15Neutral"
-  }
-};
-var lightTheme = extend(lightBaseTheme, {
-  header: extendBase(lightBaseTheme, {
-    text: colors.gray60
-  }),
-  nav: extendBase(lightBaseTheme, {
-    text: colors.gray10,
-    secondary: colors.gray40
-  }),
-  content: extendBase(lightBaseTheme, {
-    bg: colors.white,
-    smBg: colors.white
-  }),
-  controls: extendBase(lightBaseTheme, {
-    bg: colors.gray95,
-    smBg: colors.gray95,
-    text: colors.gray60,
-    secondary: colors.secondary
-  })
-});
-var darkTheme = extend(darkBaseTheme, {
-  header: extendBase(darkBaseTheme, {}),
-  nav: extendBase(darkBaseTheme, {}),
-  content: extendBase(darkBaseTheme, {}),
-  controls: extendBase(darkBaseTheme, {
-    bg: colors.gray40,
-    smBg: colors.gray40,
-    text: colors.white,
-    secondary: colors.secondary
-  })
-});
-var umameDocsLightTheme = extend(lightTheme, {
-  type: "umameDocsLight" /* UmameDocsLight */,
-  bg: colors.gray98,
-  smBg: colors.gray98,
-  secondary: colors.grayBlue43,
-  text: colors.grayBlue9,
-  link: colors.blue39,
-  inputBackground: colors.white,
-  typography: getTypography("UmameDocs" /* UmameDocs */, {
-    main: "Manrope",
-    code: "Monaco"
-  }),
-  content: extendBase(lightBaseTheme, {
-    bg: colors.gray98,
-    smBg: colors.gray98,
-    text: colors.grayBlue9,
-    secondary: colors.grayBlue43
-  }),
-  controls: extendBase(lightBaseTheme, {
-    text: colors.grayBlue9,
-    secondary: colors.grayBlue43,
-    bg: colors.grayBlue94
-  })
-});
-var umameDocsDarkTheme = extend(darkTheme, {
-  type: "umameDocsDark" /* UmameDocsDark */,
-  bg: colors.gray98,
-  smBg: colors.gray98,
-  secondary: colors.grayBlue43,
-  text: colors.grayBlue9,
-  link: colors.blue39,
-  typography: getTypography("UmameDocs" /* UmameDocs */, {
-    main: "Manrope",
-    code: "Monaco"
-  })
-});
-var lightsparkDocsLightTheme = extend(lightTheme, {
-  type: "lightsparkDocsLight" /* LightsparkDocsLight */,
-  typography: getTypography("LightsparkDocs" /* LightsparkDocs */)
-});
-var lightsparkDocsDarkTheme = extend(darkTheme, {
-  type: "lightsparkDocsDark" /* LightsparkDocsDark */,
-  typography: getTypography("LightsparkDocs" /* LightsparkDocs */)
-});
-var bridgeBaseSettings = {
-  secondary: colors.grayBlue43,
-  mcNeutral: colors.grayBlue43,
-  typography: getTypography("Bridge" /* Bridge */, {
-    main: "Manrope",
-    code: "Monaco"
-  }),
-  buttons: (0, import_deepmerge.default)(buttonsThemeBase, {
-    defaultTypographyType: "Title",
-    defaultSize: "Medium",
-    defaultBorderRadius: 8,
-    defaultBorderWidth: 0,
-    defaultPaddingsY: {
-      ExtraSmall: 14,
-      Small: 14,
-      Schmedium: 14,
-      Medium: 14,
-      Mlarge: 14,
-      Large: 14
-    },
-    kinds: {
-      primary: {
-        defaultColor: "bg",
-        defaultBackgroundColor: "blue39",
-        defaultHoverBackgroundColor: "blue37"
-      },
-      ghost: {
-        defaultColor: "secondary",
-        defaultBackgroundColor: "transparent",
-        defaultBorderWidth: 0,
-        defaultHoverBackgroundColor: "transparent",
-        defaultHoverBorderColor: "transparent"
-      },
-      secondary: {
-        defaultBackgroundColor: "transparent",
-        defaultHoverBackgroundColor: "grayBlue94",
-        defaultBorderColor: "grayBlue80",
-        defaultBorderWidth: 1
-      }
-    }
-  }),
-  badge: {
-    bg: "grayBlue94"
-  }
-};
-var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
-  type: "bridgeLight" /* BridgeLight */,
-  loading: "UmaBridgeLoading",
-  bg: colors.gray98,
-  smBg: colors.gray98,
-  text: colors.grayBlue9,
-  secondary: colors.grayBlue43,
-  inputBackground: colors.white
-}));
-var bridgeDarkTheme = extend(darkTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
-  type: "bridgeDark" /* BridgeDark */
-}));
-function extend(obj, rest) {
-  return __spreadValues(__spreadValues({}, obj), rest);
-}
-function extendBase(obj, rest) {
-  return __spreadValues(__spreadValues({}, obj), rest);
-}
-var isLight = (theme) => [
-  "light" /* Light */,
-  "bridgeLight" /* BridgeLight */,
-  "lightsparkDocsLight" /* LightsparkDocsLight */,
-  "umameDocsLight" /* UmameDocsLight */
-].includes(theme.type);
-var themeOr = (lightValue, darkValue) => ({ theme }) => {
-  return isLight(theme) ? lightValue : darkValue;
-};
-
-// src/styles/common.tsx
-var rootFontSizePx = 12;
-var rootFontSizeRems = rootFontSizePx / 16;
-var headingContentMarginPx = 30;
-function buildStandardContentInset(smPx, minSmMaxLgPx, lgPx) {
-  const smCSS = import_react4.css`
-    ${bp.sm(`
-      margin-left: auto;
-      margin-right: auto;
-      width: calc(100% - ${smPx * 2}px);
-    `)}
-  `;
-  const minSmMaxLgCSS = import_react4.css`
-    ${bp.minSmMaxLg(`
-      margin-left: auto;
-      margin-right: auto;
-      width: calc(100% - ${minSmMaxLgPx * 2}px);
-    `)}
-  `;
-  const lgCSS = import_react4.css`
-    ${bp.lg(`
-      margin-left: auto;
-      margin-right: auto;
-      width: calc(100% - ${lgPx * 2}px);
-      max-width: 1280px;
-    `)}
-  `;
-  return {
-    smPx,
-    minSmMaxLgPx,
-    lgPx,
-    smCSS,
-    minSmMaxLgCSS,
-    lgCSS,
-    css: import_react4.css`
-      ${lgCSS}
-      ${smCSS}
-      ${minSmMaxLgCSS}
-    `
-  };
-}
-var standardContentInset = buildStandardContentInset(16, 24, 32);
-var cardBorderRadiusPx = 16;
-var standardBorderRadius = (radius) => {
-  const borderRadiusPx = Array.isArray(radius) ? radius.map((r) => `${r}px`).join(" ") : `${radius}px`;
-  return `
-    border-radius: ${borderRadiusPx};
-  `;
-};
-var standardCardShadow = import_react4.css`
-  box-shadow:
-    0px 4px 10px 0px rgba(0, 0, 0, 0.08),
-    0px 8px 24px 0px rgba(0, 0, 0, 0.04);
-`;
-var standardCardShadowHard = import_react4.css`
-  box-shadow:
-    0px 24px 24px -12px rgba(0, 0, 0, 0.06),
-    0px 12px 12px -6px rgba(0, 0, 0, 0.06),
-    0px 6px 6px -3px rgba(0, 0, 0, 0.06),
-    0px 3px 3px -1.5px rgba(0, 0, 0, 0.06),
-    0px 1px 1px -0.5px rgba(0, 0, 0, 0.06),
-    0px 0px 0px 1px rgba(0, 0, 0, 0.06);
-`;
-var pageBorderRadiusPx = 16;
-var pageBorderRadius = `
-  border-radius: ${pageBorderRadiusPx}px;
-`;
-var subtext = ({ theme }) => import_react4.css`
-  color: ${theme.c6Neutral};
-  font-weight: 600;
-`;
-var Subtext = import_styled.default.div`
-  ${subtext}
-`;
-var darkGradientBg = import_react4.css`
-  background: ${darkGradient};
-`;
-
-// src/styles/type.tsx
-var import_react6 = require("@emotion/react");
-var import_styled2 = __toESM(require("@emotion/styled"), 1);
-
-// src/styles/utils.tsx
-var import_react5 = require("@emotion/react");
-function pxToRems(rems, asNum = false) {
-  const value = (rems / rootFontSizePx).toFixed(6);
-  return asNum ? Number(value) : `${value}rem`;
-}
-var size = {
-  px8: pxToRems(8),
-  px10: pxToRems(10),
-  px12: pxToRems(12),
-  px14: pxToRems(14),
-  px16: pxToRems(16),
-  px18: pxToRems(18),
-  px20: pxToRems(20),
-  px21: pxToRems(21),
-  px24: pxToRems(24)
-};
-var flexCenterAxis = import_react5.css`
-  display: flex;
-  align-items: center;
-`;
-var flexCenter = import_react5.css`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`;
-var inlineFlexCenter = import_react5.css`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`;
-var flexBetween = import_react5.css`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-`;
-var absoluteCenter = import_react5.css`
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  margin: auto;
-`;
-var textCenter = import_react5.css`
-  text-align: center;
-`;
-var overflowAutoWithoutScrollbars = import_react5.css`
-  overflow: auto;
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-
-  &::-webkit-scrollbar {
-    display: none;
-  }
-
-  &::-moz-scrollbar {
-    display: none;
-  }
-`;
-var ignoreSSRWarning = "/* @emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */";
-var firstChild = (style) => `&:first-child:not(style), style:first-child + & ${ignoreSSRWarning} { ${style} }`;
-
-// src/styles/type.tsx
-var import_jsx_runtime2 = require("@emotion/react/jsx-runtime");
-var defaultHeadingSizes = {
-  h1: {
-    size: 32,
-    sizeSm: 21
-  },
-  h2: {
-    size: 24,
-    sizeSm: 18
-  },
-  h3: {
-    size: 21,
-    sizeSm: 18
-  },
-  h4: {
-    size: 14,
-    sizeSm: 14
-  }
-};
-var defaultHeadingMargins = {
-  h1: {
-    mt: 24,
-    mb: 24,
-    mtSm: 24,
-    mbSm: 24
-  },
-  h2: {
-    mt: 24,
-    mb: 24,
-    mtSm: 24,
-    mbSm: 24
-  },
-  h3: {
-    mt: 24,
-    mb: 24,
-    mtSm: 24,
-    mbSm: 24
-  },
-  h4: {
-    mt: 16,
-    mb: 16,
-    mtSm: 16,
-    mbSm: 16
-  }
-};
-var baseHeading = ({ mt, mb, mtSm, mbSm, theme }) => import_react6.css`
-  line-height: 1.214em;
-
-  margin-bottom: ${mb}px;
-  margin-top: ${mt}px;
-
-  ${bp.sm(`
-    margin-top: ${mtSm}px;
-    margin-bottom: ${mbSm}px;
-  `)}
-`;
-var firstChildStyles = firstChild(`margin-top: 0;`);
-var headings = {
-  h1: import_styled2.default.h1`
-    ${(props) => baseHeading(props)}
-    ${firstChildStyles}
-
-    font-size: ${pxToRems(defaultHeadingSizes.h1.size)};
-    font-weight: ${({ light }) => light ? 400 : 800}};
-    ${bp.sm(`
-      font-size: ${pxToRems(defaultHeadingSizes.h1.sizeSm)};
-    `)}
-  `,
-  h2: import_styled2.default.h2`
-    ${(props) => baseHeading(props)}
-    ${firstChildStyles}
-
-    font-size: ${pxToRems(defaultHeadingSizes.h2.size)};
-    font-weight: ${({ light }) => light ? 400 : 700}};
-    ${bp.sm(`
-      font-size: ${pxToRems(defaultHeadingSizes.h2.sizeSm)};
-    `)}
-  `,
-  h3: import_styled2.default.h3`
-    ${(props) => baseHeading(props)}
-    ${firstChildStyles}
-
-    font-size: ${pxToRems(defaultHeadingSizes.h3.size)};
-    font-weight: ${({ light }) => light ? 400 : 700}};
-    ${bp.sm(`
-      font-size: ${pxToRems(defaultHeadingSizes.h3.sizeSm)};
-    `)}
-  `,
-  h4: import_styled2.default.h4`
-    ${(props) => baseHeading(props)}
-    ${firstChildStyles}
-
-    font-size: ${pxToRems(defaultHeadingSizes.h4.size)};
-    font-weight: ${({ light }) => light ? 400 : 600}};
-    ${bp.sm(`
-      font-size: ${pxToRems(defaultHeadingSizes.h4.sizeSm)};
-    `)}
-  `
-};
-function Heading({
-  children,
-  type = "h2",
-  id,
-  mt = defaultHeadingMargins[type].mt,
-  mb = defaultHeadingMargins[type].mb,
-  mtSm = defaultHeadingMargins[type].mtSm,
-  mbSm = defaultHeadingMargins[type].mbSm,
-  m0 = false,
-  light = false
-}) {
-  const StyledHeading = headings[type];
-  const theme = (0, import_react6.useTheme)();
-  const heading = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    StyledHeading,
-    {
-      id,
-      mt: m0 ? 0 : mt,
-      mb: m0 ? 0 : mb,
-      mtSm: m0 ? 0 : mtSm,
-      mbSm: m0 ? 0 : mbSm,
-      light,
-      theme,
-      children: id ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("a", { href: `#${id}`, css: { color: "inherit" }, children }) : children
-    }
-  );
-  return heading;
-}
-
-// src/styles/z-index.tsx
-var z = {
-  card: 1,
-  fieldError: 1,
-  textInput: 2,
-  select: 3,
-  selectFocused: 4,
-  walletActionPreviewTopGradient: 1,
-  headerContainer: 99,
-  smBanner: 99,
-  headerTop: 100,
-  navMenu: 100,
-  smNavMenu: 100,
-  navAction: 101,
-  smNavAction: 100,
-  // keep under navDropdown
-  notificationBanner: 170,
-  qrReaderVideo: 180,
-  qrReaderOverlay: 181,
-  modalOverlay: 190,
-  modalContainer: 191,
-  dropdown: 192,
-  tooltip: 193,
-  toast: 200
-};
-
-// src/components/ButtonRow.tsx
-var import_styled3 = __toESM(require("@emotion/styled"), 1);
-var import_jsx_runtime3 = require("@emotion/react/jsx-runtime");
-var ButtonRowContainer = import_styled3.default.div`
-  max-width: 100%;
-  ${({ theme }) => bp.sm(`background: ${theme.bg}`)}
-  ${({ headerHeight, smSticky }) => bp.sm(
-  `
-        ${smSticky ? `
-            display: block;
-            position: sticky;
-            top: ${headerHeight}px;
-            margin-top: 24px;
-            margin-left: -${standardContentInset.smPx}px;
-            width: calc(100% + ${standardContentInset.smPx * 2}px);
-            max-width: calc(100% + ${standardContentInset.smPx * 2}px);
-            z-index: 2;` : `position: relative;`}
-        z-index: 2;
-        &:before {
-          content: "";
-          box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.09);
-          height: 1px;
-          position: absolute;
-          background: black;
-          bottom: 1px;
-          width: 100%;
-          z-index: 0;
-        }
-      `
-)}
-`;
-var ButtonRowDivider = import_styled3.default.div`
-  border-left: 1px #d9d9d9 solid;
-  margin-left: 16px;
-  padding-left: 16px;
-`;
-var StyledButtonRow = import_styled3.default.div`
-  ${overflowAutoWithoutScrollbars}
-  background: ${({ theme }) => theme.bg};
-  display: flex;
-  position: relative;
-  z-index: 1;
-
-  & button:not(:first-of-type),
-  & a:not(:first-of-type) {
-    margin-left: 8px;
-  }
-
-  & ${ButtonRowDivider} + button,
-  & ${ButtonRowDivider} + a {
-    margin-left: 0;
-  }
-
-  ${bp.sm(`
-    padding: ${standardContentInset.smPx}px;
-  `)}
-`;
-
-// src/components/CardPage.tsx
-var import_jsx_runtime4 = require("@emotion/react/jsx-runtime");
-function CardPage(props) {
-  const initiallyExpanded = (0, import_react7.useRef)(Boolean(props.expandRight));
-  const [wasExpanded, setWasExpanded] = (0, import_react7.useState)(Boolean(props.expandRight));
-  const bp2 = useBreakpoints();
-  const header = props.title ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CardPageHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Heading, { type: "h1", m0: true, children: props.title }) }) : null;
-  (0, import_react7.useEffect)(() => {
-    if (props.expandRight) {
-      setWasExpanded(true);
-    }
-  }, [props.expandRight]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react7.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-    CardPageContainer,
-    {
-      id: props.id,
-      bp: bp2,
-      hasRightContent: Boolean(props.rightContent),
-      wasExpanded,
-      expandRight: Boolean(props.expandRight),
-      minContentHeight: props.minContentHeight,
-      initiallyExpanded: initiallyExpanded.current,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { css: props.minContentWidth ? overflowAutoWithoutScrollbars : null, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-          CardPageContent,
-          {
-            hasPreHeaderContent: Boolean(props.preHeaderContent),
-            minContentHeight: props.minContentHeight,
-            maxContentWidth: props.maxContentWidth,
-            children: [
-              props.preHeaderContent,
-              header,
-              props.children
-            ]
-          }
-        ) }),
-        props.rightContent && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CardPageRightContent, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          CardPageRightContentInner,
-          {
-            hasRightContent: Boolean(props.rightContent),
-            children: props.rightContent
-          }
-        ) })
-      ]
-    }
-  ) });
-}
-CardPage.defaultProps = {
-  minContentHeight: void 0,
-  minContentWidth: void 0,
-  maxContentWidth: void 0
-};
-var CardPageFullContent = import_styled4.default.div``;
-var CardPageFullWidth = import_styled4.default.div``;
-var CardPageRightContentInner = import_styled4.default.div`
-  ${flexCenter}
-  height: 100%;
-  padding: 150px 25px;
-  ${({ hasRightContent }) => hasRightContent && `justify-content: space-evenly;`}
-`;
-var CardPageRightContent = import_styled4.default.div`
-  display: flex;
-  position: relative;
-  ${CardPageRightContentInner} {
-    ${darkGradientBg};
-    position: relative;
-    height: calc(100% + 80px);
-    margin-top: -40px;
-    margin-bottom: -40px;
-    margin-right: -40px;
-    overflow: hidden;
-    width: 100%;
-
-    ${bp.minSm(`
-      ${standardBorderRadius([0, cardBorderRadiusPx, cardBorderRadiusPx, 0])};
-    `)}
-  }
-`;
-var vCardPaddingPx = 40;
-var expandTiming = `0.65s ease-in-out`;
-var CardPageContainer = import_styled4.default.div`
-  ${standardContentInset.css}
-  ${({ theme }) => themeOr(`background-color: ${theme.bg}`, "transparent")({ theme })};
-  position: relative;
-  z-index: ${z.card};
-
-  ${({ minContentHeight }) => `
-    min-height: ${minContentHeight !== void 0 && minContentHeight !== null ? `${minContentHeight}px` : "250px"};
-  `}
-
-  ${bp.sm(`
-    width: 100% !important;
-  `)}
-
-  & > * {
-    ${standardContentInset.css}
-  }
-
-  & ${CardPageFullContent}, & ${CardPageFullWidth} {
-    ${bp.sm(`
-      width: calc(100% + ${standardContentInset.smPx * 2}px);
-      margin-left: -${standardContentInset.smPx}px;
-    `)}
-
-    ${bp.minSmMaxLg(`
-      width: calc(100% + ${standardContentInset.minSmMaxLgPx * 2}px);
-      margin-left: -${standardContentInset.minSmMaxLgPx}px;
-    `)}
-
-    ${bp.lg(`
-      width: calc(100% + ${standardContentInset.lgPx * 2}px);
-      margin-left: -${standardContentInset.lgPx}px;
-    `)}
-  }
-
-  & ${CardPageFullContent} {
-    & > * {
-      padding-top: ${vCardPaddingPx}px;
-      padding-bottom: ${vCardPaddingPx}px;
-      ${bp.sm(`
-        padding-top: 0;
-        padding-bottom: 0;
-      `)}
-    }
-
-    margin-top: -${vCardPaddingPx}px;
-    ${bp.sm(`margin-top: 0;`)}
-  }
-
-  ${bp.minSm(`
-    ${standardCardShadow.styles};
-    padding: ${vCardPaddingPx}px 0;
-    ${standardBorderRadius(cardBorderRadiusPx)}
-  `)}
-
-  &:not(:last-child) {
-    margin-bottom: 30px;
-  }
-
-  @keyframes rightSideExpand {
-    0% {
-      width: 50%;
-    }
-    100% {
-      width: 100%;
-    }
-  }
-
-  @keyframes rightSideCollapse {
-    0% {
-      width: 100%;
-    }
-    100% {
-      width: 50%;
-    }
-  }
-
-  @keyframes leftSideCollapse {
-    0% {
-      width: 50%;
-      height: auto;
-      opacity: 1;
-    }
-    30% {
-      opacity: 0;
-    }
-    100% {
-      height: 0px;
-      width: 0%;
-    }
-  }
-
-  @keyframes leftSideExpand {
-    0% {
-      width: 0%;
-      opacity: 0;
-    }
-    50% {
-      opacity: 0;
-    }
-    100% {
-      width: 50%;
-      opacity: 1;
-    }
-  }
-
-  ${({ hasRightContent }) => hasRightContent && `
-    display: flex;
-    & > * {
-      width: 50%;
-      ${bp.sm(`width: 100%;`)}
-
-      &:first-of-type > * {
-        ${bp.minSmMaxLg(`
-          width: calc(100% - ${standardContentInset.minSmMaxLgPx * 2}px);
-          margin-left: ${standardContentInset.minSmMaxLgPx}px;
-        `)}
-        ${bp.lg(`
-          width: calc(100% - ${standardContentInset.lgPx * 3}px);
-          margin-left: ${standardContentInset.lgPx}px;
-        `)}
-      }
-    }
-  `}
-
-  & > :not(${CardPageRightContent}) {
-    ${({ expandRight, wasExpanded, initiallyExpanded }) => expandRight && wasExpanded ? bp.minSm(`
-            width: 0%;
-            height: 0px;
-            ${initiallyExpanded ? "" : `animation: leftSideCollapse ${expandTiming};`}
-            overflow: hidden;
-            margin: 0%;
-            opacity: 0;
-          `) : wasExpanded ? bp.minSm(`
-            width: 50%;
-            animation: leftSideExpand ${expandTiming};
-          `) : ""}
-  }
-
-  & > ${CardPageRightContent} {
-    ${({ expandRight, wasExpanded, initiallyExpanded }) => expandRight && wasExpanded ? bp.minSm(`
-            width: 100%;
-            ${initiallyExpanded ? "" : `animation: rightSideExpand ${expandTiming};`}
-            margin: 0%;
-            & > ${CardPageRightContentInner.toString()} {
-              border-radius: ${cardBorderRadiusPx}px !important;
-            }
-          `) : wasExpanded ? bp.minSm(`
-            width: 50%;
-            animation: rightSideCollapse ${expandTiming};
-          `) : ""}
-  }
-`;
-var CardPageSubtitle = import_styled4.default.p`
-  color: ${({ theme }) => theme.mcNeutral};
-  font-size: ${size.px14};
-  line-height: ${size.px18};
-  font-weight: 600;
-  margin: 0;
-`;
-var CardPageHeader = import_styled4.default.div`
-  align-items: center;
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  position: relative;
-
-  & + *:not(${CardPageSubtitle}):not(${ButtonRowContainer}) {
-    margin-top: ${headingContentMarginPx}px !important;
-  }
-
-  & + ${CardPageSubtitle} {
-    margin-top: 5px;
-  }
-
-  & + ${ButtonRowContainer} {
-    margin-top: 16px;
-  }
-`;
-var CardPageContent = import_styled4.default.div`
-  ${({
-  maxContentWidth,
-  minContentHeight,
-  minContentWidth,
-  hasPreHeaderContent
-}) => `
-    max-width: ${maxContentWidth ? `${maxContentWidth}px` : "initial"};
-    min-width: ${minContentWidth ? `${minContentWidth}px` : "initial"};
-    ${CardPageHeader.toString()} {
-      margin-top: ${hasPreHeaderContent ? "25px" : "0"};
-    }
-    min-height: ${minContentHeight !== void 0 && minContentHeight !== null ? `${minContentHeight}px` : "400px"};
-  `}
-`;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CardPage,
-  CardPageContent,
-  CardPageFullContent,
-  CardPageFullWidth,
-  CardPageRightContentInner,
-  CardPageSubtitle
-});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+var _chunkA5QRVHWPcjs = require('../chunk-A5QRVHWP.cjs');
+require('../chunk-FRASE266.cjs');
+require('../chunk-AXV4CDSK.cjs');
+require('../chunk-HTFKWW4S.cjs');
+require('../chunk-BD3WXMLE.cjs');
+require('../chunk-MSBDBEM7.cjs');
+require('../chunk-XIFM5AMT.cjs');
+require('../chunk-4BXMY75P.cjs');
+require('../chunk-BQG6DASD.cjs');
+require('../chunk-TRIJJTMX.cjs');
+require('../chunk-RKBBY43D.cjs');
+require('../chunk-VYKXX3SH.cjs');
+require('../chunk-SEJXEWOJ.cjs');
+require('../chunk-5O6LWFY4.cjs');
+require('../chunk-LLVW7HU4.cjs');
+require('../chunk-6VA4SAHQ.cjs');
+require('../chunk-XZKD27Y2.cjs');
+require('../chunk-AZRC3MXC.cjs');
+require('../chunk-CYWLRXPQ.cjs');
+require('../chunk-G5HBO2FI.cjs');
+require('../chunk-QCJWZRIP.cjs');
+require('../chunk-ZBBVZQKJ.cjs');
+require('../chunk-LZ24FX6C.cjs');
+require('../chunk-BOBYW7PP.cjs');
+require('../chunk-ZU72XWNE.cjs');
+require('../chunk-4P7RPU32.cjs');
+require('../chunk-BY47I7ZP.cjs');
+require('../chunk-7PRNB5U5.cjs');
+require('../chunk-MMK4RQ64.cjs');
+require('../chunk-2ON6YBGL.cjs');
+require('../chunk-CS3NUOE2.cjs');
+require('../chunk-3RJBB7Q6.cjs');
+require('../chunk-VSFFGTTT.cjs');
+require('../chunk-FPOQM3WG.cjs');
+require('../chunk-N7QYPDKF.cjs');
+require('../chunk-AMAXYW5C.cjs');
+require('../chunk-WTFNCHBK.cjs');
+require('../chunk-J4YI5GMY.cjs');
+require('../chunk-BXLJEGX5.cjs');
+require('../chunk-Q2OOHXBK.cjs');
+require('../chunk-MFDGE4AE.cjs');
+require('../chunk-GDXNYWJH.cjs');
+require('../chunk-V3IFCHJZ.cjs');
+require('../chunk-TB376AUW.cjs');
+require('../chunk-PD5XWF2Q.cjs');
+require('../chunk-GVKKUMAK.cjs');
+require('../chunk-2R4K7WK4.cjs');
+require('../chunk-MNZQCCZJ.cjs');
+require('../chunk-Y2U2KEP4.cjs');
+require('../chunk-HA2ITLKV.cjs');
+require('../chunk-V2VDB34C.cjs');
+require('../chunk-XB2OTOVK.cjs');
+require('../chunk-P76JZF4N.cjs');
+require('../chunk-UWGIIJDN.cjs');
+require('../chunk-ICGEMWYQ.cjs');
+require('../chunk-43LGFT5G.cjs');
+require('../chunk-LLJZ3BRG.cjs');
+require('../chunk-P73HWTOR.cjs');
+require('../chunk-FBF72OKQ.cjs');
+require('../chunk-Y6M4SBN7.cjs');
+require('../chunk-O2OR4KOM.cjs');
+require('../chunk-6J3HJ3T2.cjs');
+require('../chunk-AJ7WPQU4.cjs');
+require('../chunk-MKW2IFOO.cjs');
+require('../chunk-RCWDQM37.cjs');
+require('../chunk-R6JXXAU3.cjs');
+require('../chunk-5IO7EL3S.cjs');
+require('../chunk-JEEFB6LD.cjs');
+require('../chunk-JFMGOEGC.cjs');
+require('../chunk-WRQEO3XT.cjs');
+require('../chunk-YPCTBP2X.cjs');
+require('../chunk-WHCKM6E5.cjs');
+require('../chunk-U2CKBWYJ.cjs');
+require('../chunk-XJPYWPVG.cjs');
+require('../chunk-VB47G2O4.cjs');
+require('../chunk-TZ4KOSZV.cjs');
+require('../chunk-T6IAT66E.cjs');
+require('../chunk-ZSGQEOY3.cjs');
+require('../chunk-RSUJHDQA.cjs');
+require('../chunk-QQKHEU6E.cjs');
+require('../chunk-4CW4UJ5X.cjs');
+require('../chunk-ZRHJQUKS.cjs');
+require('../chunk-QFXPWIS3.cjs');
+require('../chunk-WRN66OMM.cjs');
+require('../chunk-E6YOHZKE.cjs');
+require('../chunk-NWMYGKBQ.cjs');
+require('../chunk-A5SF55P6.cjs');
+require('../chunk-O3WGQ5ZR.cjs');
+require('../chunk-NMRDZ23R.cjs');
+require('../chunk-BQEXNVAD.cjs');
+require('../chunk-6O6PX2UG.cjs');
+require('../chunk-HVGR22WZ.cjs');
+require('../chunk-J25ZXQOV.cjs');
+require('../chunk-UZK5AYDL.cjs');
+require('../chunk-544LOSOG.cjs');
+require('../chunk-52DSX7BK.cjs');
+require('../chunk-MJN5WJMC.cjs');
+require('../chunk-FZUELDMT.cjs');
+require('../chunk-VDL5FG27.cjs');
+require('../chunk-VBU37CQG.cjs');
+require('../chunk-3JDF42CW.cjs');
+require('../chunk-J3G627ED.cjs');
+require('../chunk-UQ7P6HTC.cjs');
+require('../chunk-Q6IGIW42.cjs');
+require('../chunk-FE2E2TKC.cjs');
+require('../chunk-H3Z7VJF4.cjs');
+require('../chunk-U5D736PB.cjs');
+require('../chunk-JGHR6XRE.cjs');
+require('../chunk-DM6GUQAV.cjs');
+require('../chunk-WW5RAKEC.cjs');
+require('../chunk-CB7GBZCJ.cjs');
+require('../chunk-XTLPMH2Q.cjs');
+require('../chunk-LU2G6KCN.cjs');
+require('../chunk-PUSW24ER.cjs');
+require('../chunk-43KEZLY6.cjs');
+require('../chunk-5P25HFMG.cjs');
+require('../chunk-IOSJLM4O.cjs');
+require('../chunk-KPMZD7KJ.cjs');
+require('../chunk-ZR3J7SMI.cjs');
+require('../chunk-S3BY6XUW.cjs');
+require('../chunk-CE5LGEAR.cjs');
+require('../chunk-TZGHXXX4.cjs');
+require('../chunk-XYXNI3AO.cjs');
+require('../chunk-RU6KW5CM.cjs');
+require('../chunk-RFJWSKGK.cjs');
+require('../chunk-GZNDFGOK.cjs');
+require('../chunk-XKQ2XWU5.cjs');
+require('../chunk-Z5IAIRIS.cjs');
+require('../chunk-VDKIZEUQ.cjs');
+require('../chunk-ELZC2I4Y.cjs');
+require('../chunk-QYJOJVJD.cjs');
+require('../chunk-CV4CDJUL.cjs');
+require('../chunk-BS5XF33X.cjs');
+require('../chunk-JE624NDF.cjs');
+require('../chunk-UDKRYLGK.cjs');
+require('../chunk-C54KLX7Q.cjs');
+require('../chunk-INAP7GDJ.cjs');
+require('../chunk-N7NM6ELD.cjs');
+require('../chunk-G2ZTK5RI.cjs');
+require('../chunk-CGLTHYGY.cjs');
+require('../chunk-6LYX73L5.cjs');
+require('../chunk-ENRGP6TU.cjs');
+require('../chunk-KS6GHRZI.cjs');
+require('../chunk-3NYFUIYG.cjs');
+require('../chunk-PYL3O7AF.cjs');
+require('../chunk-WTHHP7G2.cjs');
+require('../chunk-24SOCRDH.cjs');
+require('../chunk-YHDN5LEA.cjs');
+require('../chunk-TMTEVKSD.cjs');
+require('../chunk-KW3JYLRI.cjs');
+require('../chunk-KSKKC6C2.cjs');
+require('../chunk-LKKJVJCG.cjs');
+
+
+
+
+
+
+
+exports.CardPage = _chunkA5QRVHWPcjs.CardPage; exports.CardPageContent = _chunkA5QRVHWPcjs.CardPageContent; exports.CardPageFullContent = _chunkA5QRVHWPcjs.CardPageFullContent; exports.CardPageFullWidth = _chunkA5QRVHWPcjs.CardPageFullWidth; exports.CardPageRightContentInner = _chunkA5QRVHWPcjs.CardPageRightContentInner; exports.CardPageSubtitle = _chunkA5QRVHWPcjs.CardPageSubtitle;