@atmos.build/ui 0.1.0

package/dist/mcp-app/theme.js

@@ -0,0 +1,62 @@
+import { applyDocumentTheme, applyHostFonts, applyHostStyleVariables, } from '@modelcontextprotocol/ext-apps';
+const semanticVariables = {
+    '--background': '--color-background-primary',
+    '--foreground': '--color-text-primary',
+    '--card': '--color-background-secondary',
+    '--card-foreground': '--color-text-primary',
+    '--popover': '--color-background-secondary',
+    '--popover-foreground': '--color-text-primary',
+    '--primary': '--color-text-primary',
+    '--primary-foreground': '--color-text-inverse',
+    '--secondary': '--color-background-tertiary',
+    '--secondary-foreground': '--color-text-primary',
+    '--muted': '--color-background-tertiary',
+    '--muted-foreground': '--color-text-secondary',
+    '--accent': '--color-background-tertiary',
+    '--accent-foreground': '--color-text-primary',
+    '--destructive': '--color-text-danger',
+    '--border': '--color-border-primary',
+    '--input': '--color-border-primary',
+    '--ring': '--color-ring-primary',
+    '--sidebar': '--color-background-secondary',
+    '--sidebar-foreground': '--color-text-primary',
+    '--sidebar-primary': '--color-text-primary',
+    '--sidebar-primary-foreground': '--color-text-inverse',
+    '--sidebar-accent': '--color-background-tertiary',
+    '--sidebar-accent-foreground': '--color-text-primary',
+    '--sidebar-border': '--color-border-secondary',
+    '--sidebar-ring': '--color-ring-primary',
+    '--font-sans': '--font-sans',
+    '--font-mono': '--font-mono',
+    '--radius': '--border-radius-md',
+    '--radius-sm': '--border-radius-sm',
+    '--radius-lg': '--border-radius-lg',
+    '--radius-xl': '--border-radius-xl',
+    '--success-3': '--color-background-success',
+    '--success-9': '--color-border-success',
+    '--success-11': '--color-text-success',
+    '--warning-3': '--color-background-warning',
+    '--warning-9': '--color-border-warning',
+    '--warning-11': '--color-text-warning',
+    '--danger-3': '--color-background-danger',
+    '--danger-9': '--color-border-danger',
+    '--danger-11': '--color-text-danger',
+    '--info-3': '--color-background-info',
+    '--info-9': '--color-border-info',
+    '--info-11': '--color-text-info',
+};
+export function applyAtmosHostContext(context) {
+    const root = document.documentElement;
+    if (context?.theme) {
+        applyDocumentTheme(context.theme);
+        root.classList.toggle('dark', context.theme === 'dark');
+    }
+    if (context?.styles?.variables) {
+        applyHostStyleVariables(context.styles.variables, root);
+        for (const [semantic, host] of Object.entries(semanticVariables)) {
+            root.style.setProperty(semantic, `var(${host})`);
+        }
+    }
+    if (context?.styles?.css?.fonts)
+        applyHostFonts(context.styles.css.fonts);
+}

package/dist/mcp-app/use-atmos-mcp-app.d.ts

