@nice2dev/ui-diagrams 1.1.5 → 1.1.7

package/CHANGELOG.md

@@ -1,5 +1,57 @@
 # @nice2dev/ui-diagrams — Changelog
 
+## 1.1.7
+
+### Patch Changes
+
+- Close the three items left open in the 1.1.6 response to OmniVerk.
+
+  **Every value control works without state in the parent.** The `audit-controllable-state` gate
+  counted 87 value props that were required with no `default*`, so the control could not render from a
+  manifest without data. It now reports 0 and gates CI at `--max=0`. 48 controls gained `default*` props
+  through `useControllableState` (existing `value` + handler call sites behave as before); 33 read-only
+  data lists are optional with a stable empty default; 4 props paired with a handler only by name are
+  optional; `NiceWhiteboard` and `NiceMetricsDashboard` render an empty state until a session or
+  dashboard arrives. Additive API only — nothing renamed or removed.
+
+  - `NicePivotGrid.fields`, `NiceScheduler.events` and `NiceGitHooks.hooks` are controlled only together
+    with their change handler, as `NiceScheduler` already documented for `currentDate`/`view`. A bare
+    prop stays an initial value; prop plus handler now always wins (later prop updates used to be
+    ignored). `NiceGitHooks.onHookChange` is now called; `onHooksChange` and
+    `NiceLocaleManager.onTranslationsChange` are new.
+  - `NiceCodeEditor` / `NiceCodeDiffEditor` no longer report a value written from the prop back through
+    `onChange`, and call the latest handler rather than the one captured at mount.
+  - `NiceHtmlEditor` no longer rewrites its content on every render (React 19 compares the
+    `dangerouslySetInnerHTML` object, not its string), which moved the caret; the HTML source and
+    Markdown views can be closed again.
+  - Selections seeded once from the first item (access manager, automation/scene editors, git diff
+    viewer, ribbon, setup wizard) follow data that arrives after mount.
+  - `useControllableState`: new `fallbackValue` seed that never triggers the value/default clash warning;
+    two functional updates in one tick no longer lose the first; `onChange` is called with one argument
+    when there is no meta. `UseControllableStateOptions` is now a union type alias.
+
+  **`--nice-*` is the source of truth for design tokens.** Controls read only `--nice-*` (9,225 reads in
+  339 files). The unprefixed names (`--color-primary`, `--bg-primary`, `--text-muted`, …) stay declared
+  as aliases pointing at the Nice tokens, so reading them works, but setting them no longer repaints Nice
+  controls. Apps that relied on that can import `@nice2dev/ui/css/legacy-bg-text-aliases.css` after
+  `style.css` (removed in 1.2), or set `--nice-color-primary` and friends directly. 13 tokens that were
+  read and never declared (`--color-danger`, `--text-on-primary`, `--color-white`, …) are defined; the
+  dark blocks define the canonical names, so `.nice-dark` on `<body>` no longer leaves them on light
+  values; `--nice-primary-bg` and `--nice-selected-bg` are a primary tint instead of falling through to
+  grey. New gate `audit-token-names`.
+
+  **Node ESM and `require()`.** `@nice2dev/spatial-core` imports from plain Node ESM (51 relative
+  specifiers gained extensions, enforced by `nodenext`), and so does `@nice2dev/ui-buildings`, which
+  failed through it. `require()` works for `ui-3d`, `ui-graphics` and `game-engine`. The package-exports
+  gate now loads every entry in both module systems.
+
+  **Hygiene.** Sources are prettier-formatted and CI gates on it; 640 stale `.d.ts` files were removed
+  from source trees (never published).
+
+## 1.1.6
+
+No changes in this release.
+
 ## 1.1.5
 
 No changes in this release.

package/dist/__tests__/DiagramModel.test.d.ts

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=DiagramModel.test.d.ts.map

package/dist/__tests__/animationEngine.test.d.ts

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=animationEngine.test.d.ts.map

package/dist/__tests__/businessVisualizers.test.d.ts

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=businessVisualizers.test.d.ts.map

package/dist/__tests__/dataBinding.test.d.ts

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=dataBinding.test.d.ts.map

package/dist/__tests__/diagramTemplateGallery.test.d.ts

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=diagramTemplateGallery.test.d.ts.map

package/dist/__tests__/exportEngine.test.d.ts

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=exportEngine.test.d.ts.map

package/dist/__tests__/i18n-locales.test.d.ts

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=i18n-locales.test.d.ts.map

package/dist/__tests__/layoutEngine.test.d.ts

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=layoutEngine.test.d.ts.map

package/dist/__tests__/serialization.test.d.ts

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=serialization.test.d.ts.map

package/dist/__tests__/setup.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=setup.d.ts.map

package/dist/__tests__/snapGrid.test.d.ts

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=snapGrid.test.d.ts.map

package/dist/__tests__/sprint24-diagrams.test.d.ts

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=sprint24-diagrams.test.d.ts.map

package/dist/components/AnimationTimeline.d.ts

@@ -17,4 +17,3 @@ export interface AnimationTimelineProps {
     className?: string;
 }
 export declare const AnimationTimeline: React.FC<AnimationTimelineProps>;
-//# sourceMappingURL=AnimationTimeline.d.ts.map

package/dist/components/DiagramCanvas.d.ts

@@ -50,4 +50,3 @@ export interface DiagramCanvasProps {
     className?: string;
 }
 export declare const DiagramCanvas: React.FC<DiagramCanvasProps>;
-//# sourceMappingURL=DiagramCanvas.d.ts.map

package/dist/components/DiagramCellRenderer.d.ts

@@ -32,4 +32,3 @@ export interface DiagramCellRendererProps {
 }
 export declare const DiagramCellRenderer: React.FC<DiagramCellRendererProps>;
 export default DiagramCellRenderer;
-//# sourceMappingURL=DiagramCellRenderer.d.ts.map

package/dist/components/DiagramMinimap.d.ts

@@ -13,4 +13,3 @@ export interface DiagramMinimapProps {
     className?: string;
 }
 export declare const DiagramMinimap: React.FC<DiagramMinimapProps>;
-//# sourceMappingURL=DiagramMinimap.d.ts.map

package/dist/components/DiagramPropertyPanel.d.ts

@@ -9,4 +9,3 @@ export interface DiagramPropertyPanelProps {
     className?: string;
 }
 export declare const DiagramPropertyPanel: React.FC<DiagramPropertyPanelProps>;
-//# sourceMappingURL=DiagramPropertyPanel.d.ts.map

package/dist/components/DiagramToolbar.d.ts

@@ -61,4 +61,3 @@ export interface DiagramToolbarProps {
     className?: string;
 }
 export declare const DiagramToolbar: React.FC<DiagramToolbarProps>;
-//# sourceMappingURL=DiagramToolbar.d.ts.map

package/dist/components/NiceDatabaseSchemaViewer.d.ts

@@ -73,4 +73,3 @@ export declare function parseSQLToSchema(sql: string): DatabaseSchema;
  */
 export declare function schemaToSQL(schema: DatabaseSchema, _dialect?: 'mysql' | 'postgres' | 'mssql'): string;
 export default NiceDatabaseSchemaViewer;
-//# sourceMappingURL=NiceDatabaseSchemaViewer.d.ts.map

package/dist/components/NiceDecisionTreeEditor.d.ts

@@ -124,4 +124,3 @@ export declare function predictWithTree(tree: DecisionTreeData, input: Record<st
     path: string[];
 };
 export default NiceDecisionTreeEditor;
-//# sourceMappingURL=NiceDecisionTreeEditor.d.ts.map

package/dist/components/NiceDependencyGraph.d.ts

@@ -100,4 +100,3 @@ export declare function analyzeDependencyGraph(data: DependencyGraphData): {
     avgDependencies: number;
 };
 export default NiceDependencyGraph;
-//# sourceMappingURL=NiceDependencyGraph.d.ts.map

package/dist/components/NiceDiagramEditor.d.ts

@@ -23,4 +23,3 @@ export interface NiceDiagramEditorProps {
     tutorial?: NiceComponentTutorial;
 }
 export declare const NiceDiagramEditor: React.FC<NiceDiagramEditorProps>;
-//# sourceMappingURL=NiceDiagramEditor.d.ts.map

package/dist/components/NiceDiagramViewer.d.ts

@@ -22,4 +22,3 @@ export interface NiceDiagramViewerProps {
     style?: React.CSSProperties;
 }
 export declare const NiceDiagramViewer: React.FC<NiceDiagramViewerProps>;
-//# sourceMappingURL=NiceDiagramViewer.d.ts.map

package/dist/components/NiceNetworkTopology.d.ts

@@ -121,4 +121,3 @@ export declare function calculateNetworkHealth(data: NetworkTopologyData): {
     degradedConnections: number;
 };
 export default NiceNetworkTopology;
-//# sourceMappingURL=NiceNetworkTopology.d.ts.map

package/dist/components/NiceOrgChartVisualizer.d.ts

@@ -87,4 +87,3 @@ export declare function calculateOrgStats(data: OrgChartData): {
     managers: number;
 };
 export default NiceOrgChartVisualizer;
-//# sourceMappingURL=NiceOrgChartVisualizer.d.ts.map

package/dist/components/NiceProcessMiningDiagram.d.ts

@@ -80,4 +80,3 @@ export declare const NiceProcessMiningDiagram: React.FC<ProcessMiningDiagramProp
  */
 export declare function mineProcessFromLog(log: ProcessLog): ProcessModel;
 export default NiceProcessMiningDiagram;
-//# sourceMappingURL=NiceProcessMiningDiagram.d.ts.map

package/dist/components/NiceWorkflowVisualizer.d.ts

@@ -66,4 +66,3 @@ export declare function createLinearWorkflow(stepNames: string[], _options?: {
     decisionBranches?: string[];
 }): WorkflowData;
 export default NiceWorkflowVisualizer;
-//# sourceMappingURL=NiceWorkflowVisualizer.d.ts.map

