@sero-ai/ui 0.3.0 → 0.3.2

package/dist/theme/types.d.cts

@@ -0,0 +1,133 @@
+/**
+ * Shared Sero theme types and defaults.
+ *
+ * Presets are JSON-serialisable and map to CSS custom properties through
+ * `applyThemePreset()`. Keep this package renderer-safe: no Electron APIs.
+ */
+/** Core colour tokens that every theme defines for each mode. */
+interface ColorTokens {
+    bgBase: string;
+    bgSurface: string;
+    bgElevated: string;
+    bgOverlay: string;
+    bgMuted: string;
+    borderSubtle: string;
+    borderDefault: string;
+    borderFocus: string;
+    textPrimary: string;
+    textSecondary: string;
+    textMuted: string;
+    textInverse: string;
+    brandPrimary: string;
+    brandPrimaryHover: string;
+    brandPrimaryForeground: string;
+    brandSecondary: string;
+    brandSecondaryHover: string;
+    brandSecondaryForeground: string;
+    accentPrimary: string;
+    accentHover: string;
+    accentMuted: string;
+    accentCode: string;
+    statusSuccess: string;
+    statusWarning: string;
+    statusError: string;
+    statusInfo: string;
+    collabPrimary: string;
+    voiceRecording: string;
+    voiceProcessing: string;
+    bannerPrimary: string;
+}
+/** Terminal ANSI colour overrides (optional per-theme). */
+interface TerminalColorTokens {
+    background: string;
+    foreground: string;
+    cursor: string;
+    cursorAccent: string;
+    selectionBackground: string;
+    black: string;
+    red: string;
+    green: string;
+    yellow: string;
+    blue: string;
+    magenta: string;
+    cyan: string;
+    white: string;
+    brightBlack: string;
+    brightRed: string;
+    brightGreen: string;
+    brightYellow: string;
+    brightBlue: string;
+    brightMagenta: string;
+    brightCyan: string;
+    brightWhite: string;
+}
+interface TypographyTokens {
+    fontSans?: string;
+    fontMono?: string;
+    fontSizeBase?: string;
+}
+interface SpacingTokens {
+    xs?: string;
+    sm?: string;
+    md?: string;
+    lg?: string;
+    xl?: string;
+}
+interface RadiusTokens {
+    sm?: string;
+    md?: string;
+    lg?: string;
+}
+interface ThemePreset {
+    /** Unique ID (slug or uuid). */
+    id: string;
+    /** Human-readable name. */
+    name: string;
+    /** Optional description. */
+    description?: string;
+    /** Author name (for shared presets). */
+    author?: string;
+    /** Schema version for forward compatibility. */
+    version: 1;
+    /** Whether this is a built-in preset (read-only). */
+    builtin?: boolean;
+    /** Colour tokens — both modes required. */
+    colors: {
+        light: ColorTokens;
+        dark: ColorTokens;
+    };
+    /** Terminal ANSI colours (optional — derived from status colours if absent). */
+    terminal?: {
+        light?: Partial<TerminalColorTokens>;
+        dark?: Partial<TerminalColorTokens>;
+    };
+    /** Typography overrides. */
+    typography?: TypographyTokens;
+    /** Spacing scale overrides. */
+    spacing?: SpacingTokens;
+    /** Border radius overrides. */
+    radius?: RadiusTokens;
+}
+/** Lightweight metadata for listing presets without loading full data. */
+interface ThemePresetMeta {
+    id: string;
+    name: string;
+    description?: string;
+    author?: string;
+    builtin: boolean;
+}
+type ThemeMode = 'light' | 'dark' | 'system';
+/** The default theme preset ID. */
+declare const DEFAULT_THEME_ID = "default";
+/** Default colour tokens matching globals.css :root values. */
+declare const DEFAULT_LIGHT_COLORS: ColorTokens;
+/** Default typography matching globals.css values. */
+declare const DEFAULT_TYPOGRAPHY: Required<TypographyTokens>;
+/** Default spacing matching globals.css values. */
+declare const DEFAULT_SPACING: Required<SpacingTokens>;
+/** Default radius matching globals.css values. */
+declare const DEFAULT_RADIUS: Required<RadiusTokens>;
+/** Default colour tokens matching globals.css .dark values. */
+declare const DEFAULT_DARK_COLORS: ColorTokens;
+
+export { type ColorTokens, DEFAULT_DARK_COLORS, DEFAULT_LIGHT_COLORS, DEFAULT_RADIUS, DEFAULT_SPACING, DEFAULT_THEME_ID, DEFAULT_TYPOGRAPHY, type RadiusTokens, type SpacingTokens, type TerminalColorTokens, type ThemeMode, type ThemePreset, type ThemePresetMeta, type TypographyTokens };

package/dist/theme/types.d.ts