@@ -0,0 +1,109 @@
+import type { McpUiHostContext, McpUiToolResultNotification } from '@modelcontextprotocol/ext-apps';
+export interface AtmosMcpAppOptions {
+    name: string;
+    version: string;
+    onToolResult?: (result: McpUiToolResultNotification['params']) => void;
+}
+export declare function useAtmosMcpApp({ name, version, onToolResult }: AtmosMcpAppOptions): {
+    hostContext: McpUiHostContext | undefined;
+    toolResult: {
+        [x: string]: unknown;
+        content: ({
+            type: "text";
+            text: string;
+            annotations?: {
+                audience?: ("user" | "assistant")[] | undefined;
+                priority?: number | undefined;
+                lastModified?: string | undefined;
+            } | undefined;
+            _meta?: {
+                [x: string]: unknown;
+            } | undefined;
+        } | {
+            type: "image";
+            data: string;
+            mimeType: string;
+            annotations?: {
+                audience?: ("user" | "assistant")[] | undefined;
+                priority?: number | undefined;
+                lastModified?: string | undefined;
+            } | undefined;
+            _meta?: {
+                [x: string]: unknown;
+            } | undefined;
+        } | {
+            type: "audio";
+            data: string;
+            mimeType: string;
+            annotations?: {
+                audience?: ("user" | "assistant")[] | undefined;
+                priority?: number | undefined;
+                lastModified?: string | undefined;
+            } | undefined;
+            _meta?: {
+                [x: string]: unknown;
+            } | undefined;
+        } | {
+            uri: string;
+            name: string;
+            type: "resource_link";
+            description?: string | undefined;
+            mimeType?: string | undefined;
+            size?: number | undefined;
+            annotations?: {
+                audience?: ("user" | "assistant")[] | undefined;
+                priority?: number | undefined;
+                lastModified?: string | undefined;
+            } | undefined;
+            _meta?: {
+                [x: string]: unknown;
+            } | undefined;
+            icons?: {
+                src: string;
+                mimeType?: string | undefined;
+                sizes?: string[] | undefined;
+                theme?: "dark" | "light" | undefined;
+            }[] | undefined;
+            title?: string | undefined;
+        } | {
+            type: "resource";
+            resource: {
+                uri: string;
+                text: string;
+                mimeType?: string | undefined;
+                _meta?: {
+                    [x: string]: unknown;
+                } | undefined;
+            } | {
+                uri: string;
+                blob: string;
+                mimeType?: string | undefined;
+                _meta?: {
+                    [x: string]: unknown;
+                } | undefined;
+            };
+            annotations?: {
+                audience?: ("user" | "assistant")[] | undefined;
+                priority?: number | undefined;
+                lastModified?: string | undefined;
+            } | undefined;
+            _meta?: {
+                [x: string]: unknown;
+            } | undefined;
+        })[];
+        _meta?: {
+            [x: string]: unknown;
+            progressToken?: string | number | undefined;
+            "io.modelcontextprotocol/related-task"?: {
+                taskId: string;
+            } | undefined;
+        } | undefined;
+        structuredContent?: {
+            [x: string]: unknown;
+        } | undefined;
+        isError?: boolean | undefined;
+    } | undefined;
+    app: import("@modelcontextprotocol/ext-apps").App | null;
+    isConnected: boolean;
+    error: Error | null;
+};

package/dist/mcp-app/use-atmos-mcp-app.js

@@ -0,0 +1,30 @@
+import { useEffect, useState } from 'react';
+import { useApp } from '@modelcontextprotocol/ext-apps/react';
+import { applyAtmosHostContext } from './theme.js';
+export function useAtmosMcpApp({ name, version, onToolResult }) {
+    const [hostContext, setHostContext] = useState();
+    const [toolResult, setToolResult] = useState();
+    const connection = useApp({
+        appInfo: { name, version },
+        capabilities: {},
+        strict: true,
+        onAppCreated(app) {
+            app.ontoolresult = (result) => {
+                setToolResult(result);
+                onToolResult?.(result);
+            };
+            app.onhostcontextchanged = (context) => {
+                setHostContext((current) => ({ ...current, ...context }));
+                applyAtmosHostContext(context);
+            };
+        },
+    });
+    useEffect(() => {
+        if (!connection.app)
+            return;
+        const context = connection.app.getHostContext();
+        setHostContext(context);
+        applyAtmosHostContext(context);
+    }, [connection.app]);
+    return { ...connection, hostContext, toolResult };
+}

package/dist/mcp-app/vite.d.ts

@@ -0,0 +1,7 @@
+import { type UserConfig } from 'vite';
+export interface AtmosMcpAppViteOptions {
+    root: string;
+    entry?: string;
+    outDir?: string;
+}
+export declare function atmosMcpAppViteConfig({ root, entry, outDir, }: AtmosMcpAppViteOptions): UserConfig;

package/dist/mcp-app/vite.js

@@ -0,0 +1,30 @@
+import tailwindcss from '@tailwindcss/postcss';
+import react from '@vitejs/plugin-react';
+import path from 'node:path';
+import { defineConfig } from 'vite';
+export function atmosMcpAppViteConfig({ root, entry = 'src/main.tsx', outDir = '../dist', }) {
+    return defineConfig({
+        root,
+        publicDir: false,
+        plugins: [react()],
+        define: { 'process.env.NODE_ENV': JSON.stringify('production') },
+        css: { postcss: { plugins: [tailwindcss()] } },
+        resolve: { dedupe: ['react', 'react-dom', 'react/jsx-runtime'] },
+        build: {
+            outDir: path.resolve(root, outDir),
+            emptyOutDir: true,
+            cssCodeSplit: false,
+            lib: {
+                entry: path.resolve(root, entry),
+                formats: ['iife'],
+                name: 'AtmosMcpApp',
+                fileName: () => 'app.js',
+            },
+            rollupOptions: {
+                output: {
+                    assetFileNames: 'app.css',
+                },
+            },
+        },
+    });
+}

