@lightsparkdev/ui 0.0.1 → 0.0.3

package/dist/components/index.cjs

@@ -83,6 +83,7 @@ __export(components_exports, {
   Loading: () => Loading,
   LoadingWrapper: () => LoadingWrapper,
   Modal: () => Modal,
+  ProgressBar: () => ProgressBar,
   SecretContainer: () => SecretContainer,
   StyledButton: () => StyledButton,
   TextIconAligner: () => TextIconAligner,
@@ -223,16 +224,32 @@ var FONT_FAMILIES = {
   code: "Monaco"
 };
 var LINE_HEIGHTS = {
-  "5xl": "72px",
-  "4xl": "60px",
-  "3xl": "44px",
-  "2xl": "40px",
-  xl: "36px",
-  lg: "32px",
-  md: "28px",
-  sm: "24px",
-  xs: "20px",
-  "2xs": "16px"
+  ["UmaDocs" /* UmaDocs */]: {
+    "5xl": "72px",
+    "4xl": "60px",
+    "3xl": "44px",
+    "2xl": "40px",
+    xl: "36px",
+    lg: "32px",
+    md: "28px",
+    sm: "24px",
+    xs: "20px",
+    "2xs": "16px"
+  },
+  ["Lightspark" /* Lightspark */]: {
+    "7xl": "72px",
+    "6xl": "60px",
+    "5xl": "44px",
+    "4xl": "40px",
+    "3xl": "36px",
+    "2xl": "32px",
+    xl: "28px",
+    lg: "24px",
+    md: "20px",
+    sm: "18px",
+    xs: "16px",
+    "2xs": "14px"
+  }
 };
 var FONT_WEIGHTS = {
   main: {
@@ -246,22 +263,47 @@ var FONT_WEIGHTS = {
   }
 };
 var FONT_SIZE = {
-  "2xs": "11px",
-  xs: "12px",
-  sm: "14px",
-  md: "16px",
-  lg: "20px",
-  xl: "24px",
-  "2xl": "28px",
-  "3xl": "32px",
-  "4xl": "36px",
-  "5xl": "48px",
-  "6xl": "64px"
+  ["UmaDocs" /* UmaDocs */]: {
+    "2xs": "11px",
+    xs: "12px",
+    sm: "14px",
+    md: "16px",
+    lg: "20px",
+    xl: "24px",
+    "2xl": "28px",
+    "3xl": "32px",
+    "4xl": "36px",
+    "5xl": "48px",
+    "6xl": "64px"
+  },
+  ["Lightspark" /* Lightspark */]: {
+    "2xs": "10px",
+    xs: "12px",
+    sm: "14px",
+    md: "16px",
+    lg: "20px",
+    xl: "24px",
+    "2xl": "28px",
+    "3xl": "32px",
+    "4xl": "36px",
+    "5xl": "48px",
+    "6xl": "64px"
+  }
 };
 var LETTER_SPACING = {
-  tight: "-.02em",
-  normal: "0",
-  loose: ".1em"
+  ["UmaDocs" /* UmaDocs */]: {
+    tight: "-.02em",
+    normal: "0",
+    loose: ".1em"
+  },
+  ["Lightspark" /* Lightspark */]: {
+    "tight-max": "-4%",
+    "tight-high": "-3%",
+    "tight-medium": "-2%",
+    "tight-low": "-0.5%",
+    normal: "0",
+    "loose-max": "1.44px"
+  }
 };
 var TEXT_CASE = {
   none: "none",
@@ -275,6 +317,7 @@ var PARAGRAPH_INDENT = {
 };
 var PARAGRAPH_SPACING = {
   default: "default",
+  0: "0",
   16: "16px",
   40: "40px"
 };
@@ -295,10 +338,10 @@ var getTypography = (customFontFamilies) => {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["5xl"]}`,
-          "font-size": `${FONT_SIZE["6xl"]}`,
-          "letter-spacing": `${LETTER_SPACING.tight}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["7xl"]}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["6xl"]}`,
+          "letter-spacing": "-2.56px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -306,10 +349,10 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["4xl"]}`,
-          "font-size": `${FONT_SIZE["5xl"]}`,
-          "letter-spacing": `${LETTER_SPACING.tight}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["6xl"]}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["5xl"]}`,
+          "letter-spacing": "-1.92px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -317,10 +360,10 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["3xl"]}`,
-          "font-size": `${FONT_SIZE["4xl"]}`,
-          "letter-spacing": `${LETTER_SPACING.tight}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["5xl"]}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["4xl"]}`,
+          "letter-spacing": "-1.44px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -330,10 +373,10 @@ var getTypography = (customFontFamilies) => {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["2xl"]}`,
-          "font-size": `${FONT_SIZE["3xl"]}`,
-          "letter-spacing": `${LETTER_SPACING.tight}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING[16]}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["4xl"]}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["3xl"]}`,
+          "letter-spacing": "-.96px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -341,10 +384,10 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS.xl}`,
-          "font-size": `${FONT_SIZE["2xl"]}`,
-          "letter-spacing": `${LETTER_SPACING.tight}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING[16]}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["3xl"]}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["2xl"]}`,
+          "letter-spacing": "-.84px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -352,10 +395,10 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS.lg}`,
-          "font-size": `${FONT_SIZE.xl}`,
-          "letter-spacing": `${LETTER_SPACING.tight}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING[16]}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xl"]}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].xl}`,
+          "letter-spacing": "-.72px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -365,10 +408,10 @@ var getTypography = (customFontFamilies) => {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS.md}`,
-          "font-size": `${FONT_SIZE.lg}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
+          "letter-spacing": "-.4px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -376,10 +419,10 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.md}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+          "letter-spacing": "-.32x",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -387,10 +430,10 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS.xs}`,
-          "font-size": `${FONT_SIZE.sm}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+          "letter-spacing": "-.28px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -399,11 +442,11 @@ var getTypography = (customFontFamilies) => {
       Body: {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.md}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "font-weight": `${FONT_WEIGHTS.main.Medium}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
+          "letter-spacing": "-.08px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -411,10 +454,10 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Medium}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.sm}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+          "letter-spacing": "-.07px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -422,23 +465,93 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Medium}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.xs}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+          "letter-spacing": "-.06px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
+          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
+          "text-case": `${TEXT_CASE.none}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        }
+      },
+      "Body Strong": {
+        ["Large" /* Large */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
+          "letter-spacing": "-.08px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
+          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
+          "text-case": `${TEXT_CASE.none}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        },
+        ["Medium" /* Medium */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+          "letter-spacing": "-.07px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
+          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
+          "text-case": `${TEXT_CASE.none}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        },
+        ["Small" /* Small */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+          "letter-spacing": "-.06px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
         }
       },
       Label: {
+        ["Large" /* Large */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Medium}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+          "letter-spacing": "-.07px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
+          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
+          "text-case": `${TEXT_CASE.none}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        },
+        ["Medium" /* Medium */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Medium}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+          "letter-spacing": "-.06px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
+          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
+          "text-case": `${TEXT_CASE.none}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        },
+        ["Small" /* Small */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Medium}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
+          "letter-spacing": "-.05px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
+          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
+          "text-case": `${TEXT_CASE.none}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        }
+      },
+      "Label Moderate": {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
-          "line-height": `${LINE_HEIGHTS.xs}`,
-          "font-size": `${FONT_SIZE.sm}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+          "letter-spacing": "-.07px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -446,10 +559,10 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
-          "line-height": `${LINE_HEIGHTS["2xs"]}`,
-          "font-size": `${FONT_SIZE.xs}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+          "letter-spacing": "-.06px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -457,10 +570,10 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
-          "line-height": `${LINE_HEIGHTS["2xs"]}`,
-          "font-size": `${FONT_SIZE["2xs"]}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
+          "letter-spacing": "-.05px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -470,10 +583,10 @@ var getTypography = (customFontFamilies) => {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS.xs}`,
-          "font-size": `${FONT_SIZE.sm}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+          "letter-spacing": "-.07px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -481,10 +594,10 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["2xs"]}`,
-          "font-size": `${FONT_SIZE.xs}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+          "letter-spacing": "-.06px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -492,10 +605,10 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["2xs"]}`,
-          "font-size": `${FONT_SIZE["2xs"]}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
+          "letter-spacing": "-.05px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -503,34 +616,34 @@ var getTypography = (customFontFamilies) => {
       },
       Overline: {
         ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.md}`,
-          "letter-spacing": `${LETTER_SPACING.loose}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+          "letter-spacing": "1.92px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.uppercase}`,
           "text-decoration": `${TEXT_DECORATION.none}`
         },
         ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS.xs}`,
-          "font-size": `${FONT_SIZE.sm}`,
-          "letter-spacing": `${LETTER_SPACING.loose}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+          "letter-spacing": "1.68px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.uppercase}`,
           "text-decoration": `${TEXT_DECORATION.none}`
         },
         ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS["2xs"]}`,
-          "font-size": `${FONT_SIZE.xs}`,
-          "letter-spacing": `${LETTER_SPACING.loose}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+          "letter-spacing": "1.44px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.uppercase}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -540,10 +653,10 @@ var getTypography = (customFontFamilies) => {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.code}`,
           "font-weight": `${FONT_WEIGHTS.code.Regular}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.md}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
+          "letter-spacing": `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -551,10 +664,10 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.code}`,
           "font-weight": `${FONT_WEIGHTS.code.Regular}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.sm}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+          "letter-spacing": `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -562,10 +675,10 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.code}`,
           "font-weight": `${FONT_WEIGHTS.code.Regular}`,
