@particle-academy/react-fancy 1.0.0 → 1.3.1

package/README.md

@@ -5,15 +5,26 @@ React UI component library — the React port of the `fancy-flux` Blade/Livewire
 ## Installation
 
 ```bash
+# npm
+npm install @particle-academy/react-fancy
+
+# pnpm
 pnpm add @particle-academy/react-fancy
+
+# yarn
+yarn add @particle-academy/react-fancy
 ```
 
-Peer dependencies: `react >= 18`, `react-dom >= 18`.
+**Peer dependencies:** `react >= 18`, `react-dom >= 18`, `tailwindcss >= 4`
+
+**Bundled dependencies:** `clsx`, `tailwind-merge`, `marked`
+
+**External dependency:** `lucide-react` (default icon library)
 
 ## Usage
 
 ```tsx
-import { Action, Input, Select, Carousel } from "@particle-academy/react-fancy";
+import { Action, Input, Modal, Dropdown } from "@particle-academy/react-fancy";
 import "@particle-academy/react-fancy/styles.css";
 ```
 
@@ -34,14 +45,21 @@ npx vite build                      # Build demo app (verifies imports work)
 
 ## Components
 
+### Core
+
 | Component | Description |
 |-----------|-------------|
 | Action | Button with colors, states, icons, emoji, avatar, badge, sort control |
-| Carousel | Slide carousel with controls, steps, and panels |
-| ColorPicker | Color selection widget |
+| Carousel | Slide carousel with directional/wizard variants, autoplay, loop |
+| ColorPicker | Native color input with swatch preview, hex display, presets |
 | Emoji | Emoji renderer from slugs |
 | EmojiSelect | Emoji search and selection dropdown |
 | Table | Data table with sorting, pagination, search, and tray |
+
+### Form Inputs
+
+| Component | Description |
+|-----------|-------------|
 | Field | Form field wrapper with label and error display |
 | Input | Text input |
 | Textarea | Multi-line text input |
@@ -51,6 +69,93 @@ npx vite build                      # Build demo app (verifies imports work)
 | Switch | Toggle switch |
 | Slider | Range slider (single and range modes) |
 | DatePicker | Date selection (single and range modes) |