package/dist/tokens/index.d.ts

@@ -0,0 +1,7 @@
+export declare const priorityToneClassNames: {
+    readonly 0: "text-muted-foreground/50";
+    readonly 1: "text-muted-foreground";
+    readonly 2: "text-foreground/80";
+    readonly 3: "text-amber-600 dark:text-amber-400";
+    readonly 4: "text-destructive";
+};

package/dist/tokens/index.js

@@ -0,0 +1,7 @@
+export const priorityToneClassNames = {
+    0: 'text-muted-foreground/50',
+    1: 'text-muted-foreground',
+    2: 'text-foreground/80',
+    3: 'text-amber-600 dark:text-amber-400',
+    4: 'text-destructive',
+};

package/dist/tokens/semantic.css

@@ -0,0 +1,110 @@
+/* The shell's canonical semantic token layer. MCP App host context projects
+   these values into the official MCP Apps style variables so sandboxed apps
+   inherit the same visual language without loading trusted shell CSS. */
+
+:root {
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.141 0.005 285.823);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.141 0.005 285.823);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.967 0.001 286.375);
+  --secondary-foreground: oklch(0.21 0.006 285.885);
+  --muted: oklch(0.967 0.001 286.375);
+  --muted-foreground: oklch(0.552 0.016 285.938);
+  --accent: oklch(0.967 0.001 286.375);
+  --accent-foreground: oklch(0.21 0.006 285.885);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.92 0.004 286.32);
+  --input: oklch(0.92 0.004 286.32);
+  --ring: oklch(0.705 0.015 286.067);
+  --radius: 0.625rem;
+  --readable-content-width: 56rem;
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.141 0.005 285.823);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.967 0.001 286.375);
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
+  --sidebar-border: oklch(0.92 0.004 286.32);
+  --sidebar-ring: oklch(0.705 0.015 286.067);
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.141 0.005 285.823);
+  --chart-1: oklch(0.837 0.128 66.29);
+  --chart-2: oklch(0.705 0.213 47.604);
+  --chart-3: oklch(0.646 0.222 41.116);
+  --chart-4: oklch(0.553 0.195 38.402);
+  --chart-5: oklch(0.47 0.157 37.304);
+  --category-1: oklch(0.532 0.131 244);
+  --category-2: oklch(0.753 0.158 76.8);
+  --category-3: oklch(0.62 0.13 165.5);
+  --category-4: oklch(0.679 0.118 346.3);
+  --category-5: oklch(0.735 0.117 236.2);
+  --category-6: oklch(0.621 0.17 47.5);
+
+  --success-3: oklch(95% 0.03 150);
+  --success-9: oklch(62% 0.155 148);
+  --success-11: oklch(40% 0.11 150);
+  --warning-3: oklch(96% 0.04 75);
+  --warning-9: oklch(72% 0.15 75);
+  --warning-11: oklch(48% 0.13 75);
+  --danger-3: oklch(96% 0.03 25);
+  --danger-9: oklch(58% 0.19 25);
+  --danger-11: oklch(48% 0.17 25);
+  --info-3: oklch(94.5% 0.028 245);
+  --info-9: oklch(54% 0.175 245);
+  --info-11: oklch(45% 0.155 245);
+
+  /* The usage purple: every quota/token meter (usage dashboard, composer quota
+     arc, activity grid) reads these so the family can be retuned in one place. */
+  --usage: oklch(0.61 0.19 293);
+  --usage-strong: oklch(0.45 0.19 293);
+}
+
+.dark {
+  --background: oklch(0.141 0.005 285.823);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.21 0.006 285.885);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.21 0.006 285.885);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.985 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.274 0.006 286.033);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.274 0.006 286.033);
+  --muted-foreground: oklch(0.705 0.015 286.067);
+  --accent: oklch(0.274 0.006 286.033);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 6%);
+  --input: oklch(1 0 0 / 12%);
+  --ring: oklch(0.552 0.016 285.938);
+  --sidebar: oklch(0.21 0.006 285.885);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.985 0 0);
+  --sidebar-primary-foreground: oklch(0.205 0 0);
+  --sidebar-accent: oklch(0.274 0.006 286.033);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 5%);
+  --sidebar-ring: oklch(0.552 0.016 285.938);
+  --chart-1: oklch(0.837 0.128 66.29);
+  --chart-2: oklch(0.705 0.213 47.604);
+  --chart-3: oklch(0.646 0.222 41.116);
+  --chart-4: oklch(0.553 0.195 38.402);
+  --chart-5: oklch(0.47 0.157 37.304);
+
+  --success-3: oklch(26% 0.045 150);
+  --success-9: oklch(70% 0.16 148);
+  --success-11: oklch(78% 0.13 150);
+  --warning-3: oklch(27% 0.05 75);
+  --warning-9: oklch(78% 0.15 75);
+  --warning-11: oklch(82% 0.13 75);
+  --danger-3: oklch(26% 0.055 25);
+  --danger-9: oklch(66% 0.19 25);
+  --danger-11: oklch(78% 0.15 25);
+  --info-3: oklch(27% 0.06 245);
+  --info-9: oklch(64% 0.175 245);
+  --info-11: oklch(78% 0.155 245);
+}

