inai-react-components 0.1.7 → 1.2.1

package/dist/commands/diff.js

@@ -2,33 +2,80 @@ import fs from "node:fs";
 import path from "node:path";
 import chalk from "chalk";
 import ora from "ora";
+import { diffLines } from "diff";
 import { readComponentsJson, readRegistryJson, } from "./status.js";
 import { resolveRegistryDir } from "../utils/registry-resolver.js";
+const CONTEXT_LINES = 2;
+/**
+ * Render a unified-style colored diff between two strings using a real
+ * LCS-based algorithm (`diffLines` from the `diff` package). Lines that
+ * changed are shown in red/green; unchanged lines are only shown as dim
+ * context within `CONTEXT_LINES` of a change.
+ */
 export function computeDiff(localContent, registryContent) {
-    const localLines = localContent.split("\n");
-    const registryLines = registryContent.split("\n");
+    // `diffLines` reports hunks: each has `value` (the text), and flags
+    // `added` (present only in the second arg) or `removed` (present only in
+    // the first arg). Neither flag means unchanged.
+    // We pass (registryContent, localContent) so that "added" means the
+    // local file added a line vs the registry (green +), and "removed" means
+    // the line was removed from the registry in the local file (red -).
+    const hunks = diffLines(registryContent, localContent);
+    const hasChanges = hunks.some((h) => h.added || h.removed);
+    if (!hasChanges) {
+        return chalk.green("No differences found. Component is up to date.");
+    }
     const output = [];
-    const maxLen = Math.max(localLines.length, registryLines.length);
-    let hasChanges = false;
-    for (let i = 0; i < maxLen; i++) {
-        const localLine = localLines[i];
-        const registryLine = registryLines[i];
-        if (localLine === registryLine) {
-            output.push(chalk.dim(`  ${localLine ?? ""}`));
+    for (let i = 0; i < hunks.length; i++) {
+        const hunk = hunks[i];
+        const lines = hunk.value.replace(/\n$/, "").split("\n");
+        if (hunk.added) {
+            for (const line of lines) {
+                output.push(chalk.green(`+ ${line}`));
+            }
+        }
+        else if (hunk.removed) {
+            for (const line of lines) {
+                output.push(chalk.red(`- ${line}`));
+            }
         }
         else {
-            hasChanges = true;
-            if (registryLine !== undefined) {
-                output.push(chalk.red(`- ${registryLine}`));
+            // Unchanged hunk — keep only CONTEXT_LINES around neighboring changes.
+            const prevChanged = i > 0 && (hunks[i - 1].added || hunks[i - 1].removed);
+            const nextChanged = i < hunks.length - 1 && (hunks[i + 1].added || hunks[i + 1].removed);
+            if (!prevChanged && !nextChanged) {
+                continue;
+            }
+            if (prevChanged && nextChanged && lines.length > CONTEXT_LINES * 2) {
+                // Show trailing context from previous change, a separator, then
+                // leading context for next change.
+                for (let j = 0; j < CONTEXT_LINES; j++) {
+                    output.push(chalk.dim(`  ${lines[j]}`));
+                }
+                output.push(chalk.dim("  ..."));
+                for (let j = lines.length - CONTEXT_LINES; j < lines.length; j++) {
+                    output.push(chalk.dim(`  ${lines[j]}`));
+                }
             }
-            if (localLine !== undefined) {
-                output.push(chalk.green(`+ ${localLine}`));
+            else if (prevChanged) {
+                const end = Math.min(lines.length, CONTEXT_LINES);
+                for (let j = 0; j < end; j++) {
+                    output.push(chalk.dim(`  ${lines[j]}`));
+                }
+                if (lines.length > CONTEXT_LINES) {
+                    output.push(chalk.dim("  ..."));
+                }
+            }
+            else if (nextChanged) {
+                const start = Math.max(0, lines.length - CONTEXT_LINES);
+                if (start > 0) {
+                    output.push(chalk.dim("  ..."));
+                }
+                for (let j = start; j < lines.length; j++) {
+                    output.push(chalk.dim(`  ${lines[j]}`));
+                }
             }
         }
     }
-    if (!hasChanges) {
-        return chalk.green("No differences found. Component is up to date.");
-    }
     return output.join("\n");
 }
 export function findComponentInRegistry(registryPath, componentName) {
@@ -42,6 +89,29 @@ export function findComponentInRegistry(registryPath, componentName) {
     ];
     return allItems.find((c) => c.name === componentName) ?? null;
 }
+/**
+ * Map a registry component to the alias slot that should hold its local copy.
+ * Fixes the earlier bug where `diff` always assumed `aliases.components`.
+ */
+function getLocalAliasDir(component, componentsJson) {
+    const type = component.type.toLowerCase();
+    if (type === "block") {
+        return componentsJson.aliases.blocks.replace(/^@\//, "src/");
+    }
+    if (type === "template") {
+        // ComponentsJsonFile doesn't officially type `aliases.templates`, but
+        // it may be present in user config — fall back to blocks/templates.
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const templatesAlias = componentsJson.aliases.templates;
+        if (templatesAlias) {
+            return templatesAlias.replace(/^@\//, "src/");
+        }
+        const blocksDir = componentsJson.aliases.blocks.replace(/^@\//, "src/");
+        const parent = path.dirname(blocksDir);
+        return path.join(parent, "templates");
+    }
+    return componentsJson.aliases.components.replace(/^@\//, "src/");
+}
 export async function runDiff(componentName, rootDir) {
     const componentsJson = readComponentsJson(rootDir);
     if (!componentsJson) {
@@ -57,11 +127,14 @@ export async function runDiff(componentName, rootDir) {
         return chalk.yellow(`Component "${componentName}" has no files in the registry.`);
     }
     const results = [];
+    const localComponentDir = getLocalAliasDir(registryComponent, componentsJson);
+    const isMultiFile = registryComponent.type === "block" || registryComponent.type === "template";
     for (const filePath of registryComponent.files) {
         const registryFilePath = path.join(registryDir, filePath);
-        const localComponentDir = componentsJson.aliases.components.replace(/^@\//, "src/");
         const fileName = path.basename(filePath);
-        const localFilePath = path.join(rootDir, localComponentDir, fileName);
+        const localFilePath = isMultiFile
+            ? path.join(rootDir, localComponentDir, componentName, fileName)
+            : path.join(rootDir, localComponentDir, fileName);
         results.push(chalk.bold(`\nDiff for ${fileName}:`));
         results.push(chalk.dim("─".repeat(60)));
         if (!fs.existsSync(registryFilePath)) {
@@ -71,7 +144,6 @@ export async function runDiff(componentName, rootDir) {
         const registryContent = fs.readFileSync(registryFilePath, "utf-8");
         if (!fs.existsSync(localFilePath)) {
             results.push(chalk.yellow(`Local file not found at ${localComponentDir}/${fileName}. Component may not be installed.`));
-            // Show what registry has as all additions
             const lines = registryContent.split("\n");
             for (const line of lines) {
                 results.push(chalk.green(`+ ${line}`));

package/dist/commands/init.d.ts

@@ -1,5 +1,5 @@
-declare const AVAILABLE_THEMES: readonly ["inai", "monday", "linear", "notion", "vercel", "anthropic", "shadcn-default", "shadcn-blue", "shadcn-green", "shadcn-orange", "shadcn-red", "shadcn-rose", "shadcn-violet", "shadcn-yellow", "shadcn-amber", "shadcn-lime", "shadcn-emerald", "shadcn-teal", "shadcn-cyan", "shadcn-sky", "shadcn-indigo", "shadcn-purple", "shadcn-fuchsia", "shadcn-pink"];
-type Theme = (typeof AVAILABLE_THEMES)[number];
+import { type Framework } from "../utils/framework-detect.js";
+type Theme = string;
 declare const FONT_PRESETS: readonly [{
     readonly name: "outfit";
     readonly label: "Outfit";
@@ -227,11 +227,14 @@ export interface InitConfig {
     tanstackQuery: boolean;
     tanstackForm: boolean;
     tanstackTable: boolean;
+    framework?: Framework;
+    cssEntryPoint?: string;
 }
 export interface ComponentsJson {
     $schema: string;
     registrySource?: string;
     style: string;
+    framework?: Framework;
     tailwind: {
         config: string;
         css: string;
@@ -254,7 +257,7 @@ export interface ComponentsJson {
         table: boolean;
     };
 }
-export declare function promptInitConfig(registryDir?: string): Promise<InitConfig | null>;
+export declare function promptInitConfig(registryDir?: string, framework?: Framework): Promise<InitConfig | null>;
 export declare function buildComponentsJson(config: InitConfig, repoUrl?: string): ComponentsJson;
 export declare function getCnTemplate(): string;
 export declare function getLocalTailwindCssTemplate(theme: Theme, fontBody: FontPreset, fontHeading: FontPreset, radius: number): string;

package/dist/commands/init.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../src/commands/init.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../src/commands/init.ts"],"names":[],"mappings":"AAOA,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,8BAA8B,CAAC;AAGtC,KAAK,KAAK,GAAG,MAAM,CAAC;AAEpB,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4DR,CAAC;AACX,KAAK,UAAU,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAUxD,MAAM,WAAW,UAAU;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,UAAU,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,EAAE;QACR,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,OAAO,EAAE;QACP,UAAU,EAAE,MAAM,CAAC;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE;QACJ,IAAI,EAAE,UAAU,CAAC;QACjB,OAAO,EAAE,UAAU,CAAC;KACrB,CAAC;IACF,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE;QACR,MAAM,EAAE,OAAO,CAAC;QAChB,KAAK,EAAE,OAAO,CAAC;QACf,IAAI,EAAE,OAAO,CAAC;QACd,KAAK,EAAE,OAAO,CAAC;KAChB,CAAC;CACH;AAgBD,wBAAsB,gBAAgB,CACpC,WAAW,CAAC,EAAE,MAAM,EACpB,SAAS,CAAC,EAAE,SAAS,GACpB,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC,CAoG5B;AAED,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,UAAU,EAClB,OAAO,CAAC,EAAE,MAAM,GACf,cAAc,CAmChB;AAED,wBAAgB,aAAa,IAAI,MAAM,CAQtC;AAOD,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAc/H;AAED,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAahI;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAoBpE;AAwFD,wBAAsB,OAAO,CAC3B,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,MAAM,GACf,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC,CA4CvD;AAED,wBAAsB,WAAW,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CA+DjE"}

package/dist/commands/init.js

@@ -4,32 +4,9 @@ import chalk from "chalk";
 import ora from "ora";
 import prompts from "prompts";
 import { cloneRegistry, getCacheDir } from "../utils/registry-resolver.js";
-const AVAILABLE_THEMES = [
-    "inai",
-    "monday",
-    "linear",
-    "notion",
-    "vercel",
-    "anthropic",
-    "shadcn-default",
-    "shadcn-blue",
-    "shadcn-green",
-    "shadcn-orange",
-    "shadcn-red",
-    "shadcn-rose",
-    "shadcn-violet",
-    "shadcn-yellow",
-    "shadcn-amber",
-    "shadcn-lime",
-    "shadcn-emerald",
-    "shadcn-teal",
-    "shadcn-cyan",
-    "shadcn-sky",
-    "shadcn-indigo",
-    "shadcn-purple",
-    "shadcn-fuchsia",
-    "shadcn-pink",
-];
+import { THEME_NAMES } from "../utils/themes.js";
+import { detectFramework, frameworkLabel, getCssEntryPoint, } from "../utils/framework-detect.js";
+const AVAILABLE_THEMES = THEME_NAMES;
 const FONT_PRESETS = [
     // Sans-serif — geometric & modern
     { name: "outfit", label: "Outfit", family: "'Outfit', system-ui, sans-serif" },
@@ -111,8 +88,11 @@ function discoverThemes(registryDir) {
     }
     return [...AVAILABLE_THEMES];
 }
-export async function promptInitConfig(registryDir) {
+export async function promptInitConfig(registryDir, framework) {
     const themes = discoverThemes(registryDir);
+    const defaultCssEntry = framework
+        ? getCssEntryPoint(framework)
+        : "src/index.css";
     const response = await prompts([
         {
             type: "text",
@@ -198,15 +178,19 @@ export async function promptInitConfig(registryDir) {
     if (!response.componentPath) {
         return null;
     }
-    return response;
+    const config = response;
+    config.framework = framework;
+    config.cssEntryPoint = defaultCssEntry;
+    return config;
 }
 export function buildComponentsJson(config, repoUrl) {
     const json = {
         $schema: "https://inai-ui.dev/schema.json",
         style: "default",
+        framework: config.framework,
         tailwind: {
             config: "tailwind.config.ts",
-            css: "src/index.css",
+            css: config.cssEntryPoint ?? "src/index.css",
         },
         aliases: {
             components: config.importAlias,
@@ -248,7 +232,8 @@ function getFontFamily(font) {
 }
 export function getLocalTailwindCssTemplate(theme, fontBody, fontHeading, radius) {
     return `@import "tailwindcss";
-@import "./styles/tokens/index.css";
+@import "./styles/tokens/primitives/colors.css";
+@import "./styles/tokens/base.css";
 @import "./styles/tokens/themes/${theme}.css";
 @import "./styles/tokens/presets/typography.css";
 @import "./styles/tokens/presets/animations.css";
@@ -318,13 +303,23 @@ function copyTokensToProject(registryDir, targetDir, theme) {
         return copied;
     fs.mkdirSync(tokensDest, { recursive: true });
     // Copy base files
-    for (const file of ["base.css", "index.css"]) {
+    for (const file of ["base.css"]) {
         const src = path.join(tokensSrc, file);
         if (fs.existsSync(src)) {
             fs.copyFileSync(src, path.join(tokensDest, file));
             copied.push(`src/styles/tokens/${file}`);
         }
     }
+    // Copy primitives (color scales referenced by all themes)
+    const primitivesSrc = path.join(tokensSrc, "primitives");
+    const primitivesDest = path.join(tokensDest, "primitives");
+    if (fs.existsSync(primitivesSrc)) {
+        const primitiveCopied = copyDirRecursive(primitivesSrc, primitivesDest);
+        for (const file of primitiveCopied) {
+            const rel = path.relative(targetDir, file);
+            copied.push(rel);
+        }
+    }
     // Copy selected theme (normalized so it applies without data-theme attribute)
     const themesSrc = path.join(tokensSrc, "themes");
     const themesDest = path.join(tokensDest, "themes");
@@ -373,9 +368,9 @@ export async function runInit(config, targetDir, repoUrl) {
     fs.writeFileSync(cnPath, getCnTemplate());
     filesCreated.push("src/lib/cn.ts");
     // 4. Copy tokens and create CSS
-    const cssDir = path.join(targetDir, "src");
-    fs.mkdirSync(cssDir, { recursive: true });
-    const cssPath = path.join(cssDir, "index.css");
+    const cssRelPath = config.cssEntryPoint ?? "src/index.css";
+    const cssPath = path.join(targetDir, cssRelPath);
+    fs.mkdirSync(path.dirname(cssPath), { recursive: true });
     if (repoUrl) {
         // Remote mode: copy tokens from cached registry
         const registryDir = getCacheDir();
@@ -387,11 +382,13 @@ export async function runInit(config, targetDir, repoUrl) {
         // Local mode: reference @company/tokens package
         fs.writeFileSync(cssPath, getLegacyTailwindCssTemplate(config.theme, config.fontBody, config.fontHeading, config.radius));
     }
-    filesCreated.push("src/index.css");
+    filesCreated.push(cssRelPath);
     return { success: true, filesCreated };
 }
 export async function initCommand(repoUrl) {
     console.log(chalk.bold("\nInAI UI - Project Initialization\n"));
+    const detectedFramework = detectFramework(process.cwd());
+    console.log(chalk.dim(`Detected framework: ${frameworkLabel(detectedFramework)}`));
     if (repoUrl) {
         const spinner = ora("Cloning component registry...").start();
         try {
@@ -407,7 +404,7 @@ export async function initCommand(repoUrl) {
         }
     }
     const registryDir = repoUrl ? getCacheDir() : undefined;
-    const config = await promptInitConfig(registryDir);
+    const config = await promptInitConfig(registryDir, detectedFramework);
     if (!config) {
         console.log(chalk.yellow("\nInitialization cancelled."));
         process.exit(0);

package/dist/commands/mcp.d.ts

@@ -0,0 +1,123 @@
+/**
+ * Print the JSON config fragment that users must drop into their Claude
+ * Desktop or Cursor `mcpServers` block. Invoked from `inai-ui mcp init`.
+ */
+export declare function printMcpConfig(): void;
+export interface ToolTextResult {
+    content: Array<{
+        type: "text";
+        text: string;
+    }>;
+    isError?: boolean;
+}
+export declare function handleListComponents(args: {
+    category?: string;
+} | undefined, cwd: string): Promise<ToolTextResult>;
+export declare function handleViewComponent(args: {
+    name?: string;
+} | undefined, cwd: string): Promise<ToolTextResult>;
+export declare function handleAddComponent(args: {
+    name?: string;
+    force?: boolean;
+} | undefined, cwd: string): Promise<ToolTextResult>;
+export declare function handleDiffComponent(args: {
+    name?: string;
+} | undefined, cwd: string): Promise<ToolTextResult>;
+export declare function handleUpdateComponent(args: {
+    name?: string;
+} | undefined, cwd: string): Promise<ToolTextResult>;
+export declare function handleListThemes(): Promise<ToolTextResult>;
+export declare function handleStatus(args: {
+    json?: boolean;
+} | undefined, cwd: string): Promise<ToolTextResult>;
+export declare const MCP_TOOLS: readonly [{
+    readonly name: "list_components";
+    readonly description: "List all available components, blocks and templates in the InAI UI registry.";
+    readonly inputSchema: {
+        readonly type: "object";
+        readonly properties: {
+            readonly category: {
+                readonly type: "string";
+                readonly description: "Optional type filter (e.g. 'component', 'form', 'block').";
+            };
+        };
+    };
+}, {
+    readonly name: "view_component";
+    readonly description: "View the source code of a component from the registry.";
+    readonly inputSchema: {
+        readonly type: "object";
+        readonly properties: {
+            readonly name: {
+                readonly type: "string";
+                readonly description: "Component name";
+            };
+        };
+        readonly required: readonly ["name"];
+    };
+}, {
+    readonly name: "add_component";
+    readonly description: "Install a component (and its transitive registry dependencies) into the current project.";
+    readonly inputSchema: {
+        readonly type: "object";
+        readonly properties: {
+            readonly name: {
+                readonly type: "string";
+                readonly description: "Component name";
+            };
+            readonly force: {
+                readonly type: "boolean";
+                readonly description: "Overwrite existing files without prompting.";
+            };
+        };
+        readonly required: readonly ["name"];
+    };
+}, {
+    readonly name: "diff_component";
+    readonly description: "Show a unified diff between the locally-installed component and the registry version.";
+    readonly inputSchema: {
+        readonly type: "object";
+        readonly properties: {
+            readonly name: {
+                readonly type: "string";
+                readonly description: "Component name";
+            };
+        };
+        readonly required: readonly ["name"];
+    };
+}, {
+    readonly name: "update_component";
+    readonly description: "Update an installed component to the latest registry version using a 3-way merge against the snapshot captured at install time. Emits conflict markers when local and registry edits overlap.";
+    readonly inputSchema: {
+        readonly type: "object";
+        readonly properties: {
+            readonly name: {
+                readonly type: "string";
+                readonly description: "Component name";
+            };
+        };
+        readonly required: readonly ["name"];
+    };
+}, {
+    readonly name: "list_themes";
+    readonly description: "List the available InAI UI themes with their categories and descriptions.";
+    readonly inputSchema: {
+        readonly type: "object";
+        readonly properties: {};
+    };
+}, {
+    readonly name: "project_status";
+    readonly description: "Return the InAI UI project status (HEALTHY / DRIFT / OUTDATED / MISSING per component).";
+    readonly inputSchema: {
+        readonly type: "object";
+        readonly properties: {
+            readonly json: {
+                readonly type: "boolean";
+                readonly description: "Return JSON payload (default true).";
+            };
+        };
+    };
+}];
+export declare function runMcp(cwd?: string): Promise<void>;
+export declare function mcpCommand(subcommand?: "init"): Promise<void>;
+//# sourceMappingURL=mcp.d.ts.map

package/dist/commands/mcp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mcp.d.ts","sourceRoot":"","sources":["../../src/commands/mcp.ts"],"names":[],"mappings":"AAgCA;;;GAGG;AACH,wBAAgB,cAAc,IAAI,IAAI,CAErC;AAID,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AASD,wBAAsB,oBAAoB,CACxC,IAAI,EAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,EACvC,GAAG,EAAE,MAAM,GACV,OAAO,CAAC,cAAc,CAAC,CAKzB;AAED,wBAAsB,mBAAmB,CACvC,IAAI,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,EACnC,GAAG,EAAE,MAAM,GACV,OAAO,CAAC,cAAc,CAAC,CA8BzB;AAED,wBAAsB,kBAAkB,CACtC,IAAI,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,SAAS,EACpD,GAAG,EAAE,MAAM,GACV,OAAO,CAAC,cAAc,CAAC,CAkBzB;AAED,wBAAsB,mBAAmB,CACvC,IAAI,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,EACnC,GAAG,EAAE,MAAM,GACV,OAAO,CAAC,cAAc,CAAC,CAmCzB;AAED,wBAAsB,qBAAqB,CACzC,IAAI,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,EACnC,GAAG,EAAE,MAAM,GACV,OAAO,CAAC,cAAc,CAAC,CAgBzB;AAED,wBAAsB,gBAAgB,IAAI,OAAO,CAAC,cAAc,CAAC,CAEhE;AAED,wBAAsB,YAAY,CAChC,IAAI,EAAE;IAAE,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,SAAS,EACpC,GAAG,EAAE,MAAM,GACV,OAAO,CAAC,cAAc,CAAC,CAGzB;AAID,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoFZ,CAAC;AAEX,wBAAsB,MAAM,CAAC,GAAG,GAAE,MAAsB,GAAG,OAAO,CAAC,IAAI,CAAC,CAiEvE;AAED,wBAAsB,UAAU,CAC9B,UAAU,CAAC,EAAE,MAAM,GAClB,OAAO,CAAC,IAAI,CAAC,CAMf"}