+| Autocomplete | Input with filtered dropdown suggestions, async search, keyboard nav |
+| Pillbox | Tag/pill input with add/remove, backspace delete |
+| OtpInput | Single-digit OTP code input with auto-advance and paste support |
+| FileUpload | Drag-and-drop file upload with dropzone and file list |
+| TimePicker | Hour/minute/AM-PM time selection |
+| Calendar | Month grid with single, range, and multi-select modes |
+
+### Display
+
+| Component | Description |
+|-----------|-------------|
+| Heading | Semantic heading (`h1`–`h6`) with size and weight props |
+| Text | Paragraph/span with size, color, weight, and `as` prop |
+| Separator | Horizontal/vertical divider with optional label |
+| Badge | Inline label with color, variant, size, and dot indicator |
+| Icon | Size wrapper around icon ReactNode |
+| Avatar | Image with fallback initials, size variants, status indicator |
+| Skeleton | Animated placeholder (rect, circle, text), pulse animation |
+| Progress | Bar and circular variants, indeterminate mode |
+| Brand | Logo + text lockup |
+| Profile | Avatar + name + subtitle layout |
+| Card | Container with Header, Body, Footer compound slots |
+| Callout | Alert/info box with icon, color, and dismissible support |
+| Timeline | Vertical event list with Item and Block sub-components |
+
+### Overlay & Floating
+
+| Component | Description |
+|-----------|-------------|
+| Tooltip | Hover/focus tooltip with arrow and placement control |
+| Popover | Click-triggered floating panel |
+| Dropdown | Popover with keyboard-navigable menu items |
+| ContextMenu | Right-click triggered dropdown |
+| Modal | Full-screen backdrop dialog with focus trap and scroll lock |
+| Toast | Notification stack with auto-dismiss, variants, and position options |
+| Command | `Cmd+K` command palette with search and keyboard navigation |
+
+### Navigation & Layout
+
+| Component | Description |
+|-----------|-------------|
+| Tabs | Tabbed content with underline, pills, and boxed variants |
+| Accordion | Collapsible content sections (single/multiple mode) |
+| Breadcrumbs | Navigation breadcrumb trail with separator |
+| Navbar | Responsive navigation bar with hamburger collapse |
+| Pagination | Page navigation with prev/next and ellipsis |
+
+### Rich Content
+
+| Component | Description |
+|-----------|-------------|
+| Composer | Chat-style message input composing textarea + actions |
+| Chart | SVG-based Bar and Donut charts |
+| Editor | Toolbar chrome wrapper for contentEditable |
+| Kanban | Drag-and-drop board with columns and cards (experimental) |
+
+### Utilities & Hooks
+
+| Export | Description |
+|--------|-------------|
+| Portal | `createPortal` wrapper with automatic dark mode propagation |
+| `cn()` | `clsx` + `tailwind-merge` for conditional class composition |
+| `useControllableState` | Controlled/uncontrolled state management |
+| `useFloatingPosition` | Anchor-relative positioning for floating elements |
+| `useOutsideClick` | Close on click outside handler |
+| `useEscapeKey` | Close on Escape key handler |
+| `useFocusTrap` | Tab-cycle focus within container |
+| `useAnimation` | Enter/exit CSS transitions with unmount |
+| `useId` | Stable ID generation |
+
+## Customization
+
+All components render a `data-react-fancy-*` attribute on their root element (e.g., `data-react-fancy-modal`, `data-react-fancy-dropdown-item`). Use these for external CSS targeting or JavaScript integration:
+
+```css
+[data-react-fancy-modal] {
+  --custom-border-radius: 1rem;
+}
+```
+
+```js
+document.querySelectorAll("[data-react-fancy-dropdown-item]");
+```
+
+## Dark Mode
+
+Dark mode works via Tailwind's `dark:` class strategy. The library's `Portal` component automatically detects the `dark` class (or `data-theme="dark"`) on `<html>` and propagates it into portaled content (modals, dropdowns, tooltips, toasts, etc.).
 
 ## Architecture
 
@@ -63,27 +168,30 @@ src/
 │   │   ├── Action.tsx           # Component implementation
 │   │   ├── Action.types.ts      # Props interface
 │   │   └── index.ts             # Re-exports
-│   ├── Carousel/
+│   ├── Modal/
+│   │   ├── Modal.tsx            # Root + Object.assign compound
+│   │   ├── Modal.context.ts     # React context (compound components)
+│   │   ├── Modal.types.ts       # Props interfaces
+│   │   ├── ModalHeader.tsx      # Sub-component
+│   │   ├── ModalBody.tsx
+│   │   ├── ModalFooter.tsx
+│   │   └── index.ts
 │   ├── inputs/           # Form input components (Field, Input, Select, etc.)
 │   └── ...
 ├── data/                 # Static data (emoji entries, etc.)
 ├── hooks/                # Shared React hooks
 ├── utils/                # Shared utilities (cn, types)