package/dist/tokens/tokens.css

@@ -0,0 +1,195 @@
+
+@layer tokens {
+  :root {
+
+    --neutral-1:  oklch(99.2% 0.002 80);
+    --neutral-2:  oklch(97.5% 0.003 80);
+    --neutral-3:  oklch(95.0% 0.004 80);
+    --neutral-4:  oklch(92.5% 0.005 80);
+    --neutral-5:  oklch(89.5% 0.006 80);
+    --neutral-6:  oklch(86.0% 0.006 80);
+    --neutral-7:  oklch(80.0% 0.007 80);
+    --neutral-8:  oklch(70.0% 0.008 80);
+    --neutral-9:  oklch(55.0% 0.008 80);
+    --neutral-10: oklch(48.0% 0.008 80);
+    --neutral-11: oklch(40.0% 0.010 80);
+    --neutral-12: oklch(18.0% 0.012 80);
+
+
+    --accent-1:   oklch(99.0% 0.005 245);
+    --accent-2:   oklch(97.5% 0.012 245);
+    --accent-3:   oklch(94.5% 0.028 245);
+    --accent-4:   oklch(91.0% 0.050 245);
+    --accent-5:   oklch(86.5% 0.078 245);
+    --accent-6:   oklch(81.0% 0.100 245);
+    --accent-7:   oklch(73.0% 0.130 245);
+    --accent-8:   oklch(63.0% 0.155 245);
+    --accent-9:   oklch(54.0% 0.175 245);
+    --accent-10:  oklch(48.0% 0.175 245);
+    --accent-11:  oklch(45.0% 0.155 245);
+    --accent-12:  oklch(22.0% 0.080 245);
+
+
+    --success-3:  oklch(95.0% 0.030 150);
+    --success-9:  oklch(62.0% 0.155 148);
+    --success-11: oklch(40.0% 0.110 150);
+
+    --warning-3:  oklch(96.0% 0.040 75);
+    --warning-9:  oklch(72.0% 0.150 75);
+    --warning-11: oklch(48.0% 0.130 75);
+
+    --danger-3:   oklch(96.0% 0.030 25);
+    --danger-9:   oklch(58.0% 0.190 25);
+    --danger-11:  oklch(48.0% 0.170 25);
+
+    --info-3:     var(--accent-3);
+    --info-9:     var(--accent-9);
+    --info-11:    var(--accent-11);
+
+
+    --surface-page:     var(--neutral-1);
+    --surface-sidebar:  var(--neutral-2);
+    --surface-card:     var(--neutral-1);
+    --surface-popover:  var(--neutral-1);
+    --surface-hover:    var(--neutral-3);
+    --surface-active:   var(--neutral-4);
+    --surface-selected: var(--accent-3);
+    --surface-overlay:  oklch(0% 0 0 / 0.40);
+
+
+    /* Row surfaces stay solid (color-mix, not alpha) so children that fake a
+       cut-out — overlapping avatar rings, dot stacks — can repaint the exact row
+       color. They read the inherited --row-surface; each row family points it at
+       its own per-state color. */
+    --row-surface: var(--surface-page);
+
+    --side-panel-row-surface:          var(--surface-sidebar);
+    --side-panel-row-hover-surface:    color-mix(in srgb, var(--surface-hover) 60%, var(--surface-sidebar));
+    --side-panel-row-selected-surface: color-mix(in srgb, var(--text-primary) 5%, var(--surface-sidebar));
+
+    --collection-row-hover-surface:          color-mix(in srgb, var(--surface-hover) 45%, var(--surface-page));
+    --collection-row-active-surface:         color-mix(in srgb, var(--surface-hover) 40%, var(--surface-page));
+    --collection-row-selected-surface:       color-mix(in srgb, var(--accent-9) 7%, var(--surface-page));
+    --collection-row-selected-hover-surface: color-mix(in srgb, var(--accent-9) 10%, var(--surface-page));
+
+
+    --border-subtle:    var(--neutral-6);
+    --border-default:   var(--neutral-7);
+    --border-strong:    var(--neutral-8);
+    --divider:          oklch(0% 0 0 / 0.08);
+
+
+    --text-primary:     var(--neutral-12);
+    --text-secondary:   var(--neutral-11);
+    --text-tertiary:    var(--neutral-9);
+    --text-on-accent:   oklch(99% 0 0);
+    --text-accent:      var(--accent-11);
+
+
+    --focus-ring:        var(--accent-8);
+    --focus-ring-offset: var(--surface-page);
+
+
+    --base-unit:   4px;
+    --row-height:  32px;
+    --radius-sm:   4px;
+    --radius:      6px;
+    --radius-lg:   8px;
+    --radius-xl:   12px;
+
+
+    --font-sans: var(--font-geist-sans, ui-sans-serif, system-ui, -apple-system, sans-serif);
+    --font-mono: var(--font-geist-mono, ui-monospace, "SF Mono", Menlo, monospace);
+
+
+    --ease-out-expo: cubic-bezier(0.32, 0.72, 0, 1);
+    --duration-fast: 80ms;
+    --duration-base: 120ms;
+    --duration-slide: 180ms;
+  }
+
+  .dark, [data-theme="dark"] {
+    --neutral-1:  oklch(17.0% 0.004 80);
+    --neutral-2:  oklch(20.0% 0.005 80);
+    --neutral-3:  oklch(23.0% 0.006 80);
+    --neutral-4:  oklch(26.5% 0.007 80);
+    --neutral-5:  oklch(30.0% 0.008 80);
+    --neutral-6:  oklch(33.5% 0.008 80);
+    --neutral-7:  oklch(38.0% 0.009 80);
+    --neutral-8:  oklch(46.0% 0.009 80);
+    --neutral-9:  oklch(58.0% 0.009 80);
+    --neutral-10: oklch(64.0% 0.009 80);
+    --neutral-11: oklch(72.0% 0.010 80);
+    --neutral-12: oklch(96.0% 0.005 80);
+
+    --accent-1:   oklch(20.0% 0.020 245);
+    --accent-2:   oklch(23.0% 0.040 245);
+    --accent-3:   oklch(27.0% 0.060 245);
+    --accent-4:   oklch(31.0% 0.085 245);
+    --accent-5:   oklch(35.0% 0.105 245);
+    --accent-6:   oklch(40.0% 0.125 245);
+    --accent-7:   oklch(48.0% 0.145 245);
+    --accent-8:   oklch(58.0% 0.165 245);
+    --accent-9:   oklch(64.0% 0.175 245);
+    --accent-10:  oklch(70.0% 0.175 245);
+    --accent-11:  oklch(78.0% 0.155 245);
+    --accent-12:  oklch(94.0% 0.060 245);
+
+    --success-3:  oklch(26.0% 0.045 150);
+    --success-9:  oklch(70.0% 0.160 148);
+    --success-11: oklch(78.0% 0.130 150);
+
+    --warning-3:  oklch(27.0% 0.050 75);
+    --warning-9:  oklch(78.0% 0.150 75);
+    --warning-11: oklch(82.0% 0.130 75);
+
+    --danger-3:   oklch(26.0% 0.055 25);
+    --danger-9:   oklch(66.0% 0.190 25);
+    --danger-11:  oklch(78.0% 0.150 25);
+
+    --surface-overlay: oklch(0% 0 0 / 0.60);
+    --divider: oklch(100% 0 0 / 0.07);
+  }
+}
+
+html {
+  -webkit-text-size-adjust: 100%;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+}
+
+body {
+  font-family: var(--font-sans);
+  font-size: 14px;
+  line-height: 1.5;
+  background-color: var(--surface-page);
+  color: var(--text-primary);
+  font-feature-settings: "cv11", "ss01", "ss03";
+}
+
+code, kbd, samp, pre, .font-mono {
+  font-family: var(--font-mono);
+  font-variant-ligatures: none;
+}
+
+
+th, td, .tabular-nums, .metric {
+  font-variant-numeric: tabular-nums;
+}
+
+
+*:focus-visible {
+  outline: 2px solid var(--focus-ring);
+  outline-offset: 2px;
+  border-radius: var(--radius-sm);
+}
+
+
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after {
+    animation-duration: 0.01ms !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}

