@lightsparkdev/ui 1.0.6 → 1.0.8

package/dist/chunk-WTHHP7G2.cjs

@@ -0,0 +1,531 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+
+var _chunk24SOCRDHcjs = require('./chunk-24SOCRDH.cjs');
+
+
+
+var _chunkYHDN5LEAcjs = require('./chunk-YHDN5LEA.cjs');
+
+
+var _chunkTMTEVKSDcjs = require('./chunk-TMTEVKSD.cjs');
+
+
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+
+
+
+
+
+var _chunkKSKKC6C2cjs = require('./chunk-KSKKC6C2.cjs');
+
+
+
+var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+
+// src/styles/themes.tsx
+var _react = require('@emotion/react');
+var _deepmerge = require('deepmerge'); var _deepmerge2 = _interopRequireDefault(_deepmerge);
+var Themes = /* @__PURE__ */ ((Themes2) => {
+  Themes2["Light"] = "light";
+  Themes2["Dark"] = "dark";
+  Themes2["LightsparkDocsLight"] = "lightsparkDocsLight";
+  Themes2["LightsparkDocsDark"] = "lightsparkDocsDark";
+  Themes2["UmaAuthSdkLight"] = "umaAuthSdkLight";
+  Themes2["UmaAuthSdkDark"] = "umaAuthSdkDark";
+  Themes2["UmameDocsLight"] = "umameDocsLight";
+  Themes2["UmameDocsDark"] = "umameDocsDark";
+  Themes2["BridgeLight"] = "bridgeLight";
+  Themes2["BridgeDark"] = "bridgeDark";
+  return Themes2;
+})(Themes || {});
+var baseThemeColors = {
+  bg: _chunkKSKKC6C2cjs.colors.white,
+  smBg: _chunkKSKKC6C2cjs.colors.white,
+  c05Neutral: _chunkKSKKC6C2cjs.colors.gray95,
+  c1Neutral: _chunkKSKKC6C2cjs.colors.gray90,
+  c15Neutral: _chunkKSKKC6C2cjs.colors.gray85,
+  c2Neutral: _chunkKSKKC6C2cjs.colors.gray80,
+  c3Neutral: _chunkKSKKC6C2cjs.colors.gray70,
+  c4Neutral: _chunkKSKKC6C2cjs.colors.gray60,
+  c5Neutral: _chunkKSKKC6C2cjs.colors.gray50,
+  c6Neutral: _chunkKSKKC6C2cjs.colors.gray40,
+  c7Neutral: _chunkKSKKC6C2cjs.colors.gray30,
+  c8Neutral: _chunkKSKKC6C2cjs.colors.gray20,
+  c9Neutral: _chunkKSKKC6C2cjs.colors.gray10,
+  danger: _chunkKSKKC6C2cjs.colors.danger,
+  hcNeutral: _chunkKSKKC6C2cjs.colors.black,
+  info: _chunkKSKKC6C2cjs.colors.blue43,
+  lcNeutral: _chunkKSKKC6C2cjs.colors.gray80,
+  link: _chunkKSKKC6C2cjs.colors.blue43,
+  mcNeutral: _chunkKSKKC6C2cjs.colors.gray40,
+  onInfoText: _chunkKSKKC6C2cjs.colors.white,
+  onPrimaryText: _chunkKSKKC6C2cjs.colors.black,
+  onSuccessText: _chunkKSKKC6C2cjs.colors.white,
+  primary: _chunkKSKKC6C2cjs.colors.primary,
+  secondary: _chunkKSKKC6C2cjs.colors.secondary,
+  tertiary: _chunkKSKKC6C2cjs.colors.black,
+  success: _chunkKSKKC6C2cjs.colors.success,
+  text: _chunkKSKKC6C2cjs.colors.black,
+  vlcNeutral: _chunkKSKKC6C2cjs.colors.gray95,
+  warning: _chunkKSKKC6C2cjs.colors.warning
+};
+var themeOrColorKeyValues = [
+  ...Object.keys(baseThemeColors),
+  ...Object.keys(_chunkKSKKC6C2cjs.colors)
+];
+var baseTheme = _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, baseThemeColors), {
+  // base type should be Themes but default to Light
+  type: "light" /* Light */,
+  typography: _chunkTMTEVKSDcjs.getTypography.call(void 0, "Lightspark" /* Lightspark */),
+  hcNeutralFromBg: (bgHex) => _chunkKSKKC6C2cjs.hcNeutralFromBg.call(void 0, bgHex, _chunkKSKKC6C2cjs.colors.black, _chunkKSKKC6C2cjs.colors.white),
+  buttons: _chunk24SOCRDHcjs.defaultButtonsTheme,
+  loading: _chunkYHDN5LEAcjs.defaultLoadingTheme,
+  badge: {
+    bg: "c05Neutral"
+  },
+  inputBackground: _chunkKSKKC6C2cjs.colors.white
+});
+var lightBaseTheme = baseTheme;
+var darkBaseTheme = {
+  type: "dark" /* Dark */,
+  bg: _chunkKSKKC6C2cjs.colors.black,
+  smBg: _chunkKSKKC6C2cjs.colors.black,
+  c05Neutral: _chunkKSKKC6C2cjs.colors.gray5,
+  c1Neutral: _chunkKSKKC6C2cjs.colors.gray10,
+  c15Neutral: _chunkKSKKC6C2cjs.colors.gray15,
+  c2Neutral: _chunkKSKKC6C2cjs.colors.gray20,
+  c3Neutral: _chunkKSKKC6C2cjs.colors.gray30,
+  c4Neutral: _chunkKSKKC6C2cjs.colors.gray40,
+  c5Neutral: _chunkKSKKC6C2cjs.colors.gray50,
+  c6Neutral: _chunkKSKKC6C2cjs.colors.gray60,
+  c7Neutral: _chunkKSKKC6C2cjs.colors.gray70,
+  c8Neutral: _chunkKSKKC6C2cjs.colors.gray80,
+  c9Neutral: _chunkKSKKC6C2cjs.colors.gray90,
+  danger: _chunkKSKKC6C2cjs.colors.danger,
+  hcNeutral: _chunkKSKKC6C2cjs.colors.white,
+  hcNeutralFromBg: (bgHex) => _chunkKSKKC6C2cjs.hcNeutralFromBg.call(void 0, bgHex, _chunkKSKKC6C2cjs.colors.white, _chunkKSKKC6C2cjs.colors.black),
+  info: _chunkKSKKC6C2cjs.colors.white,
+  lcNeutral: _chunkKSKKC6C2cjs.colors.gray40,
+  link: _chunkKSKKC6C2cjs.colors.blue43,
+  mcNeutral: _chunkKSKKC6C2cjs.colors.gray60,
+  onInfoText: _chunkKSKKC6C2cjs.colors.white,
+  onPrimaryText: _chunkKSKKC6C2cjs.colors.black,
+  onSuccessText: _chunkKSKKC6C2cjs.colors.white,
+  primary: _chunkKSKKC6C2cjs.colors.primary,
+  secondary: _chunkKSKKC6C2cjs.colors.secondary,
+  tertiary: _chunkKSKKC6C2cjs.colors.white,
+  success: _chunkKSKKC6C2cjs.colors.success,
+  text: _chunkKSKKC6C2cjs.colors.white,
+  typography: _chunkTMTEVKSDcjs.getTypography.call(void 0, "Lightspark" /* Lightspark */),
+  vlcNeutral: _chunkKSKKC6C2cjs.colors.gray20,
+  warning: _chunkKSKKC6C2cjs.colors.warning,
+  buttons: _chunk24SOCRDHcjs.defaultButtonsTheme,
+  loading: _chunkYHDN5LEAcjs.defaultLoadingTheme,
+  inputBackground: _chunkKSKKC6C2cjs.colors.black,
+  badge: {
+    bg: "c15Neutral"
+  }
+};
+var lightTheme = extend(lightBaseTheme, {
+  header: extendBase(lightBaseTheme, {
+    text: _chunkKSKKC6C2cjs.colors.gray60
+  }),
+  nav: extendBase(lightBaseTheme, {
+    text: _chunkKSKKC6C2cjs.colors.gray10,
+    secondary: _chunkKSKKC6C2cjs.colors.gray40
+  }),
+  content: extendBase(lightBaseTheme, {
+    bg: _chunkKSKKC6C2cjs.colors.white,
+    smBg: _chunkKSKKC6C2cjs.colors.white
+  }),
+  controls: extendBase(lightBaseTheme, {
+    bg: _chunkKSKKC6C2cjs.colors.gray95,
+    smBg: _chunkKSKKC6C2cjs.colors.gray95,
+    text: _chunkKSKKC6C2cjs.colors.gray60,
+    secondary: _chunkKSKKC6C2cjs.colors.secondary
+  })
+});
+var darkTheme = extend(darkBaseTheme, {
+  header: extendBase(darkBaseTheme, {}),
+  nav: extendBase(darkBaseTheme, {}),
+  content: extendBase(darkBaseTheme, {}),
+  controls: extendBase(darkBaseTheme, {
+    bg: _chunkKSKKC6C2cjs.colors.gray40,
+    smBg: _chunkKSKKC6C2cjs.colors.gray40,
+    text: _chunkKSKKC6C2cjs.colors.white,
+    secondary: _chunkKSKKC6C2cjs.colors.secondary
+  })
+});
+var umaAuthSdkLightTheme = extend(lightTheme, {
+  type: "umaAuthSdkLight" /* UmaAuthSdkLight */,
+  bg: _chunkKSKKC6C2cjs.colors.gray98,
+  smBg: _chunkKSKKC6C2cjs.colors.gray98,
+  secondary: _chunkKSKKC6C2cjs.colors.grayBlue43,
+  tertiary: _chunkKSKKC6C2cjs.colors.grayBlue9,
+  text: _chunkKSKKC6C2cjs.colors.grayBlue9,
+  link: _chunkKSKKC6C2cjs.colors.blue39,
+  inputBackground: _chunkKSKKC6C2cjs.colors.white,
+  typography: _chunkTMTEVKSDcjs.getTypography.call(void 0, "UmaAuthSdk" /* UmaAuthSdk */, {
+    main: "Manrope",
+    code: "Monaco"
+  }),
+  content: extendBase(lightBaseTheme, {
+    bg: _chunkKSKKC6C2cjs.colors.gray98,
+    smBg: _chunkKSKKC6C2cjs.colors.gray98,
+    text: _chunkKSKKC6C2cjs.colors.grayBlue9,
+    secondary: _chunkKSKKC6C2cjs.colors.grayBlue43
+  }),
+  controls: extendBase(lightBaseTheme, {
+    text: _chunkKSKKC6C2cjs.colors.grayBlue9,
+    secondary: _chunkKSKKC6C2cjs.colors.grayBlue43,
+    bg: _chunkKSKKC6C2cjs.colors.grayBlue94
+  }),
+  buttons: _deepmerge2.default.call(void 0, _chunk24SOCRDHcjs.buttonsThemeBase, {
+    defaultTypographyType: "Title",
+    defaultSize: "Medium",
+    defaultBorderRadius: 999,
+    defaultBorderWidth: 0,
+    defaultPaddingsY: {
+      ExtraSmall: 16,
+      Small: 16,
+      Schmedium: 16,
+      Medium: 16,
+      Mlarge: 16,
+      Large: 16
+    },
+    kinds: {
+      primary: {
+        defaultColor: "bg",
+        defaultBackgroundColor: "blue39",
+        defaultHoverBackgroundColor: "blue37"
+      },
+      ghost: {
+        defaultColor: "secondary",
+        defaultBackgroundColor: "transparent",
+        defaultBorderWidth: 0,
+        defaultHoverBackgroundColor: "transparent",
+        defaultHoverBorderColor: "transparent"
+      },
+      secondary: {
+        defaultBackgroundColor: "grayBlue94",
+        defaultHoverBackgroundColor: "grayBlue80",
+        defaultBorderColor: "grayBlue80"
+      },
+      tertiary: {
+        defaultColor: "bg",
+        defaultHoverBackgroundColor: "grayBlue18"
+      }
+    }
+  })
+});
+var umaAuthSdkDarkTheme = extend(darkTheme, {
+  type: "umaAuthSdkDark" /* UmaAuthSdkDark */,
+  bg: _chunkKSKKC6C2cjs.colors.gray5,
+  smBg: _chunkKSKKC6C2cjs.colors.gray5,
+  secondary: _chunkKSKKC6C2cjs.colors.grayBlue57,
+  tertiary: _chunkKSKKC6C2cjs.colors.gray98,
+  text: _chunkKSKKC6C2cjs.colors.gray98,
+  link: _chunkKSKKC6C2cjs.colors.blue39,
+  inputBackground: _chunkKSKKC6C2cjs.colors.gray5,
+  typography: _chunkTMTEVKSDcjs.getTypography.call(void 0, "UmaAuthSdk" /* UmaAuthSdk */, {
+    main: "Manrope",
+    code: "Monaco"
+  }),
+  content: extendBase(lightBaseTheme, {
+    bg: _chunkKSKKC6C2cjs.colors.gray5,
+    smBg: _chunkKSKKC6C2cjs.colors.gray5,
+    text: _chunkKSKKC6C2cjs.colors.grayBlue94,
+    secondary: _chunkKSKKC6C2cjs.colors.grayBlue43
+  }),
+  controls: extendBase(lightBaseTheme, {
+    text: _chunkKSKKC6C2cjs.colors.grayBlue94,
+    secondary: _chunkKSKKC6C2cjs.colors.grayBlue43,
+    bg: _chunkKSKKC6C2cjs.colors.grayBlue9
+  }),
+  buttons: _deepmerge2.default.call(void 0, _chunk24SOCRDHcjs.buttonsThemeBase, {
+    defaultTypographyType: "Title",
+    defaultSize: "Medium",
+    defaultBorderRadius: 999,
+    defaultBorderWidth: 0,
+    defaultPaddingsY: {
+      ExtraSmall: 16,
+      Small: 16,
+      Schmedium: 16,
+      Medium: 16,
+      Mlarge: 16,
+      Large: 16
+    },
+    kinds: {
+      primary: {
+        defaultColor: "bg",
+        defaultBackgroundColor: "blue39",
+        defaultHoverBackgroundColor: "blue37"
+      },
+      ghost: {
+        defaultColor: "secondary",
+        defaultBackgroundColor: "transparent",
+        defaultBorderWidth: 0,
+        defaultHoverBackgroundColor: "transparent",
+        defaultHoverBorderColor: "transparent"
+      },
+      secondary: {
+        defaultBackgroundColor: "grayBlue80",
+        defaultHoverBackgroundColor: "grayBlue94",
+        defaultBorderColor: "grayBlue80"
+      },
+      tertiary: {
+        defaultColor: "bg",
+        defaultHoverBackgroundColor: "grayBlue80"
+      }
+    }
+  })
+});
+var umameDocsLightTheme = extend(lightTheme, {
+  type: "umameDocsLight" /* UmameDocsLight */,
+  bg: _chunkKSKKC6C2cjs.colors.gray98,
+  smBg: _chunkKSKKC6C2cjs.colors.gray98,
+  secondary: _chunkKSKKC6C2cjs.colors.grayBlue43,
+  text: _chunkKSKKC6C2cjs.colors.grayBlue9,
+  link: _chunkKSKKC6C2cjs.colors.blue39,
+  inputBackground: _chunkKSKKC6C2cjs.colors.white,
+  typography: _chunkTMTEVKSDcjs.getTypography.call(void 0, "UmameDocs" /* UmameDocs */, {
+    main: "Manrope",
+    code: "Monaco"
+  }),
+  content: extendBase(lightBaseTheme, {
+    bg: _chunkKSKKC6C2cjs.colors.gray98,
+    smBg: _chunkKSKKC6C2cjs.colors.gray98,
+    text: _chunkKSKKC6C2cjs.colors.grayBlue9,
+    secondary: _chunkKSKKC6C2cjs.colors.grayBlue43
+  }),
+  controls: extendBase(lightBaseTheme, {
+    text: _chunkKSKKC6C2cjs.colors.grayBlue9,
+    secondary: _chunkKSKKC6C2cjs.colors.grayBlue43,
+    bg: _chunkKSKKC6C2cjs.colors.grayBlue94
+  })
+});
+var umameDocsDarkTheme = extend(darkTheme, {
+  type: "umameDocsDark" /* UmameDocsDark */,
+  bg: _chunkKSKKC6C2cjs.colors.gray98,
+  smBg: _chunkKSKKC6C2cjs.colors.gray98,
+  secondary: _chunkKSKKC6C2cjs.colors.grayBlue43,
+  text: _chunkKSKKC6C2cjs.colors.grayBlue9,
+  link: _chunkKSKKC6C2cjs.colors.blue39,
+  typography: _chunkTMTEVKSDcjs.getTypography.call(void 0, "UmameDocs" /* UmameDocs */, {
+    main: "Manrope",
+    code: "Monaco"
+  })
+});
+var lightsparkDocsLightTheme = extend(lightTheme, {
+  type: "lightsparkDocsLight" /* LightsparkDocsLight */,
+  typography: _chunkTMTEVKSDcjs.getTypography.call(void 0, "LightsparkDocs" /* LightsparkDocs */)
+});
+var lightsparkDocsDarkTheme = extend(darkTheme, {
+  type: "lightsparkDocsDark" /* LightsparkDocsDark */,
+  typography: _chunkTMTEVKSDcjs.getTypography.call(void 0, "LightsparkDocs" /* LightsparkDocs */)
+});
+var bridgeBaseSettings = {
+  secondary: _chunkKSKKC6C2cjs.colors.grayBlue43,
+  mcNeutral: _chunkKSKKC6C2cjs.colors.grayBlue43,
+  typography: _chunkTMTEVKSDcjs.getTypography.call(void 0, "Bridge" /* Bridge */, {
+    main: "Manrope",
+    code: "Monaco"
+  }),
+  buttons: _deepmerge2.default.call(void 0, _chunk24SOCRDHcjs.buttonsThemeBase, {
+    defaultTypographyType: "Title",
+    defaultSize: "Medium",
+    defaultBorderRadius: 8,
+    defaultBorderWidth: 0,
+    defaultPaddingsY: {
+      ExtraSmall: 14,
+      Small: 14,
+      Schmedium: 14,
+      Medium: 14,
+      Mlarge: 14,
+      Large: 14
+    },
+    kinds: {
+      primary: {
+        defaultColor: "bg",
+        defaultBackgroundColor: "blue39",
+        defaultHoverBackgroundColor: "blue37"
+      },
+      ghost: {
+        defaultColor: "secondary",
+        defaultBackgroundColor: "transparent",
+        defaultBorderWidth: 0,
+        defaultHoverBackgroundColor: "transparent",
+        defaultHoverBorderColor: "transparent"
+      },
+      secondary: {
+        defaultBackgroundColor: "transparent",
+        defaultHoverBackgroundColor: "grayBlue94",
+        defaultBorderColor: "grayBlue80",
+        defaultBorderWidth: 1
+      }
+    }
+  }),
+  loading: _deepmerge2.default.call(void 0, _chunkYHDN5LEAcjs.loadingThemeBase, {
+    defaultIconName: "UmaBridgeLoading",
+    kinds: {
+      primary: {
+        defaultIconName: "UmaBridgeLoading"
+      },
+      secondary: {
+        defaultIconName: "UmaBridgeLoadingTransparent"
+      }
+    }
+  }),
+  badge: {
+    bg: "grayBlue94"
+  }
+};
+var bridgeLightTheme = extend(lightTheme, _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, bridgeBaseSettings), {
+  type: "bridgeLight" /* BridgeLight */,
+  bg: _chunkKSKKC6C2cjs.colors.gray98,
+  smBg: _chunkKSKKC6C2cjs.colors.gray98,
+  text: _chunkKSKKC6C2cjs.colors.grayBlue9,
+  secondary: _chunkKSKKC6C2cjs.colors.grayBlue43,
+  inputBackground: _chunkKSKKC6C2cjs.colors.white
+}));
+var bridgeDarkTheme = extend(darkTheme, _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, bridgeBaseSettings), {
+  type: "bridgeDark" /* BridgeDark */
+}));
+var themes = {
+  ["light" /* Light */]: lightTheme,
+  ["dark" /* Dark */]: darkTheme,
+  ["lightsparkDocsLight" /* LightsparkDocsLight */]: lightsparkDocsLightTheme,
+  ["lightsparkDocsDark" /* LightsparkDocsDark */]: lightsparkDocsDarkTheme,
+  ["umaAuthSdkLight" /* UmaAuthSdkLight */]: umaAuthSdkLightTheme,
+  ["umaAuthSdkDark" /* UmaAuthSdkDark */]: umaAuthSdkDarkTheme,
+  ["umameDocsLight" /* UmameDocsLight */]: umameDocsLightTheme,
+  ["umameDocsDark" /* UmameDocsDark */]: umameDocsDarkTheme,
+  ["bridgeLight" /* BridgeLight */]: bridgeLightTheme,
+  ["bridgeDark" /* BridgeDark */]: bridgeDarkTheme
+};
+function extend(obj, rest) {
+  return _chunkLKKJVJCGcjs.__spreadValues.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, obj), rest);
+}
+function extendBase(obj, rest) {
+  return _chunkLKKJVJCGcjs.__spreadValues.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, obj), rest);
+}
+function setFonts(theme, fontFamilies) {
+  return _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, theme), {
+    typography: _chunkTMTEVKSDcjs.getTypography.call(void 0, theme.typography.group, fontFamilies)
+  });
+}
+function isThemeColorKey(key) {
+  return Boolean(key && typeof key === "string" && key in baseThemeColors);
+}
+function isThemeOrColorKey(key) {
+  return Boolean(
+    typeof key === "string" && (isThemeColorKey(key) || _chunkKSKKC6C2cjs.isColorKey.call(void 0, key) || Array.isArray(key) && key.length === 2 && isThemeColorKey(key[1]))
+  );
+}
+function getColor(theme, key) {
+  if (key && isThemeColorKey(key)) {
+    return theme[key];
+  } else if (key && Array.isArray(key)) {
+    const [surface, colorKey] = key;
+    const surfaceTheme = theme[surface];
+    const color = surfaceTheme[colorKey];
+    return color;
+  } else if (key && _chunkKSKKC6C2cjs.isColorKey.call(void 0, key)) {
+    return _chunkKSKKC6C2cjs.colors[key];
+  }
+  return theme.text;
+}
+function getFontColor(theme, key, defaultColor = "inherit") {
+  if (key === "inherit" || !key && defaultColor === "inherit") {
+    return "inherit";
+  }
+  return getColor(theme, key);
+}
+function isBackgroundColorKey(key) {
+  return key === "transparent" || isThemeOrColorKey(key);
+}
+function isBackgroundColorKeyTuple(key) {
+  return Array.isArray(key) && key.length === 2 && isBackgroundColorKey(key[0]) && isBackgroundColorKey(key[1]);
+}
+function getBackgroundColor(theme, key, defaultColor = "transparent") {
+  if (isBackgroundColorKeyTuple(key)) {
+    key = isLight(theme) ? key[0] : key[1];
+  }
+  if (isBackgroundColorKeyTuple(defaultColor)) {
+    defaultColor = isLight(theme) ? defaultColor[0] : defaultColor[1];
+  }
+  if (key === "transparent") {
+    return "transparent";
+  } else if (!key) {
+    if (defaultColor === "transparent") {
+      return "transparent";
+    }
+    return getColor(theme, defaultColor);
+  }
+  return getColor(theme, key);
+}
+var isDark = (theme) => [
+  "dark" /* Dark */,
+  "bridgeDark" /* BridgeDark */,
+  "lightsparkDocsDark" /* LightsparkDocsDark */,
+  "umameDocsDark" /* UmameDocsDark */
+].includes(theme.type);
+var isLight = (theme) => [
+  "light" /* Light */,
+  "bridgeLight" /* BridgeLight */,
+  "lightsparkDocsLight" /* LightsparkDocsLight */,
+  "umameDocsLight" /* UmameDocsLight */
+].includes(theme.type);
+var themeOr = (lightValue, darkValue) => ({ theme }) => {
+  return isLight(theme) ? lightValue : darkValue;
+};
+function ifLight(style) {
+  return function({ theme }) {
+    if (theme.type === "light" /* Light */) {
+      return _react.css`
+        ${style}
+      `;
+    }
+    return "";
+  };
+}
+function ifDark(style) {
+  return function({ theme }) {
+    if (theme.type === "dark" /* Dark */) {
+      return _react.css`
+        ${style}
+      `;
+    }
+    return "";
+  };
+}
+function useThemeBg() {
+  const theme = _react.useTheme.call(void 0, );
+  const bp = _chunkKW3JYLRIcjs.useBreakpoints.call(void 0, );
+  const isSm = bp.current("sm" /* sm */);
+  if (isDark(theme)) {
+    return _chunkKSKKC6C2cjs.darkGradient;
+  }
+  return isSm ? theme.smBg : theme.bg;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.Themes = Themes; exports.themeOrColorKeyValues = themeOrColorKeyValues; exports.themes = themes; exports.setFonts = setFonts; exports.isThemeColorKey = isThemeColorKey; exports.isThemeOrColorKey = isThemeOrColorKey; exports.getColor = getColor; exports.getFontColor = getFontColor; exports.isBackgroundColorKey = isBackgroundColorKey; exports.isBackgroundColorKeyTuple = isBackgroundColorKeyTuple; exports.getBackgroundColor = getBackgroundColor; exports.isDark = isDark; exports.isLight = isLight; exports.themeOr = themeOr; exports.ifLight = ifLight; exports.ifDark = ifDark; exports.useThemeBg = useThemeBg;

package/dist/chunk-WW5RAKEC.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Dollar.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Dollar() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 10 13",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M7.90922 2.61607H5.00156M5.00156 2.61607H3.57422C2.26039 2.61607 1.19531 3.48552 1.19531 4.55804C1.19531 5.63055 2.26039 6.5 3.57422 6.5H5.00156M5.00156 2.61607V1.0625M5.00156 2.61607V6.5M5.00156 6.5H6.42891C7.74274 6.5 8.80781 7.36945 8.80781 8.44196C8.80781 9.51448 7.74274 10.3839 6.42891 10.3839H5.00156M5.00156 6.5V10.3839M5.00156 10.3839H1.61833M5.00156 10.3839V11.9375",
+          stroke: "currentColor",
+          strokeWidth: "1.125",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Dollar = Dollar;

package/dist/{chunk-FE477HOE.js → chunk-X5RKTU6O.js}

@@ -4,10 +4,10 @@ import {
 import {
   rootFontSizeRems,
   standardLineHeightEms
-} from "./chunk-YG5BANJH.js";
+} from "./chunk-APUV4UN4.js";
 import {
   useThemeBg
-} from "./chunk-UAUAYQ3C.js";
+} from "./chunk-W5I53DTZ.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/chunk-XB2OTOVK.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Roadmap.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Roadmap() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M4.66667 7.99996H11.3333M7.33333 11.3333H14M2 4.66663H8.66667",
+          stroke: "black",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Roadmap = Roadmap;