+├── styles.css            # Keyframe animations
 └── index.ts              # Public API — all exports
 ```
 
-### Key Utilities
-
-- **`cn()`** (`utils/cn.ts`) — `clsx` + `tailwind-merge` for conditional class composition.
-- **`resolve(slug)`** (`data/emoji-utils.ts`) — Resolves emoji slugs (e.g., `"rocket"`) to Unicode characters.
-- **`useControllableState`** (`hooks/`) — For components supporting both controlled and uncontrolled modes.
-
 ### Shared Types (`utils/types.ts`)
 
 - `Size` — `"xs" | "sm" | "md" | "lg" | "xl"`
 - `Color` — Full Tailwind color palette (17 colors)
 - `ActionColor` — Subset of 10 standalone colors matching fancy-flux
 - `Variant` — `"solid" | "outline" | "ghost" | "soft"`
+- `Placement` — `"top" | "bottom" | "left" | "right"` + start/end variants
 
 ## Demo Pages
 
@@ -100,9 +208,14 @@ Guidelines for AI agents (Claude Code, Copilot, etc.) working on this package.
 Every component follows this structure:
 
 1. **`ComponentName.types.ts`** — Props interface extending native HTML element attributes. Import shared types from `../../utils/types`.
-2. **`ComponentName.tsx`** — Implementation using `forwardRef`. Always set `displayName`. Use `cn()` for class merging.
-3. **`index.ts`** — Re-exports both the component and its types.
-4. **`src/index.ts`** — Must export the component and its prop types. Update this file when adding new components.
+2. **`ComponentName.tsx`** — Implementation using `forwardRef`. Always set `displayName`. Use `cn()` for class merging. Add `data-react-fancy-{name}=""` to the root element.
+3. **Compound components** — Use `Object.assign(Root, { Sub1, Sub2 })` pattern. Add a `.context.ts` with React context. Each sub-component gets its own `data-react-fancy-{parent}-{sub}` attribute.
+4. **`index.ts`** — Re-exports both the component and its types.
+5. **`src/index.ts`** — Must export the component and its prop types. Update this file when adding new components.
+
+### Icons
+
+Use `lucide-react` as the default icon library. It is a dependency of this package and marked as external in tsup. Components should import icons directly (e.g., `import { X, ChevronDown } from "lucide-react"`).
 
 ### Parity with fancy-flux
 
@@ -113,8 +226,8 @@ Every component follows this structure:
 ### Styling
 
 - **Tailwind v4** — CSS-first config. Use `@import "tailwindcss"` not `@tailwind` directives.
-- **Dark mode** — Every color variant must include `dark:` equivalents. Check fancy-flux for the exact classes.
-- **No component library deps** — Only `clsx` and `tailwind-merge`. Don't add Radix, Headless UI, or similar.
+- **Dark mode** — Every color variant must include `dark:` equivalents. Check fancy-flux for the exact classes. Portal components get dark mode automatically via the Portal wrapper.
+- **No component library deps** — Only `clsx`, `tailwind-merge`, and `lucide-react`. Don't add Radix, Headless UI, or similar.
 - Class maps should be `Record<Size, string>` (or similar) constants outside the component function, not inline.
 
 ### TypeScript
@@ -126,6 +239,6 @@ Every component follows this structure:
 ### Build
 
 - tsup handles the build — ESM, CJS, and `.d.ts` generation.
-- `react` and `react-dom` are external peer dependencies, never bundled.
+- `react`, `react-dom`, and `lucide-react` are external dependencies, never bundled.
 - After any change, verify with `pnpm --filter @particle-academy/react-fancy build` before considering the work done.
 - When updating a component, update its demo page in `resources/js/react-demos/pages/` to cover all new features.

package/dist/diagram.serializers-OK4HP7AB.js

@@ -0,0 +1,273 @@
+// src/components/Diagram/diagram.serializers.ts
+function serializeToERD(schema) {
+  const lines = [];
+  for (const entity of schema.entities) {
+    lines.push(`[${entity.name}]`);
+    if (entity.fields) {
+      for (const field of entity.fields) {
+        const parts = [`  ${field.name}`];
+        if (field.type) parts.push(field.type);
+        if (field.primary) parts.push("PK");
+        if (field.foreign) parts.push("FK");
+        if (field.nullable) parts.push("?");
+        lines.push(parts.join(" "));
+      }
+    }
+    lines.push("");
+  }
+  for (const rel of schema.relations) {
+    const fromEntity = schema.entities.find((e) => e.id === rel.from);
+    const toEntity = schema.entities.find((e) => e.id === rel.to);
+    if (!fromEntity || !toEntity) continue;
+    const marker = getERDMarker(rel.type);
+    const parts = [fromEntity.name, marker, toEntity.name];
+    if (rel.label) parts.push(`: ${rel.label}`);
+    lines.push(parts.join(" "));
+  }
+  return lines.join("\n").trim();
+}
+function getERDMarker(type) {
+  switch (type) {
+    case "one-to-one":
+      return "1--1";
+    case "one-to-many":
+      return "1--*";
+    case "many-to-many":
+      return "*--*";
+  }
+}
+function serializeToUML(schema) {
+  const lines = ["@startuml"];
+  for (const entity of schema.entities) {
+    lines.push(`class ${entity.name} {`);
+    if (entity.fields) {
+      for (const field of entity.fields) {
+        const typeStr = field.type ?? "any";
+        const nullable = field.nullable ? "?" : "";
+        const stereotype = field.primary ? " <<PK>>" : field.foreign ? " <<FK>>" : "";
+        lines.push(`  ${field.name} : ${typeStr}${nullable}${stereotype}`);
+      }
+    }
+    lines.push("}");
+    lines.push("");
+  }
+  for (const rel of schema.relations) {
+    const fromEntity = schema.entities.find((e) => e.id === rel.from);
+    const toEntity = schema.entities.find((e) => e.id === rel.to);
+    if (!fromEntity || !toEntity) continue;
+    const arrow = getUMLArrow(rel.type);
+    const label = rel.label ? ` : ${rel.label}` : "";
+    lines.push(`${fromEntity.name} ${arrow} ${toEntity.name}${label}`);
+  }
+  lines.push("@enduml");
+  return lines.join("\n");
+}
+function getUMLArrow(type) {
+  switch (type) {
+    case "one-to-one":
+      return '"1" -- "1"';
+    case "one-to-many":
+      return '"1" -- "*"';
+    case "many-to-many":
+      return '"*" -- "*"';
+  }
+}
+function serializeToDFD(schema) {
+  const lines = [];
+  for (const entity of schema.entities) {
+    lines.push(`entity ${entity.name}`);
+  }
+  lines.push("");
+  for (const rel of schema.relations) {
+    const fromEntity = schema.entities.find((e) => e.id === rel.from);
+    const toEntity = schema.entities.find((e) => e.id === rel.to);
+    if (!fromEntity || !toEntity) continue;
+    const label = rel.label ? ` "${rel.label}"` : "";
+    lines.push(`${fromEntity.name} -> ${toEntity.name}${label}`);
+  }
+  return lines.join("\n").trim();
+}
+function deserializeSchema(input, format) {
+  switch (format) {
+    case "erd":
+      return deserializeERD(input);
+    case "uml":
+      return deserializeUML(input);
+    case "dfd":
+      return deserializeDFD(input);
+  }
+}
+function deserializeERD(input) {
+  const entities = [];
+  const relations = [];
+  const lines = input.split("\n");
+  let currentEntity = null;
+  for (const rawLine of lines) {
+    const line = rawLine.trim();
+    const entityMatch = line.match(/^\[(.+)\]$/);
+    if (entityMatch) {
+      currentEntity = {
+        id: entityMatch[1].toLowerCase().replace(/\s+/g, "_"),
+        name: entityMatch[1],
+        fields: []
+      };
+      entities.push(currentEntity);
+      continue;
+    }
+    if (currentEntity && rawLine.startsWith("  ") && line.length > 0) {
+      const parts = line.split(/\s+/);
+      const field = { name: parts[0] };
+      if (parts.length > 1 && !["PK", "FK", "?"].includes(parts[1])) {
+        field.type = parts[1];
+      }
+      if (parts.includes("PK")) field.primary = true;
+      if (parts.includes("FK")) field.foreign = true;
+      if (parts.includes("?")) field.nullable = true;
+      currentEntity.fields.push(field);
+      continue;
+    }
+    const relMatch = line.match(
+      /^(\S+)\s+(1--1|1--\*|\*--\*)\s+(\S+)(?:\s*:\s*(.+))?$/
+    );
+    if (relMatch) {
+      currentEntity = null;
+      const fromName = relMatch[1];
+      const marker = relMatch[2];
+      const toName = relMatch[3];
+      const label = relMatch[4];
+      const fromEntity = entities.find((e) => e.name === fromName);
+      const toEntity = entities.find((e) => e.name === toName);
+      if (fromEntity && toEntity) {
+        relations.push({
+          id: `${fromEntity.id}_${toEntity.id}`,
+          from: fromEntity.id,
+          to: toEntity.id,
+          type: parseERDMarker(marker),
+          label
+        });
+      }
+      continue;
+    }
+    if (line === "") {
+      currentEntity = null;
+    }
+  }
+  return { entities, relations };
+}
+function parseERDMarker(marker) {
+  switch (marker) {
+    case "1--1":
+      return "one-to-one";
+    case "1--*":
+      return "one-to-many";
+    case "*--*":
+      return "many-to-many";
+    default:
+      return "one-to-many";
+  }
+}
+function deserializeUML(input) {
+  const entities = [];
+  const relations = [];
+  const lines = input.split("\n");
+  let currentEntity = null;
+  for (const rawLine of lines) {
+    const line = rawLine.trim();
+    if (line === "@startuml" || line === "@enduml" || line === "") continue;
+    const classMatch = line.match(/^class\s+(\S+)\s*\{$/);
+    if (classMatch) {
+      currentEntity = {
+        id: classMatch[1].toLowerCase().replace(/\s+/g, "_"),
+        name: classMatch[1],
+        fields: []
+      };
+      entities.push(currentEntity);
+      continue;
+    }
+    if (line === "}") {
+      currentEntity = null;
+      continue;
+    }
+    if (currentEntity) {
+      const fieldMatch = line.match(
+        /^(\S+)\s*:\s*(\S+?)(\?)?(?:\s*<<(PK|FK)>>)?$/
+      );
+      if (fieldMatch) {
+        const field = {
+          name: fieldMatch[1],
+          type: fieldMatch[2]
+        };
+        if (fieldMatch[3]) field.nullable = true;
+        if (fieldMatch[4] === "PK") field.primary = true;
+        if (fieldMatch[4] === "FK") field.foreign = true;
+        currentEntity.fields.push(field);
+      }
+      continue;
+    }
+    const relMatch = line.match(
+      /^(\S+)\s+"([1*])"\s+--\s+"([1*])"\s+(\S+)(?:\s*:\s*(.+))?$/
+    );
+    if (relMatch) {
+      const fromName = relMatch[1];
+      const fromCard = relMatch[2];
+      const toCard = relMatch[3];
+      const toName = relMatch[4];
+      const label = relMatch[5];
+      const fromEntity = entities.find((e) => e.name === fromName);
+      const toEntity = entities.find((e) => e.name === toName);
+      if (fromEntity && toEntity) {
+        const type = fromCard === "1" && toCard === "1" ? "one-to-one" : fromCard === "1" && toCard === "*" ? "one-to-many" : "many-to-many";
+        relations.push({
+          id: `${fromEntity.id}_${toEntity.id}`,
+          from: fromEntity.id,
+          to: toEntity.id,
+          type,
+          label
+        });
+      }
+    }
+  }
+  return { entities, relations };
+}
+function deserializeDFD(input) {
+  const entities = [];
+  const relations = [];
+  const lines = input.split("\n");
+  for (const rawLine of lines) {
+    const line = rawLine.trim();
+    if (line === "") continue;
+    const entityMatch = line.match(/^entity\s+(\S+)$/);
+    if (entityMatch) {
+      entities.push({
+        id: entityMatch[1].toLowerCase().replace(/\s+/g, "_"),
+        name: entityMatch[1],
+        fields: []
+      });
+      continue;
+    }
+    const flowMatch = line.match(
+      /^(\S+)\s+->\s+(\S+)(?:\s+"(.+)")?$/
+    );
+    if (flowMatch) {
+      const fromName = flowMatch[1];
+      const toName = flowMatch[2];
+      const label = flowMatch[3];
+      const fromEntity = entities.find((e) => e.name === fromName);
+      const toEntity = entities.find((e) => e.name === toName);
+      if (fromEntity && toEntity) {
+        relations.push({
+          id: `${fromEntity.id}_${toEntity.id}`,
+          from: fromEntity.id,
+          to: toEntity.id,
+          type: "one-to-many",
+          label
+        });
+      }
+    }
+  }
+  return { entities, relations };
+}
+
+export { deserializeSchema, serializeToDFD, serializeToERD, serializeToUML };
+//# sourceMappingURL=diagram.serializers-OK4HP7AB.js.map
+//# sourceMappingURL=diagram.serializers-OK4HP7AB.js.map

package/dist/diagram.serializers-OK4HP7AB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Diagram/diagram.serializers.ts"],"names":[],"mappings":"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","file":"diagram.serializers-OK4HP7AB.js","sourcesContent":["import type {\n  DiagramSchema,\n  DiagramEntityData,\n  DiagramRelationData,\n  DiagramFieldData,\n  ExportFormat,\n  RelationType,\n} from \"./Diagram.types\";\n\n/**\n * Serialize a diagram schema to PlantUML-style ERD text.\n *\n * Example output:\n * ```\n * [Users]\n *   id int PK\n *   email varchar\n *\n * [Posts]\n *   id int PK\n *   user_id int FK\n *\n * Users 1--* Posts\n * ```\n */\nexport function serializeToERD(schema: DiagramSchema): string {\n  const lines: string[] = [];\n\n  for (const entity of schema.entities) {\n    lines.push(`[${entity.name}]`);\n    if (entity.fields) {\n      for (const field of entity.fields) {\n        const parts = [`  ${field.name}`];\n        if (field.type) parts.push(field.type);\n        if (field.primary) parts.push(\"PK\");\n        if (field.foreign) parts.push(\"FK\");\n        if (field.nullable) parts.push(\"?\");\n        lines.push(parts.join(\" \"));\n      }\n    }\n    lines.push(\"\");\n  }\n\n  for (const rel of schema.relations) {\n    const fromEntity = schema.entities.find((e) => e.id === rel.from);\n    const toEntity = schema.entities.find((e) => e.id === rel.to);\n    if (!fromEntity || !toEntity) continue;\n\n    const marker = getERDMarker(rel.type);\n    const parts = [fromEntity.name, marker, toEntity.name];\n    if (rel.label) parts.push(`: ${rel.label}`);\n    lines.push(parts.join(\" \"));\n  }\n\n  return lines.join(\"\\n\").trim();\n}\n\nfunction getERDMarker(type: RelationType): string {\n  switch (type) {\n    case \"one-to-one\":\n      return \"1--1\";\n    case \"one-to-many\":\n      return \"1--*\";\n    case \"many-to-many\":\n      return \"*--*\";\n  }\n}\n\n/**\n * Serialize a diagram schema to PlantUML class diagram text.\n */\nexport function serializeToUML(schema: DiagramSchema): string {\n  const lines: string[] = [\"@startuml\"];\n\n  for (const entity of schema.entities) {\n    lines.push(`class ${entity.name} {`);\n    if (entity.fields) {\n      for (const field of entity.fields) {\n        const typeStr = field.type ?? \"any\";\n        const nullable = field.nullable ? \"?\" : \"\";\n        const stereotype = field.primary\n          ? \" <<PK>>\"\n          : field.foreign\n            ? \" <<FK>>\"\n            : \"\";\n        lines.push(`  ${field.name} : ${typeStr}${nullable}${stereotype}`);\n      }\n    }\n    lines.push(\"}\");\n    lines.push(\"\");\n  }\n\n  for (const rel of schema.relations) {\n    const fromEntity = schema.entities.find((e) => e.id === rel.from);\n    const toEntity = schema.entities.find((e) => e.id === rel.to);\n    if (!fromEntity || !toEntity) continue;\n\n    const arrow = getUMLArrow(rel.type);\n    const label = rel.label ? ` : ${rel.label}` : \"\";\n    lines.push(`${fromEntity.name} ${arrow} ${toEntity.name}${label}`);\n  }\n\n  lines.push(\"@enduml\");\n  return lines.join(\"\\n\");\n}\n\nfunction getUMLArrow(type: RelationType): string {\n  switch (type) {\n    case \"one-to-one\":\n      return '\"1\" -- \"1\"';\n    case \"one-to-many\":\n      return '\"1\" -- \"*\"';\n    case \"many-to-many\":\n      return '\"*\" -- \"*\"';\n  }\n}\n\n/**\n * Serialize a diagram schema to a simple DFD text format.\n */\nexport function serializeToDFD(schema: DiagramSchema): string {\n  const lines: string[] = [];\n\n  for (const entity of schema.entities) {\n    lines.push(`entity ${entity.name}`);\n  }\n\n  lines.push(\"\");\n\n  for (const rel of schema.relations) {\n    const fromEntity = schema.entities.find((e) => e.id === rel.from);\n    const toEntity = schema.entities.find((e) => e.id === rel.to);\n    if (!fromEntity || !toEntity) continue;\n\n    const label = rel.label ? ` \"${rel.label}\"` : \"\";\n    lines.push(`${fromEntity.name} -> ${toEntity.name}${label}`);\n  }\n\n  return lines.join(\"\\n\").trim();\n}\n\n/**\n * Parse a serialized schema string back into a DiagramSchema.\n */\nexport function deserializeSchema(\n  input: string,\n  format: ExportFormat,\n): DiagramSchema {\n  switch (format) {\n    case \"erd\":\n      return deserializeERD(input);\n    case \"uml\":\n      return deserializeUML(input);\n    case \"dfd\":\n      return deserializeDFD(input);\n  }\n}\n\nfunction deserializeERD(input: string): DiagramSchema {\n  const entities: DiagramEntityData[] = [];\n  const relations: DiagramRelationData[] = [];\n  const lines = input.split(\"\\n\");\n\n  let currentEntity: DiagramEntityData | null = null;\n\n  for (const rawLine of lines) {\n    const line = rawLine.trim();\n\n    // Entity header: [EntityName]\n    const entityMatch = line.match(/^\\[(.+)\\]$/);\n    if (entityMatch) {\n      currentEntity = {\n        id: entityMatch[1].toLowerCase().replace(/\\s+/g, \"_\"),\n        name: entityMatch[1],\n        fields: [],\n      };\n      entities.push(currentEntity);\n      continue;\n    }\n\n    // Field line (indented): name type PK FK ?\n    if (currentEntity && rawLine.startsWith(\"  \") && line.length > 0) {\n      const parts = line.split(/\\s+/);\n      const field: DiagramFieldData = { name: parts[0] };\n      if (parts.length > 1 && ![\"PK\", \"FK\", \"?\"].includes(parts[1])) {\n        field.type = parts[1];\n      }\n      if (parts.includes(\"PK\")) field.primary = true;\n      if (parts.includes(\"FK\")) field.foreign = true;\n      if (parts.includes(\"?\")) field.nullable = true;\n      currentEntity.fields!.push(field);\n      continue;\n    }\n\n    // Relation: EntityA 1--* EntityB : label\n    const relMatch = line.match(\n      /^(\\S+)\\s+(1--1|1--\\*|\\*--\\*)\\s+(\\S+)(?:\\s*:\\s*(.+))?$/,\n    );\n    if (relMatch) {\n      currentEntity = null;\n      const fromName = relMatch[1];\n      const marker = relMatch[2];\n      const toName = relMatch[3];\n      const label = relMatch[4];\n\n      const fromEntity = entities.find((e) => e.name === fromName);\n      const toEntity = entities.find((e) => e.name === toName);\n      if (fromEntity && toEntity) {\n        relations.push({\n          id: `${fromEntity.id}_${toEntity.id}`,\n          from: fromEntity.id,\n          to: toEntity.id,\n          type: parseERDMarker(marker),\n          label,\n        });\n      }\n      continue;\n    }\n\n    // Empty line resets current entity context\n    if (line === \"\") {\n      currentEntity = null;\n    }\n  }\n\n  return { entities, relations };\n}\n\nfunction parseERDMarker(marker: string): RelationType {\n  switch (marker) {\n    case \"1--1\":\n      return \"one-to-one\";\n    case \"1--*\":\n      return \"one-to-many\";\n    case \"*--*\":\n      return \"many-to-many\";\n    default:\n      return \"one-to-many\";\n  }\n}\n\nfunction deserializeUML(input: string): DiagramSchema {\n  const entities: DiagramEntityData[] = [];\n  const relations: DiagramRelationData[] = [];\n  const lines = input.split(\"\\n\");\n\n  let currentEntity: DiagramEntityData | null = null;\n\n  for (const rawLine of lines) {\n    const line = rawLine.trim();\n\n    if (line === \"@startuml\" || line === \"@enduml\" || line === \"\") continue;\n\n    // Class header: class EntityName {\n    const classMatch = line.match(/^class\\s+(\\S+)\\s*\\{$/);\n    if (classMatch) {\n      currentEntity = {\n        id: classMatch[1].toLowerCase().replace(/\\s+/g, \"_\"),\n        name: classMatch[1],\n        fields: [],\n      };\n      entities.push(currentEntity);\n      continue;\n    }\n\n    // Closing brace\n    if (line === \"}\") {\n      currentEntity = null;\n      continue;\n    }\n\n    // Field: name : type<<stereotype>>\n    if (currentEntity) {\n      const fieldMatch = line.match(\n        /^(\\S+)\\s*:\\s*(\\S+?)(\\?)?(?:\\s*<<(PK|FK)>>)?$/,\n      );\n      if (fieldMatch) {\n        const field: DiagramFieldData = {\n          name: fieldMatch[1],\n          type: fieldMatch[2],\n        };\n        if (fieldMatch[3]) field.nullable = true;\n        if (fieldMatch[4] === \"PK\") field.primary = true;\n        if (fieldMatch[4] === \"FK\") field.foreign = true;\n        currentEntity.fields!.push(field);\n      }\n      continue;\n    }\n\n    // Relation: EntityA \"1\" -- \"*\" EntityB : label\n    const relMatch = line.match(\n      /^(\\S+)\\s+\"([1*])\"\\s+--\\s+\"([1*])\"\\s+(\\S+)(?:\\s*:\\s*(.+))?$/,\n    );\n    if (relMatch) {\n      const fromName = relMatch[1];\n      const fromCard = relMatch[2];\n      const toCard = relMatch[3];\n      const toName = relMatch[4];\n      const label = relMatch[5];\n\n      const fromEntity = entities.find((e) => e.name === fromName);\n      const toEntity = entities.find((e) => e.name === toName);\n      if (fromEntity && toEntity) {\n        const type: RelationType =\n          fromCard === \"1\" && toCard === \"1\"\n            ? \"one-to-one\"\n            : fromCard === \"1\" && toCard === \"*\"\n              ? \"one-to-many\"\n              : \"many-to-many\";\n        relations.push({\n          id: `${fromEntity.id}_${toEntity.id}`,\n          from: fromEntity.id,\n          to: toEntity.id,\n          type,\n          label,\n        });\n      }\n    }\n  }\n\n  return { entities, relations };\n}\n\nfunction deserializeDFD(input: string): DiagramSchema {\n  const entities: DiagramEntityData[] = [];\n  const relations: DiagramRelationData[] = [];\n  const lines = input.split(\"\\n\");\n\n  for (const rawLine of lines) {\n    const line = rawLine.trim();\n    if (line === \"\") continue;\n\n    // Entity: entity EntityName\n    const entityMatch = line.match(/^entity\\s+(\\S+)$/);\n    if (entityMatch) {\n      entities.push({\n        id: entityMatch[1].toLowerCase().replace(/\\s+/g, \"_\"),\n        name: entityMatch[1],\n        fields: [],\n      });\n      continue;\n    }\n\n    // Flow: EntityA -> EntityB \"label\"\n    const flowMatch = line.match(\n      /^(\\S+)\\s+->\\s+(\\S+)(?:\\s+\"(.+)\")?$/,\n    );\n    if (flowMatch) {\n      const fromName = flowMatch[1];\n      const toName = flowMatch[2];\n      const label = flowMatch[3];\n\n      const fromEntity = entities.find((e) => e.name === fromName);\n      const toEntity = entities.find((e) => e.name === toName);\n      if (fromEntity && toEntity) {\n        relations.push({\n          id: `${fromEntity.id}_${toEntity.id}`,\n          from: fromEntity.id,\n          to: toEntity.id,\n          type: \"one-to-many\",\n          label,\n        });\n      }\n    }\n  }\n\n  return { entities, relations };\n}\n"]}