package/package.json

@@ -0,0 +1,98 @@
+{
+  "name": "@atmos.build/ui",
+  "version": "0.1.0",
+  "description": "The complete atmOS React component system and MCP App authoring helpers.",
+  "type": "module",
+  "license": "UNLICENSED",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./mcp-app": {
+      "types": "./dist/mcp-app/index.d.ts",
+      "import": "./dist/mcp-app/index.js"
+    },
+    "./mcp-app/styles.css": "./dist/mcp-app/styles.css",
+    "./mcp-app/vite": {
+      "types": "./dist/mcp-app/vite.d.ts",
+      "import": "./dist/mcp-app/vite.js"
+    },
+    "./flow": {
+      "types": "./dist/flow/index.d.ts",
+      "import": "./dist/flow/index.js"
+    },
+    "./flow/styles.css": "./dist/flow/styles.css",
+    "./tokens.css": "./dist/tokens/tokens.css",
+    "./semantic.css": "./dist/tokens/semantic.css",
+    "./lib/cn": {
+      "types": "./dist/lib/cn.d.ts",
+      "import": "./dist/lib/cn.js"
+    },
+    "./view-query": {
+      "types": "./dist/lib/view-query/index.d.ts",
+      "import": "./dist/lib/view-query/index.js"
+    },
+    "./components/*": {
+      "types": "./dist/components/*.d.ts",
+      "import": "./dist/components/*.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "engines": {
+    "node": ">=20.19.0"
+  },
+  "dependencies": {
+    "@codemirror/autocomplete": "^6.20.3",
+    "@codemirror/lang-sql": "^6.8.0",
+    "@codemirror/language": "^6.12.4",
+    "@codemirror/state": "^6.7.1",
+    "@codemirror/view": "6.43.6",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@emoji-mart/data": "^1.2.1",
+    "@lezer/highlight": "^1.2.3",
+    "@modelcontextprotocol/ext-apps": "1.7.5",
+    "@radix-ui/react-roving-focus": "^1.1.15",
+    "@radix-ui/react-slot": "^1.3.0",
+    "@tailwindcss/postcss": "^4.3.2",
+    "@tanstack/react-virtual": "3.14.6",
+    "@tiptap/core": "^2.10.3",
+    "@tiptap/extension-placeholder": "^2.10.3",
+    "@tiptap/pm": "^2.10.3",
+    "@tiptap/react": "^2.10.3",
+    "@tiptap/starter-kit": "^2.10.3",
+    "@uiw/react-codemirror": "^4.25.11",
+    "@vitejs/plugin-react": "^6.0.3",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "lucide-react": "^1.33.0",
+    "marked": "^15.0.7",
+    "motion": "^12.42.2",
+    "postcss": ">=8.5.18",
+    "radix-ui": "^1.6.2",
+    "reactflow": "^11.11.4",
+    "tailwind-merge": "^3.6.0",
+    "tailwindcss": "^4.3.2",
+    "tw-animate-css": "^1.4.0",
+    "use-intl": "^4.13.2",
+    "vite": "8.1.4",
+    "yjs": "^13.6.31"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  }
+}