package/dist/chunk-XIFM5AMT.cjs

@@ -0,0 +1,49 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkAZRC3MXCcjs = require('./chunk-AZRC3MXC.cjs');
+
+
+var _chunkG5HBO2FIcjs = require('./chunk-G5HBO2FI.cjs');
+
+
+var _chunkZBBVZQKJcjs = require('./chunk-ZBBVZQKJ.cjs');
+
+// src/components/typography/LabelModerate.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var LabelModerate = ({
+  block = false,
+  children,
+  color,
+  content,
+  display,
+  hideOverflow = false,
+  id,
+  size = "Medium"
+}) => {
+  let reactNodes = children || null;
+  if (content) {
+    reactNodes = _chunkAZRC3MXCcjs.toNonTypographicReactNodes.call(void 0, content);
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    StyledLabelModerate,
+    {
+      block,
+      colorProp: color,
+      displayProp: display,
+      hideOverflow,
+      id,
+      size,
+      children: reactNodes
+    }
+  );
+};
+var StyledLabelModerate = _styled2.default.span`
+  ${({ theme, size, colorProp }) => _chunkZBBVZQKJcjs.applyTypography.call(void 0, theme, "Label Moderate", size, colorProp)}
+  ${_chunkG5HBO2FIcjs.typographyStyles}
+`;
+
+
+
+
+exports.LabelModerate = LabelModerate; exports.StyledLabelModerate = StyledLabelModerate;