@lightsparkdev/ui 0.0.0 → 0.0.2

package/dist/components/Modal.cjs

@@ -71,8 +71,8 @@ __export(Modal_exports, {
   Modal: () => Modal
 });
 module.exports = __toCommonJS(Modal_exports);
-var import_styled6 = __toESM(require("@emotion/styled"), 1);
-var import_react10 = __toESM(require("react"), 1);
+var import_styled7 = __toESM(require("@emotion/styled"), 1);
+var import_react11 = __toESM(require("react"), 1);
 var import_react_dom = __toESM(require("react-dom"), 1);
 
 // src/hooks/useLiveRef.tsx
@@ -218,16 +218,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: {
@@ -241,22 +257,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",
@@ -270,6 +311,7 @@ var PARAGRAPH_INDENT = {
 };
 var PARAGRAPH_SPACING = {
   default: "default",
+  0: "0",
   16: "16px",
   40: "40px"
 };
@@ -290,10 +332,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}`
@@ -301,10 +343,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}`
@@ -312,10 +354,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}`
@@ -325,10 +367,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}`
@@ -336,10 +378,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}`
@@ -347,10 +389,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}`
@@ -360,10 +402,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}`
@@ -371,10 +413,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}`
@@ -382,10 +424,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}`
@@ -394,11 +436,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}`
@@ -406,10 +448,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}`
@@ -417,23 +459,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}`
@@ -441,10 +553,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}`
@@ -452,10 +564,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}`
@@ -465,10 +577,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}`
@@ -476,10 +588,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}`
@@ -487,10 +599,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}`
@@ -498,34 +610,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}`
@@ -535,10 +647,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}`
@@ -546,10 +658,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}`
@@ -557,10 +669,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}`
@@ -570,10 +682,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}`
@@ -581,10 +693,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}`
@@ -592,10 +704,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}`
@@ -607,9 +719,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}`,
@@ -618,9 +730,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}`,
@@ -629,9 +741,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}`,
@@ -642,9 +754,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}`,
@@ -653,9 +765,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}`,
@@ -664,9 +776,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}`,
@@ -677,9 +789,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}`,
@@ -688,9 +800,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}`,
@@ -699,9 +811,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}`,
@@ -712,9 +824,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}`,
@@ -723,9 +835,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}`,
@@ -734,9 +846,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}`,
@@ -747,9 +894,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}`,
@@ -758,9 +905,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}`,
@@ -769,9 +916,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}`,
@@ -782,9 +964,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}`,
@@ -793,9 +975,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}`,
@@ -804,9 +986,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}`,
@@ -815,33 +997,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}`,
@@ -852,9 +1034,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}`,
@@ -863,9 +1045,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}`,
@@ -874,9 +1056,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}`,
@@ -887,9 +1069,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}`,
@@ -898,9 +1080,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}`,
@@ -909,9 +1091,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}`,
@@ -1069,7 +1251,7 @@ var lightTheme = extend(lightBaseTheme, {
   }),
   nav: extendBase(lightBaseTheme, {
     text: colors.gray10,
-    secondary: colors.secondary
+    secondary: colors.gray40
   }),
   content: extendBase(lightBaseTheme, {
     bg: colors.white,
@@ -1307,6 +1489,13 @@ var import_styled5 = __toESM(require("@emotion/styled"), 1);
 var import_lodash_es2 = require("lodash-es");
 var import_react7 = require("react");
 var import_react_router_dom = require("react-router-dom");
+
+// 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) {
   if (params) {
@@ -1332,6 +1521,7 @@ function replaceParams(to, params) {
 }
 function Link({
   to,
+  externalLink,
   params,
   children,
   css: css6,
@@ -1341,8 +1531,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,
     {
@@ -1361,13 +1563,6 @@ function Link({
 // src/components/Icon.tsx
 var import_styled2 = __toESM(require("@emotion/styled"), 1);
 var import_react8 = 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) {
@@ -1741,8 +1936,79 @@ var ButtonHrefLink = import_styled5.default.a`
   ${(props) => buttonStyle(props)}
 `;
 
-// src/components/Modal.tsx
+// src/components/ProgressBar.tsx
+var import_styled6 = __toESM(require("@emotion/styled"), 1);
+var import_react10 = require("react");
 var import_jsx_runtime6 = 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_react10.useState)(5);
+  if (progressPercentage === void 0) {
+    setTimeout(() => {
+      setPercentage(100);
+    }, 0);
+  }
+  (0, import_react10.useEffect)(() => {
+    if (progressPercentage !== void 0) {
+      setPercentage(progressPercentage);
+    }
+  }, [progressPercentage]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ProgressBarContainer, { isSm, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Bar, { isSm, percentage, stepDuration, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    BarBg,
+    {
+      background,
+      isSm,
+      percentage,
+      stepDuration
+    }
+  ) }) });
+}
+ProgressBar.defaultProps = defaultProps2;
+var ProgressBarContainer = import_styled6.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_styled6.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_styled6.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_runtime7 = require("@emotion/react/jsx-runtime");
 function Modal({
   visible,
   title,
@@ -1761,18 +2027,19 @@ function Modal({
   firstFocusRef,
   nonDismissable = false,
   autoFocus = true,
-  width
+  width = 460,
+  progressBar
 }) {
-  const nodeRef = (0, import_react10.useRef)(null);
+  const nodeRef = (0, import_react11.useRef)(null);
   const [defaultFirstFocusRef, defaultFirstFocusRefCb] = useLiveRef();
   const ref = firstFocusRef || defaultFirstFocusRef;
-  const [nodeReady, setNodeReady] = import_react10.default.useState(false);
-  const overlayRef = (0, import_react10.useRef)(null);
-  const prevFocusedElement = (0, import_react10.useRef)();
-  const modalContainerRef = (0, import_react10.useRef)(null);
+  const [nodeReady, setNodeReady] = import_react11.default.useState(false);
+  const overlayRef = (0, import_react11.useRef)(null);
+  const prevFocusedElement = (0, import_react11.useRef)();
+  const modalContainerRef = (0, import_react11.useRef)(null);
   const bp2 = useBreakpoints();
   const isSm = bp2.current("sm" /* sm */);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     prevFocusedElement.current = document.activeElement;
     if (!nodeRef.current) {
       nodeRef.current = document.createElement("div");
@@ -1786,7 +2053,7 @@ function Modal({
       }
     };
   }, []);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const handleOutsideClick = (event) => {
       if (visible && overlayRef.current && event.target && overlayRef.current.contains(event.target) && !nonDismissable) {
         onClose();
@@ -1823,7 +2090,7 @@ function Modal({
       }
     };
   }, [onClose, visible, nonDismissable]);
-  (0, import_react10.useLayoutEffect)(() => {
+  (0, import_react11.useLayoutEffect)(() => {
     if (visible) {
       prevFocusedElement.current = document.activeElement;
       if (typeof ref === "object" && (ref == null ? void 0 : ref.current) && autoFocus) {
@@ -1850,9 +2117,9 @@ function Modal({
       onClose();
     }
   }
-  const modalContent = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react10.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ModalOverlay, { ref: overlayRef }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  const modalContent = /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react11.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ModalOverlay, { ref: overlayRef }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       ModalContainer,
       {
         "aria-modal": true,
@@ -1860,15 +2127,22 @@ function Modal({
         tabIndex: -1,
         role: "dialog",
         ref: modalContainerRef,
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(ModalContent, { width, ghost, children: [
-          !firstFocusRef && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DefaultFocusTarget, { ref: defaultFirstFocusRefCb }),
-          !(nonDismissable || ghost) && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: "Close", width: 9 }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(ModalContentInner, { ghost, children: [
-            title ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h4", { children: title }) : null,
-            description ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Description, { children: description }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { children }),
-            onSubmit ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(ModalButtonRow, { children: [
-              !isSm && !cancelHidden && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(ModalContent, { width, ghost, children: [
+          !firstFocusRef && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DefaultFocusTarget, { ref: defaultFirstFocusRefCb }),
+          !(nonDismissable || ghost) && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "Close", width: 9 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(ModalContentInner, { ghost, children: [
+            progressBar ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { css: { marginBottom: "20px" }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              ProgressBar,
+              {
+                progressPercentage: progressBar.progressPercentage,
+                isSm: progressBar.isSm
+              }
+            ) }) : null,
+            title ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h4", { children: title }) : null,
+            description ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Description, { children: description }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children }),
+            onSubmit ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(ModalButtonRow, { children: [
+              !isSm && !cancelHidden && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                 Button,
                 {
                   disabled: cancelDisabled,
@@ -1876,7 +2150,7 @@ function Modal({
                   text: cancelText != null ? cancelText : "Cancel"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                 Button,
                 {
                   disabled: submitDisabled,
@@ -1886,7 +2160,7 @@ function Modal({
                   type: "submit"
                 }
               ),
-              isSm && !cancelHidden && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Button, { onClick: onClose, text: "Cancel" })
+              isSm && !cancelHidden && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Button, { onClick: onClose, text: "Cancel" })
             ] }) : null
           ] })
         ] })
@@ -1894,17 +2168,17 @@ function Modal({
     )
   ] });
   return visible && nodeReady && nodeRef.current ? import_react_dom.default.createPortal(
-    onSubmit ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("form", { onSubmit: onSubmitForm, children: modalContent }) : modalContent,
+    onSubmit ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("form", { onSubmit: onSubmitForm, children: modalContent }) : modalContent,
     nodeRef.current
   ) : null;
 }
-var DefaultFocusTarget = (0, import_styled6.default)(UnstyledButton)`
+var DefaultFocusTarget = (0, import_styled7.default)(UnstyledButton)`
   position: absolute;
   top: -30px;
   width: 0;
   height: 0;
 `;