package/dist/components/collaborativeDiagram.d.ts

@@ -249,4 +249,3 @@ declare const _default: {
     ConnectionStatus: typeof ConnectionStatus;
 };
 export default _default;
-//# sourceMappingURL=collaborativeDiagram.d.ts.map

package/dist/components/diagramAdapters.d.ts

@@ -76,4 +76,3 @@ export declare function createDiagramDocument(options: {
     animations?: SimpleAnimation[];
     metadata?: Record<string, unknown>;
 }): NiceDiagramDocument;
-//# sourceMappingURL=diagramAdapters.d.ts.map

package/dist/components/diagramTemplates.d.ts

@@ -58,4 +58,3 @@ declare const _default: {
     diagramTemplates: DiagramTemplate[];
 };
 export default _default;
-//# sourceMappingURL=diagramTemplates.d.ts.map

package/dist/components/shapeRegistry.d.ts

@@ -130,4 +130,3 @@ declare const _default: {
     };
 };
 export default _default;
-//# sourceMappingURL=shapeRegistry.d.ts.map

package/dist/components/snapGuides.d.ts

@@ -163,4 +163,3 @@ declare const _default: {
     defaultSnapConfig: SnapConfig;
 };
 export default _default;
-//# sourceMappingURL=snapGuides.d.ts.map

package/dist/components/workflowIntegrations.d.ts

