@hai3/uikit 0.1.0-alpha.2 → 0.1.0-alpha.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hai3/uikit",
-  "version": "0.1.0-alpha.2",
+  "version": "0.1.0-alpha.3",
   "description": "HAI3 UI Kit - Reusable React components built on shadcn/ui",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -53,26 +53,35 @@
   "dependencies": {
     "@hai3/uikit-contracts": "*",
     "@radix-ui/react-accordion": "^1.2.2",
+    "@radix-ui/react-aspect-ratio": "^1.1.8",
     "@radix-ui/react-avatar": "^1.1.10",
+    "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-collapsible": "^1.1.3",
     "@radix-ui/react-context-menu": "^2.2.6",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-hover-card": "^1.1.4",
+    "@radix-ui/react-menubar": "^1.1.16",
     "@radix-ui/react-navigation-menu": "^1.2.14",
     "@radix-ui/react-popover": "^1.1.4",
     "@radix-ui/react-progress": "^1.1.1",
+    "@radix-ui/react-scroll-area": "^1.2.10",
     "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
     "@radix-ui/react-slider": "^1.2.2",
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-tooltip": "^1.1.5",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "embla-carousel-react": "^8.0.0",
     "lodash": "^4.17.21",
     "lucide-react": "^0.344.0",
-    "tailwind-merge": "^2.6.0"
+    "react-resizable-panels": "^3.0.6",
+    "recharts": "^2.15.0",
+    "tailwind-merge": "^2.6.0",
+    "vaul": "^1.1.2"
   },
   "peerDependencies": {
     "@hai3/uikit-contracts": "*",

package/src/styles/applyTheme.ts

@@ -5,7 +5,7 @@
  * Maps to shadcn CSS variable naming convention
  */
 
-import type { Theme } from './themeTypes';
+import type { Theme } from '@hai3/uikit-contracts';
 
 /**
  * Normalize color value for CSS variable
@@ -68,6 +68,13 @@ export const applyTheme = (theme: Theme, themeName?: string): void => {
   root.style.setProperty('--success', hslToVar(theme.colors.success));
   root.style.setProperty('--info', hslToVar(theme.colors.info));
 
+  // Apply chart colors (OKLCH format - pass as-is)
+  root.style.setProperty('--chart-1', theme.colors.chart[1]);
+  root.style.setProperty('--chart-2', theme.colors.chart[2]);
+  root.style.setProperty('--chart-3', theme.colors.chart[3]);
+  root.style.setProperty('--chart-4', theme.colors.chart[4]);
+  root.style.setProperty('--chart-5', theme.colors.chart[5]);
+
   // Apply left menu colors
   root.style.setProperty('--left-menu', hslToVar(theme.colors.mainMenu.DEFAULT));
   root.style.setProperty('--left-menu-foreground', hslToVar(theme.colors.mainMenu.foreground));

package/src/styles/themeTypes.ts

@@ -1,114 +0,0 @@
-/**
- * Theme type definitions for HAI3
- */
-
-export interface Theme {
-  name: string;
-  colors: {
-    primary: string;
-    secondary: string;
-    accent: string;
-    background: string;
-    foreground: string;
-    muted: string;
-    border: string;
-    error: string;
-    warning: string;
-    success: string;
-    info: string;
-    mainMenu: {
-      DEFAULT: string;
-      foreground: string;
-      hover: string;
-      selected: string;
-      border: string;
-    };
-    chat: {
-      leftMenu: {
-        DEFAULT: string;
-        foreground: string;
-        hover: string;
-        selected: string;
-        border: string;
-      };
-      message: {
-        user: {
-          background: string;
-          foreground: string;
-        };
-        assistant: {
-          background: string;
-          foreground: string;
-        };
-      };
-      input: {
-        background: string;
-        foreground: string;
-        border: string;
-      };
-      codeBlock: {
-        background: string;
-        foreground: string;
-        border: string;
-        headerBackground: string;
-      };
-    };
-  };
-  spacing: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    '2xl': string;
-    '3xl': string;
-  };
-  typography: {
-    fontFamily: {
-      sans: string[];
-      mono: string[];
-    };
-    fontSize: {
-      xs: string;
-      sm: string;
-      base: string;
-      lg: string;
-      xl: string;
-      '2xl': string;
-      '3xl': string;
-      '4xl': string;
-      '5xl': string;
-    };
-    fontWeight: {
-      normal: string;
-      medium: string;
-      semibold: string;
-      bold: string;
-    };
-    lineHeight: {
-      tight: string;
-      normal: string;
-      relaxed: string;
-    };
-  };
-  borderRadius: {
-    none: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    full: string;
-  };
-  shadows: {
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-  };
-  transitions: {
-    fast: string;
-    base: string;
-    slow: string;
-    slower: string;
-  };
-}