@arach/arc 0.4.5 → 0.5.0

package/lib/index.d.ts

@@ -22,7 +22,7 @@ export declare interface ArcConnectorStyle {
     dashed?: boolean;
 }
 
-export declare function ArcDiagram({ data, className, interactive, mode, theme, label, labelPosition, defaultZoom, zoomLevels, showArcToggle, showAutoLayout, showControls, showMinimap, showFocusStory, frame, hoverEffects, onNodeHover, titleBlock, maxFitZoom, }: ArcDiagramProps): JSX.Element;
+export declare function ArcDiagram({ data, className, interactive, mode, theme, label, labelPosition, defaultZoom, zoomLevels, showArcToggle, showAutoLayout, showControls, showMinimap, showLegend, showFocusStory, frame, hoverEffects, onNodeHover, titleBlock, maxFitZoom, }: ArcDiagramProps): JSX.Element;
 
 export declare interface ArcDiagramData {
     id?: string;
@@ -74,6 +74,8 @@ declare interface ArcDiagramProps {
     showControls?: boolean;
     /** Show a minimap overview (bottom-left). Default: false */
     showMinimap?: boolean;
+    /** Show a key for the connector styles and labelled groups (bottom-left). Default: false */
+    showLegend?: boolean;
     /** Show the active focus target's caption and steps. Default: false */
     showFocusStory?: boolean;
     /** Override the edge/frame treatment (else the theme's brand.frame). */
@@ -174,8 +176,11 @@ 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';
+    /** Node silhouette. 'chamfer' cuts all four corners, 'notch' cuts the top-right;
+     *  both are drawn with clip-path, not rounding. See utils/nodeShape.ts. */
+    nodeShape?: 'rounded' | 'square' | 'chamfer' | 'notch' | 'pill';
+    /** Ornament on the node shell — supersedes accentBar, which still works. */
+    nodeDecor?: 'none' | 'bar-left' | 'bar-top' | 'ticks' | 'rule' | 'dot' | 'stripe';
     /** Overall node opacity (0–1). */
     nodeOpacity?: number;
     /** Frosted glass backdrop on nodes. */
@@ -302,6 +307,8 @@ export declare interface DiagramConfig {
     title: string;
     description?: string;
     theme: 'dark' | 'light';
+    /** Render style: shaded solids, or a technical line-art plate. */
+    style?: IsoStyleId;
     canvas: {
         width: number;
         height: number;
@@ -329,6 +336,7 @@ declare interface DiagramConfig_2 {
     title: string;
     description: string;
     theme: 'dark' | 'light';
+    style?: 'solid' | 'blueprint' | 'cyanotype';
     canvas: {
         width: number;
         height: number;
@@ -372,6 +380,8 @@ declare interface DiagramLayout_2 {
 
 export declare interface DiagramMeta {
     themeId?: string | null;
+    isoStyle?: IsoStyleId;
+    viewMode?: ViewMode;
     colorMode?: 'light' | 'dark';
     viewport?: {
         width: number;
@@ -438,6 +448,7 @@ export declare function EditorProvider({ children, initialDiagram, initialThemeI
 
 export declare interface EmbedConfig {
     defaultViewMode?: ViewMode;
+    defaultIsoStyle?: IsoStyleId;
     enableViewModeToggle?: boolean;
     enableZoom?: boolean;
     enablePan?: boolean;
@@ -601,6 +612,7 @@ declare const initialState: {
         template: string;
         zoom: number;
         viewMode: string;
+        isoStyle: string;
         themeId: string;
         colorMode: string;
     };
@@ -686,6 +698,8 @@ declare interface IsoShadingResult {
     left: string;
 }
 
+declare type IsoStyleId = 'solid' | 'blueprint' | 'cyanotype';
+
 /** Convert 3D isometric coordinates to 2D screen coordinates. */
 export declare function isoToScreen(x: number, y: number, z?: number): IsoScreenPoint;
 
@@ -881,9 +895,6 @@ export declare type ThemeId = 'default' | 'warm' | 'cool' | 'mono' | 'engineerin
 
 export declare const THEMES: Record<ThemeId, Theme>;
 
-/**
- * Arc Isometric Types
- */
 export declare interface TierConfig {
     name: string;
     elevation: number;
@@ -971,6 +982,7 @@ export declare function useEditorState(): {
     template: string;
     zoom: number;
     viewMode: string;
+    isoStyle: string;
     themeId: string;
     colorMode: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arach/arc",
-  "version": "0.4.5",
+  "version": "0.5.0",
   "type": "module",
   "packageManager": "bun@1.3.11",
   "workspaces": [