-var ModalOverlay = import_styled6.default.div`
+var ModalOverlay = import_styled7.default.div`
   position: fixed;
   bottom: 0;
   left: 0;
@@ -1914,7 +2188,7 @@ var ModalOverlay = import_styled6.default.div`
   background: rgba(0, 0, 0, 0.5);
   backdrop-filter: blur(2px);
 `;
-var ModalContainer = import_styled6.default.div`
+var ModalContainer = import_styled7.default.div`
   pointer-events: none;
   position: fixed;
   top: 0;
@@ -1932,14 +2206,14 @@ var ModalContainer = import_styled6.default.div`
   padding-top: ${standardContentInsetSmPx}px;
 `;
 var contentTopMarginPx = 24;
-var Description = import_styled6.default.div`
+var Description = import_styled7.default.div`
   color: ${({ theme }) => theme.mcNeutral};
   margin-top: 4px;
   & + * {
     margin-top: ${contentTopMarginPx}px;
   }
 `;
-var ModalButtonRow = import_styled6.default.div`
+var ModalButtonRow = import_styled7.default.div`
   margin-top: 32px;
   ${bp.minSm(`display: flex;`)}
 
@@ -1959,12 +2233,13 @@ var ModalButtonRow = import_styled6.default.div`
     `)}
   }
 `;
-var ModalContent = import_styled6.default.div`
+var ModalContent = import_styled7.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;
@@ -1980,12 +2255,12 @@ var ModalContent = import_styled6.default.div`
     }
   }
 `;
-var CloseButton = (0, import_styled6.default)(UnstyledButton)`
+var CloseButton = (0, import_styled7.default)(UnstyledButton)`
   ${standardFocusOutline}
   width: 24px;
   height: 24px;
 `;
-var ModalContentInner = import_styled6.default.div`
+var ModalContentInner = import_styled7.default.div`
   ${(props) => props.ghost ? "" : "padding: 32px 24px 0;"}
   ${(props) => props.ghost ? "" : `${bp.sm(`
     padding-left: 10px;