@@ -276,4 +276,3 @@ export interface WorkflowEngineConfig {
  * Detect workflow engine type from data structure.
  */
 export declare function detectWorkflowEngine(data: unknown): WorkflowEngineType | null;
-//# sourceMappingURL=workflowIntegrations.d.ts.map

package/dist/core/DiagramModel.d.ts

@@ -52,4 +52,3 @@ export declare class DiagramModel {
     updateAnimation(id: string, patch: Partial<Omit<DiagramAnimation, 'id'>>): void;
     loadDocument(doc: NiceDiagramDocument): void;
 }
-//# sourceMappingURL=DiagramModel.d.ts.map

package/dist/core/animationEngine.d.ts

@@ -36,4 +36,3 @@ export declare class AnimationPlayer {
     isPlaying(): boolean;
     private tick;
 }
-//# sourceMappingURL=animationEngine.d.ts.map

package/dist/core/conditionalStyling.d.ts

@@ -147,4 +147,3 @@ export declare function createRuleFromPreset(presetId: string): ConditionalStyle
 /** Create a new conditional styling engine with presets. */
 export declare function createConditionalStylingEngine(loadPresets?: boolean): ConditionalStylingEngine;
 export default ConditionalStylingEngine;
-//# sourceMappingURL=conditionalStyling.d.ts.map

package/dist/core/dataBinding.d.ts

@@ -17,4 +17,3 @@ export declare function fetchAndGenerateDiagram(binding: DiagramDataBinding, def
     nodes: DiagramNode[];
     edges: DiagramEdge[];
 }>;
-//# sourceMappingURL=dataBinding.d.ts.map

package/dist/core/diagramComments.d.ts

@@ -205,4 +205,3 @@ export declare function formatCommentDate(isoDate: string): string;
 /** Render text with mentions highlighted. */
 export declare function renderTextWithMentions(text: string, mentions: CommentMention[]): string;
 export default DiagramCommentManager;
-//# sourceMappingURL=diagramComments.d.ts.map

package/dist/core/diagramParticleEngine.d.ts

@@ -92,4 +92,3 @@ export declare function getPointOnPath(pathData: string, t: number, svgElement?:
  */
 export declare function createGlowFilterId(elementId: string): string;
 export declare function computeGlowRadius(intensity: number, pulse: number): number;
-//# sourceMappingURL=diagramParticleEngine.d.ts.map

package/dist/core/diagramSearch.d.ts

@@ -165,4 +165,3 @@ export declare function highlightMatches(text: string, positions: Array<{
 /** Create quick filter for common scenarios. */
 export declare function createQuickFilter(scenario: 'by-type' | 'by-layer' | 'by-status' | 'custom', value?: unknown): DiagramFilter;
 export default DiagramSearchFilterEngine;
-//# sourceMappingURL=diagramSearch.d.ts.map

package/dist/core/diagramStylePresets.d.ts

@@ -52,4 +52,3 @@ export declare function createPresetFromTheme(id: string, themeName: string, col
 }, borders: {
     color: string;
 }): DiagramStylePreset;
-//# sourceMappingURL=diagramStylePresets.d.ts.map

package/dist/core/diagramTemplateGallery.d.ts

@@ -23,4 +23,3 @@ export declare function getTemplatesByCategory(category: DiagramTemplateCategory
  * Search templates by name, description, or tags.
  */
 export declare function searchTemplates(query: string): DiagramTemplate[];
-//# sourceMappingURL=diagramTemplateGallery.d.ts.map

package/dist/core/diagramVersioning.d.ts

@@ -120,4 +120,3 @@ export declare function createVersioningHook(config?: DiagramVersioningConfig):
     diff: (fromVersionId: string, toVersionId: string) => DiagramVersionDiff | null;
 };
 export default DiagramVersioningManager;
-//# sourceMappingURL=diagramVersioning.d.ts.map

package/dist/core/exportEngine.d.ts

@@ -7,4 +7,3 @@ export declare function exportToSvg(doc: NiceDiagramDocument, options?: Partial<
  * Export diagram to Mermaid syntax string.
  */
 export declare function exportToMermaid(doc: NiceDiagramDocument): string;
-//# sourceMappingURL=exportEngine.d.ts.map

package/dist/core/i18n.d.ts

@@ -9,10 +9,9 @@ export interface NiceI18nProviderProps {
     overrides?: Record<string, string>;
     children: ReactNode;
 }
-export declare function NiceI18nProvider({ locale, overrides, children, }: NiceI18nProviderProps): React.FunctionComponentElement<React.ProviderProps<I18nContextValue>>;
+export declare function NiceI18nProvider({ locale, overrides, children }: NiceI18nProviderProps): React.FunctionComponentElement<React.ProviderProps<I18nContextValue>>;
 export declare function useNiceTranslation(): {
     t: NiceTranslateFn;
     locale: string;
 };
 export {};
-//# sourceMappingURL=i18n.d.ts.map

package/dist/core/layoutEngine.d.ts

@@ -6,4 +6,3 @@ export interface LayoutResult {
  * Apply an auto-layout algorithm and return computed positions.
  */
 export declare function computeLayout(nodes: readonly _DiagramNode[], edges: readonly _DiagramEdge[], options: LayoutOptions): LayoutResult;
-//# sourceMappingURL=layoutEngine.d.ts.map

package/dist/core/serialization.d.ts

@@ -12,4 +12,3 @@ export declare function parseNddJson(json: string): ParseResult;
  * Stringify a NiceDiagramDocument to `.ndd.json`.
  */
 export declare function stringifyNddJson(doc: NiceDiagramDocument, pretty?: boolean): string;
-//# sourceMappingURL=serialization.d.ts.map

package/dist/core/snapGrid.d.ts

@@ -47,4 +47,3 @@ export declare function applyAlignmentSnap(position: Point, size: Size, guides:
     snappedPosition: Point;
     activeGuides: AlignmentGuide[];
 };
-//# sourceMappingURL=snapGrid.d.ts.map

package/dist/hooks/useDiagramEditor.d.ts

@@ -60,4 +60,3 @@ export interface UseDiagramEditorReturn {
     model: DiagramModel;
 }
 export declare function useDiagramEditor(initialDoc?: NiceDiagramDocument): UseDiagramEditorReturn;
-//# sourceMappingURL=useDiagramEditor.d.ts.map

package/dist/index.d.ts

@@ -32,4 +32,3 @@ export { DiagramVersioningManager, createVersioningHook, type DiagramChangeType,
 export { DiagramCommentManager, COMMENT_PRIORITY_STYLES, formatCommentDate, renderTextWithMentions, type CommentStatus, type CommentAnchorType, type CommentAnchor, type CommentMention, type CommentReply, type DiagramComment, type CommentStyle, type CommentManagerConfig, type CommentFilter, } from './core/diagramComments';
 export { ConditionalStylingEngine, createConditionalStylingEngine, createRuleFromPreset, PRESET_RULES, type StyleConditionOperator, type StyleCondition, type ConditionGroup, type StyleActionType, type StyleAction, type ConditionalStyleRule, type ConditionalStyleProfile, type AppliedStyles, } from './core/conditionalStyling';
 export { DiagramSearchFilterEngine, highlightMatches, createQuickFilter, type SearchScope, type MatchType, type DiagramSearchOptions, type DiagramFilter, type SearchResult, type FilterPreset, type SearchState, } from './core/diagramSearch';
-//# sourceMappingURL=index.d.ts.map

package/dist/index.mjs

@@ -433,11 +433,7 @@ const Nt = {
   locale: "en",
   t: (r, e) => e ?? r
 });
-function Ft({
-  locale: r = "en",
-  overrides: e,
-  children: t
-}) {
+function Ft({ locale: r = "en", overrides: e, children: t }) {
   const i = ie(() => {
     const a = { ...Nt.en, ...Nt[r], ...e };
     return { locale: r, t: (s, n) => a[s] ?? n ?? s };
@@ -459,15 +455,9 @@ function ko(r) {
     return { ok: !1, errors: ["Root must be a JSON object"] };
   const i = t;
   if (i.version !== "1.0" && e.push(`Unsupported version "${String(i.version)}", expected "1.0"`), (typeof i.id != "string" || i.id.length === 0) && e.push('Missing or invalid "id" field'), typeof i.title != "string" && e.push('Missing or invalid "title" field'), Array.isArray(i.nodes) || e.push('Missing or invalid "nodes" array'), Array.isArray(i.edges) || e.push('Missing or invalid "edges" array'), Array.isArray(i.nodes) && Array.isArray(i.edges)) {
-    const a = new Set(
-      i.nodes.map((o) => o.id).filter(Boolean)
-    );
+    const a = new Set(i.nodes.map((o) => o.id).filter(Boolean));
     for (const o of i.edges)
-      o.sourceNodeId && !a.has(o.sourceNodeId) && e.push(
-        `Edge "${o.id}" references non-existent source node "${o.sourceNodeId}"`
-      ), o.targetNodeId && !a.has(o.targetNodeId) && e.push(
-        `Edge "${o.id}" references non-existent target node "${o.targetNodeId}"`
-      );
+      o.sourceNodeId && !a.has(o.sourceNodeId) && e.push(`Edge "${o.id}" references non-existent source node "${o.sourceNodeId}"`), o.targetNodeId && !a.has(o.targetNodeId) && e.push(`Edge "${o.id}" references non-existent target node "${o.targetNodeId}"`);
   }
   return e.length > 0 ? { ok: !1, errors: e } : { ok: !0, document: t, errors: [] };
 }
@@ -1024,7 +1014,12 @@ const Ne = "'Inter', system-ui, sans-serif", vt = "'Fira Code', 'Cascadia Code',
   category: "corporate",
   themeSource: "Light",
   config: fe(
-    { background: "var(--nice-bg, #fff)", gridColor: "#e2e8f020", gridSize: 20, selectionColor: "var(--nice-primary, #3b82f6)" },
+    {
+      background: "var(--nice-bg, #fff)",
+      gridColor: "#e2e8f020",
+      gridSize: 20,
+      selectionColor: "var(--nice-primary, #3b82f6)"
+    },
     ue({}),
     Ne
   )
@@ -1048,7 +1043,12 @@ const Ne = "'Inter', system-ui, sans-serif", vt = "'Fira Code', 'Cascadia Code',
   category: "dark",
   themeSource: "Dark",
   config: fe(
-    { background: "var(--nice-text, #0f172a)", gridColor: "var(--nice-text, #334155)", gridSize: 20, selectionColor: "var(--nice-primary-light, #60a5fa)" },
+    {
+      background: "var(--nice-text, #0f172a)",
+      gridColor: "var(--nice-text, #334155)",
+      gridSize: 20,
+      selectionColor: "var(--nice-primary-light, #60a5fa)"
+    },
     Nr,
     Ne,
     { shadow: !1 },
@@ -1070,7 +1070,12 @@ const Ne = "'Inter', system-ui, sans-serif", vt = "'Fira Code', 'Cascadia Code',
   category: "corporate",
   themeSource: "Blue",
   config: fe(
-    { background: "#f0f5ff", gridColor: "#93c5fd20", gridSize: 20, selectionColor: "var(--nice-primary-dark, #1d4ed8)" },
+    {
+      background: "#f0f5ff",
+      gridColor: "#93c5fd20",
+      gridSize: 20,
+      selectionColor: "var(--nice-primary-dark, #1d4ed8)"
+    },
     $r,
     Ne,
     { borderWidth: 2, borderRadius: 6 },
@@ -1095,7 +1100,12 @@ const Ne = "'Inter', system-ui, sans-serif", vt = "'Fira Code', 'Cascadia Code',
   name: "Neon Glow",
   category: "dark",
   config: fe(
-    { background: "#0a0a1a", gridColor: "#00ff8810", gridSize: 20, selectionColor: "var(--nice-success, #00ff88)" },
+    {
+      background: "#0a0a1a",
+      gridColor: "#00ff8810",
+      gridSize: 20,
+      selectionColor: "var(--nice-success, #00ff88)"
+    },
     Ar,
     vt,
     {
@@ -1134,7 +1144,12 @@ const Ne = "'Inter', system-ui, sans-serif", vt = "'Fira Code', 'Cascadia Code',
   name: "Cyberpunk",
   category: "dark",
   config: fe(
-    { background: "#0d001a", gridColor: "#ff2d9510", gridSize: 24, selectionColor: "var(--nice-accent-pink, #ff2d95)" },
+    {
+      background: "#0d001a",
+      gridColor: "#ff2d9510",
+      gridSize: 24,
+      selectionColor: "var(--nice-accent-pink, #ff2d95)"
+    },
     Tr,
     vt,
     {
@@ -1171,7 +1186,12 @@ const Ne = "'Inter', system-ui, sans-serif", vt = "'Fira Code', 'Cascadia Code',
   name: "Technical Blueprint",
   category: "technical",
   config: fe(
-    { background: "#0a1929", gridColor: "#4da6ff30", gridSize: 16, selectionColor: "var(--nice-bg, #fff)" },
+    {
+      background: "#0a1929",
+      gridColor: "#4da6ff30",
+      gridSize: 16,
+      selectionColor: "var(--nice-bg, #fff)"
+    },
     Or,
     vt,
     {
@@ -1209,7 +1229,12 @@ const Ne = "'Inter', system-ui, sans-serif", vt = "'Fira Code', 'Cascadia Code',
   name: "Pastel Dream",
   category: "pastel",
   config: fe(
-    { background: "#fefcff", gridColor: "#e2d8f420", gridSize: 20, selectionColor: "var(--nice-accent, #a78bfa)" },
+    {
+      background: "#fefcff",
+      gridColor: "#e2d8f420",
+      gridSize: 20,
+      selectionColor: "var(--nice-accent, #a78bfa)"
+    },
     Er,
     "'Nunito', 'Quicksand', sans-serif",
     { borderColor: "var(--nice-accent, #c4b5fd)", borderWidth: 2, borderRadius: 16, shadow: !0 },
@@ -1235,13 +1260,22 @@ const Ne = "'Inter', system-ui, sans-serif", vt = "'Fira Code', 'Cascadia Code',
   name: "Nature Forest",
   category: "nature",
   config: fe(
-    { background: "#f0fdf4", gridColor: "#a7d7c520", gridSize: 20, selectionColor: "var(--nice-success, #059669)" },
+    {
+      background: "#f0fdf4",
+      gridColor: "#a7d7c520",
+      gridSize: 20,
+      selectionColor: "var(--nice-success, #059669)"
+    },
     Wr,
     Ne,
     { borderColor: "var(--nice-success, #059669)", borderRadius: 12 },
     { strokeColor: "var(--nice-success-light, #6ee7b7)" },
     { backgroundColor: "#05966910", borderColor: "var(--nice-success-light, #6ee7b7)" },
-    { liquidColor: "var(--nice-success, #059669)", liquidColorEnd: "var(--nice-success-light, #6ee7b7)", particleColor: "var(--nice-warning, #f59e0b)" }
+    {
+      liquidColor: "var(--nice-success, #059669)",
+      liquidColorEnd: "var(--nice-success-light, #6ee7b7)",
+      particleColor: "var(--nice-warning, #f59e0b)"
+    }
   )
 }, qr = ue({
   primary: "var(--nice-success, #00ff00)",
@@ -1258,7 +1292,12 @@ const Ne = "'Inter', system-ui, sans-serif", vt = "'Fira Code', 'Cascadia Code',
   name: "Retro Terminal",
   category: "retro",
   config: fe(
-    { background: "#000800", gridColor: "#00ff0010", gridSize: 16, selectionColor: "var(--nice-success, #00ff00)" },
+    {
+      background: "#000800",
+      gridColor: "#00ff0010",
+      gridSize: 16,
+      selectionColor: "var(--nice-success, #00ff00)"
+    },
     qr,
     "'Courier New', 'Fira Code', monospace",
     {
@@ -1272,7 +1311,12 @@ const Ne = "'Inter', system-ui, sans-serif", vt = "'Fira Code', 'Cascadia Code',
     },
     { strokeColor: "#00ff0060", strokeWidth: 1 },
     {},
-    { glowColor: "var(--nice-success, #00ff00)", glowIntensity: 0.6, particleColor: "var(--nice-success, #00ff00)", liquidColor: "var(--nice-success, #00ff00)" }
+    {
+      glowColor: "var(--nice-success, #00ff00)",
+      glowIntensity: 0.6,
+      particleColor: "var(--nice-success, #00ff00)",
+      liquidColor: "var(--nice-success, #00ff00)"
+    }
   )
 }, Vr = ue({
   primary: "#0000ff",
@@ -1290,10 +1334,20 @@ const Ne = "'Inter', system-ui, sans-serif", vt = "'Fira Code', 'Cascadia Code',
   category: "accessibility",
   themeSource: "High Contrast",
   config: fe(
-    { background: "var(--nice-bg, #fff)", gridColor: "#00000020", gridSize: 20, selectionColor: "#0000ff" },
+    {
+      background: "var(--nice-bg, #fff)",
+      gridColor: "#00000020",
+      gridSize: 20,
+      selectionColor: "#0000ff"
+    },
     Vr,
     "Arial, sans-serif",
-    { borderColor: "var(--nice-text, #000000)", borderWidth: 3, fontColor: "var(--nice-text, #000000)", fontWeight: "bold" },
+    {
+      borderColor: "var(--nice-text, #000000)",
+      borderWidth: 3,
+      fontColor: "var(--nice-text, #000000)",
+      fontWeight: "bold"
+    },
     { strokeColor: "var(--nice-text, #000000)", strokeWidth: 3 },
     { borderColor: "var(--nice-text, #000000)", borderWidth: 2 }
   )
@@ -1317,7 +1371,12 @@ const Ne = "'Inter', system-ui, sans-serif", vt = "'Fira Code', 'Cascadia Code',
   category: "theme-based",
   themeSource: "Material",
   config: fe(
-    { background: "var(--nice-bg-secondary, #fafafa)", gridColor: "#e0e0e020", gridSize: 20, selectionColor: "var(--nice-primary-hover, #1976d2)" },
+    {
+      background: "var(--nice-bg-secondary, #fafafa)",
+      gridColor: "#e0e0e020",
+      gridSize: 20,
+      selectionColor: "var(--nice-primary-hover, #1976d2)"
+    },
     Br,
     "'Roboto', 'Noto Sans', sans-serif",
     { borderRadius: 4, borderWidth: 0, shadow: !0 },
@@ -1369,13 +1428,26 @@ const Ne = "'Inter', system-ui, sans-serif", vt = "'Fira Code', 'Cascadia Code',
   name: "Sunset Warm",
   category: "creative",
   config: fe(
-    { background: "#fffde7", gridColor: "#ffccbc20", gridSize: 20, selectionColor: "var(--nice-warning-dark, #e65100)" },
+    {
+      background: "#fffde7",
+      gridColor: "#ffccbc20",
+      gridSize: 20,
+      selectionColor: "var(--nice-warning-dark, #e65100)"
+    },
     jr,
     Ne,
-    { borderColor: "#ff9e80", gradientColor: "var(--nice-warning-bg, #fff3e0)", gradientDirection: "vertical" },
+    {
+      borderColor: "#ff9e80",
+      gradientColor: "var(--nice-warning-bg, #fff3e0)",
+      gradientDirection: "vertical"
+    },
     { strokeColor: "#ff9e80" },
     {},
-    { liquidColor: "var(--nice-warning-dark, #e65100)", liquidColorEnd: "#ffd600", particleColor: "#ffd600" }
+    {
+      liquidColor: "var(--nice-warning-dark, #e65100)",
+      liquidColorEnd: "#ffd600",
+      particleColor: "#ffd600"
+    }
   )
 }, Kr = ue({
   primary: "#006064",
@@ -1441,7 +1513,12 @@ const Ne = "'Inter', system-ui, sans-serif", vt = "'Fira Code', 'Cascadia Code',
   name: "Wireframe",
   category: "technical",
   config: fe(
-    { background: "var(--nice-bg, #fff)", gridColor: "#00000008", gridSize: 16, selectionColor: "#ff6600" },
+    {
+      background: "var(--nice-bg, #fff)",
+      gridColor: "#00000008",
+      gridSize: 16,
+      selectionColor: "#ff6600"
+    },
     ti,
     "'Balsamiq Sans', 'Comic Sans MS', cursive",
     {
@@ -1479,7 +1556,12 @@ const Ne = "'Inter', system-ui, sans-serif", vt = "'Fira Code', 'Cascadia Code',
   name: "Mint Fresh",
   category: "nature",
   config: fe(
-    { background: "var(--nice-success-bg, #e8f5e9)", gridColor: "#a7ffeb20", gridSize: 20, selectionColor: "#00bfa5" },
+    {
+      background: "var(--nice-success-bg, #e8f5e9)",
+      gridColor: "#a7ffeb20",
+      gridSize: 20,
+      selectionColor: "#00bfa5"
+    },
     ii,
     Ne,
     {
@@ -1508,10 +1590,20 @@ const Ne = "'Inter', system-ui, sans-serif", vt = "'Fira Code', 'Cascadia Code',
   name: "Monochrome",
   category: "corporate",
   config: fe(
-    { background: "var(--nice-bg-secondary, #fafafa)", gridColor: "#e0e0e020", gridSize: 20, selectionColor: "#424242" },
+    {
+      background: "var(--nice-bg-secondary, #fafafa)",
+      gridColor: "#e0e0e020",
+      gridSize: 20,
+      selectionColor: "#424242"
+    },
     oi,
     Ne,
-    { borderColor: "var(--nice-text-secondary, #9e9e9e)", borderWidth: 1, shadow: !0, borderRadius: 4 },
+    {
+      borderColor: "var(--nice-text-secondary, #9e9e9e)",
+      borderWidth: 1,
+      shadow: !0,
+      borderRadius: 4
+    },
     { strokeColor: "var(--nice-text-secondary, #9e9e9e)", strokeWidth: 1.5 }
   )
 }, si = ue({
@@ -1533,7 +1625,12 @@ const Ne = "'Inter', system-ui, sans-serif", vt = "'Fira Code', 'Cascadia Code',
   name: "Candy Pop",
   category: "creative",
   config: fe(
-    { background: "#fff0f5", gridColor: "#f8bbd020", gridSize: 20, selectionColor: "var(--nice-accent-pink, #e91e63)" },
+    {
+      background: "#fff0f5",
+      gridColor: "#f8bbd020",
+      gridSize: 20,
+      selectionColor: "var(--nice-accent-pink, #e91e63)"
+    },
     si,
     "'Quicksand', 'Nunito', sans-serif",
     {
@@ -1545,7 +1642,11 @@ const Ne = "'Inter', system-ui, sans-serif", vt = "'Fira Code', 'Cascadia Code',
     },
     { strokeColor: "#f48fb1", strokeWidth: 3 },
     { borderRadius: 20, borderColor: "#f48fb1" },
-    { glowColor: "var(--nice-accent-pink, #e91e63)", glowIntensity: 0.5, particleColor: "var(--nice-warning, #ffeb3b)" }
+    {
+      glowColor: "var(--nice-accent-pink, #e91e63)",
+      glowIntensity: 0.5,
+      particleColor: "var(--nice-warning, #ffeb3b)"
+    }
   )
 }, li = ue({
   primary: "var(--nice-text-secondary, #475569)",
@@ -1562,7 +1663,12 @@ const Ne = "'Inter', system-ui, sans-serif", vt = "'Fira Code', 'Cascadia Code',
   name: "Slate Professional",
   category: "corporate",
   config: fe(
-    { background: "var(--nice-bg-secondary, #f8fafc)", gridColor: "#cbd5e120", gridSize: 20, selectionColor: "var(--nice-text-secondary, #475569)" },
+    {
+      background: "var(--nice-bg-secondary, #f8fafc)",
+      gridColor: "#cbd5e120",
+      gridSize: 20,
+      selectionColor: "var(--nice-text-secondary, #475569)"
+    },
     li,
     "'Inter', system-ui, sans-serif",
     { borderColor: "var(--nice-border, #cbd5e1)", borderWidth: 1, borderRadius: 6, shadow: !0 },
@@ -1588,7 +1694,12 @@ const Ne = "'Inter', system-ui, sans-serif", vt = "'Fira Code', 'Cascadia Code',
   name: "Aurora Borealis",
   category: "dark",
   config: fe(
-    { background: "#0f0b2e", gridColor: "#7c3aed15", gridSize: 24, selectionColor: "var(--nice-accent, #a78bfa)" },
+    {
+      background: "#0f0b2e",
+      gridColor: "#7c3aed15",
+      gridSize: 24,
+      selectionColor: "var(--nice-accent, #a78bfa)"
+    },
     ui,
     Ne,
     {
@@ -1656,7 +1767,12 @@ const Ne = "'Inter', system-ui, sans-serif", vt = "'Fira Code', 'Cascadia Code',
   name: "Infographic Bold",
   category: "creative",
   config: fe(
-    { background: "#eceff1", gridColor: "#b0bec520", gridSize: 24, selectionColor: "var(--nice-danger, #ff5722)" },
+    {
+      background: "#eceff1",
+      gridColor: "#b0bec520",
+      gridSize: 24,
+      selectionColor: "var(--nice-danger, #ff5722)"
+    },
     gi,
     "'Montserrat', 'Roboto', sans-serif",
     {
@@ -1686,7 +1802,12 @@ const Ne = "'Inter', system-ui, sans-serif", vt = "'Fira Code', 'Cascadia Code',
   name: "Midnight Purple",
   category: "dark",
   config: fe(
-    { background: "#0f0720", gridColor: "#9333ea10", gridSize: 20, selectionColor: "var(--nice-accent, #c084fc)" },
+    {
+      background: "#0f0720",
+      gridColor: "#9333ea10",
+      gridSize: 20,
+      selectionColor: "var(--nice-accent, #c084fc)"
+    },
     yi,
     Ne,
     {
@@ -1698,7 +1819,12 @@ const Ne = "'Inter', system-ui, sans-serif", vt = "'Fira Code', 'Cascadia Code',
     },
     { strokeColor: "#9333ea80", strokeWidth: 2 },
     {},
-    { glowColor: "#9333ea", glowIntensity: 0.6, liquidColor: "#9333ea", liquidColorEnd: "var(--nice-accent, #c084fc)" }
+    {
+      glowColor: "#9333ea",
+      glowIntensity: 0.6,
+      liquidColor: "#9333ea",
+      liquidColorEnd: "var(--nice-accent, #c084fc)"
+    }
   )
 }, wt = [
   Sr,
@@ -3077,7 +3203,15 @@ const _i = 0.1, Mi = 5, it = 8, gt = [
               markerWidth: "8",
               markerHeight: "8",
               orient: "auto-start-reverse",
-              children: /* @__PURE__ */ d("path", { d: "M 0 0 L 10 5 L 0 10", fill: "none", stroke: "var(--nice-text, #333)", strokeWidth: "1.5" })
+              children: /* @__PURE__ */ d(
+                "path",
+                {
+                  d: "M 0 0 L 10 5 L 0 10",
+                  fill: "none",
+                  stroke: "var(--nice-text, #333)",
+                  strokeWidth: "1.5"
+                }
+              )
             }
           ),
           /* @__PURE__ */ d(
@@ -3160,15 +3294,45 @@ const _i = 0.1, Mi = 5, it = 8, gt = [
           Array.from({ length: 100 }, (f, k) => {
             const $ = k * $e * i.zoom + i.x, D = k * $e;
             return $ > 20 ? /* @__PURE__ */ x("g", { children: [
-              /* @__PURE__ */ d("line", { x1: $, y1: "0", x2: $, y2: "20", stroke: "var(--nice-text-muted, #999)", strokeWidth: "0.5" }),
+              /* @__PURE__ */ d(
+                "line",
+                {
+                  x1: $,
+                  y1: "0",
+                  x2: $,
+                  y2: "20",
+                  stroke: "var(--nice-text-muted, #999)",
+                  strokeWidth: "0.5"
+                }
+              ),
               /* @__PURE__ */ d("text", { x: $ + 2, y: "14", fontSize: "9", fill: "var(--nice-text-secondary, #666)", children: D })
             ] }, `rx${k}`) : null;
           }),
           Array.from({ length: 100 }, (f, k) => {
             const $ = k * $e * i.zoom + i.y, D = k * $e;
             return $ > 20 ? /* @__PURE__ */ x("g", { children: [
-              /* @__PURE__ */ d("line", { x1: "0", y1: $, x2: "20", y2: $, stroke: "var(--nice-text-muted, #999)", strokeWidth: "0.5" }),
-              /* @__PURE__ */ d("text", { x: "2", y: $ - 2, fontSize: "9", fill: "var(--nice-text-secondary, #666)", writingMode: "tb", children: D })
+              /* @__PURE__ */ d(
+                "line",
+                {
+                  x1: "0",
+                  y1: $,
+                  x2: "20",
+                  y2: $,
+                  stroke: "var(--nice-text-muted, #999)",
+                  strokeWidth: "0.5"
+                }
+              ),
+              /* @__PURE__ */ d(
+                "text",
+                {
+                  x: "2",
+                  y: $ - 2,
+                  fontSize: "9",
+                  fill: "var(--nice-text-secondary, #666)",
+                  writingMode: "tb",
+                  children: D
+                }
+              )
             ] }, `ry${k}`) : null;
           })
         ] }),
@@ -3272,7 +3436,17 @@ const _i = 0.1, Mi = 5, it = 8, gt = [
                         strokeWidth: 1
                       }
                     ),
-                    /* @__PURE__ */ d("text", { x: z - 14, y: F + 3, textAnchor: "middle", fontSize: "12", fill: "var(--nice-text-secondary, #666)", children: "▼" })
+                    /* @__PURE__ */ d(
+                      "text",
+                      {
+                        x: z - 14,
+                        y: F + 3,
+                        textAnchor: "middle",
+                        fontSize: "12",
+                        fill: "var(--nice-text-secondary, #666)",
+                        children: "▼"
+                      }
+                    )
                   ]
                 }
               )
@@ -3395,7 +3569,17 @@ const _i = 0.1, Mi = 5, it = 8, gt = [
                       fillOpacity: 0.85
                     }
                   ),
-                  /* @__PURE__ */ d("text", { x: ye, y: Me - 2, textAnchor: "start", fontSize: "11", fill: "var(--nice-text-secondary, #555)", children: f.label })
+                  /* @__PURE__ */ d(
+                    "text",
+                    {
+                      x: ye,
+                      y: Me - 2,
+                      textAnchor: "start",
+                      fontSize: "11",
+                      fill: "var(--nice-text-secondary, #555)",
+                      children: f.label
+                    }
+                  )
                 ] });
               })()
             ] }, f.id);
@@ -3742,7 +3926,12 @@ const Si = 180, Ni = 120, Vt = ({
       className: `nice-diagram-minimap ${c ?? ""}`,
       width: s,
       height: n,
-      style: { border: "1px solid var(--nice-border, #ccc)", background: "var(--nice-bg, #fff)", borderRadius: 4, cursor: "pointer" },
+      style: {
+        border: "1px solid var(--nice-border, #ccc)",
+        background: "var(--nice-bg, #fff)",
+        borderRadius: 4,
+        cursor: "pointer"
+      },
       onClick: h,
       children: [
         e.map((b) => {
@@ -3750,7 +3939,18 @@ const Si = 180, Ni = 120, Vt = ({
           if (!v || !y)
             return null;
           const S = (v.position.x + v.size.width / 2 - u.minX) * p, C = (v.position.y + v.size.height / 2 - u.minY) * p, N = (y.position.x + y.size.width / 2 - u.minX) * p, _ = (y.position.y + y.size.height / 2 - u.minY) * p;
-          return /* @__PURE__ */ d("line", { x1: S, y1: C, x2: N, y2: _, stroke: "var(--nice-text-muted, #aaa)", strokeWidth: 0.5 }, b.id);
+          return /* @__PURE__ */ d(
+            "line",
+            {
+              x1: S,
+              y1: C,
+              x2: N,
+              y2: _,
+              stroke: "var(--nice-text-muted, #aaa)",
+              strokeWidth: 0.5
+            },
+            b.id
+          );
         }),
         r.map((b) => /* @__PURE__ */ d(
           "rect",
@@ -3954,7 +4154,12 @@ const Ii = [
       "h4",
       {
         className: "nice-diagram-property-panel__section-title",
-        style: { fontSize: 12, marginTop: 12, marginBottom: 4, color: "var(--nice-text-secondary, #666)" },
+        style: {
+          fontSize: 12,
+          marginTop: 12,
+          marginBottom: 4,
+          color: "var(--nice-text-secondary, #666)"
+        },
         children: "Effects"
       }
     ),
@@ -4227,7 +4432,12 @@ const Ii = [
       "h4",
       {
         className: "nice-diagram-property-panel__section-title",
-        style: { fontSize: 12, marginTop: 12, marginBottom: 4, color: "var(--nice-text-secondary, #666)" },
+        style: {
+          fontSize: 12,
+          marginTop: 12,
+          marginBottom: 4,
+          color: "var(--nice-text-secondary, #666)"
+        },
         children: "Liquid Flow"
       }
     ),
@@ -5979,7 +6189,12 @@ const na = ({ document: r, onClose: e }) => {
   edgeColor: p = "var(--nice-text-muted, #94a3b8)",
   tooltip: m
 }) => {
-  const [h, b] = J(!1), v = ie(() => r || (e || t ? oa(e ?? [], t ?? []) : null), [r, e, t]), y = ie(() => v ? new Map(v.nodes.map((I) => [I.id, I])) : /* @__PURE__ */ new Map(), [v]), { bounds: S, scale: C, translateX: N, translateY: _ } = ie(() => {
+  const [h, b] = J(!1), v = ie(() => r || (e || t ? oa(e ?? [], t ?? []) : null), [r, e, t]), y = ie(() => v ? new Map(v.nodes.map((I) => [I.id, I])) : /* @__PURE__ */ new Map(), [v]), {
+    bounds: S,
+    scale: C,
+    translateX: N,
+    translateY: _
+  } = ie(() => {
     if (!v || v.nodes.length === 0)
       return {
         bounds: { minX: 0, minY: 0, width: 100, height: 100 },
@@ -7275,7 +7490,11 @@ function Aa(r, e, t, i, a) {
   const o = r.frequency / t;
   switch (e) {
     case "frequency":
-      return mt("var(--nice-success, #10b981)", "var(--nice-primary, #3b82f6)", o);
+      return mt(
+        "var(--nice-success, #10b981)",
+        "var(--nice-primary, #3b82f6)",
+        o
+      );
     case "duration":
       return r.avgDuration ? mt("var(--nice-success, #10b981)", "var(--nice-warning, #f59e0b)", o) : "var(--nice-text-secondary, #6b7280)";
     case "cost":
@@ -8895,15 +9114,23 @@ function Ye(r, e, t, i) {
 }
 function no() {
   const r = re("Commit", { x: 40, y: 200 }, "circle", { width: 80, height: 80 }), e = re("Build", { x: 200, y: 200 }, "roundedRect"), t = re("Test", { x: 420, y: 200 }, "roundedRect"), i = re("Deploy", { x: 640, y: 200 }, "roundedRect"), a = re("Production", { x: 860, y: 200 }, "hexagon", { width: 140, height: 80 });
-  return Ye("CI/CD Pipeline", "flowchart", [r, e, t, i, a], [
-    oe(r, e, "right", "left"),
-    oe(e, t, "right", "left"),
-    oe(t, i, "right", "left"),
-    oe(i, a, "right", "left")
-  ]);
+  return Ye(
+    "CI/CD Pipeline",
+    "flowchart",
+    [r, e, t, i, a],
+    [
+      oe(r, e, "right", "left"),
+      oe(e, t, "right", "left"),
+      oe(t, i, "right", "left"),
+      oe(i, a, "right", "left")
+    ]
+  );
 }
 function so() {
-  const r = re("API Gateway", { x: 350, y: 40 }, "hexagon", { width: 160, height: 80 }), e = re("Auth Service", { x: 80, y: 200 }, "roundedRect"), t = re("User Service", { x: 300, y: 200 }, "roundedRect"), i = re("Order Service", { x: 520, y: 200 }, "roundedRect"), a = re("Notification", { x: 740, y: 200 }, "roundedRect"), o = re("Users DB", { x: 180, y: 380 }, "cylinder", { width: 120, height: 70 }), s = re("Orders DB", { x: 520, y: 380 }, "cylinder", { width: 120, height: 70 }), n = re("Message Queue", { x: 620, y: 380 }, "parallelogram", { width: 160, height: 60 }), c = [r, e, t, i, a, o, s, n], u = [
+  const r = re("API Gateway", { x: 350, y: 40 }, "hexagon", { width: 160, height: 80 }), e = re("Auth Service", { x: 80, y: 200 }, "roundedRect"), t = re("User Service", { x: 300, y: 200 }, "roundedRect"), i = re("Order Service", { x: 520, y: 200 }, "roundedRect"), a = re("Notification", { x: 740, y: 200 }, "roundedRect"), o = re("Users DB", { x: 180, y: 380 }, "cylinder", { width: 120, height: 70 }), s = re("Orders DB", { x: 520, y: 380 }, "cylinder", { width: 120, height: 70 }), n = re("Message Queue", { x: 620, y: 380 }, "parallelogram", {
+    width: 160,
+    height: 60
+  }), c = [r, e, t, i, a, o, s, n], u = [
     oe(r, e, "bottom", "top"),
     oe(r, t, "bottom", "top"),
     oe(r, i, "bottom", "top"),
@@ -8916,43 +9143,69 @@ function so() {
 }
 function co() {
   const r = re("Start", { x: 350, y: 20 }, "circle", { width: 70, height: 70 }), e = re("Landing Page", { x: 310, y: 140 }, "roundedRect"), t = re("Sign Up", { x: 140, y: 280 }, "roundedRect"), i = re("Log In", { x: 480, y: 280 }, "roundedRect"), a = re("Dashboard", { x: 310, y: 420 }, "roundedRect"), o = re("End", { x: 350, y: 560 }, "circle", { width: 70, height: 70 });
-  return Ye("User Flow", "flowchart", [r, e, t, i, a, o], [
-    oe(r, e, "bottom", "top"),
-    oe(e, t, "bottom", "top", "New user"),
-    oe(e, i, "bottom", "top", "Returning"),
-    oe(t, a, "bottom", "top"),
-    oe(i, a, "bottom", "top"),
-    oe(a, o, "bottom", "top")
-  ]);
+  return Ye(
+    "User Flow",
+    "flowchart",
+    [r, e, t, i, a, o],
+    [
+      oe(r, e, "bottom", "top"),
+      oe(e, t, "bottom", "top", "New user"),
+      oe(e, i, "bottom", "top", "Returning"),
+      oe(t, a, "bottom", "top"),
+      oe(i, a, "bottom", "top"),
+      oe(a, o, "bottom", "top")
+    ]
+  );
 }
 function lo() {
-  const r = re("Users", { x: 80, y: 100 }, "rectangle", { width: 180, height: 100 }), e = re("Orders", { x: 380, y: 100 }, "rectangle", { width: 180, height: 100 }), t = re("Products", { x: 380, y: 320 }, "rectangle", { width: 180, height: 100 }), i = re("Categories", { x: 680, y: 320 }, "rectangle", { width: 180, height: 100 });
-  return Ye("Entity Relationship", "er", [r, e, t, i], [
-    oe(r, e, "right", "left", "1:N"),
-    oe(e, t, "bottom", "top", "N:M"),
-    oe(t, i, "right", "left", "N:1")
-  ]);
+  const r = re("Users", { x: 80, y: 100 }, "rectangle", { width: 180, height: 100 }), e = re("Orders", { x: 380, y: 100 }, "rectangle", { width: 180, height: 100 }), t = re("Products", { x: 380, y: 320 }, "rectangle", {
+    width: 180,
+    height: 100
+  }), i = re("Categories", { x: 680, y: 320 }, "rectangle", {
+    width: 180,
+    height: 100
+  });
+  return Ye(
+    "Entity Relationship",
+    "er",
+    [r, e, t, i],
+    [
+      oe(r, e, "right", "left", "1:N"),
+      oe(e, t, "bottom", "top", "N:M"),
+      oe(t, i, "right", "left", "N:1")
+    ]
+  );
 }
 function uo() {
   const r = re("CEO", { x: 350, y: 40 }, "roundedRect"), e = re("CTO", { x: 150, y: 180 }, "roundedRect"), t = re("CFO", { x: 550, y: 180 }, "roundedRect"), i = re("Engineering", { x: 50, y: 320 }, "roundedRect"), a = re("DevOps", { x: 250, y: 320 }, "roundedRect"), o = re("Accounting", { x: 550, y: 320 }, "roundedRect");
-  return Ye("Organization Chart", "orgchart", [r, e, t, i, a, o], [
-    oe(r, e, "bottom", "top"),
-    oe(r, t, "bottom", "top"),
-    oe(e, i, "bottom", "top"),
-    oe(e, a, "bottom", "top"),
-    oe(t, o, "bottom", "top")
-  ]);
+  return Ye(
+    "Organization Chart",
+    "orgchart",
+    [r, e, t, i, a, o],
+    [
+      oe(r, e, "bottom", "top"),
+      oe(r, t, "bottom", "top"),
+      oe(e, i, "bottom", "top"),
+      oe(e, a, "bottom", "top"),
+      oe(t, o, "bottom", "top")
+    ]
+  );
 }
 function fo() {
   const r = re("Idle", { x: 80, y: 200 }, "circle", { width: 90, height: 90 }), e = re("Loading", { x: 300, y: 80 }, "roundedRect"), t = re("Success", { x: 520, y: 80 }, "roundedRect"), i = re("Error", { x: 520, y: 320 }, "roundedRect"), a = re("Retry", { x: 300, y: 320 }, "diamond", { width: 100, height: 100 });
-  return Ye("State Machine", "stateMachine", [r, e, t, i, a], [
-    oe(r, e, "right", "left", "fetch"),
-    oe(e, t, "right", "left", "ok"),
-    oe(e, i, "bottom", "top", "fail"),
-    oe(i, a, "left", "right"),
-    oe(a, e, "top", "bottom", "retry"),
-    oe(a, r, "left", "right", "cancel")
-  ]);
+  return Ye(
+    "State Machine",
+    "stateMachine",
+    [r, e, t, i, a],
+    [
+      oe(r, e, "right", "left", "fetch"),
+      oe(e, t, "right", "left", "ok"),
+      oe(e, i, "bottom", "top", "fail"),
+      oe(i, a, "left", "right"),
+      oe(a, e, "top", "bottom", "retry"),
+      oe(a, r, "left", "right", "cancel")
+    ]
+  );
 }
 const _t = [
   {

package/dist/types/diagramTypes.d.ts

@@ -407,4 +407,3 @@ export interface DiagramExportOptions {
     /** Fit content to page (PDF) */
     fitToPage?: boolean;
 }
-//# sourceMappingURL=diagramTypes.d.ts.map

package/dist/ui-diagrams.css

@@ -1 +1 @@
-.nice-diagram-editor{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--nice-bg, #FFF);color:var(--nice-text, #222);border:1px solid var(--nice-border, #ddd);border-radius:var(--nice-radius-md, 6px);overflow:hidden}.nice-diagram-toolbar{display:flex;align-items:center;gap:var(--nice-space-0-5, 2px);padding:var(--nice-space-1, 4px) var(--nice-space-2, 8px);background:var(--nice-bg-secondary, #f5f5f5);border-bottom:1px solid var(--nice-border, #ddd);flex-wrap:wrap}.nice-diagram-toolbar__group{display:flex;gap:var(--nice-space-0-5, 2px);padding-right:var(--nice-space-1-5, 6px);border-right:1px solid var(--nice-border, #e0e0e0);margin-right:var(--nice-space-1, 4px)}.nice-diagram-toolbar__group:last-child{border-right:none;margin-right:0}.nice-diagram-toolbar__group--relative{position:relative}.nice-diagram-toolbar__btn{display:inline-flex;align-items:center;gap:var(--nice-space-1, 4px);padding:var(--nice-space-1, 4px) var(--nice-space-2, 8px);border:1px solid transparent;border-radius:var(--nice-radius-sm, 4px);background:transparent;cursor:pointer;font-size:13px;color:var(--nice-text, #444);white-space:nowrap;transition:background .15s,border-color .15s}.nice-diagram-toolbar__btn:hover{background:var(--nice-border, #e8e8e8)}.nice-diagram-toolbar__btn--active{background:var(--nice-primary-bg, #dbeafe);border-color:var(--nice-primary, #2196f3);color:var(--nice-primary-dark, #1565c0)}.nice-diagram-toolbar__btn:disabled{opacity:.4;cursor:default}.nice-diagram-toolbar__dropdown{position:absolute;top:100%;left:0;z-index:10;background:var(--nice-bg, #FFF);border:1px solid var(--nice-border, #ccc);border-radius:var(--nice-radius-sm, 4px);box-shadow:0 4px 12px var(--nice-overlay-12, rgba(0, 0, 0, .12));min-width:140px;padding:var(--nice-space-1, 4px) 0}.nice-diagram-toolbar__dropdown-item{display:block;width:100%;text-align:left;padding:var(--nice-space-1-5, 6px) var(--nice-space-3, 12px);border:none;background:none;cursor:pointer;font-size:13px;color:var(--nice-text, #333)}.nice-diagram-toolbar__dropdown-item:hover{background:var(--nice-primary-bg, #f0f4ff)}.nice-diagram-property-panel{padding:var(--nice-space-3, 12px);font-size:13px}.nice-diagram-property-panel--empty{display:flex;align-items:center;justify-content:center;min-height:100px}.nice-diagram-property-panel__hint{color:var(--nice-text-muted, #999);font-style:italic}.nice-diagram-property-panel__title{font-size:14px;font-weight:600;margin:0 0 var(--nice-space-3, 12px);color:var(--nice-text, #333)}.nice-diagram-property-panel__label{display:flex;flex-direction:column;gap:var(--nice-space-0-75, 3px);margin-bottom:var(--nice-space-2-5, 10px);font-size:12px;color:var(--nice-text-secondary, #666)}.nice-diagram-property-panel__label--half{flex:1;min-width:0}.nice-diagram-property-panel__label--check{flex-direction:row;align-items:center;gap:var(--nice-space-1-5, 6px)}.nice-diagram-property-panel__row{display:flex;gap:var(--nice-space-2, 8px)}.nice-diagram-property-panel__input,.nice-diagram-property-panel__select{padding:var(--nice-space-1, 4px) var(--nice-space-1-5, 6px);border:1px solid var(--nice-border, #ccc);border-radius:var(--nice-radius-sm, 4px);font-size:13px;outline:none}.nice-diagram-property-panel__input:focus,.nice-diagram-property-panel__select:focus{border-color:var(--nice-primary, #2196f3)}.nice-diagram-property-panel__color{width:100%;height:28px;padding:0;border:1px solid var(--nice-border, #ccc);border-radius:var(--nice-radius-sm, 4px);cursor:pointer}.nice-diagram-property-panel__btn{width:100%;padding:var(--nice-space-1-5, 6px) var(--nice-space-3, 12px);border:1px solid var(--nice-border, #ccc);border-radius:var(--nice-radius-sm, 4px);cursor:pointer;font-size:13px;margin-top:var(--nice-space-2, 8px);transition:background .15s}.nice-diagram-property-panel__btn--danger{color:var(--nice-danger-dark, #d32f2f);border-color:var(--nice-danger-dark, #d32f2f);background:var(--nice-danger-bg, #fff5f5)}.nice-diagram-property-panel__btn--danger:hover{background:var(--nice-danger-bg, #ffebee)}.nice-diagram-minimap{box-shadow:0 2px 8px var(--nice-overlay-10, rgba(0, 0, 0, .1))}.nice-diagram-timeline{padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);font-size:13px;min-height:80px}.nice-diagram-timeline__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--nice-space-2, 8px)}.nice-diagram-timeline__title{font-size:13px;font-weight:600;margin:0;color:var(--nice-text, #333)}.nice-diagram-timeline__controls{display:flex;gap:var(--nice-space-1, 4px)}.nice-diagram-timeline__btn{padding:var(--nice-space-0-75, 3px) var(--nice-space-2, 8px);border:1px solid var(--nice-border, #ccc);border-radius:var(--nice-radius-sm, 4px);background:var(--nice-bg, #FFF);cursor:pointer;font-size:12px}.nice-diagram-timeline__btn:hover{background:var(--nice-bg-secondary, #f0f0f0)}.nice-diagram-timeline__empty{color:var(--nice-text-muted, #999);font-style:italic;text-align:center;padding:var(--nice-space-3, 12px);margin:0}.nice-diagram-timeline__tracks{display:flex;flex-direction:column;gap:var(--nice-space-1, 4px)}.nice-diagram-timeline__track{display:flex;align-items:center;gap:var(--nice-space-2, 8px)}.nice-diagram-timeline__track-label{display:flex;align-items:center;gap:var(--nice-space-1, 4px);min-width:160px;font-size:12px}.nice-diagram-timeline__track-name{font-weight:500;color:var(--nice-text, #333)}.nice-diagram-timeline__track-effect{color:var(--nice-text-secondary, #888);font-size:11px}.nice-diagram-timeline__track-remove{margin-left:auto;border:none;background:none;color:var(--nice-danger-dark, #d32f2f);cursor:pointer;font-size:16px;line-height:1;padding:0 var(--nice-space-0-5, 2px)}.nice-diagram-timeline__track-bar{flex:1;height:20px;background:var(--nice-bg-secondary, #f0f0f0);border-radius:var(--nice-radius-sm, 3px);position:relative;overflow:hidden}.nice-diagram-timeline__track-segment{position:absolute;top:2px;bottom:2px;background:var(--nice-primary-light, #64b5f6);border-radius:var(--nice-radius-sm, 2px);min-width:4px}.nice-diagram-timeline__ruler{position:relative;height:16px;margin-top:var(--nice-space-1, 4px);margin-left:168px}.nice-diagram-timeline__ruler-mark{position:absolute;font-size:10px;color:var(--nice-text-muted, #aaa);transform:translate(-50%)}.nice-diagram-viewer{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--nice-bg, #FFF);border:1px solid var(--nice-border, #ddd);border-radius:var(--nice-radius-md, 6px);overflow:hidden}.nice-diagram-viewer__btn{padding:var(--nice-space-0-75, 3px) var(--nice-space-2, 8px);border:1px solid var(--nice-border, #ccc);border-radius:var(--nice-radius-sm, 4px);background:var(--nice-bg, #FFF);cursor:pointer;font-size:12px}.nice-diagram-viewer__btn:hover{background:var(--nice-bg-secondary, #f0f0f0)}.nice-diagram-canvas{-webkit-user-select:none;user-select:none}._cell_9ewd0_9{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--nice-border-light, #e2e8f0);transition:all .15s ease}._cell_9ewd0_9._expandable_9ewd0_29{cursor:pointer}._cell_9ewd0_9._expandable_9ewd0_29:hover{border-color:var(--nice-primary-light, #93c5fd);box-shadow:0 1px 4px var(--nice-primary-tint-15, rgba(59, 130, 246, .15))}._cell_9ewd0_9._expandable_9ewd0_29:active{transform:scale(.98)}._svg_9ewd0_57{display:block}._emptyText_9ewd0_67{color:var(--nice-text-tertiary, #94a3b8);font-size:.75rem}._badge_9ewd0_79{position:absolute;top:2px;right:2px;display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 var(--nice-space-1, 4px);border-radius:var(--nice-radius-lg, 8px);background:var(--nice-bg-tertiary, #e2e8f0);color:var(--nice-text-secondary, #64748b);font-size:.625rem;font-weight:600;line-height:1}._expandIcon_9ewd0_117{position:absolute;bottom:2px;right:2px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--nice-radius-sm, 4px);background:var(--nice-overlay-light-85, rgba(255, 255, 255, .85));color:var(--nice-text-secondary, #64748b);opacity:0;transition:opacity .15s ease}._cell_9ewd0_9._expandable_9ewd0_29:hover ._expandIcon_9ewd0_117{opacity:1}._modalOverlay_9ewd0_165{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:var(--nice-overlay-50, rgba(0, 0, 0, .5));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;animation:_fadeIn_9ewd0_1 .15s ease}@keyframes _fadeIn_9ewd0_1{0%{opacity:0}to{opacity:1}}._modalContent_9ewd0_213{display:flex;flex-direction:column;width:90vw;max-width:800px;height:80vh;max-height:600px;background:var(--nice-bg-primary, #ffffff);border-radius:var(--nice-radius-xl, 12px);box-shadow:0 20px 40px var(--nice-overlay-20, rgba(0, 0, 0, .2));overflow:hidden;animation:_slideUp_9ewd0_1 .2s ease}@keyframes _slideUp_9ewd0_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._modalHeader_9ewd0_263{display:flex;align-items:center;justify-content:space-between;padding:var(--nice-space-4, 16px) var(--nice-space-5, 20px);border-bottom:1px solid var(--nice-border, #e2e8f0);background:var(--nice-bg-secondary, #f8fafc)}._modalTitle_9ewd0_281{margin:0;font-size:1rem;font-weight:600;color:var(--nice-text-primary, #1e293b)}._modalClose_9ewd0_295{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--nice-radius-md, 6px);background:transparent;color:var(--nice-text-secondary, #64748b);cursor:pointer;transition:all .15s ease}._modalClose_9ewd0_295:hover{background:var(--nice-bg-tertiary, #e2e8f0);color:var(--nice-text-primary, #1e293b)}._modalBody_9ewd0_333{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--nice-space-5, 20px);background:var(--nice-bg-primary, #ffffff);overflow:hidden}._modalSvg_9ewd0_353{max-width:100%;max-height:100%;width:auto;height:auto}._modalFooter_9ewd0_367{display:flex;align-items:center;justify-content:flex-end;padding:var(--nice-space-3, 12px) var(--nice-space-5, 20px);border-top:1px solid var(--nice-border, #e2e8f0);background:var(--nice-bg-secondary, #f8fafc)}._modalInfo_9ewd0_385{font-size:.75rem;color:var(--nice-text-secondary, #64748b)}@media(prefers-color-scheme:dark){._cell_9ewd0_9{border-color:var(--nice-border-dark, #374151)}._badge_9ewd0_79{background:var(--nice-bg-dark-tertiary, #374151);color:var(--nice-text-dark-secondary, #9ca3af)}._expandIcon_9ewd0_117{background:var(--nice-overlay-75, rgba(0, 0, 0, .75));color:var(--nice-text-dark-secondary, #9ca3af)}._modalContent_9ewd0_213{box-shadow:0 20px 40px var(--nice-overlay-50, rgba(0, 0, 0, .5))}}
+.nice-diagram-editor{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--nice-bg, #fff);color:var(--nice-text, #222);border:1px solid var(--nice-border, #ddd);border-radius:var(--nice-radius-md, 6px);overflow:hidden}.nice-diagram-toolbar{display:flex;align-items:center;gap:var(--nice-space-0-5, 2px);padding:var(--nice-space-1, 4px) var(--nice-space-2, 8px);background:var(--nice-bg-secondary, #f5f5f5);border-bottom:1px solid var(--nice-border, #ddd);flex-wrap:wrap}.nice-diagram-toolbar__group{display:flex;gap:var(--nice-space-0-5, 2px);padding-right:var(--nice-space-1-5, 6px);border-right:1px solid var(--nice-border, #e0e0e0);margin-right:var(--nice-space-1, 4px)}.nice-diagram-toolbar__group:last-child{border-right:none;margin-right:0}.nice-diagram-toolbar__group--relative{position:relative}.nice-diagram-toolbar__btn{display:inline-flex;align-items:center;gap:var(--nice-space-1, 4px);padding:var(--nice-space-1, 4px) var(--nice-space-2, 8px);border:1px solid transparent;border-radius:var(--nice-radius-sm, 4px);background:transparent;cursor:pointer;font-size:13px;color:var(--nice-text, #444);white-space:nowrap;transition:background .15s,border-color .15s}.nice-diagram-toolbar__btn:hover{background:var(--nice-border, #e8e8e8)}.nice-diagram-toolbar__btn--active{background:var(--nice-primary-bg, #dbeafe);border-color:var(--nice-primary, #2196f3);color:var(--nice-primary-dark, #1565c0)}.nice-diagram-toolbar__btn:disabled{opacity:.4;cursor:default}.nice-diagram-toolbar__dropdown{position:absolute;top:100%;left:0;z-index:10;background:var(--nice-bg, #fff);border:1px solid var(--nice-border, #ccc);border-radius:var(--nice-radius-sm, 4px);box-shadow:0 4px 12px var(--nice-overlay-12, rgba(0, 0, 0, .12));min-width:140px;padding:var(--nice-space-1, 4px) 0}.nice-diagram-toolbar__dropdown-item{display:block;width:100%;text-align:left;padding:var(--nice-space-1-5, 6px) var(--nice-space-3, 12px);border:none;background:none;cursor:pointer;font-size:13px;color:var(--nice-text, #333)}.nice-diagram-toolbar__dropdown-item:hover{background:var(--nice-primary-bg, #f0f4ff)}.nice-diagram-property-panel{padding:var(--nice-space-3, 12px);font-size:13px}.nice-diagram-property-panel--empty{display:flex;align-items:center;justify-content:center;min-height:100px}.nice-diagram-property-panel__hint{color:var(--nice-text-muted, #999);font-style:italic}.nice-diagram-property-panel__title{font-size:14px;font-weight:600;margin:0 0 var(--nice-space-3, 12px);color:var(--nice-text, #333)}.nice-diagram-property-panel__label{display:flex;flex-direction:column;gap:var(--nice-space-0-75, 3px);margin-bottom:var(--nice-space-2-5, 10px);font-size:12px;color:var(--nice-text-secondary, #666)}.nice-diagram-property-panel__label--half{flex:1;min-width:0}.nice-diagram-property-panel__label--check{flex-direction:row;align-items:center;gap:var(--nice-space-1-5, 6px)}.nice-diagram-property-panel__row{display:flex;gap:var(--nice-space-2, 8px)}.nice-diagram-property-panel__input,.nice-diagram-property-panel__select{padding:var(--nice-space-1, 4px) var(--nice-space-1-5, 6px);border:1px solid var(--nice-border, #ccc);border-radius:var(--nice-radius-sm, 4px);font-size:13px;outline:none}.nice-diagram-property-panel__input:focus,.nice-diagram-property-panel__select:focus{border-color:var(--nice-primary, #2196f3)}.nice-diagram-property-panel__color{width:100%;height:28px;padding:0;border:1px solid var(--nice-border, #ccc);border-radius:var(--nice-radius-sm, 4px);cursor:pointer}.nice-diagram-property-panel__btn{width:100%;padding:var(--nice-space-1-5, 6px) var(--nice-space-3, 12px);border:1px solid var(--nice-border, #ccc);border-radius:var(--nice-radius-sm, 4px);cursor:pointer;font-size:13px;margin-top:var(--nice-space-2, 8px);transition:background .15s}.nice-diagram-property-panel__btn--danger{color:var(--nice-danger-dark, #d32f2f);border-color:var(--nice-danger-dark, #d32f2f);background:var(--nice-danger-bg, #fff5f5)}.nice-diagram-property-panel__btn--danger:hover{background:var(--nice-danger-bg, #ffebee)}.nice-diagram-minimap{box-shadow:0 2px 8px var(--nice-overlay-10, rgba(0, 0, 0, .1))}.nice-diagram-timeline{padding:var(--nice-space-2, 8px) var(--nice-space-3, 12px);font-size:13px;min-height:80px}.nice-diagram-timeline__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--nice-space-2, 8px)}.nice-diagram-timeline__title{font-size:13px;font-weight:600;margin:0;color:var(--nice-text, #333)}.nice-diagram-timeline__controls{display:flex;gap:var(--nice-space-1, 4px)}.nice-diagram-timeline__btn{padding:var(--nice-space-0-75, 3px) var(--nice-space-2, 8px);border:1px solid var(--nice-border, #ccc);border-radius:var(--nice-radius-sm, 4px);background:var(--nice-bg, #fff);cursor:pointer;font-size:12px}.nice-diagram-timeline__btn:hover{background:var(--nice-bg-secondary, #f0f0f0)}.nice-diagram-timeline__empty{color:var(--nice-text-muted, #999);font-style:italic;text-align:center;padding:var(--nice-space-3, 12px);margin:0}.nice-diagram-timeline__tracks{display:flex;flex-direction:column;gap:var(--nice-space-1, 4px)}.nice-diagram-timeline__track{display:flex;align-items:center;gap:var(--nice-space-2, 8px)}.nice-diagram-timeline__track-label{display:flex;align-items:center;gap:var(--nice-space-1, 4px);min-width:160px;font-size:12px}.nice-diagram-timeline__track-name{font-weight:500;color:var(--nice-text, #333)}.nice-diagram-timeline__track-effect{color:var(--nice-text-secondary, #888);font-size:11px}.nice-diagram-timeline__track-remove{margin-left:auto;border:none;background:none;color:var(--nice-danger-dark, #d32f2f);cursor:pointer;font-size:16px;line-height:1;padding:0 var(--nice-space-0-5, 2px)}.nice-diagram-timeline__track-bar{flex:1;height:20px;background:var(--nice-bg-secondary, #f0f0f0);border-radius:var(--nice-radius-sm, 3px);position:relative;overflow:hidden}.nice-diagram-timeline__track-segment{position:absolute;top:2px;bottom:2px;background:var(--nice-primary-light, #64b5f6);border-radius:var(--nice-radius-sm, 2px);min-width:4px}.nice-diagram-timeline__ruler{position:relative;height:16px;margin-top:var(--nice-space-1, 4px);margin-left:168px}.nice-diagram-timeline__ruler-mark{position:absolute;font-size:10px;color:var(--nice-text-muted, #aaa);transform:translate(-50%)}.nice-diagram-viewer{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--nice-bg, #fff);border:1px solid var(--nice-border, #ddd);border-radius:var(--nice-radius-md, 6px);overflow:hidden}.nice-diagram-viewer__btn{padding:var(--nice-space-0-75, 3px) var(--nice-space-2, 8px);border:1px solid var(--nice-border, #ccc);border-radius:var(--nice-radius-sm, 4px);background:var(--nice-bg, #fff);cursor:pointer;font-size:12px}.nice-diagram-viewer__btn:hover{background:var(--nice-bg-secondary, #f0f0f0)}.nice-diagram-canvas{-webkit-user-select:none;user-select:none}._cell_9ewd0_9{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--nice-border-light, #e2e8f0);transition:all .15s ease}._cell_9ewd0_9._expandable_9ewd0_29{cursor:pointer}._cell_9ewd0_9._expandable_9ewd0_29:hover{border-color:var(--nice-primary-light, #93c5fd);box-shadow:0 1px 4px var(--nice-primary-tint-15, rgba(59, 130, 246, .15))}._cell_9ewd0_9._expandable_9ewd0_29:active{transform:scale(.98)}._svg_9ewd0_57{display:block}._emptyText_9ewd0_67{color:var(--nice-text-tertiary, #94a3b8);font-size:.75rem}._badge_9ewd0_79{position:absolute;top:2px;right:2px;display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 var(--nice-space-1, 4px);border-radius:var(--nice-radius-lg, 8px);background:var(--nice-bg-tertiary, #e2e8f0);color:var(--nice-text-secondary, #64748b);font-size:.625rem;font-weight:600;line-height:1}._expandIcon_9ewd0_117{position:absolute;bottom:2px;right:2px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--nice-radius-sm, 4px);background:var(--nice-overlay-light-85, rgba(255, 255, 255, .85));color:var(--nice-text-secondary, #64748b);opacity:0;transition:opacity .15s ease}._cell_9ewd0_9._expandable_9ewd0_29:hover ._expandIcon_9ewd0_117{opacity:1}._modalOverlay_9ewd0_165{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:var(--nice-overlay-50, rgba(0, 0, 0, .5));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;animation:_fadeIn_9ewd0_1 .15s ease}@keyframes _fadeIn_9ewd0_1{0%{opacity:0}to{opacity:1}}._modalContent_9ewd0_213{display:flex;flex-direction:column;width:90vw;max-width:800px;height:80vh;max-height:600px;background:var(--nice-bg-primary, #ffffff);border-radius:var(--nice-radius-xl, 12px);box-shadow:0 20px 40px var(--nice-overlay-20, rgba(0, 0, 0, .2));overflow:hidden;animation:_slideUp_9ewd0_1 .2s ease}@keyframes _slideUp_9ewd0_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._modalHeader_9ewd0_263{display:flex;align-items:center;justify-content:space-between;padding:var(--nice-space-4, 16px) var(--nice-space-5, 20px);border-bottom:1px solid var(--nice-border, #e2e8f0);background:var(--nice-bg-secondary, #f8fafc)}._modalTitle_9ewd0_281{margin:0;font-size:1rem;font-weight:600;color:var(--nice-text-primary, #1e293b)}._modalClose_9ewd0_295{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--nice-radius-md, 6px);background:transparent;color:var(--nice-text-secondary, #64748b);cursor:pointer;transition:all .15s ease}._modalClose_9ewd0_295:hover{background:var(--nice-bg-tertiary, #e2e8f0);color:var(--nice-text-primary, #1e293b)}._modalBody_9ewd0_333{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--nice-space-5, 20px);background:var(--nice-bg-primary, #ffffff);overflow:hidden}._modalSvg_9ewd0_353{max-width:100%;max-height:100%;width:auto;height:auto}._modalFooter_9ewd0_367{display:flex;align-items:center;justify-content:flex-end;padding:var(--nice-space-3, 12px) var(--nice-space-5, 20px);border-top:1px solid var(--nice-border, #e2e8f0);background:var(--nice-bg-secondary, #f8fafc)}._modalInfo_9ewd0_385{font-size:.75rem;color:var(--nice-text-secondary, #64748b)}@media(prefers-color-scheme:dark){._cell_9ewd0_9{border-color:var(--nice-border-dark, #374151)}._badge_9ewd0_79{background:var(--nice-bg-dark-tertiary, #374151);color:var(--nice-text-dark-secondary, #9ca3af)}._expandIcon_9ewd0_117{background:var(--nice-overlay-75, rgba(0, 0, 0, .75));color:var(--nice-text-dark-secondary, #9ca3af)}._modalContent_9ewd0_213{box-shadow:0 20px 40px var(--nice-overlay-50, rgba(0, 0, 0, .5))}}

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@nice2dev/ui-diagrams",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "description": "Nice2Dev Diagram Editor & Viewer — flowcharts, org charts, BPMN, ER diagrams with animations, data binding, and custom .ndd.json format",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
-  "types": "src/index.ts",
+  "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./src/index.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.cjs",
-      "default": "./src/index.ts"
+      "default": "./dist/index.mjs"
     },
-    "./style.css": "./dist/style.css"
+    "./style.css": "./dist/ui-diagrams.css"
   },
   "files": [
     "dist",
@@ -40,7 +40,7 @@
     "react-dom": ">=17.0.0"
   },
   "devDependencies": {
-    "@nice2dev/ui": "^1.1.5",
+    "@nice2dev/ui": "^1.1.7",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",
     "@types/react": "^19.2.18",