@arach/arc 0.4.3 → 0.4.4

package/lib/index.d.ts

@@ -163,6 +163,16 @@ declare interface BrandSpec {
     frame?: 'hairline' | 'inset' | 'brackets' | 'ticks' | 'cropmarks' | 'corners' | 'sheet' | 'reticle' | 'none';
     /** Render an engineering-drawing title block in the bottom-right corner. */
     titleBlock?: boolean;
+    /** Node silhouette when nodeRadius is not set explicitly. */
+    nodeShape?: 'rounded' | 'square' | 'chamfer' | 'pill';
+    /** Overall node opacity (0–1). */
+    nodeOpacity?: number;
+    /** Frosted glass backdrop on nodes. */
+    nodeGlass?: boolean;
+    /** Colored accent stripe on the node shell. */
+    accentBar?: 'left' | 'top' | 'none';
+    /** Soft bloom on connector strokes. */
+    connectorGlow?: boolean;
 }
 
 export declare interface ColorPalette {
@@ -331,9 +341,7 @@ declare interface DiagramConfig_2 {
     }[];
 }
 
-export declare function DiagramEditor({ isDark, onToggleTheme, initialData, themeId, colorMode, sessionId, initialDiagramMeta }: {
-    isDark: boolean;
-    onToggleTheme: () => void;
+export declare function DiagramEditor({ initialData, themeId, colorMode, sessionId, initialDiagramMeta, }: {
     initialData?: any;
     themeId?: string | null;
     colorMode?: 'light' | 'dark';
@@ -496,7 +504,7 @@ declare const initialState: {
         template: string;
         zoom: number;
         viewMode: string;
-        themeId: any;
+        themeId: string;
         colorMode: string;
     };
     meta: {
@@ -737,7 +745,7 @@ declare interface ThemeBackground {
     };
 }
 
-export declare type ThemeId = 'default' | 'warm' | 'cool' | 'mono' | 'engineering' | 'workbench' | 'tactical';
+export declare type ThemeId = 'default' | 'warm' | 'cool' | 'mono' | 'engineering' | 'workbench' | 'tactical' | 'command';
 
 export declare const THEMES: Record<ThemeId, Theme>;
 
@@ -831,10 +839,13 @@ export declare function useEditorState(): {
     template: string;
     zoom: number;
     viewMode: string;
-    themeId: any;
+    themeId: string;
     colorMode: string;
 };
 
+/** Returns the active theme's brand spec (typography, node shape, connector treatment). */
+export declare function useResolvedBrand(): BrandSpec;
+
 /** Returns the resolved theme palette (light or dark) for the current theme and color mode. */
 export declare function useResolvedTheme(): {
     palette: ColorPalette;
@@ -846,7 +857,7 @@ export declare function useResolvedTheme(): {
     };
 };
 
-export declare function useThemeId(): any;
+export declare function useThemeId(): string;
 
 export declare function useViewMode(): string;
 

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@arach/arc",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "type": "module",
   "packageManager": "bun@1.3.11",
   "workspaces": [
     "packages/*"
   ],
-  "description": "Visual diagram editor for creating architecture diagrams",
+  "description": "Diagrams as code for React — design, render, and export typed architecture diagrams",
   "author": "Arach Tchoupani",
   "license": "MIT",
   "repository": {
@@ -17,6 +17,7 @@
     "diagram",
     "editor",
     "architecture",
+    "diagrams-as-code",
     "visualization",
     "react",
     "isometric"
@@ -61,6 +62,7 @@
   "dependencies": {
     "@arach/dewey": "^0.2.0",
     "@base-ui/react": "^1.0.0",
+    "hudsonkit": "^0.3.3",
     "js-yaml": "^4.1.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",