@lightsparkdev/ui 0.0.13 → 1.0.1

package/dist/styles/colors.cjs

@@ -37,1035 +37,18 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/styles/colors.tsx
 var colors_exports = {};
 __export(colors_exports, {
-  Themes: () => Themes,
   colors: () => colors,
   componentToHex: () => componentToHex,
   contrast: () => contrast,
   darkGradient: () => darkGradient,
+  hcNeutralFromBg: () => hcNeutralFromBg,
   hexToRGB: () => hexToRGB,
   hexToRGBAStr: () => hexToRGBAStr,
-  ifDark: () => ifDark,
-  ifLight: () => ifLight,
-  isDark: () => isDark,
-  isLight: () => isLight,
+  isColorKey: () => isColorKey,
   luminance: () => luminance,
-  rgbToHex: () => rgbToHex,
-  themeOr: () => themeOr,
-  themeWithTypography: () => themeWithTypography,
-  themes: () => themes,
-  useThemeBg: () => useThemeBg
+  rgbToHex: () => rgbToHex
 });
 module.exports = __toCommonJS(colors_exports);
-var import_react3 = require("@emotion/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/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",
@@ -1076,61 +59,55 @@ var neutral = {
   gray30: "#4D4D4D",
   gray40: "#666666",
   gray50: "#808080",
+  gray57: "#8B8E98",
   gray60: "#999999",
   gray70: "#B3B3B3",
   gray80: "#CCCCCC",
   gray85: "#D9D9D9",
   gray90: "#E6E6E6",
+  gray91: "#171717",
   gray95: "#F2F2F2",
+  gray98: "#F9F9F9",
   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 Themes = /* @__PURE__ */ ((Themes2) => {
-  Themes2["Light"] = "light";
-  Themes2["Dark"] = "dark";
-  return Themes2;
-})(Themes || {});
 var primary = "#FFF14E";
-var colors = __spreadProps(__spreadValues({}, neutral), {
-  uma,
+var baseColors = __spreadProps(__spreadValues({}, neutral), {
   // green
   success: "#17C27C",
+  green33: "#179257",
   // blue
   blue43: "#145BC6",
   blue22: "#0E2E60",
+  blue39: "#0068C9",
+  blue37: "#21529c",
   blue58: "#28BFFF",
-  blue95: "#EBEEF2",
+  // less than 50% saturated blue
+  grayBlue9: "#16171A",
+  grayBlue32: "#4F5156",
+  grayBlue43: "#686A72",
+  grayBlue45: "#676F80",
+  grayBlue67: "#9BA7B9",
+  grayBlue80: "#C0C9D6",
+  grayBlue88: "#DEDFE4",
+  grayBlue94: "#EBEEF2",
+  grayBlue96: "#F2F5F7",
+  // purple
+  purple43: "#820AD1",
+  purple55: "#8B38DE",
+  // red
+  red42a10: "#D800271A",
   // yellow
   primary,
   warning: primary,
   // orange
   danger: "#FD2C0F",
   // neutral
-  secondary: neutral.black,
-  // billing
-  tier1: "#179257",
-  tier2: "#8B38DE",
-  tier3: "#0048F7"
+  secondary: neutral.black
 });
-function extend(obj, rest) {
-  return __spreadValues(__spreadValues({}, obj), rest);
-}
-function extendBase(obj, rest) {
-  return __spreadValues(__spreadValues({}, obj), rest);
+var colors = baseColors;
+function isColorKey(key) {
+  return key in colors;
 }
 function hcNeutralFromBg(bgHex, defaultHex, altHex) {
   const bgRGB = hexToRGB(bgHex);
@@ -1143,158 +120,6 @@ function hcNeutralFromBg(bgHex, defaultHex, 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 themeWithTypography = (theme, typography) => {
-  return extendBase(theme, { typography });
-};
-var themes = {
-  light: lightTheme,
-  dark: darkTheme,
-  uma: {
-    light: umaLightTheme
-  }
-};
-var isDark = (theme) => theme.type === "dark" /* Dark */;
-var isLight = (theme) => theme.type === "light" /* Light */;
-var themeOr = (lightValue, darkValue) => ({ theme }) => {
-  return isLight(theme) ? lightValue : darkValue;
-};
-function ifLight(style) {
-  return function({ theme }) {
-    if (theme.type === "light" /* Light */) {
-      return import_react3.css`
-        ${style}
-      `;
-    }
-    return "";
-  };
-}
-function ifDark(style) {
-  return function({ theme }) {
-    if (theme.type === "dark" /* Dark */) {
-      return import_react3.css`
-        ${style}
-      `;
-    }
-    return "";
-  };
-}
 function luminance(r, g, b) {
   const a = [r, g, b].map(function(v) {
     v /= 255;
@@ -1328,32 +153,16 @@ function hexToRGBAStr(hex, alpha) {
   const rgb = hexToRGB(hex);
   return `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, ${alpha})`;
 }
-function useThemeBg() {
-  const theme = (0, import_react3.useTheme)();
-  const bp2 = useBreakpoints();
-  const isSm = bp2.current("sm" /* sm */);
-  if (isDark(theme)) {
-    return darkGradient;
-  }
-  return isSm ? theme.smBg : theme.bg;
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Themes,
   colors,
   componentToHex,
   contrast,
   darkGradient,
+  hcNeutralFromBg,
   hexToRGB,
   hexToRGBAStr,
-  ifDark,
-  ifLight,
-  isDark,
-  isLight,
+  isColorKey,
   luminance,
-  rgbToHex,
-  themeOr,
-  themeWithTypography,
-  themes,
-  useThemeBg
+  rgbToHex
 });