-          "line-height": `${LINE_HEIGHTS.xs}`,
-          "font-size": `${FONT_SIZE.xs}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+          "letter-spacing": `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -575,10 +688,10 @@ var getTypography = (customFontFamilies) => {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.code}`,
           "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.md}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+          "letter-spacing": `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -586,10 +699,10 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.code}`,
           "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.sm}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+          "letter-spacing": `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -597,10 +710,10 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.code}`,
           "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS.xs}`,
-          "font-size": `${FONT_SIZE.xs}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+          "letter-spacing": `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -612,9 +725,9 @@ var getTypography = (customFontFamilies) => {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["5xl"]}`,
-          "font-size": `${FONT_SIZE["6xl"]}`,
-          "letter-spacing": `${LETTER_SPACING.tight}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["5xl"]}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["6xl"]}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].tight}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -623,9 +736,9 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["4xl"]}`,
-          "font-size": `${FONT_SIZE["5xl"]}`,
-          "letter-spacing": `${LETTER_SPACING.tight}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["4xl"]}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["5xl"]}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].tight}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -634,9 +747,9 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["3xl"]}`,
-          "font-size": `${FONT_SIZE["4xl"]}`,
-          "letter-spacing": `${LETTER_SPACING.tight}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["3xl"]}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["4xl"]}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].tight}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -647,9 +760,9 @@ var getTypography = (customFontFamilies) => {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["2xl"]}`,
-          "font-size": `${FONT_SIZE["3xl"]}`,
-          "letter-spacing": `${LETTER_SPACING.tight}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xl"]}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["3xl"]}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].tight}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING[16]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -658,9 +771,9 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS.xl}`,
-          "font-size": `${FONT_SIZE["2xl"]}`,
-          "letter-spacing": `${LETTER_SPACING.tight}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].xl}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["2xl"]}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].tight}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING[16]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -669,9 +782,9 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS.lg}`,
-          "font-size": `${FONT_SIZE.xl}`,
-          "letter-spacing": `${LETTER_SPACING.tight}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].lg}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xl}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].tight}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING[16]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -682,9 +795,9 @@ var getTypography = (customFontFamilies) => {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS.md}`,
-          "font-size": `${FONT_SIZE.lg}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].md}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].lg}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -693,9 +806,9 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.md}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].md}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -704,9 +817,9 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS.xs}`,
-          "font-size": `${FONT_SIZE.sm}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].xs}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -717,9 +830,9 @@ var getTypography = (customFontFamilies) => {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.md}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].md}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -728,9 +841,9 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Medium}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.sm}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -739,9 +852,44 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Medium}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.xs}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
+          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
+          "text-case": `${TEXT_CASE.none}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        }
+      },
+      "Body Strong": {
+        ["Large" /* Large */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].md}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
+          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
+          "text-case": `${TEXT_CASE.none}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        },
+        ["Medium" /* Medium */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
+          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
+          "text-case": `${TEXT_CASE.none}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        },
+        ["Small" /* Small */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -752,9 +900,9 @@ var getTypography = (customFontFamilies) => {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
-          "line-height": `${LINE_HEIGHTS.xs}`,
-          "font-size": `${FONT_SIZE.sm}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].xs}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -763,9 +911,9 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
-          "line-height": `${LINE_HEIGHTS["2xs"]}`,
-          "font-size": `${FONT_SIZE.xs}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xs"]}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -774,9 +922,44 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
-          "line-height": `${LINE_HEIGHTS["2xs"]}`,
-          "font-size": `${FONT_SIZE["2xs"]}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xs"]}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["2xs"]}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
+          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
+          "text-case": `${TEXT_CASE.none}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        }
+      },
+      "Label Moderate": {
+        ["Large" /* Large */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].xs}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
+          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
+          "text-case": `${TEXT_CASE.none}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        },
+        ["Medium" /* Medium */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xs"]}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
+          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
+          "text-case": `${TEXT_CASE.none}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        },
+        ["Small" /* Small */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xs"]}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["2xs"]}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -787,9 +970,9 @@ var getTypography = (customFontFamilies) => {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS.xs}`,
-          "font-size": `${FONT_SIZE.sm}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].xs}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -798,9 +981,9 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["2xs"]}`,
-          "font-size": `${FONT_SIZE.xs}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xs"]}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -809,9 +992,9 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["2xs"]}`,
-          "font-size": `${FONT_SIZE["2xs"]}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xs"]}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["2xs"]}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -820,33 +1003,33 @@ var getTypography = (customFontFamilies) => {
       },
       Overline: {
         ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.md}`,
-          "letter-spacing": `${LETTER_SPACING.loose}`,
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].md}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].loose}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.uppercase}`,
           "text-decoration": `${TEXT_DECORATION.none}`
         },
         ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS.xs}`,
