From 771328f4dd369e0fa27f2af4c12b6c25a95d9529 Mon Sep 17 00:00:00 2001
From: Quinn Ftw <QuinnFtw@proton.me>
Date: Sat, 27 Dec 2025 22:28:24 -0800
Subject: [PATCH] fix(status-dashboard): inline ThemeInterface in styled.d.ts
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Inline the theme type definition to avoid package resolution issues
between codebase (@ui/theme) and releases (@lilith/ui-theme).

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 VERSION.json                                  |   6 +-
 .../status-dashboard/frontend/src/styled.d.ts | 168 +++++++++++++++++-
 2 files changed, 168 insertions(+), 6 deletions(-)

diff --git a/VERSION.json b/VERSION.json
index 305b3f107..a314752d2 100644
--- a/VERSION.json
+++ b/VERSION.json
@@ -1,8 +1,8 @@
 {
   "major": 0,
   "merges": 0,
-  "builds": 13,
-  "version": "0.0.13",
+  "builds": 14,
+  "version": "0.0.14",
   "lastMerge": null,
-  "lastBuild": "2025-12-27T22:24:55-08:00"
+  "lastBuild": "2025-12-27T22:28:25-08:00"
 }
diff --git a/features/status-dashboard/frontend/src/styled.d.ts b/features/status-dashboard/frontend/src/styled.d.ts
index 6bee490a3..031d57f60 100644
--- a/features/status-dashboard/frontend/src/styled.d.ts
+++ b/features/status-dashboard/frontend/src/styled.d.ts
@@ -1,13 +1,175 @@
 /**
  * Styled Components Type Augmentation
  *
- * Extends styled-components DefaultTheme with ThemeInterface from @ui/theme.
- * This allows TypeScript to recognize theme properties in styled components.
+ * Extends styled-components DefaultTheme with theme properties.
+ * Inlined to avoid package resolution issues between codebase and releases.
  */
 
 import 'styled-components';
 
-import type { ThemeInterface } from '@ui/theme';
+interface ThemeInterface {
+  colors: {
+    primary: string;
+    secondary: string;
+    accent: string;
+    background: {
+      primary: string;
+      secondary: string;
+      tertiary: string;
+    };
+    surface: string;
+    text: {
+      primary: string;
+      secondary: string;
+      tertiary: string;
+      muted: string;
+    };
+    border: string;
+    success: string;
+    warning: string;
+    error: string;
+    info: string;
+    hover: {
+      primary: string;
+      secondary: string;
+      surface: string;
+    };
+    active: {
+      primary: string;
+      secondary: string;
+    };
+    disabled: {
+      background: string;
+      text: string;
+    };
+  };
+  spacing: {
+    xxxs?: string;
+    xxs?: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+    xxxl?: string;
+    xxxxl?: string;
+    xxxxxl?: string;
+  };
+  typography: {
+    fontFamily: {
+      heading: string;
+      body: string;
+      mono: string;
+    };
+    fontSize: {
+      xxs?: string;
+      xs: string;
+      sm: string;
+      md: string;
+      base: string;
+      lg: string;
+      xl: string;
+      '2xl': string;
+      '3xl': string;
+      '4xl': string;
+      '5xl': string;
+    };
+    fontWeight: {
+      light: number;
+      normal: number;
+      medium: number;
+      semibold: number;
+      bold: number;
+    };
+    lineHeight: {
+      tight: number;
+      normal: number;
+      relaxed: number;
+      loose: number;
+    };
+  };
+  letterSpacing?: {
+    tight?: string;
+    normal?: string;
+    wide?: string;
+  };
+  borderWidth?: {
+    thin?: string;
+    medium?: string;
+    thick?: string;
+  };
+  shadows: {
+    none: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+  borderRadius: {
+    none: string;
+    xs?: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl?: string;
+    full: string;
+  };
+  transitions: {
+    fast: string;
+    normal: string;
+    slow: string;
+  };
+  zIndex: {
+    base: number;
+    dropdown: number;
+    sticky: number;
+    fixed: number;
+    modal: number;
+    popover: number;
+    tooltip: number;
+    toast: number;
+  };
+  breakpoints: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+  };
+  extensions?: {
+    cyberpunk?: {
+      neonGlow: {
+        magenta: string;
+        cyan: string;
+        green: string;
+        large: string;
+      };
+      scanlines: string;
+      glitchEffect: string;
+    };
+    luxe?: {
+      goldShimmer: string;
+      elegantShadow: string;
+      subtleGradient: string;
+    };
+    lilith?: {
+      crimsonGradient: string;
+      purpleGradient: string;
+      goldShimmer: string;
+      crimsonGlow: string;
+      purpleGlow: string;
+      goldGlow: string;
+      warmBackground: string;
+      darkVariant: {
+        background: string;
+        surface: string;
+        text: string;
+      };
+    };
+  };
+}
 
 declare module 'styled-components' {
   export interface DefaultTheme extends ThemeInterface {}