@sero-ai/ui 0.3.0 → 0.3.2

package/dist/theme/apply-theme.cjs

@@ -0,0 +1,221 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }const COLOR_TOKEN_TO_CSS = {
+  bgBase: "--bg-base",
+  bgSurface: "--bg-surface",
+  bgElevated: "--bg-elevated",
+  bgOverlay: "--bg-overlay",
+  bgMuted: "--bg-muted",
+  borderSubtle: "--border-subtle",
+  borderDefault: "--border-default",
+  borderFocus: "--border-focus",
+  textPrimary: "--text-primary",
+  textSecondary: "--text-secondary",
+  textMuted: "--text-muted",
+  textInverse: "--text-inverse",
+  brandPrimary: "--brand-primary",
+  brandPrimaryHover: "--brand-primary-hover",
+  brandPrimaryForeground: "--brand-primary-foreground",
+  brandSecondary: "--brand-secondary",
+  brandSecondaryHover: "--brand-secondary-hover",
+  brandSecondaryForeground: "--brand-secondary-foreground",
+  accentPrimary: "--accent-primary",
+  accentHover: "--accent-hover",
+  accentMuted: "--accent-muted",
+  accentCode: "--accent-code",
+  statusSuccess: "--status-success",
+  statusWarning: "--status-warning",
+  statusError: "--status-error",
+  statusInfo: "--status-info",
+  collabPrimary: "--collab-primary",
+  voiceRecording: "--voice-recording",
+  voiceProcessing: "--voice-processing",
+  bannerPrimary: "--banner-primary"
+};
+const DERIVED_OPACITY_VARS = [
+  ["--brand-primary-muted", "brandPrimary", 10],
+  ["--brand-primary-subtle", "brandPrimary", 15],
+  ["--brand-primary-faint", "brandPrimary", 3],
+  ["--brand-primary-border", "brandPrimary", 20],
+  ["--brand-secondary-muted", "brandSecondary", 10],
+  ["--brand-secondary-subtle", "brandSecondary", 15],
+  ["--brand-secondary-faint", "brandSecondary", 3],
+  ["--brand-secondary-border", "brandSecondary", 20],
+  ["--status-success-muted", "statusSuccess", 10],
+  ["--status-success-subtle", "statusSuccess", 15],
+  ["--status-success-faint", "statusSuccess", 3],
+  ["--status-success-border", "statusSuccess", 20],
+  ["--status-warning-muted", "statusWarning", 10],
+  ["--status-warning-subtle", "statusWarning", 15],
+  ["--status-warning-faint", "statusWarning", 3],
+  ["--status-warning-border", "statusWarning", 20],
+  ["--status-error-muted", "statusError", 10],
+  ["--status-error-subtle", "statusError", 15],
+  ["--status-error-faint", "statusError", 3],
+  ["--status-error-border", "statusError", 20],
+  ["--status-info-muted", "statusInfo", 10],
+  ["--status-info-subtle", "statusInfo", 15],
+  ["--status-info-faint", "statusInfo", 3],
+  ["--status-info-border", "statusInfo", 20],
+  ["--collab-primary-muted", "collabPrimary", 10],
+  ["--collab-primary-subtle", "collabPrimary", 15],
+  ["--collab-primary-border", "collabPrimary", 20],
+  ["--voice-recording-muted", "voiceRecording", 20],
+  ["--voice-processing-muted", "voiceProcessing", 15],
+  ["--banner-primary-muted", "bannerPrimary", 10],
+  ["--banner-primary-subtle", "bannerPrimary", 15],
+  ["--banner-primary-border", "bannerPrimary", 20]
+];
+function tint(color, percentage) {
+  return `color-mix(in srgb, ${color} ${percentage}%, transparent)`;
+}
+function applyThemePreset(preset, mode, options = {}) {
+  const root = document.documentElement;
+  const colors = mode === "dark" ? preset.colors.dark : preset.colors.light;
+  for (const [key, cssVar] of Object.entries(COLOR_TOKEN_TO_CSS)) {
+    const value = colors[key];
+    if (value) root.style.setProperty(cssVar, value);
+  }
+  for (const [cssVar, baseKey, percentage] of DERIVED_OPACITY_VARS) {
+    const baseColor = colors[baseKey];
+    if (baseColor) root.style.setProperty(cssVar, tint(baseColor, percentage));
+  }
+  if (_optionalChain([preset, 'access', _ => _.typography, 'optionalAccess', _2 => _2.fontSans])) {
+    _optionalChain([options, 'access', _3 => _3.loadFont, 'optionalCall', _4 => _4(preset.typography.fontSans)]);
+    root.style.setProperty("--font-sans", preset.typography.fontSans);
+  }
+  if (_optionalChain([preset, 'access', _5 => _5.typography, 'optionalAccess', _6 => _6.fontMono])) {
+    _optionalChain([options, 'access', _7 => _7.loadFont, 'optionalCall', _8 => _8(preset.typography.fontMono)]);
+    root.style.setProperty("--font-mono", preset.typography.fontMono);
+  }
+  if (_optionalChain([preset, 'access', _9 => _9.typography, 'optionalAccess', _10 => _10.fontSizeBase])) {
+    root.style.setProperty("--font-size-base", preset.typography.fontSizeBase);
+  }
+  if (_optionalChain([preset, 'access', _11 => _11.spacing, 'optionalAccess', _12 => _12.md])) {
+    const mdPx = parseFloat(preset.spacing.md);
+    if (Number.isFinite(mdPx) && mdPx > 0) {
+      root.style.setProperty("--spacing", `${(mdPx / 3).toFixed(3)}px`);
+    }
+  }
+  if (_optionalChain([preset, 'access', _13 => _13.radius, 'optionalAccess', _14 => _14.md])) {
+    root.style.setProperty("--radius", preset.radius.md);
+  }
+  root.classList.toggle("dark", mode === "dark");
+}
+const ALL_MANAGED_VARS = [
+  ...Object.values(COLOR_TOKEN_TO_CSS),
+  ...DERIVED_OPACITY_VARS.map(([v]) => v),
+  "--font-sans",
+  "--font-mono",
+  "--font-size-base",
+  "--spacing",
+  "--radius"
+];
+function resetTheme() {
+  const root = document.documentElement;
+  for (const cssVar of ALL_MANAGED_VARS) {
+    root.style.removeProperty(cssVar);
+  }
+}
+const LEGACY_REQUIRED_COLOR_KEYS = [
+  "bgBase",
+  "bgSurface",
+  "bgElevated",
+  "bgOverlay",
+  "bgMuted",
+  "borderSubtle",
+  "borderDefault",
+  "borderFocus",
+  "textPrimary",
+  "textSecondary",
+  "textMuted",
+  "textInverse",
+  "accentPrimary",
+  "accentHover",
+  "accentMuted",
+  "accentCode",
+  "statusSuccess",
+  "statusWarning",
+  "statusError",
+  "statusInfo",
+  "collabPrimary",
+  "voiceRecording",
+  "voiceProcessing",
+  "bannerPrimary"
+];
+function isColorValue(v) {
+  if (typeof v !== "string") return false;
+  return /^(#[0-9a-fA-F]{3,8}|rgba?\(|oklch\(|hsla?\(|color-mix\()/.test(v.trim());
+}
+function optionalColor(o, key) {
+  const value = o[key];
+  return isColorValue(value) ? value : void 0;
+}
+function normaliseColorTokens(obj) {
+  if (!obj || typeof obj !== "object") return null;
+  const o = obj;
+  if (!LEGACY_REQUIRED_COLOR_KEYS.every((k) => isColorValue(o[k]))) return null;
+  const legacy = o;
+  return {
+    ...legacy,
+    brandPrimary: _nullishCoalesce(optionalColor(o, "brandPrimary"), () => ( legacy.statusSuccess)),
+    brandPrimaryHover: _nullishCoalesce(optionalColor(o, "brandPrimaryHover"), () => ( legacy.statusSuccess)),
+    brandPrimaryForeground: _nullishCoalesce(optionalColor(o, "brandPrimaryForeground"), () => ( legacy.textInverse)),
+    brandSecondary: _nullishCoalesce(optionalColor(o, "brandSecondary"), () => ( legacy.accentCode)),
+    brandSecondaryHover: _nullishCoalesce(optionalColor(o, "brandSecondaryHover"), () => ( legacy.accentHover)),
+    brandSecondaryForeground: _nullishCoalesce(optionalColor(o, "brandSecondaryForeground"), () => ( legacy.textInverse))
+  };
+}
+function sanitiseTypography(raw) {
+  if (!raw || typeof raw !== "object") return void 0;
+  const o = raw;
+  const result = {};
+  for (const key of ["fontSans", "fontMono", "fontSizeBase"]) {
+    if (typeof o[key] === "string") result[key] = o[key];
+  }
+  return Object.keys(result).length > 0 ? result : void 0;
+}
+function sanitiseSpacing(raw) {
+  if (!raw || typeof raw !== "object") return void 0;
+  const o = raw;
+  const result = {};
+  for (const key of ["xs", "sm", "md", "lg", "xl"]) {
+    if (typeof o[key] === "string") result[key] = o[key];
+  }
+  return Object.keys(result).length > 0 ? result : void 0;
+}
+function sanitiseRadius(raw) {
+  if (!raw || typeof raw !== "object") return void 0;
+  const o = raw;
+  const result = {};
+  for (const key of ["sm", "md", "lg"]) {
+    if (typeof o[key] === "string") result[key] = o[key];
+  }
+  return Object.keys(result).length > 0 ? result : void 0;
+}
+function validateThemePreset(data) {
+  if (!data || typeof data !== "object") return null;
+  const d = data;
+  if (typeof d.id !== "string" || !d.id) return null;
+  if (typeof d.name !== "string" || !d.name) return null;
+  if (d.version !== 1) return null;
+  const colors = d.colors;
+  const light = normaliseColorTokens(_optionalChain([colors, 'optionalAccess', _15 => _15.light]));
+  const dark = normaliseColorTokens(_optionalChain([colors, 'optionalAccess', _16 => _16.dark]));
+  if (!light || !dark) return null;
+  return {
+    id: d.id,
+    name: d.name,
+    description: typeof d.description === "string" ? d.description : void 0,
+    author: typeof d.author === "string" ? d.author : void 0,
+    version: 1,
+    builtin: d.builtin === true,
+    colors: { light, dark },
+    typography: sanitiseTypography(d.typography),
+    spacing: sanitiseSpacing(d.spacing),
+    radius: sanitiseRadius(d.radius)
+  };
+}
+
+
+
+
+exports.applyThemePreset = applyThemePreset; exports.resetTheme = resetTheme; exports.validateThemePreset = validateThemePreset;

package/dist/theme/apply-theme.d.cts

@@ -0,0 +1,13 @@
+import { ThemePreset } from './types.cjs';
+
+interface ApplyThemeOptions {
+    loadFont?: (fontStack: string) => void;
+}
+/** Apply a theme preset for the given mode. */
+declare function applyThemePreset(preset: ThemePreset, mode: 'light' | 'dark', options?: ApplyThemeOptions): void;
+/** Remove all inline theme overrides, reverting to CSS defaults. */
+declare function resetTheme(): void;
+/** Validate and normalise an unknown value into a ThemePreset. */
+declare function validateThemePreset(data: unknown): ThemePreset | null;
+
+export { type ApplyThemeOptions, applyThemePreset, resetTheme, validateThemePreset };

package/dist/theme/apply-theme.d.ts

@@ -0,0 +1,13 @@
+import { ThemePreset } from './types.js';
+
+interface ApplyThemeOptions {
+    loadFont?: (fontStack: string) => void;
+}
+/** Apply a theme preset for the given mode. */
+declare function applyThemePreset(preset: ThemePreset, mode: 'light' | 'dark', options?: ApplyThemeOptions): void;
+/** Remove all inline theme overrides, reverting to CSS defaults. */
+declare function resetTheme(): void;
+/** Validate and normalise an unknown value into a ThemePreset. */
+declare function validateThemePreset(data: unknown): ThemePreset | null;
+
+export { type ApplyThemeOptions, applyThemePreset, resetTheme, validateThemePreset };

package/dist/theme/apply-theme.js

@@ -0,0 +1,221 @@
+const COLOR_TOKEN_TO_CSS = {
+  bgBase: "--bg-base",
+  bgSurface: "--bg-surface",
+  bgElevated: "--bg-elevated",
+  bgOverlay: "--bg-overlay",
+  bgMuted: "--bg-muted",
+  borderSubtle: "--border-subtle",
+  borderDefault: "--border-default",
+  borderFocus: "--border-focus",
+  textPrimary: "--text-primary",
+  textSecondary: "--text-secondary",
+  textMuted: "--text-muted",
+  textInverse: "--text-inverse",
+  brandPrimary: "--brand-primary",
+  brandPrimaryHover: "--brand-primary-hover",
+  brandPrimaryForeground: "--brand-primary-foreground",
+  brandSecondary: "--brand-secondary",
+  brandSecondaryHover: "--brand-secondary-hover",
+  brandSecondaryForeground: "--brand-secondary-foreground",
+  accentPrimary: "--accent-primary",
+  accentHover: "--accent-hover",
+  accentMuted: "--accent-muted",
+  accentCode: "--accent-code",
+  statusSuccess: "--status-success",
+  statusWarning: "--status-warning",
+  statusError: "--status-error",
+  statusInfo: "--status-info",
+  collabPrimary: "--collab-primary",
+  voiceRecording: "--voice-recording",
+  voiceProcessing: "--voice-processing",
+  bannerPrimary: "--banner-primary"
+};
+const DERIVED_OPACITY_VARS = [
+  ["--brand-primary-muted", "brandPrimary", 10],
+  ["--brand-primary-subtle", "brandPrimary", 15],
+  ["--brand-primary-faint", "brandPrimary", 3],
+  ["--brand-primary-border", "brandPrimary", 20],
+  ["--brand-secondary-muted", "brandSecondary", 10],
+  ["--brand-secondary-subtle", "brandSecondary", 15],
+  ["--brand-secondary-faint", "brandSecondary", 3],
+  ["--brand-secondary-border", "brandSecondary", 20],
+  ["--status-success-muted", "statusSuccess", 10],
+  ["--status-success-subtle", "statusSuccess", 15],
+  ["--status-success-faint", "statusSuccess", 3],
+  ["--status-success-border", "statusSuccess", 20],
+  ["--status-warning-muted", "statusWarning", 10],
+  ["--status-warning-subtle", "statusWarning", 15],
+  ["--status-warning-faint", "statusWarning", 3],
+  ["--status-warning-border", "statusWarning", 20],
+  ["--status-error-muted", "statusError", 10],
+  ["--status-error-subtle", "statusError", 15],
+  ["--status-error-faint", "statusError", 3],
+  ["--status-error-border", "statusError", 20],
+  ["--status-info-muted", "statusInfo", 10],
+  ["--status-info-subtle", "statusInfo", 15],
+  ["--status-info-faint", "statusInfo", 3],
+  ["--status-info-border", "statusInfo", 20],
+  ["--collab-primary-muted", "collabPrimary", 10],
+  ["--collab-primary-subtle", "collabPrimary", 15],
+  ["--collab-primary-border", "collabPrimary", 20],
+  ["--voice-recording-muted", "voiceRecording", 20],
+  ["--voice-processing-muted", "voiceProcessing", 15],
+  ["--banner-primary-muted", "bannerPrimary", 10],
+  ["--banner-primary-subtle", "bannerPrimary", 15],
+  ["--banner-primary-border", "bannerPrimary", 20]
+];
+function tint(color, percentage) {
+  return `color-mix(in srgb, ${color} ${percentage}%, transparent)`;
+}
+function applyThemePreset(preset, mode, options = {}) {
+  const root = document.documentElement;
+  const colors = mode === "dark" ? preset.colors.dark : preset.colors.light;
+  for (const [key, cssVar] of Object.entries(COLOR_TOKEN_TO_CSS)) {
+    const value = colors[key];
+    if (value) root.style.setProperty(cssVar, value);
+  }
+  for (const [cssVar, baseKey, percentage] of DERIVED_OPACITY_VARS) {
+    const baseColor = colors[baseKey];
+    if (baseColor) root.style.setProperty(cssVar, tint(baseColor, percentage));
+  }
+  if (preset.typography?.fontSans) {
+    options.loadFont?.(preset.typography.fontSans);
+    root.style.setProperty("--font-sans", preset.typography.fontSans);
+  }
+  if (preset.typography?.fontMono) {
+    options.loadFont?.(preset.typography.fontMono);
+    root.style.setProperty("--font-mono", preset.typography.fontMono);
+  }
+  if (preset.typography?.fontSizeBase) {
+    root.style.setProperty("--font-size-base", preset.typography.fontSizeBase);
+  }
+  if (preset.spacing?.md) {
+    const mdPx = parseFloat(preset.spacing.md);
+    if (Number.isFinite(mdPx) && mdPx > 0) {
+      root.style.setProperty("--spacing", `${(mdPx / 3).toFixed(3)}px`);
+    }
+  }
+  if (preset.radius?.md) {
+    root.style.setProperty("--radius", preset.radius.md);
+  }
+  root.classList.toggle("dark", mode === "dark");
+}
+const ALL_MANAGED_VARS = [
+  ...Object.values(COLOR_TOKEN_TO_CSS),
+  ...DERIVED_OPACITY_VARS.map(([v]) => v),
+  "--font-sans",
+  "--font-mono",
+  "--font-size-base",
+  "--spacing",
+  "--radius"
+];
+function resetTheme() {
+  const root = document.documentElement;
+  for (const cssVar of ALL_MANAGED_VARS) {
+    root.style.removeProperty(cssVar);
+  }
+}
+const LEGACY_REQUIRED_COLOR_KEYS = [
+  "bgBase",
+  "bgSurface",
+  "bgElevated",
+  "bgOverlay",
+  "bgMuted",
+  "borderSubtle",
+  "borderDefault",
+  "borderFocus",
+  "textPrimary",
+  "textSecondary",
+  "textMuted",
+  "textInverse",
+  "accentPrimary",
+  "accentHover",
+  "accentMuted",
+  "accentCode",
+  "statusSuccess",
+  "statusWarning",
+  "statusError",
+  "statusInfo",
+  "collabPrimary",
+  "voiceRecording",
+  "voiceProcessing",
+  "bannerPrimary"
+];
+function isColorValue(v) {
+  if (typeof v !== "string") return false;
+  return /^(#[0-9a-fA-F]{3,8}|rgba?\(|oklch\(|hsla?\(|color-mix\()/.test(v.trim());
+}
+function optionalColor(o, key) {
+  const value = o[key];
+  return isColorValue(value) ? value : void 0;
+}
+function normaliseColorTokens(obj) {
+  if (!obj || typeof obj !== "object") return null;
+  const o = obj;
+  if (!LEGACY_REQUIRED_COLOR_KEYS.every((k) => isColorValue(o[k]))) return null;
+  const legacy = o;
+  return {
+    ...legacy,
+    brandPrimary: optionalColor(o, "brandPrimary") ?? legacy.statusSuccess,
+    brandPrimaryHover: optionalColor(o, "brandPrimaryHover") ?? legacy.statusSuccess,
+    brandPrimaryForeground: optionalColor(o, "brandPrimaryForeground") ?? legacy.textInverse,
+    brandSecondary: optionalColor(o, "brandSecondary") ?? legacy.accentCode,
+    brandSecondaryHover: optionalColor(o, "brandSecondaryHover") ?? legacy.accentHover,
+    brandSecondaryForeground: optionalColor(o, "brandSecondaryForeground") ?? legacy.textInverse
+  };
+}
+function sanitiseTypography(raw) {
+  if (!raw || typeof raw !== "object") return void 0;
+  const o = raw;
+  const result = {};
+  for (const key of ["fontSans", "fontMono", "fontSizeBase"]) {
+    if (typeof o[key] === "string") result[key] = o[key];
+  }
+  return Object.keys(result).length > 0 ? result : void 0;
+}
+function sanitiseSpacing(raw) {
+  if (!raw || typeof raw !== "object") return void 0;
+  const o = raw;
+  const result = {};
+  for (const key of ["xs", "sm", "md", "lg", "xl"]) {
+    if (typeof o[key] === "string") result[key] = o[key];
+  }
+  return Object.keys(result).length > 0 ? result : void 0;
+}
+function sanitiseRadius(raw) {
+  if (!raw || typeof raw !== "object") return void 0;
+  const o = raw;
+  const result = {};
+  for (const key of ["sm", "md", "lg"]) {
+    if (typeof o[key] === "string") result[key] = o[key];
+  }
+  return Object.keys(result).length > 0 ? result : void 0;
+}
+function validateThemePreset(data) {
+  if (!data || typeof data !== "object") return null;
+  const d = data;
+  if (typeof d.id !== "string" || !d.id) return null;
+  if (typeof d.name !== "string" || !d.name) return null;
+  if (d.version !== 1) return null;
+  const colors = d.colors;
+  const light = normaliseColorTokens(colors?.light);
+  const dark = normaliseColorTokens(colors?.dark);
+  if (!light || !dark) return null;
+  return {
+    id: d.id,
+    name: d.name,
+    description: typeof d.description === "string" ? d.description : void 0,
+    author: typeof d.author === "string" ? d.author : void 0,
+    version: 1,
+    builtin: d.builtin === true,
+    colors: { light, dark },
+    typography: sanitiseTypography(d.typography),
+    spacing: sanitiseSpacing(d.spacing),
+    radius: sanitiseRadius(d.radius)
+  };
+}
+export {
+  applyThemePreset,
+  resetTheme,
+  validateThemePreset
+};

package/dist/theme/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _createStarExport(obj) { Object.keys(obj) .filter((key) => key !== "default" && key !== "__esModule") .forEach((key) => { if (exports.hasOwnProperty(key)) { return; } Object.defineProperty(exports, key, {enumerable: true, configurable: true, get: () => obj[key]}); }); }var _types = require('./types'); _createStarExport(_types);
+var _applytheme = require('./apply-theme'); _createStarExport(_applytheme);

package/dist/theme/index.d.cts

@@ -0,0 +1,2 @@
+export { ColorTokens, DEFAULT_DARK_COLORS, DEFAULT_LIGHT_COLORS, DEFAULT_RADIUS, DEFAULT_SPACING, DEFAULT_THEME_ID, DEFAULT_TYPOGRAPHY, RadiusTokens, SpacingTokens, TerminalColorTokens, ThemeMode, ThemePreset, ThemePresetMeta, TypographyTokens } from './types.cjs';
+export { ApplyThemeOptions, applyThemePreset, resetTheme, validateThemePreset } from './apply-theme.cjs';

package/dist/theme/index.d.ts

@@ -0,0 +1,2 @@
+export { ColorTokens, DEFAULT_DARK_COLORS, DEFAULT_LIGHT_COLORS, DEFAULT_RADIUS, DEFAULT_SPACING, DEFAULT_THEME_ID, DEFAULT_TYPOGRAPHY, RadiusTokens, SpacingTokens, TerminalColorTokens, ThemeMode, ThemePreset, ThemePresetMeta, TypographyTokens } from './types.js';
+export { ApplyThemeOptions, applyThemePreset, resetTheme, validateThemePreset } from './apply-theme.js';

package/dist/theme/index.js

@@ -0,0 +1,2 @@
+export * from "./types";
+export * from "./apply-theme";

package/dist/theme/types.cjs

@@ -0,0 +1,90 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});const DEFAULT_THEME_ID = "default";
+const DEFAULT_LIGHT_COLORS = {
+  bgBase: "#ffffff",
+  bgSurface: "#f4f5f7",
+  bgElevated: "#eaecf0",
+  bgOverlay: "#dde0e6",
+  bgMuted: "#c8ccd4",
+  borderSubtle: "#d4d8e0",
+  borderDefault: "#bcc1cc",
+  borderFocus: "#059669",
+  textPrimary: "#0f1117",
+  textSecondary: "#3b4252",
+  textMuted: "#6b7280",
+  textInverse: "#fafafa",
+  brandPrimary: "#059669",
+  brandPrimaryHover: "#047857",
+  brandPrimaryForeground: "#ffffff",
+  brandSecondary: "#7c3aed",
+  brandSecondaryHover: "#6d28d9",
+  brandSecondaryForeground: "#ffffff",
+  accentPrimary: "#7c3aed",
+  accentHover: "#6d28d9",
+  accentMuted: "#7c3aed1a",
+  accentCode: "#7c3aed",
+  statusSuccess: "#16a34a",
+  statusWarning: "#d97706",
+  statusError: "#dc2626",
+  statusInfo: "#2563eb",
+  collabPrimary: "#7c3aed",
+  voiceRecording: "#f43f5e",
+  voiceProcessing: "#06b6d4",
+  bannerPrimary: "#7c3aed"
+};
+const DEFAULT_TYPOGRAPHY = {
+  fontSans: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
+  fontMono: "'JetBrains Mono', 'SF Mono', 'Fira Code', 'Cascadia Code', Menlo, monospace",
+  fontSizeBase: "14px"
+};
+const DEFAULT_SPACING = {
+  xs: "4px",
+  sm: "8px",
+  md: "12px",
+  lg: "16px",
+  xl: "32px"
+};
+const DEFAULT_RADIUS = {
+  sm: "4px",
+  md: "8px",
+  lg: "12px"
+};
+const DEFAULT_DARK_COLORS = {
+  bgBase: "#0a0a0b",
+  bgSurface: "#111113",
+  bgElevated: "#18181b",
+  bgOverlay: "#1f1f23",
+  bgMuted: "#27272a",
+  borderSubtle: "#27272a",
+  borderDefault: "#3f3f46",
+  borderFocus: "#34d399",
+  textPrimary: "#fafafa",
+  textSecondary: "#a1a1aa",
+  textMuted: "#71717a",
+  textInverse: "#09090b",
+  brandPrimary: "#34d399",
+  brandPrimaryHover: "#6ee7b7",
+  brandPrimaryForeground: "#052e1c",
+  brandSecondary: "#c4b5fd",
+  brandSecondaryHover: "#ddd6fe",
+  brandSecondaryForeground: "#1e1038",
+  accentPrimary: "#c4b5fd",
+  accentHover: "#ddd6fe",
+  accentMuted: "#c4b5fd33",
+  accentCode: "#c4b5fd",
+  statusSuccess: "#22c55e",
+  statusWarning: "#f59e0b",
+  statusError: "#ef4444",
+  statusInfo: "#3b82f6",
+  collabPrimary: "#a78bfa",
+  voiceRecording: "#fb7185",
+  voiceProcessing: "#22d3ee",
+  bannerPrimary: "#c4b5fd"
+};
+
+
+
+
+
+
+
+exports.DEFAULT_DARK_COLORS = DEFAULT_DARK_COLORS; exports.DEFAULT_LIGHT_COLORS = DEFAULT_LIGHT_COLORS; exports.DEFAULT_RADIUS = DEFAULT_RADIUS; exports.DEFAULT_SPACING = DEFAULT_SPACING; exports.DEFAULT_THEME_ID = DEFAULT_THEME_ID; exports.DEFAULT_TYPOGRAPHY = DEFAULT_TYPOGRAPHY;