@lightsparkdev/ui 0.0.8 → 0.0.9

package/dist/components/CardPage.cjs

@@ -0,0 +1,1921 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/CardPage.tsx
+var CardPage_exports = {};
+__export(CardPage_exports, {
+  CardPage: () => CardPage,
+  CardPageContent: () => CardPageContent,
+  CardPageFullContent: () => CardPageFullContent,
+  CardPageFullWidth: () => CardPageFullWidth,
+  CardPageRightContentInner: () => CardPageRightContentInner,
+  CardPageSubtitle: () => CardPageSubtitle
+});
+module.exports = __toCommonJS(CardPage_exports);
+var import_styled4 = __toESM(require("@emotion/styled"), 1);
+var import_react7 = require("react");
+
+// src/styles/breakpoints.tsx
+var import_react = require("@emotion/react");
+var import_lodash_es = require("lodash-es");
+var import_react2 = require("react");
+var import_jsx_runtime = require("@emotion/react/jsx-runtime");
+var Breakpoints = /* @__PURE__ */ ((Breakpoints2) => {
+  Breakpoints2["sm"] = "sm";
+  Breakpoints2["md"] = "md";
+  Breakpoints2["lg"] = "lg";
+  return Breakpoints2;
+})(Breakpoints || {});
+var breakpoints = {
+  ["sm" /* sm */]: 640,
+  ["md" /* md */]: 834,
+  ["lg" /* lg */]: 1200
+};
+var breakpointFn = (mq) => (style) => `@media ${mq} { ${style} }`;
+var bp = {
+  key: Breakpoints,
+  ["sm" /* sm */]: breakpointFn(`(max-width:${breakpoints.sm}px)`),
+  ["lg" /* lg */]: breakpointFn(`(min-width:${breakpoints.lg}px)`),
+  ["minSmMaxLg" /* minSmMaxLg */]: breakpointFn(
+    `(min-width:${breakpoints.sm + 1}px) and (max-width:${breakpoints.lg - 1}px)`
+  ),
+  ["minSmMaxMd" /* minSmMaxMd */]: breakpointFn(
+    `(min-width:${breakpoints.sm + 1}px) and (max-width:${breakpoints.md - 1}px)`
+  ),
+  ["minMdMaxLg" /* minMdMaxLg */]: breakpointFn(
+    `(min-width:${breakpoints.md}px) and (max-width:${breakpoints.lg - 1}px)`
+  ),
+  ["maxLg" /* maxLg */]: breakpointFn(`(max-width:${breakpoints.lg - 1}px)`),
+  ["maxMd" /* maxMd */]: breakpointFn(`(max-width:${breakpoints.md - 1}px)`),
+  ["minSm" /* minSm */]: breakpointFn(`(min-width:${breakpoints.sm + 1}px)`),
+  ["minMd" /* minMd */]: breakpointFn(`(min-width:${breakpoints.md + 1}px)`),
+  current: function(assertBp) {
+    const currentBp = (
+      /* window is undefined in first server side render for Next apps: */
+      typeof window === "undefined" ? "sm" /* sm */ : window.getComputedStyle(document.body, ":before").content.replace(/"/g, "")
+    );
+    if (assertBp) {
+      return inRange(
+        currentBp,
+        assertBp
+      );
+    }
+    return currentBp;
+  },
+  switch: (smVal, minSmMaxMdVal, minMdMaxLgVal, lgVal) => {
+    const currentBp = bp.current();
+    if (currentBp === "sm" /* sm */) {
+      return smVal;
+    } else if (currentBp === "minSmMaxMd" /* minSmMaxMd */) {
+      return minSmMaxMdVal;
+    } else if (currentBp === "minMdMaxLg" /* minMdMaxLg */) {
+      return minMdMaxLgVal;
+    }
+    return lgVal;
+  },
+  isSm: () => bp.current("sm" /* sm */),
+  isMinSm: () => bp.current("minSm" /* minSm */),
+  isMinSmMaxMd: () => bp.current("minSmMaxMd" /* minSmMaxMd */),
+  isMinMdMaxLg: () => bp.current("minMdMaxLg" /* minMdMaxLg */),
+  isLg: () => bp.current("lg" /* lg */)
+};
+function inRange(currentBp, assertBp) {
+  const isSm = currentBp === "sm" /* sm */;
+  const isMinSmMaxMd = currentBp === "minSmMaxMd" /* minSmMaxMd */;
+  const isMinMdMaxLg = currentBp === "minMdMaxLg" /* minMdMaxLg */;
+  const isLg = currentBp === "lg" /* lg */;
+  if (assertBp) {
+    switch (assertBp) {
+      case "sm" /* sm */:
+        return isSm;
+      case "minSmMaxMd" /* minSmMaxMd */:
+        return isMinSmMaxMd;
+      case "minMdMaxLg" /* minMdMaxLg */:
+        return isMinMdMaxLg;
+      case "lg" /* lg */:
+        return isLg;
+      case "minSmMaxLg" /* minSmMaxLg */:
+        return isMinSmMaxMd || isMinMdMaxLg;
+      case "maxLg" /* maxLg */:
+        return isSm || isMinSmMaxMd || isMinMdMaxLg;
+      case "maxMd" /* maxMd */:
+        return isSm || isMinSmMaxMd;
+      case "minSm" /* minSm */:
+        return isMinSmMaxMd || isMinMdMaxLg || isLg;
+      case "minMd" /* minMd */:
+        return isMinMdMaxLg || isLg;
+      default:
+        return false;
+    }
+  }
+  return false;
+}
+function useBreakpoints() {
+  const [currentBp, setCurrentBp] = (0, import_react2.useState)(bp.current());
+  (0, import_react2.useLayoutEffect)(() => {
+    const handleResize = () => {
+      const newBp = bp.current();
+      if (newBp !== currentBp) {
+        setCurrentBp(newBp);
+      }
+    };
+    handleResize();
+    window.addEventListener("resize", handleResize);
+    window.addEventListener("deviceorientation", handleResize);
+    return () => {
+      window.removeEventListener("resize", handleResize);
+      window.removeEventListener("deviceorientation", handleResize);
+    };
+  });
+  return bp;
+}
+
+// src/styles/colors.tsx
+var import_react3 = require("@emotion/react");
+
+// src/styles/fonts/typographyTokens.ts
+var FONT_FAMILIES = {
+  main: "Montserrat",
+  code: "Monaco"
+};
+var LINE_HEIGHTS = {
+  ["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: {
+    Bold: 700,
+    SemiBold: 600,
+    Medium: 500
+  },
+  code: {
+    Bold: 700,
+    Regular: 400
+  }
+};
+var FONT_SIZE = {
+  ["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 = {
+  ["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",
+  uppercase: "uppercase"
+};
+var TEXT_DECORATION = {
+  none: "none"
+};
+var PARAGRAPH_INDENT = {
+  0: "0px"
+};
+var PARAGRAPH_SPACING = {
+  default: "default",
+  0: "0",
+  16: "16px",
+  40: "40px"
+};
+var getTypography = (customFontFamilies) => {
+  const fontFamilies = customFontFamilies != null ? customFontFamilies : FONT_FAMILIES;
+  return {
+    fontFamilies,
+    lineHeights: LINE_HEIGHTS,
+    fontWeights: FONT_WEIGHTS,
+    fontSize: FONT_SIZE,
+    letterSpacing: LETTER_SPACING,
+    textCase: TEXT_CASE,
+    textDecoration: TEXT_DECORATION,
+    paragraphIndent: PARAGRAPH_INDENT,
+    paragraphSpacing: PARAGRAPH_SPACING,
+    ["Lightspark" /* Lightspark */]: {
+      Display: {
+        ["Large" /* Large */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "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}`
+        },
+        ["Medium" /* Medium */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "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}`
+        },
+        ["Small" /* Small */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "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}`
+        }
+      },
+      Headline: {
+        ["Large" /* Large */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "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}`
+        },
+        ["Medium" /* Medium */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "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}`
+        },
+        ["Small" /* Small */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "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}`
+        }
+      },
+      Title: {
+        ["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": "-.4px",
+          "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": "-.32x",
+          "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": "-.28px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
+          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
+          "text-case": `${TEXT_CASE.none}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        }
+      },
+      Body: {
+        ["Large" /* Large */]: {
+          "font-family": `${fontFamilies.main}`,
+          "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}`
+        },
+        ["Medium" /* Medium */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Medium}`,
+          "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.Medium}`,
+          "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["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.SemiBold}`,
+          "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.SemiBold}`,
+          "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 Strong": {
+        ["Large" /* Large */]: {
+          "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": "-.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.Bold}`,
+          "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.Bold}`,
+          "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}`
+        }
+      },
+      Overline: {
+        ["Large" /* Large */]: {
+          "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.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.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}`
+        }
+      },
+      Code: {
+        ["Large" /* Large */]: {
+          "font-family": `${fontFamilies.code}`,
+          "font-weight": `${FONT_WEIGHTS.code.Regular}`,
+          "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}`
+        },
+        ["Medium" /* Medium */]: {
+          "font-family": `${fontFamilies.code}`,
+          "font-weight": `${FONT_WEIGHTS.code.Regular}`,
+          "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}`
+        },
+        ["Small" /* Small */]: {
+          "font-family": `${fontFamilies.code}`,
+          "font-weight": `${FONT_WEIGHTS.code.Regular}`,
+          "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}`
+        }
+      },
+      "Code Strong": {
+        ["Large" /* Large */]: {
+          "font-family": `${fontFamilies.code}`,
+          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
+          "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}`
+        },
+        ["Medium" /* Medium */]: {
+          "font-family": `${fontFamilies.code}`,
+          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
+          "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}`
+        },
+        ["Small" /* Small */]: {
+          "font-family": `${fontFamilies.code}`,
+          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
+          "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}`
+        }
+      }
+    },
+    ["UmaDocs" /* UmaDocs */]: {
+      Display: {
+        ["Large" /* Large */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "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}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        },
+        ["Medium" /* Medium */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "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}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        },
+        ["Small" /* Small */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "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}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        }
+      },
+      Headline: {
+        ["Large" /* Large */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "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}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        },
+        ["Medium" /* Medium */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "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}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        },
+        ["Small" /* Small */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "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}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        }
+      },
+      Title: {
+        ["Large" /* Large */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "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}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        },
+        ["Medium" /* Medium */]: {
+          "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}`
+        },
+        ["Small" /* Small */]: {
+          "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}`
+        }
+      },
+      Body: {
+        ["Large" /* Large */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
+          "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.Medium}`,
+          "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.Medium}`,
+          "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}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        }
+      },
+      Label: {
+        ["Large" /* Large */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
+          "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.SemiBold}`,
+          "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.SemiBold}`,
+          "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}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        }
+      },
+      "Label Strong": {
+        ["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}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        }
+      },
+      Overline: {
+        ["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 */].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.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.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}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        }
+      },
+      Code: {
+        ["Large" /* Large */]: {
+          "font-family": `${fontFamilies.code}`,
+          "font-weight": `${FONT_WEIGHTS.code.Regular}`,
+          "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.code}`,
+          "font-weight": `${FONT_WEIGHTS.code.Regular}`,
+          "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.code}`,
+          "font-weight": `${FONT_WEIGHTS.code.Regular}`,
+          "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}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        }
+      },
+      "Code Strong": {
+        ["Large" /* Large */]: {
+          "font-family": `${fontFamilies.code}`,
+          "font-weight": `${FONT_WEIGHTS.code.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.code}`,
+          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
+          "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.code}`,
+          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
+          "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}`
+        }
+      }
+    }
+  };
+};
+
+// src/styles/colors.tsx
+var neutral = {
+  black: "#000000",
+  gray5: "#0D0D0D",
+  gray10: "#1A1A1A",
+  gray15: "#262626",
+  gray20: "#333333",
+  gray25: "#404040",
+  gray30: "#4D4D4D",
+  gray40: "#666666",
+  gray50: "#808080",
+  gray60: "#999999",
+  gray70: "#B3B3B3",
+  gray80: "#CCCCCC",
+  gray85: "#D9D9D9",
+  gray90: "#E6E6E6",
+  gray95: "#F2F2F2",
+  white: "#FFFFFF"
+};
+var uma = {
+  background: "#F9F9F9",
+  black: "#16171A",
+  blue: "#0068C9",
+  blue50: "#C0C9D6",
+  blue80: "#DCE2EA",
+  blue90: "#EBEEF2",
+  blue95: "#F2F5F7",
+  grey300: "#DEDFE4",
+  secondary: "#686A72",
+  stroke: "#C0C9D6",
+  strokeProminent: "#9BA7B9",
+  fill: "#EBEEF2"
+};
+var darkGradient = "#1d1d1d linear-gradient(180deg, #090909 63.08%, #1d1d1d 100.52%)";
+var primary = "#FFF14E";
+var colors = __spreadProps(__spreadValues({}, neutral), {
+  uma,
+  // green
+  success: "#17C27C",
+  // blue
+  blue43: "#145BC6",
+  blue22: "#0E2E60",
+  blue58: "#28BFFF",
+  blue95: "#EBEEF2",
+  // yellow
+  primary,
+  warning: primary,
+  // orange
+  danger: "#FD2C0F",
+  // neutral
+  secondary: neutral.black,
+  // billing
+  tier1: "#179257",
+  tier2: "#8B38DE",
+  tier3: "#0048F7"
+});
+function extend(obj, rest) {
+  return __spreadValues(__spreadValues({}, obj), rest);
+}
+function extendBase(obj, rest) {
+  return __spreadValues(__spreadValues({}, obj), rest);
+}
+function hcNeutralFromBg(bgHex, defaultHex, altHex) {
+  const bgRGB = hexToRGB(bgHex);
+  const hcRGB = hexToRGB(defaultHex);
+  if (!bgRGB || !hcRGB)
+    return defaultHex;
+  const c = contrast(bgRGB, hcRGB);
+  if (c < 4.5) {
+    return altHex;
+  }
+  return defaultHex;
+}
+var lightBaseTheme = {
+  type: "light" /* Light */,
+  app: "Lightspark" /* Lightspark */,
+  bg: colors.white,
+  smBg: colors.white,
+  c05Neutral: neutral.gray95,
+  c1Neutral: neutral.gray90,
+  c15Neutral: neutral.gray85,
+  c2Neutral: neutral.gray80,
+  c3Neutral: neutral.gray70,
+  c4Neutral: neutral.gray60,
+  c5Neutral: neutral.gray50,
+  c6Neutral: neutral.gray40,
+  c7Neutral: neutral.gray30,
+  c8Neutral: neutral.gray20,
+  c9Neutral: neutral.gray10,
+  danger: colors.danger,
+  hcNeutral: colors.black,
+  hcNeutralFromBg: (bgHex) => hcNeutralFromBg(bgHex, colors.black, colors.white),
+  info: colors.blue43,
+  lcNeutral: neutral.gray80,
+  link: colors.blue43,
+  mcNeutral: neutral.gray40,
+  onInfoText: colors.white,
+  onPrimaryText: colors.black,
+  onSuccessText: colors.white,
+  primary: colors.primary,
+  secondary: colors.secondary,
+  success: colors.success,
+  text: colors.black,
+  typography: getTypography(),
+  vlcNeutral: neutral.gray95,
+  warning: colors.warning
+};
+var darkBaseTheme = {
+  type: "dark" /* Dark */,
+  app: "Lightspark" /* Lightspark */,
+  bg: colors.black,
+  smBg: colors.black,
+  c05Neutral: neutral.gray5,
+  c1Neutral: neutral.gray10,
+  c15Neutral: neutral.gray15,
+  c2Neutral: neutral.gray20,
+  c3Neutral: neutral.gray30,
+  c4Neutral: neutral.gray40,
+  c5Neutral: neutral.gray50,
+  c6Neutral: neutral.gray60,
+  c7Neutral: neutral.gray70,
+  c8Neutral: neutral.gray80,
+  c9Neutral: neutral.gray90,
+  danger: colors.danger,
+  hcNeutral: colors.white,
+  hcNeutralFromBg: (bgHex) => hcNeutralFromBg(bgHex, colors.white, colors.black),
+  info: colors.white,
+  lcNeutral: neutral.gray40,
+  link: colors.blue43,
+  mcNeutral: neutral.gray60,
+  onInfoText: colors.white,
+  onPrimaryText: colors.black,
+  onSuccessText: colors.white,
+  primary: colors.primary,
+  secondary: colors.secondary,
+  success: colors.success,
+  text: colors.white,
+  typography: getTypography(),
+  vlcNeutral: neutral.gray20,
+  warning: colors.warning
+};
+var lightTheme = extend(lightBaseTheme, {
+  header: extendBase(lightBaseTheme, {
+    text: colors.gray60
+  }),
+  nav: extendBase(lightBaseTheme, {
+    text: colors.gray10,
+    secondary: colors.gray40
+  }),
+  content: extendBase(lightBaseTheme, {
+    bg: colors.white,
+    smBg: colors.white
+  }),
+  controls: extendBase(lightBaseTheme, {
+    bg: neutral.gray95,
+    smBg: neutral.gray95,
+    text: neutral.gray60,
+    secondary: colors.secondary
+  })
+});
+var darkTheme = extend(darkBaseTheme, {
+  header: extendBase(darkBaseTheme, {}),
+  nav: extendBase(darkBaseTheme, {}),
+  content: extendBase(darkBaseTheme, {}),
+  controls: extendBase(darkBaseTheme, {
+    bg: neutral.gray40,
+    smBg: neutral.gray40,
+    text: neutral.white,
+    secondary: colors.secondary
+  })
+});
+var umaLightTheme = extend(lightTheme, {
+  app: "UmaDocs" /* UmaDocs */,
+  bg: uma.background,
+  smBg: uma.background,
+  secondary: uma.secondary,
+  text: uma.black,
+  link: uma.blue,
+  content: extendBase(lightBaseTheme, {
+    bg: uma.background,
+    smBg: uma.background,
+    text: uma.black,
+    secondary: uma.secondary
+  }),
+  controls: extendBase(lightBaseTheme, {
+    text: uma.black,
+    secondary: uma.secondary,
+    bg: uma.blue90
+  })
+});
+var isLight = (theme) => theme.type === "light" /* Light */;
+var themeOr = (lightValue, darkValue) => ({ theme }) => {
+  return isLight(theme) ? lightValue : darkValue;
+};
+function luminance(r, g, b) {
+  const a = [r, g, b].map(function(v) {
+    v /= 255;
+    return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
+  });
+  return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
+}
+function contrast(rgb1, rgb2) {
+  const lum1 = luminance(rgb1[0], rgb1[1], rgb1[2]);
+  const lum2 = luminance(rgb2[0], rgb2[1], rgb2[2]);
+  const brightest = Math.max(lum1, lum2);
+  const darkest = Math.min(lum1, lum2);
+  return (brightest + 0.05) / (darkest + 0.05);
+}
+function hexToRGB(hex) {
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  return result ? [
+    parseInt(result[1], 16),
+    parseInt(result[2], 16),
+    parseInt(result[3], 16)
+  ] : [0, 0, 0];
+}
+
+// src/styles/common.tsx
+var import_react4 = require("@emotion/react");
+var import_styled = __toESM(require("@emotion/styled"), 1);
+var rootFontSizePx = 12;
+var rootFontSizeRems = rootFontSizePx / 16;
+var headingContentMarginPx = 30;
+function buildStandardContentInset(smPx, minSmMaxLgPx, lgPx) {
+  const smCSS = import_react4.css`
+    ${bp.sm(`
+      margin-left: auto;
+      margin-right: auto;
+      width: calc(100% - ${smPx * 2}px);
+    `)}
+  `;
+  const minSmMaxLgCSS = import_react4.css`
+    ${bp.minSmMaxLg(`
+      margin-left: auto;
+      margin-right: auto;
+      width: calc(100% - ${minSmMaxLgPx * 2}px);
+    `)}
+  `;
+  const lgCSS = import_react4.css`
+    ${bp.lg(`
+      margin-left: auto;
+      margin-right: auto;
+      width: calc(100% - ${lgPx * 2}px);
+      max-width: 1280px;
+    `)}
+  `;
+  return {
+    smPx,
+    minSmMaxLgPx,
+    lgPx,
+    smCSS,
+    minSmMaxLgCSS,
+    lgCSS,
+    css: import_react4.css`
+      ${lgCSS}
+      ${smCSS}
+      ${minSmMaxLgCSS}
+    `
+  };
+}
+var standardContentInset = buildStandardContentInset(16, 24, 32);
+var cardBorderRadiusPx = 16;
+var standardBorderRadius = (radius) => {
+  const borderRadiusPx = Array.isArray(radius) ? radius.map((r) => `${r}px`).join(" ") : `${radius}px`;
+  return `
+    border-radius: ${borderRadiusPx};
+  `;
+};
+var standardCardShadow = import_react4.css`
+  box-shadow:
+    0px 4px 10px 0px rgba(0, 0, 0, 0.08),
+    0px 8px 24px 0px rgba(0, 0, 0, 0.04);
+`;
+var pageBorderRadiusPx = 16;
+var pageBorderRadius = `
+  border-radius: ${pageBorderRadiusPx}px;
+`;
+var subtext = ({ theme }) => import_react4.css`
+  color: ${theme.c6Neutral};
+  font-weight: 600;
+`;
+var Subtext = import_styled.default.div`
+  ${subtext}
+`;
+var darkGradientBg = import_react4.css`
+  background: ${darkGradient};
+`;
+
+// src/styles/type.tsx
+var import_react6 = require("@emotion/react");
+var import_styled2 = __toESM(require("@emotion/styled"), 1);
+
+// src/styles/utils.tsx
+var import_react5 = require("@emotion/react");
+function pxToRems(rems, asNum = false) {
+  const value = (rems / rootFontSizePx).toFixed(6);
+  return asNum ? Number(value) : `${value}rem`;
+}
+var size = {
+  px8: pxToRems(8),
+  px10: pxToRems(10),
+  px12: pxToRems(12),
+  px14: pxToRems(14),
+  px16: pxToRems(16),
+  px18: pxToRems(18),
+  px20: pxToRems(20),
+  px21: pxToRems(21),
+  px24: pxToRems(24)
+};
+var flexCenterAxis = import_react5.css`
+  display: flex;
+  align-items: center;
+`;
+var flexCenter = import_react5.css`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`;
+var inlineFlexCenter = import_react5.css`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`;
+var flexBetween = import_react5.css`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`;
+var absoluteCenter = import_react5.css`
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+`;
+var textCenter = import_react5.css`
+  text-align: center;
+`;
+var overflowAutoWithoutScrollbars = import_react5.css`
+  overflow: auto;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+
+  &::-moz-scrollbar {
+    display: none;
+  }
+`;
+var ignoreSSRWarning = "/* @emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */";
+var firstChild = (style) => `&:first-child:not(style), style:first-child + & ${ignoreSSRWarning} { ${style} }`;
+
+// src/styles/type.tsx
+var import_jsx_runtime2 = require("@emotion/react/jsx-runtime");
+var defaultHeadingSizes = {
+  h1: {
+    size: 32,
+    sizeSm: 21
+  },
+  h2: {
+    size: 24,
+    sizeSm: 18
+  },
+  h3: {
+    size: 21,
+    sizeSm: 18
+  },
+  h4: {
+    size: 14,
+    sizeSm: 14
+  }
+};
+var defaultHeadingMargins = {
+  h1: {
+    mt: 24,
+    mb: 24,
+    mtSm: 24,
+    mbSm: 24
+  },
+  h2: {
+    mt: 24,
+    mb: 24,
+    mtSm: 24,
+    mbSm: 24
+  },
+  h3: {
+    mt: 24,
+    mb: 24,
+    mtSm: 24,
+    mbSm: 24
+  },
+  h4: {
+    mt: 16,
+    mb: 16,
+    mtSm: 16,
+    mbSm: 16
+  }
+};
+var baseHeading = ({ mt, mb, mtSm, mbSm, theme }) => import_react6.css`
+  line-height: 1.214em;
+
+  margin-bottom: ${mb}px;
+  margin-top: ${mt}px;
+
+  ${bp.sm(`
+    margin-top: ${mtSm}px;
+    margin-bottom: ${mbSm}px;
+  `)}
+`;
+var firstChildStyles = firstChild(`margin-top: 0;`);
+var headings = {
+  h1: import_styled2.default.h1`
+    ${(props) => baseHeading(props)}
+    ${firstChildStyles}
+
+    font-size: ${pxToRems(defaultHeadingSizes.h1.size)};
+    font-weight: ${({ light }) => light ? 400 : 800}};
+    ${bp.sm(`
+      font-size: ${pxToRems(defaultHeadingSizes.h1.sizeSm)};
+    `)}
+  `,
+  h2: import_styled2.default.h2`
+    ${(props) => baseHeading(props)}
+    ${firstChildStyles}
+
+    font-size: ${pxToRems(defaultHeadingSizes.h2.size)};
+    font-weight: ${({ light }) => light ? 400 : 700}};
+    ${bp.sm(`
+      font-size: ${pxToRems(defaultHeadingSizes.h2.sizeSm)};
+    `)}
+  `,
+  h3: import_styled2.default.h3`
+    ${(props) => baseHeading(props)}
+    ${firstChildStyles}
+
+    font-size: ${pxToRems(defaultHeadingSizes.h3.size)};
+    font-weight: ${({ light }) => light ? 400 : 700}};
+    ${bp.sm(`
+      font-size: ${pxToRems(defaultHeadingSizes.h3.sizeSm)};
+    `)}
+  `,
+  h4: import_styled2.default.h4`
+    ${(props) => baseHeading(props)}
+    ${firstChildStyles}
+
+    font-size: ${pxToRems(defaultHeadingSizes.h4.size)};
+    font-weight: ${({ light }) => light ? 400 : 600}};
+    ${bp.sm(`
+      font-size: ${pxToRems(defaultHeadingSizes.h4.sizeSm)};
+    `)}
+  `
+};
+function Heading({
+  children,
+  type = "h2",
+  id,
+  mt = defaultHeadingMargins[type].mt,
+  mb = defaultHeadingMargins[type].mb,
+  mtSm = defaultHeadingMargins[type].mtSm,
+  mbSm = defaultHeadingMargins[type].mbSm,
+  m0 = false,
+  light = false
+}) {
+  const StyledHeading = headings[type];
+  const theme = (0, import_react6.useTheme)();
+  const heading = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    StyledHeading,
+    {
+      id,
+      mt: m0 ? 0 : mt,
+      mb: m0 ? 0 : mb,
+      mtSm: m0 ? 0 : mtSm,
+      mbSm: m0 ? 0 : mbSm,
+      light,
+      theme,
+      children: id ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("a", { href: `#${id}`, css: { color: "inherit" }, children }) : children
+    }
+  );
+  return heading;
+}
+
+// src/styles/z-index.tsx
+var z = {
+  card: 1,
+  fieldError: 1,
+  textInput: 2,
+  select: 3,
+  selectFocused: 4,
+  walletActionPreviewTopGradient: 1,
+  headerContainer: 99,
+  smBanner: 99,
+  headerTop: 100,
+  navMenu: 100,
+  smNavMenu: 100,
+  navAction: 101,
+  smNavAction: 100,
+  // keep under navDropdown
+  notificationBanner: 170,
+  qrReaderVideo: 180,
+  qrReaderOverlay: 181,
+  modalOverlay: 190,
+  modalContainer: 191,
+  dropdown: 192,
+  tooltip: 193,
+  toast: 200
+};
+
+// src/components/ButtonRow.tsx
+var import_styled3 = __toESM(require("@emotion/styled"), 1);
+var import_jsx_runtime3 = require("@emotion/react/jsx-runtime");
+var ButtonRowContainer = import_styled3.default.div`
+  max-width: 100%;
+  ${({ theme }) => bp.sm(`background: ${theme.bg}`)}
+  ${({ headerHeight, smSticky }) => bp.sm(
+  `
+        ${smSticky ? `
+            display: block;
+            position: sticky;
+            top: ${headerHeight}px;
+            margin-top: 24px;
+            margin-left: -${standardContentInset.smPx}px;
+            width: calc(100% + ${standardContentInset.smPx * 2}px);
+            max-width: calc(100% + ${standardContentInset.smPx * 2}px);
+            z-index: 2;` : `position: relative;`}
+        z-index: 2;
+        &:before {
+          content: "";
+          box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.09);
+          height: 1px;
+          position: absolute;
+          background: black;
+          bottom: 1px;
+          width: 100%;
+          z-index: 0;
+        }
+      `
+)}
+`;
+var ButtonRowDivider = import_styled3.default.div`
+  border-left: 1px #d9d9d9 solid;
+  margin-left: 16px;
+  padding-left: 16px;
+`;
+var StyledButtonRow = import_styled3.default.div`
+  ${overflowAutoWithoutScrollbars}
+  background: ${({ theme }) => theme.bg};
+  display: flex;
+  position: relative;
+  z-index: 1;
+
+  & button:not(:first-of-type),
+  & a:not(:first-of-type) {
+    margin-left: 8px;
+  }
+
+  & ${ButtonRowDivider} + button,
+  & ${ButtonRowDivider} + a {
+    margin-left: 0;
+  }
+
+  ${bp.sm(`
+    padding: ${standardContentInset.smPx}px;
+  `)}
+`;
+
+// src/components/CardPage.tsx
+var import_jsx_runtime4 = require("@emotion/react/jsx-runtime");
+function CardPage(props) {
+  const initiallyExpanded = (0, import_react7.useRef)(Boolean(props.expandRight));
+  const [wasExpanded, setWasExpanded] = (0, import_react7.useState)(Boolean(props.expandRight));
+  const bp2 = useBreakpoints();
+  const header = props.title ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CardPageHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Heading, { type: "h1", m0: true, children: props.title }) }) : null;
+  (0, import_react7.useEffect)(() => {
+    if (props.expandRight) {
+      setWasExpanded(true);
+    }
+  }, [props.expandRight]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react7.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    CardPageContainer,
+    {
+      id: props.id,
+      bp: bp2,
+      hasRightContent: Boolean(props.rightContent),
+      wasExpanded,
+      expandRight: Boolean(props.expandRight),
+      minContentHeight: props.minContentHeight,
+      initiallyExpanded: initiallyExpanded.current,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { css: props.minContentWidth ? overflowAutoWithoutScrollbars : null, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+          CardPageContent,
+          {
+            hasPreHeaderContent: Boolean(props.preHeaderContent),
+            minContentHeight: props.minContentHeight,
+            maxContentWidth: props.maxContentWidth,
+            children: [
+              props.preHeaderContent,
+              header,
+              props.children
+            ]
+          }
+        ) }),
+        props.rightContent && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CardPageRightContent, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          CardPageRightContentInner,
+          {
+            hasRightContent: Boolean(props.rightContent),
+            children: props.rightContent
+          }
+        ) })
+      ]
+    }
+  ) });
+}
+CardPage.defaultProps = {
+  minContentHeight: void 0,
+  minContentWidth: void 0,
+  maxContentWidth: void 0
+};
+var CardPageFullContent = import_styled4.default.div``;
+var CardPageFullWidth = import_styled4.default.div``;
+var CardPageRightContentInner = import_styled4.default.div`
+  ${flexCenter}
+  height: 100%;
+  padding: 150px 25px;
+  ${({ hasRightContent }) => hasRightContent && `justify-content: space-evenly;`}
+`;
+var CardPageRightContent = import_styled4.default.div`
+  display: flex;
+  position: relative;
+  ${CardPageRightContentInner} {
+    ${darkGradientBg};
+    position: relative;
+    height: calc(100% + 80px);
+    margin-top: -40px;
+    margin-bottom: -40px;
+    margin-right: -40px;
+    overflow: hidden;
+    width: 100%;
+
+    ${bp.minSm(`
+      ${standardBorderRadius([0, cardBorderRadiusPx, cardBorderRadiusPx, 0])};
+    `)}
+  }
+`;
+var vCardPaddingPx = 40;
+var expandTiming = `0.65s ease-in-out`;
+var CardPageContainer = import_styled4.default.div`
+  ${standardContentInset.css}
+  ${({ theme }) => themeOr(`background-color: ${theme.bg}`, "transparent")({ theme })};
+  position: relative;
+  z-index: ${z.card};
+
+  ${({ minContentHeight }) => `
+    min-height: ${minContentHeight !== void 0 && minContentHeight !== null ? `${minContentHeight}px` : "250px"};
+  `}
+
+  ${bp.sm(`
+    width: 100% !important;
+  `)}
+
+  & > * {
+    ${standardContentInset.css}
+  }
+
+  & ${CardPageFullContent}, & ${CardPageFullWidth} {
+    ${bp.sm(`
+      width: calc(100% + ${standardContentInset.smPx * 2}px);
+      margin-left: -${standardContentInset.smPx}px;
+    `)}
+
+    ${bp.minSmMaxLg(`
+      width: calc(100% + ${standardContentInset.minSmMaxLgPx * 2}px);
+      margin-left: -${standardContentInset.minSmMaxLgPx}px;
+    `)}
+
+    ${bp.lg(`
+      width: calc(100% + ${standardContentInset.lgPx * 2}px);
+      margin-left: -${standardContentInset.lgPx}px;
+    `)}
+  }
+
+  & ${CardPageFullContent} {
+    & > * {
+      padding-top: ${vCardPaddingPx}px;
+      padding-bottom: ${vCardPaddingPx}px;
+      ${bp.sm(`
+        padding-top: 0;
+        padding-bottom: 0;
+      `)}
+    }
+
+    margin-top: -${vCardPaddingPx}px;
+    ${bp.sm(`margin-top: 0;`)}
+  }
+
+  ${bp.minSm(`
+    ${standardCardShadow.styles};
+    padding: ${vCardPaddingPx}px 0;
+    ${standardBorderRadius(cardBorderRadiusPx)}
+  `)}
+
+  &:not(:last-child) {
+    margin-bottom: 30px;
+  }
+
+  @keyframes rightSideExpand {
+    0% {
+      width: 50%;
+    }
+    100% {
+      width: 100%;
+    }
+  }
+
+  @keyframes rightSideCollapse {
+    0% {
+      width: 100%;
+    }
+    100% {
+      width: 50%;
+    }
+  }
+
+  @keyframes leftSideCollapse {
+    0% {
+      width: 50%;
+      height: auto;
+      opacity: 1;
+    }
+    30% {
+      opacity: 0;
+    }
+    100% {
+      height: 0px;
+      width: 0%;
+    }
+  }
+
+  @keyframes leftSideExpand {
+    0% {
+      width: 0%;
+      opacity: 0;
+    }
+    50% {
+      opacity: 0;
+    }
+    100% {
+      width: 50%;
+      opacity: 1;
+    }
+  }
+
+  ${({ hasRightContent }) => hasRightContent && `
+    display: flex;
+    & > * {
+      width: 50%;
+      ${bp.sm(`width: 100%;`)}
+
+      &:first-of-type > * {
+        ${bp.minSmMaxLg(`
+          width: calc(100% - ${standardContentInset.minSmMaxLgPx * 2}px);
+          margin-left: ${standardContentInset.minSmMaxLgPx}px;
+        `)}
+        ${bp.lg(`
+          width: calc(100% - ${standardContentInset.lgPx * 3}px);
+          margin-left: ${standardContentInset.lgPx}px;
+        `)}
+      }
+    }
+  `}
+
+  & > :not(${CardPageRightContent}) {
+    ${({ expandRight, wasExpanded, initiallyExpanded }) => expandRight && wasExpanded ? bp.minSm(`
+            width: 0%;
+            height: 0px;
+            ${initiallyExpanded ? "" : `animation: leftSideCollapse ${expandTiming};`}
+            overflow: hidden;
+            margin: 0%;
+            opacity: 0;
+          `) : wasExpanded ? bp.minSm(`
+            width: 50%;
+            animation: leftSideExpand ${expandTiming};
+          `) : ""}
+  }
+
+  & > ${CardPageRightContent} {
+    ${({ expandRight, wasExpanded, initiallyExpanded }) => expandRight && wasExpanded ? bp.minSm(`
+            width: 100%;
+            ${initiallyExpanded ? "" : `animation: rightSideExpand ${expandTiming};`}
+            margin: 0%;
+            & > ${CardPageRightContentInner.toString()} {
+              border-radius: ${cardBorderRadiusPx}px !important;
+            }
+          `) : wasExpanded ? bp.minSm(`
+            width: 50%;
+            animation: rightSideCollapse ${expandTiming};
+          `) : ""}
+  }
+`;
+var CardPageSubtitle = import_styled4.default.p`
+  color: ${({ theme }) => theme.mcNeutral};
+  font-size: ${size.px14};
+  line-height: ${size.px18};
+  font-weight: 600;
+  margin: 0;
+`;
+var CardPageHeader = import_styled4.default.div`
+  align-items: center;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  position: relative;
+
+  & + *:not(${CardPageSubtitle}):not(${ButtonRowContainer}) {
+    margin-top: ${headingContentMarginPx}px !important;
+  }
+
+  & + ${CardPageSubtitle} {
+    margin-top: 5px;
+  }
+
+  & + ${ButtonRowContainer} {
+    margin-top: 16px;
+  }
+`;
+var CardPageContent = import_styled4.default.div`
+  ${({
+  maxContentWidth,
+  minContentHeight,
+  minContentWidth,
+  hasPreHeaderContent
+}) => `
+    max-width: ${maxContentWidth ? `${maxContentWidth}px` : "initial"};
+    min-width: ${minContentWidth ? `${minContentWidth}px` : "initial"};
+    ${CardPageHeader.toString()} {
+      margin-top: ${hasPreHeaderContent ? "25px" : "0"};
+    }
+    min-height: ${minContentHeight !== void 0 && minContentHeight !== null ? `${minContentHeight}px` : "400px"};
+  `}
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CardPage,
+  CardPageContent,
+  CardPageFullContent,
+  CardPageFullWidth,
+  CardPageRightContentInner,
+  CardPageSubtitle
+});