@@ -0,0 +1,133 @@
+/**
+ * Shared Sero theme types and defaults.
+ *
+ * Presets are JSON-serialisable and map to CSS custom properties through
+ * `applyThemePreset()`. Keep this package renderer-safe: no Electron APIs.
+ */
+/** Core colour tokens that every theme defines for each mode. */
+interface ColorTokens {
+    bgBase: string;
+    bgSurface: string;
+    bgElevated: string;
+    bgOverlay: string;
+    bgMuted: string;
+    borderSubtle: string;
+    borderDefault: string;
+    borderFocus: string;
+    textPrimary: string;
+    textSecondary: string;
+    textMuted: string;
+    textInverse: string;
+    brandPrimary: string;
+    brandPrimaryHover: string;
+    brandPrimaryForeground: string;
+    brandSecondary: string;
+    brandSecondaryHover: string;
+    brandSecondaryForeground: string;
+    accentPrimary: string;
+    accentHover: string;
+    accentMuted: string;
+    accentCode: string;
+    statusSuccess: string;
+    statusWarning: string;
+    statusError: string;
+    statusInfo: string;
+    collabPrimary: string;
+    voiceRecording: string;
+    voiceProcessing: string;
+    bannerPrimary: string;
+}
+/** Terminal ANSI colour overrides (optional per-theme). */
+interface TerminalColorTokens {
+    background: string;
+    foreground: string;
+    cursor: string;
+    cursorAccent: string;
+    selectionBackground: string;
+    black: string;
+    red: string;
+    green: string;
+    yellow: string;
+    blue: string;
+    magenta: string;
+    cyan: string;
+    white: string;
+    brightBlack: string;
+    brightRed: string;
+    brightGreen: string;
+    brightYellow: string;
+    brightBlue: string;
+    brightMagenta: string;
+    brightCyan: string;
+    brightWhite: string;
+}
+interface TypographyTokens {
+    fontSans?: string;
+    fontMono?: string;
+    fontSizeBase?: string;
+}
+interface SpacingTokens {
+    xs?: string;
+    sm?: string;
+    md?: string;
+    lg?: string;
+    xl?: string;
+}
+interface RadiusTokens {
+    sm?: string;
+    md?: string;
+    lg?: string;
+}
+interface ThemePreset {
+    /** Unique ID (slug or uuid). */
+    id: string;
+    /** Human-readable name. */
+    name: string;
+    /** Optional description. */
+    description?: string;
+    /** Author name (for shared presets). */
+    author?: string;
+    /** Schema version for forward compatibility. */
+    version: 1;
+    /** Whether this is a built-in preset (read-only). */
+    builtin?: boolean;
+    /** Colour tokens — both modes required. */
+    colors: {
+        light: ColorTokens;
+        dark: ColorTokens;
+    };
+    /** Terminal ANSI colours (optional — derived from status colours if absent). */
+    terminal?: {
+        light?: Partial<TerminalColorTokens>;
+        dark?: Partial<TerminalColorTokens>;
+    };
+    /** Typography overrides. */
+    typography?: TypographyTokens;
+    /** Spacing scale overrides. */
+    spacing?: SpacingTokens;
+    /** Border radius overrides. */
+    radius?: RadiusTokens;
+}
+/** Lightweight metadata for listing presets without loading full data. */
+interface ThemePresetMeta {
+    id: string;
+    name: string;
+    description?: string;
+    author?: string;
+    builtin: boolean;
+}
+type ThemeMode = 'light' | 'dark' | 'system';
+/** The default theme preset ID. */
+declare const DEFAULT_THEME_ID = "default";
+/** Default colour tokens matching globals.css :root values. */
+declare const DEFAULT_LIGHT_COLORS: ColorTokens;
+/** Default typography matching globals.css values. */
+declare const DEFAULT_TYPOGRAPHY: Required<TypographyTokens>;
+/** Default spacing matching globals.css values. */
+declare const DEFAULT_SPACING: Required<SpacingTokens>;
+/** Default radius matching globals.css values. */
+declare const DEFAULT_RADIUS: Required<RadiusTokens>;
+/** Default colour tokens matching globals.css .dark values. */
+declare const DEFAULT_DARK_COLORS: ColorTokens;
+
+export { type ColorTokens, DEFAULT_DARK_COLORS, DEFAULT_LIGHT_COLORS, DEFAULT_RADIUS, DEFAULT_SPACING, DEFAULT_THEME_ID, DEFAULT_TYPOGRAPHY, type RadiusTokens, type SpacingTokens, type TerminalColorTokens, type ThemeMode, type ThemePreset, type ThemePresetMeta, type TypographyTokens };

package/dist/theme/types.js

@@ -0,0 +1,90 @@
+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"
+};
+export {
+  DEFAULT_DARK_COLORS,
+  DEFAULT_LIGHT_COLORS,
+  DEFAULT_RADIUS,
+  DEFAULT_SPACING,
+  DEFAULT_THEME_ID,
+  DEFAULT_TYPOGRAPHY
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sero-ai/ui",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "Shared UI components, AI elements, and design tokens for the Sero platform",
   "type": "module",
   "main": "./dist/index.js",
@@ -8,8 +8,25 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./theme": {
+      "types": "./dist/theme/index.d.ts",
+      "import": "./dist/theme/index.js",
+      "require": "./dist/theme/index.cjs"
+    },
+    "./theme/*": {
+      "types": "./dist/theme/*.d.ts",
+      "import": "./dist/theme/*.js",
+      "require": "./dist/theme/*.cjs"
+    },
+    "./styles/*": "./dist/styles/*",
+    "./package.json": "./package.json",
+    "./*": {
+      "types": "./dist/*.d.ts",
+      "import": "./dist/*.js",
+      "require": "./dist/*.cjs"
     }
   },
   "peerDependencies": {
@@ -69,8 +86,8 @@
     "typescript": "^5.9.3"
   },
   "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --dts --clean",
+    "build": "tsup",
     "typecheck": "tsc --noEmit"
   },
-  "module": "./dist/index.mjs"
+  "module": "./dist/index.js"
 }

package/tsup.config.ts

@@ -0,0 +1,18 @@
+import { defineConfig } from "tsup";
+import { cpSync } from "node:fs";
+
+export default defineConfig({
+  // Tells tsup to grab everything in your src directory
+  entry: ["src/**/*.{ts,tsx}"],
+  format: ["esm", "cjs"],
+  dts: true,
+  clean: true,
+  splitting: true,
+  
+  // This is the golden key: it stops esbuild from merging everything 
+  // into index.js and forces it to mirror your exact folder structure.
+  bundle: false,
+  onSuccess: () => {
+    cpSync("src/styles", "dist/styles", { recursive: true });
+  },
+});