-          "font-size": `${FONT_SIZE.sm}`,
-          "letter-spacing": `${LETTER_SPACING.loose}`,
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].xs}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].loose}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.uppercase}`,
           "text-decoration": `${TEXT_DECORATION.none}`
         },
         ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS["2xs"]}`,
-          "font-size": `${FONT_SIZE.xs}`,
-          "letter-spacing": `${LETTER_SPACING.loose}`,
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xs"]}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].loose}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.uppercase}`,
@@ -857,9 +1040,9 @@ var getTypography = (customFontFamilies) => {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.code}`,
           "font-weight": `${FONT_WEIGHTS.code.Regular}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.md}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].md}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -868,9 +1051,9 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.code}`,
           "font-weight": `${FONT_WEIGHTS.code.Regular}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.sm}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -879,9 +1062,9 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.code}`,
           "font-weight": `${FONT_WEIGHTS.code.Regular}`,
-          "line-height": `${LINE_HEIGHTS.xs}`,
-          "font-size": `${FONT_SIZE.xs}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].xs}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -892,9 +1075,9 @@ var getTypography = (customFontFamilies) => {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.code}`,
           "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.md}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].md}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -903,9 +1086,9 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.code}`,
           "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.sm}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -914,9 +1097,9 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.code}`,
           "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.xs}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -1074,7 +1257,7 @@ var lightTheme = extend(lightBaseTheme, {
   }),
   nav: extendBase(lightBaseTheme, {
     text: colors.gray10,
-    secondary: colors.secondary
+    secondary: colors.gray40
   }),
   content: extendBase(lightBaseTheme, {
     bg: colors.white,
@@ -1161,6 +1344,11 @@ function useThemeBg() {
   return isSm ? theme.smBg : theme.bg;
 }
 
+// src/utils/strings.tsx
+function isString(str) {
+  return typeof str === "string";
+}
+
 // src/router.tsx
 var import_jsx_runtime2 = require("@emotion/react/jsx-runtime");
 function replaceParams(to, params) {
@@ -1187,6 +1375,7 @@ function replaceParams(to, params) {
 }
 function Link({
   to,
+  externalLink,
   params,
   children,
   css: css7,
@@ -1196,8 +1385,20 @@ function Link({
   blue = false,
   newTab = false
 }) {
-  let toStr = replaceParams(to, params);
-  toStr += hash ? `#${hash}` : "";
+  if (!isString(to) && !externalLink) {
+    throw new Error("Link must have either `to` or `externalLink` defined");
+  }
+  let toStr;
+  if (isString(to)) {
+    toStr = replaceParams(to, params);
+    toStr += hash ? `#${hash}` : "";
+  } else {
+    const definedExternalLink = externalLink;
+    if (!definedExternalLink.startsWith("http")) {
+      throw new Error("Link's externalLink must start with http");
+    }
+    toStr = definedExternalLink;
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     import_react_router_dom.Link,
     {
@@ -1321,13 +1522,6 @@ var overlaySurface = ({ theme }) => import_react5.css`
 // src/components/Icon.tsx
 var import_styled2 = __toESM(require("@emotion/styled"), 1);
 var import_react6 = require("react");
-
-// src/utils/strings.tsx
-function isString(str) {
-  return typeof str === "string";
-}
-
-// src/components/Icon.tsx
 var import_jsx_runtime3 = require("@emotion/react/jsx-runtime");
 var iconMap = {};
 function loadIcon(iconName) {
@@ -1829,10 +2023,13 @@ function Collapsible({
   children,
   className,
   text,
+  color,
   open,
   handleToggle,
   hamburger,
-  full
+  full,
+  buttonTextElement,
+  contentIndent = true
 }) {
   const [isOpen, setIsOpen] = (0, import_react9.useState)(open);
   const handleClick = () => {
@@ -1846,12 +2043,18 @@ function Collapsible({
   }, [open]);
   const iconName = hamburger ? isOpen ? "Close" : "StackedLines" : "Down";
   const iconWidth = iconName === "Close" ? 12 : 14;
+  let textElement = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", {});
+  if (buttonTextElement) {
+    textElement = buttonTextElement;
+  } else if (text) {
+    textElement = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Text, { color, children: text });
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(StyledCollapsible, { className, children: [
     /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(StyledCollapsibleButton, { onClick: handleClick, children: [
-      text ? text : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", {}),
+      textElement,
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IconContainer2, { isOpen, hamburger, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { width: iconWidth, name: iconName }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CollapsingContainer, { isOpen, full, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(InnerPadding, { children }) })
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CollapsingContainer, { isOpen, full, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(InnerPadding, { contentIndent, children }) })
   ] });
 }
 var StyledCollapsible = import_styled7.default.div`
@@ -1914,11 +2117,16 @@ var CollapsingContainer = import_styled7.default.div`
   }
 `;
 var InnerPadding = import_styled7.default.div`
-  padding: 4px 0 4px 16px;
-  gap: 4px;
+  padding: ${"4px" /* 3xs */} 0 ${"4px" /* 3xs */}
+    ${(props) => props.contentIndent ? "16px" /* md */ : "0"};
+  gap: ${"2px" /* 4xs */};
   display: flex;
   flex-direction: column;
 `;
+var Text = import_styled7.default.span`
+  ${(props) => props.color ? `color: ${props.color};` : ""}
+  line-height: inherit;
+`;
 
 // src/components/CommandKey.tsx
 var import_styled8 = __toESM(require("@emotion/styled"), 1);
@@ -2298,7 +2506,7 @@ var globalComponentStyles = ({ theme }) => import_react12.css`
   }
 
   strong {
-    font-weight: 600;
+    font-weight: 700;
   }
 `;
 function GlobalStyles() {
@@ -2351,8 +2559,8 @@ function LightsparkProvider({ children }) {
 }
 
 // src/components/Modal.tsx
-var import_styled12 = __toESM(require("@emotion/styled"), 1);
-var import_react16 = __toESM(require("react"), 1);
+var import_styled13 = __toESM(require("@emotion/styled"), 1);
+var import_react17 = __toESM(require("react"), 1);
 var import_react_dom = __toESM(require("react-dom"), 1);
 
 // src/hooks/useLiveRef.tsx
@@ -2369,8 +2577,79 @@ function useLiveRef() {
   return [ready ? ref : { current: null }, refCb];
 }
 
-// src/components/Modal.tsx
+// src/components/ProgressBar.tsx
+var import_styled12 = __toESM(require("@emotion/styled"), 1);
+var import_react16 = require("react");
 var import_jsx_runtime14 = require("@emotion/react/jsx-runtime");
+var defaultProps2 = {
+  isSm: false,
+  stepDuration: 0.5
+};
+function ProgressBar({
+  background,
+  progressPercentage,
+  isSm = defaultProps2.isSm,
+  stepDuration = defaultProps2.stepDuration
+}) {
+  const [percentage, setPercentage] = (0, import_react16.useState)(5);
+  if (progressPercentage === void 0) {
+    setTimeout(() => {
+      setPercentage(100);
+    }, 0);
+  }
+  (0, import_react16.useEffect)(() => {
+    if (progressPercentage !== void 0) {
+      setPercentage(progressPercentage);
+    }
+  }, [progressPercentage]);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ProgressBarContainer, { isSm, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Bar, { isSm, percentage, stepDuration, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    BarBg,
+    {
+      background,
+      isSm,
+      percentage,
+      stepDuration
+    }
+  ) }) });
+}
+ProgressBar.defaultProps = defaultProps2;
+var ProgressBarContainer = import_styled12.default.div`
+  background-color: ${({ theme }) => themeOr(theme.c05Neutral, theme.c1Neutral)({ theme })};
+  border-radius: 16px;
+  box-sizing: border-box;
+  display: flex;
+  height: ${({ isSm }) => isSm ? "6px" : "16px"};
+  justify-content: flex-start;
+  width: 100%;
+  position: relative;
+`;
+var BarBg = import_styled12.default.div`
+  border-radius: 16px;
+  width: ${({ percentage }) => 100 / percentage * 100}%;
+  height: 100%;
+
+  background: ${({ background }) => background ? background : `
+  linear-gradient(
+    90deg,
+    #000000 -25.9%,
+    #1b4077 14.55%,
+    #a152c7 82.22%,
+    #3f2e7e 115.32%
+  )`};
+`;
+var Bar = import_styled12.default.div`
+  overflow: hidden;
+  border-radius: ${({ isSm }) => isSm ? "6px" : "16px"};
+  box-sizing: border-box;
+  display: inline-block;
+  height: ${({ isSm }) => isSm ? "6px" : "16px"};
+  width: ${(props) => props.percentage}%;
+  transition: width ${({ stepDuration }) => stepDuration}s
+    cubic-bezier(0.16, 0.3, 0.18, 1);
+`;
+
+// src/components/Modal.tsx
+var import_jsx_runtime15 = require("@emotion/react/jsx-runtime");
 function Modal({
   visible,
   title,
@@ -2389,18 +2668,26 @@ function Modal({
   firstFocusRef,
   nonDismissable = false,
   autoFocus = true,
-  width
+  width = 460,
+  progressBar
 }) {
-  const nodeRef = (0, import_react16.useRef)(null);
+  const visibleChangedRef = (0, import_react17.useRef)(false);
+  const nodeRef = (0, import_react17.useRef)(null);
   const [defaultFirstFocusRef, defaultFirstFocusRefCb] = useLiveRef();
   const ref = firstFocusRef || defaultFirstFocusRef;
-  const [nodeReady, setNodeReady] = import_react16.default.useState(false);
-  const overlayRef = (0, import_react16.useRef)(null);
-  const prevFocusedElement = (0, import_react16.useRef)();
-  const modalContainerRef = (0, import_react16.useRef)(null);
+  const [nodeReady, setNodeReady] = import_react17.default.useState(false);
+  const overlayRef = (0, import_react17.useRef)(null);
+  const prevFocusedElement = (0, import_react17.useRef)();
+  const modalContainerRef = (0, import_react17.useRef)(null);
   const bp2 = useBreakpoints();
   const isSm = bp2.current("sm" /* sm */);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
+    if (visible !== visibleChangedRef.current) {
+      visibleChangedRef.current = visible;
+    }
+  }, [visible]);
+  const visibleChanged = visible !== visibleChangedRef.current;
+  (0, import_react17.useEffect)(() => {
     prevFocusedElement.current = document.activeElement;
     if (!nodeRef.current) {
       nodeRef.current = document.createElement("div");
@@ -2414,7 +2701,7 @@ function Modal({
       }
     };
   }, []);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     const handleOutsideClick = (event) => {
       if (visible && overlayRef.current && event.target && overlayRef.current.contains(event.target) && !nonDismissable) {
         onClose();
@@ -2451,16 +2738,18 @@ function Modal({
       }
     };
   }, [onClose, visible, nonDismissable]);
-  (0, import_react16.useLayoutEffect)(() => {
+  (0, import_react17.useLayoutEffect)(() => {
     if (visible) {
-      prevFocusedElement.current = document.activeElement;
+      if (visibleChanged) {
+        prevFocusedElement.current = document.activeElement;
+      }
       if (typeof ref === "object" && (ref == null ? void 0 : ref.current) && autoFocus) {
         ref.current.focus();
       }
-    } else if (prevFocusedElement.current) {
+    } else if (visibleChanged && prevFocusedElement.current) {
       prevFocusedElement.current.focus();
     }
-  }, [visible, ref, autoFocus]);
+  }, [visible, visibleChanged, ref, autoFocus]);
   function onClickCloseButton(event) {
     event.stopPropagation();
     onClose();
@@ -2478,9 +2767,9 @@ function Modal({
       onClose();
     }
   }
-  const modalContent = /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react16.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ModalOverlay, { ref: overlayRef }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  const modalContent = /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react17.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ModalOverlay, { ref: overlayRef }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       ModalContainer,
       {
         "aria-modal": true,
@@ -2488,15 +2777,22 @@ function Modal({
         tabIndex: -1,
         role: "dialog",
         ref: modalContainerRef,
-        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(ModalContent, { width, ghost, children: [
-          !firstFocusRef && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DefaultFocusTarget, { ref: defaultFirstFocusRefCb }),
-          !(nonDismissable || ghost) && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { name: "Close", width: 9 }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(ModalContentInner, { ghost, children: [
-            title ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h4", { children: title }) : null,
-            description ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Description, { children: description }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { children }),
-            onSubmit ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(ModalButtonRow, { children: [
-              !isSm && !cancelHidden && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(ModalContent, { width, ghost, children: [
+          !firstFocusRef && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DefaultFocusTarget, { ref: defaultFirstFocusRefCb }),
+          !(nonDismissable || ghost) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "Close", width: 9 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(ModalContentInner, { ghost, children: [
+            progressBar ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { css: { marginBottom: "20px" }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              ProgressBar,
+              {
+                progressPercentage: progressBar.progressPercentage,
+                isSm: progressBar.isSm
+              }
+            ) }) : null,
+            title ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("h4", { children: title }) : null,
+            description ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Description, { children: description }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { children }),
+            onSubmit ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(ModalButtonRow, { children: [
+              !isSm && !cancelHidden && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                 Button,
                 {
                   disabled: cancelDisabled,
@@ -2504,7 +2800,7 @@ function Modal({
                   text: cancelText != null ? cancelText : "Cancel"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                 Button,
                 {
                   disabled: submitDisabled,
@@ -2514,7 +2810,7 @@ function Modal({
                   type: "submit"
                 }
               ),
-              isSm && !cancelHidden && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { onClick: onClose, text: "Cancel" })
+              isSm && !cancelHidden && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { onClick: onClose, text: "Cancel" })
             ] }) : null
           ] })
         ] })
@@ -2522,17 +2818,17 @@ function Modal({
     )
   ] });
   return visible && nodeReady && nodeRef.current ? import_react_dom.default.createPortal(
-    onSubmit ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("form", { onSubmit: onSubmitForm, children: modalContent }) : modalContent,
+    onSubmit ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("form", { onSubmit: onSubmitForm, children: modalContent }) : modalContent,
     nodeRef.current
   ) : null;
 }
-var DefaultFocusTarget = (0, import_styled12.default)(UnstyledButton)`
+var DefaultFocusTarget = (0, import_styled13.default)(UnstyledButton)`
   position: absolute;
   top: -30px;
   width: 0;
   height: 0;
 `;
-var ModalOverlay = import_styled12.default.div`
+var ModalOverlay = import_styled13.default.div`
   position: fixed;
   bottom: 0;
   left: 0;
@@ -2542,7 +2838,7 @@ var ModalOverlay = import_styled12.default.div`
   background: rgba(0, 0, 0, 0.5);
   backdrop-filter: blur(2px);
 `;
-var ModalContainer = import_styled12.default.div`
+var ModalContainer = import_styled13.default.div`
   pointer-events: none;
   position: fixed;
   top: 0;
@@ -2560,14 +2856,14 @@ var ModalContainer = import_styled12.default.div`
   padding-top: ${standardContentInsetSmPx}px;
 `;
 var contentTopMarginPx = 24;
-var Description = import_styled12.default.div`
+var Description = import_styled13.default.div`
   color: ${({ theme }) => theme.mcNeutral};
   margin-top: 4px;
   & + * {
     margin-top: ${contentTopMarginPx}px;
   }
 `;
-var ModalButtonRow = import_styled12.default.div`
+var ModalButtonRow = import_styled13.default.div`
   margin-top: 32px;
   ${bp.minSm(`display: flex;`)}
 
@@ -2587,12 +2883,13 @@ var ModalButtonRow = import_styled12.default.div`
     `)}
   }
 `;
-var ModalContent = import_styled12.default.div`
+var ModalContent = import_styled13.default.div`
   ${overflowAutoWithoutScrollbars}
   ${smContentInset}
   ${(props) => props.ghost ? "" : overlaySurface}
   pointer-events: auto;
-  width: ${(props) => props.width || 430}px;
+  transition: width 0.25s ease-in;
+  width: ${(props) => props.width}px;
   max-width: 100%;
   max-height: 100%;
   border-radius: 16px;
@@ -2608,12 +2905,12 @@ var ModalContent = import_styled12.default.div`
     }
   }
 `;
-var CloseButton = (0, import_styled12.default)(UnstyledButton)`
+var CloseButton = (0, import_styled13.default)(UnstyledButton)`
   ${standardFocusOutline}
   width: 24px;
   height: 24px;
 `;
-var ModalContentInner = import_styled12.default.div`
+var ModalContentInner = import_styled13.default.div`
   ${(props) => props.ghost ? "" : "padding: 32px 24px 0;"}
   ${(props) => props.ghost ? "" : `${bp.sm(`
     padding-left: 10px;
@@ -2622,11 +2919,11 @@ var ModalContentInner = import_styled12.default.div`
 `;
 
 // src/components/SecretContainer.tsx
-var import_styled13 = __toESM(require("@emotion/styled"), 1);
-var import_jsx_runtime15 = require("@emotion/react/jsx-runtime");
+var import_styled14 = __toESM(require("@emotion/styled"), 1);
+var import_jsx_runtime16 = require("@emotion/react/jsx-runtime");
 function SecretContainer(props) {
-  return props.secret ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(StyledSecretContainer, { hasSecret: true, success: props.success, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return props.secret ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(StyledSecretContainer, { hasSecret: true, success: props.success, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       "span",
       {
         style: {
@@ -2638,10 +2935,10 @@ function SecretContainer(props) {
         children: props.secret
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CopyToClipboardButton, { value: props.secret, isSm: true, ml: 4 })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(StyledSecretContainer, { hasSecret: false, children: "There are no tokens associated with this account" });
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CopyToClipboardButton, { value: props.secret, isSm: true, ml: 4 })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(StyledSecretContainer, { hasSecret: false, children: "There are no tokens associated with this account" });
 }
-var StyledSecretContainer = import_styled13.default.div`
+var StyledSecretContainer = import_styled14.default.div`
   background-color: ${({ theme, hasSecret, success }) => hasSecret ? success ? theme.success : theme.c05Neutral : theme.bg};
   border-radius: 8px;
   padding: 18px 20px;
@@ -2653,14 +2950,14 @@ var StyledSecretContainer = import_styled13.default.div`
 `;
 
 // src/components/TextIconAligner.tsx
-var import_jsx_runtime16 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime17 = require("@emotion/react/jsx-runtime");
 function TextIconAligner({
   text,
   rightIcon,
   leftIcon,
   onClick
 }) {
-  const leftIconNode = leftIcon ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  const leftIconNode = leftIcon ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     Icon,
     {
       name: leftIcon.name,
@@ -2669,7 +2966,7 @@ function TextIconAligner({
       color: leftIcon.color
     }
   ) : null;
-  const rightIconNode = rightIcon ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  const rightIconNode = rightIcon ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     Icon,
     {
       name: rightIcon.name,
@@ -2678,7 +2975,7 @@ function TextIconAligner({
       color: rightIcon.color
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "span",
     {
       css: {
@@ -2713,6 +3010,7 @@ function TextIconAligner({
   Loading,
   LoadingWrapper,
   Modal,
+  ProgressBar,
   SecretContainer,
   StyledButton,
   TextIconAligner,