@syncular/ui 0.0.0

package/dist/observable-universe/code-section.js

@@ -0,0 +1,86 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../lib/cn.js';
+import { SectionHeading } from './section-heading.js';
+const dialects = [
+    {
+        dialect: 'Postgres',
+        runtime: 'Node.js / Bun / Edge',
+        href: '/docs/server/dialects',
+    },
+    {
+        dialect: 'SQLite',
+        runtime: 'Node.js / Bun',
+        href: '/docs/server/dialects',
+    },
+    {
+        dialect: 'wa-sqlite',
+        runtime: 'Browser (WASM)',
+        clientOnly: true,
+        href: '/docs/build/runtimes/web',
+    },
+    {
+        dialect: 'PGlite',
+        runtime: 'Browser (WASM)',
+        href: '/docs/build/runtimes/web',
+    },
+    {
+        dialect: 'better-sqlite3',
+        runtime: 'Node.js / Electron',
+        href: '/docs/build/runtimes/bun-node',
+    },
+    {
+        dialect: 'sqlite3',
+        runtime: 'Node.js',
+        href: '/docs/build/runtimes/bun-node',
+    },
+    {
+        dialect: 'Bun SQLite',
+        runtime: 'Bun',
+        href: '/docs/build/runtimes/bun-node',
+    },
+    {
+        dialect: 'Expo SQLite',
+        runtime: 'React Native',
+        clientOnly: true,
+        href: '/docs/build/runtimes/expo',
+    },
+    {
+        dialect: 'Nitro SQLite',
+        runtime: 'React Native',
+        clientOnly: true,
+        href: '/docs/build/runtimes/expo',
+    },
+    {
+        dialect: 'LibSQL',
+        runtime: 'Turso / LibSQL',
+        href: '/docs/server/dialects',
+    },
+    {
+        dialect: 'Neon',
+        runtime: 'Neon Postgres (serverless)',
+        href: '/docs/build/runtimes/cloudflare',
+    },
+    {
+        dialect: 'D1',
+        runtime: 'Cloudflare Workers',
+        href: '/docs/build/runtimes/cloudflare',
+    },
+];
+export const CodeSection = forwardRef(function CodeSection({ className }, ref) {
+    return (_jsx("section", { ref: ref, id: "databases", className: cn('py-24 border-t border-border', className), children: _jsxs("div", { className: "max-w-[1400px] mx-auto px-6", children: [
+                _jsx(SectionHeading, { label: "Runs everywhere", title: "Pick the dialect for your runtime. Mix and match client and server." }), _jsx("div", { className: "max-w-3xl", children: _jsxs("div", { className: "dashboard-panel rounded-lg overflow-hidden", children: [
+                            _jsx("div", { className: "px-6 py-4 border-b border-border", children: _jsxs("div", { className: "flex items-center gap-2", children: [
+                                        _jsx("span", { className: "w-2 h-2 rounded-full bg-flow inline-block" }), _jsx("span", { className: "font-mono text-[11px] text-flow uppercase tracking-wider", children: "Supported dialects" })
+                                    ] }) }), _jsxs("table", { className: "w-full", children: [
+                                    _jsx("thead", { children: _jsxs("tr", { className: "border-b border-border", children: [
+                                                _jsx("th", { className: "text-left text-[11px] font-mono text-neutral-500 uppercase tracking-wider px-6 py-3", children: "Dialect" }), _jsx("th", { className: "text-left text-[11px] font-mono text-neutral-500 uppercase tracking-wider px-6 py-3", children: "Runtime" })
+                                            ] }) }), _jsx("tbody", { children: dialects.map((row) => (_jsxs("tr", { className: "border-b border-border/50", children: [
+                                                _jsx("td", { className: "px-6 py-3 font-mono text-sm text-white", children: _jsx("a", { href: row.href, className: "underline decoration-border underline-offset-4 transition-colors hover:text-flow hover:decoration-flow", children: row.dialect }) }), _jsx("td", { className: "px-6 py-3 text-sm text-neutral-400", children: row.runtime })
+                                            ] }, row.dialect))) })
+                                ] })
+                        ] }) })
+            ] }) }));
+});
+//# sourceMappingURL=code-section.js.map

package/dist/observable-universe/code-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-section.js","sourceRoot":"","sources":["../../src/observable-universe/code-section.tsx"],"names":[],"mappings":"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"}

package/dist/observable-universe/commit-stream-panel.d.ts

@@ -0,0 +1,8 @@
+import type { ObservableStreamEntry } from './types';
+export interface CommitStreamPanelProps {
+    entries: ObservableStreamEntry[];
+    rate?: string;
+    className?: string;
+}
+export declare const CommitStreamPanel: import("react").ForwardRefExoticComponent<CommitStreamPanelProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=commit-stream-panel.d.ts.map

package/dist/observable-universe/commit-stream-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"commit-stream-panel.d.ts","sourceRoot":"","sources":["../../src/observable-universe/commit-stream-panel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6CD,eAAO,MAAM,iBAAiB,mHA2D5B,CAAC"}

package/dist/observable-universe/commit-stream-panel.js

@@ -0,0 +1,45 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../lib/cn.js';
+function formatDetail(entry) {
+    if (entry.operation === 'PUSH') {
+        return {
+            color: 'text-amber-400',
+            detail: (_jsxs(_Fragment, { children: [
+                    _jsx("span", { className: "text-neutral-500", children: entry.table }), '  ', _jsx("span", { className: "text-neutral-400", children: entry.mutation }), '  ', _jsxs("span", { className: "text-neutral-500", children: ["+", entry.commits, " commit", entry.commits > 1 ? 's' : ''] })
+                ] })),
+        };
+    }
+    if (entry.operation === 'PULL') {
+        return {
+            color: 'text-emerald-400',
+            detail: (_jsxs(_Fragment, { children: [
+                    _jsx("span", { className: "text-neutral-500", children: entry.table }), '  ', _jsxs("span", { className: "text-neutral-400", children: ["+", entry.commits, " commit", entry.commits > 1 ? 's' : ''] }), ' ', _jsx("span", { className: "text-neutral-600", children: "(synced)" })
+                ] })),
+        };
+    }
+    return {
+        color: 'text-blue-400',
+        detail: (_jsxs(_Fragment, { children: [
+                _jsx("span", { className: "text-neutral-500", children: "sync complete" }), ' ', _jsx("span", { className: "text-neutral-600", children: "(0 conflicts)" })
+            ] })),
+    };
+}
+export const CommitStreamPanel = forwardRef(function CommitStreamPanel({ entries, rate, className }, ref) {
+    return (_jsxs("div", { ref: ref, className: cn('dashboard-panel rounded-lg flex flex-col', className), children: [
+            _jsxs("div", { className: "px-4 py-3 border-b border-border flex items-center justify-between", children: [
+                    _jsx("span", { className: "font-mono text-[11px] text-neutral-400 uppercase tracking-wider", children: "Commit Stream" }), rate ? (_jsx("span", { className: "font-mono text-[11px] text-healthy", children: rate })) : null] }), _jsxs("div", { className: "flex-1 overflow-hidden relative", children: [
+                    _jsx("div", { className: "absolute inset-x-0 top-0 h-6 z-10 pointer-events-none", style: {
+                            background: 'linear-gradient(to bottom, #111111, transparent)',
+                        } }), _jsx("div", { className: "absolute inset-x-0 bottom-0 h-8 z-10 pointer-events-none", style: {
+                            background: 'linear-gradient(to top, #111111, transparent)',
+                        } }), _jsx("div", { className: "p-3 space-y-0.5 overflow-hidden", style: { maxHeight: '100%' }, children: entries.map((entry) => {
+                            const { color, detail } = formatDetail(entry);
+                            return (_jsxs("div", { className: "stream-entry font-mono text-[9px] leading-5 whitespace-nowrap", children: [
+                                    _jsx("span", { className: "text-neutral-600", children: entry.timestamp }), '  ', _jsx("span", { className: cn('font-medium', color), children: entry.operation.padEnd(4) }), '  ', _jsx("span", { className: "text-neutral-400", children: entry.clientId.padEnd(10) }), '  ', detail] }, entry.id));
+                        }) })
+                ] })
+        ] }));
+});
+//# sourceMappingURL=commit-stream-panel.js.map

package/dist/observable-universe/commit-stream-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commit-stream-panel.js","sourceRoot":"","sources":["../../src/observable-universe/commit-stream-panel.tsx"],"names":[],"mappings":"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"}

package/dist/observable-universe/connected-clients-panel.d.ts

@@ -0,0 +1,7 @@
+import type { ObservableClient } from './types';
+export interface ConnectedClientsPanelProps {
+    clients: ObservableClient[];
+    className?: string;
+}
+export declare const ConnectedClientsPanel: import("react").ForwardRefExoticComponent<ConnectedClientsPanelProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=connected-clients-panel.d.ts.map

package/dist/observable-universe/connected-clients-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connected-clients-panel.d.ts","sourceRoot":"","sources":["../../src/observable-universe/connected-clients-panel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6BD,eAAO,MAAM,qBAAqB,uHAsEhC,CAAC"}

package/dist/observable-universe/connected-clients-panel.js

@@ -0,0 +1,47 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../lib/cn.js';
+function formatSyncTime(client) {
+    if (client.status === 'syncing') {
+        return `pushing ${client.syncingCommits ?? 0} commits...`;
+    }
+    if (client.lastSync === 0)
+        return 'just now';
+    if (client.lastSync < 60)
+        return `${client.lastSync}s ago`;
+    return `${Math.floor(client.lastSync / 60)}m ago`;
+}
+function statusDotChar(status) {
+    if (status === 'online')
+        return '\u25CF';
+    if (status === 'syncing')
+        return '\u25D0';
+    return '\u25CB';
+}
+const statusDotClass = {
+    online: 'text-healthy',
+    syncing: 'text-syncing animate-[dotPulse_1s_ease-in-out_infinite]',
+    offline: 'text-offline',
+};
+const statusTextClass = {
+    online: 'text-emerald-500',
+    syncing: 'text-amber-500',
+    offline: 'text-red-500',
+};
+export const ConnectedClientsPanel = forwardRef(function ConnectedClientsPanel({ clients, className }, ref) {
+    return (_jsxs("div", { ref: ref, className: cn('dashboard-panel rounded-lg flex flex-col', className), children: [
+            _jsxs("div", { className: "px-4 py-3 border-b border-border flex items-center justify-between", children: [
+                    _jsx("span", { className: "font-mono text-[11px] text-neutral-400 uppercase tracking-wider", children: "Connected Clients" }), _jsxs("span", { className: "font-mono text-[11px] text-neutral-600", children: [clients.length, " nodes"] })
+                ] }), _jsx("div", { className: "flex-1 overflow-auto p-2 space-y-1", children: clients.map((client) => (_jsxs("div", { className: "flex items-start gap-3 px-3 py-2.5 rounded hover:bg-white/[0.02] transition-colors", children: [
+                        _jsx("span", { className: cn('font-mono text-sm mt-0.5 shrink-0', statusDotClass[client.status]), children: statusDotChar(client.status) }), _jsxs("div", { className: "flex-1 min-w-0", children: [
+                                _jsxs("div", { className: "flex items-center gap-2", children: [
+                                        _jsx("span", { className: "font-mono text-xs text-white truncate", children: client.id }), _jsxs("span", { className: "font-mono text-[10px] text-neutral-600", children: ["(", client.type, ")"] }), client.via === 'relay' ? (_jsx("span", { className: "font-mono text-[9px] text-violet-400/60 border border-violet-400/20 rounded px-1 ml-1", children: "relay" })) : null] }), _jsxs("div", { className: "flex items-center gap-3 mt-0.5", children: [
+                                        _jsx("span", { className: cn('font-mono text-[10px]', statusTextClass[client.status]), children: client.status }), _jsxs("span", { className: "font-mono text-[10px] text-neutral-600", children: ["sync: ", formatSyncTime(client)] })
+                                    ] }), _jsxs("div", { className: "font-mono text-[10px] text-neutral-600 mt-0.5", children: ["commits:", ' ', _jsx("span", { className: "text-neutral-400", children: client.commits.toLocaleString() })
+                                    ] })
+                            ] })
+                    ] }, client.id))) })
+        ] }));
+});
+//# sourceMappingURL=connected-clients-panel.js.map

package/dist/observable-universe/connected-clients-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connected-clients-panel.js","sourceRoot":"","sources":["../../src/observable-universe/connected-clients-panel.tsx"],"names":[],"mappings":"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"}

package/dist/observable-universe/constants.d.ts

@@ -0,0 +1,10 @@
+import type { ObservableClient } from './types';
+export declare const INITIAL_CLIENTS: ObservableClient[];
+export declare const TABLES: string[];
+export declare const MUTATIONS: readonly ["INSERT", "UPDATE", "DELETE"];
+export declare const OPERATIONS: readonly ["PUSH", "PULL", "ACK", "PUSH", "PULL", "PUSH"];
+export declare const NODE_POSITIONS: Record<string, {
+    x: number;
+    y: number;
+}>;
+//# sourceMappingURL=constants.d.ts.map

package/dist/observable-universe/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/observable-universe/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,eAAe,EAAE,gBAAgB,EA0D7C,CAAC;AAEF,eAAO,MAAM,MAAM,UAA0C,CAAC;AAC9D,eAAO,MAAM,SAAS,yCAA0C,CAAC;AACjE,eAAO,MAAM,UAAU,0DAOb,CAAC;AAEX,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAUnE,CAAC"}

package/dist/observable-universe/constants.js

@@ -0,0 +1,81 @@
+export const INITIAL_CLIENTS = [
+    {
+        id: 'client-a',
+        type: 'mobile',
+        status: 'online',
+        lastSync: 2,
+        commits: 847,
+        via: 'direct',
+    },
+    {
+        id: 'client-b',
+        type: 'desktop',
+        status: 'online',
+        lastSync: 0,
+        commits: 1203,
+        via: 'direct',
+    },
+    {
+        id: 'client-c',
+        type: 'tablet',
+        status: 'syncing',
+        lastSync: 0,
+        commits: 445,
+        syncingCommits: 3,
+        via: 'direct',
+    },
+    {
+        id: 'client-d',
+        type: 'edge',
+        status: 'offline',
+        lastSync: 240,
+        commits: 201,
+        via: 'direct',
+    },
+    {
+        id: 'client-e',
+        type: 'mobile',
+        status: 'online',
+        lastSync: 1,
+        commits: 312,
+        via: 'relay',
+    },
+    {
+        id: 'client-f',
+        type: 'laptop',
+        status: 'online',
+        lastSync: 3,
+        commits: 589,
+        via: 'relay',
+    },
+    {
+        id: 'client-g',
+        type: 'iot',
+        status: 'offline',
+        lastSync: 180,
+        commits: 67,
+        via: 'relay',
+    },
+];
+export const TABLES = ['todos', 'projects', 'notes', 'users'];
+export const MUTATIONS = ['INSERT', 'UPDATE', 'DELETE'];
+export const OPERATIONS = [
+    'PUSH',
+    'PULL',
+    'ACK',
+    'PUSH',
+    'PULL',
+    'PUSH',
+];
+export const NODE_POSITIONS = {
+    server: { x: 195, y: 210 },
+    relay: { x: 465, y: 210 },
+    'client-a': { x: 52, y: 100 },
+    'client-b': { x: 38, y: 220 },
+    'client-c': { x: 52, y: 340 },
+    'client-d': { x: 195, y: 390 },
+    'client-e': { x: 608, y: 100 },
+    'client-f': { x: 622, y: 220 },
+    'client-g': { x: 608, y: 340 },
+};
+//# sourceMappingURL=constants.js.map

package/dist/observable-universe/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/observable-universe/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAuB;IACjD;QACE,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,QAAQ;QACd,MAAM,EAAE,QAAQ;QAChB,QAAQ,EAAE,CAAC;QACX,OAAO,EAAE,GAAG;QACZ,GAAG,EAAE,QAAQ;KACd;IACD;QACE,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,QAAQ;QAChB,QAAQ,EAAE,CAAC;QACX,OAAO,EAAE,IAAI;QACb,GAAG,EAAE,QAAQ;KACd;IACD;QACE,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,QAAQ;QACd,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE,CAAC;QACX,OAAO,EAAE,GAAG;QACZ,cAAc,EAAE,CAAC;QACjB,GAAG,EAAE,QAAQ;KACd;IACD;QACE,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE,GAAG;QACb,OAAO,EAAE,GAAG;QACZ,GAAG,EAAE,QAAQ;KACd;IACD;QACE,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,QAAQ;QACd,MAAM,EAAE,QAAQ;QAChB,QAAQ,EAAE,CAAC;QACX,OAAO,EAAE,GAAG;QACZ,GAAG,EAAE,OAAO;KACb;IACD;QACE,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,QAAQ;QACd,MAAM,EAAE,QAAQ;QAChB,QAAQ,EAAE,CAAC;QACX,OAAO,EAAE,GAAG;QACZ,GAAG,EAAE,OAAO;KACb;IACD;QACE,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,KAAK;QACX,MAAM,EAAE,SAAS;QACjB,QAAQ,EAAE,GAAG;QACb,OAAO,EAAE,EAAE;QACX,GAAG,EAAE,OAAO;KACb;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAC9D,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAU,CAAC;AACjE,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,MAAM;IACN,MAAM;IACN,KAAK;IACL,MAAM;IACN,MAAM;IACN,MAAM;CACE,CAAC;AAEX,MAAM,CAAC,MAAM,cAAc,GAA6C;IACtE,MAAM,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;IAC1B,KAAK,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;IACzB,UAAU,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE;IAC7B,UAAU,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE;IAC7B,UAAU,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE;IAC7B,UAAU,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;IAC9B,UAAU,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;IAC9B,UAAU,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;IAC9B,UAAU,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE;CAC/B,CAAC"}

package/dist/observable-universe/explanation-section.d.ts

@@ -0,0 +1,5 @@
+export interface ExplanationSectionProps {
+    className?: string;
+}
+export declare const ExplanationSection: import("react").ForwardRefExoticComponent<ExplanationSectionProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=explanation-section.d.ts.map

package/dist/observable-universe/explanation-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"explanation-section.d.ts","sourceRoot":"","sources":["../../src/observable-universe/explanation-section.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsED,eAAO,MAAM,kBAAkB,iHAkD7B,CAAC"}

package/dist/observable-universe/explanation-section.js

@@ -0,0 +1,76 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../lib/cn.js';
+import { SectionHeading } from './section-heading.js';
+const features = [
+    {
+        title: 'Instant UI',
+        color: 'healthy',
+        description: 'Queries hit local SQLite in <1ms. No loading spinners, no network in the hot path.',
+    },
+    {
+        title: 'Offline by default',
+        color: 'flow',
+        description: 'Writes queue in a local outbox. Sync happens when connectivity returns.',
+    },
+    {
+        title: 'Commit-log sync',
+        color: 'flow',
+        description: 'Append-only log of changes. Incremental pulls. Easy to reason about and debug.',
+    },
+    {
+        title: 'Scope-based auth',
+        color: 'syncing',
+        description: 'Every change tagged with scope values. Pulls return only what\u2019s requested and allowed.',
+    },
+    {
+        title: 'Blob storage',
+        color: 'violet-400',
+        description: 'Sync binary files alongside structured data. Adapters for filesystem, database, and S3-compatible storage (S3/R2/MinIO).',
+    },
+    {
+        title: 'End-to-end encryption',
+        color: 'pink-400',
+        description: 'Field-level E2E encryption (XChaCha20-Poly1305) with BIP39 key sharing.',
+    },
+    {
+        title: 'Observability',
+        color: 'healthy',
+        description: 'Pluggable telemetry \u2014 logs, traces, metrics, exceptions. Sentry adapter or bring your own.',
+    },
+    {
+        title: 'Admin console',
+        color: 'flow',
+        description: 'Inspect commits, clients, and events. Trigger prune/compact and debug sync in production.',
+    },
+];
+function colorClasses(color) {
+    switch (color) {
+        case 'healthy':
+            return { bg: 'bg-healthy/10', text: 'text-healthy' };
+        case 'flow':
+            return { bg: 'bg-flow/10', text: 'text-flow' };
+        case 'syncing':
+            return { bg: 'bg-syncing/10', text: 'text-syncing' };
+        case 'violet-400':
+            return { bg: 'bg-violet-400/10', text: 'text-violet-400' };
+        case 'pink-400':
+            return { bg: 'bg-pink-400/10', text: 'text-pink-400' };
+        default:
+            return { bg: 'bg-flow/10', text: 'text-flow' };
+    }
+}
+export const ExplanationSection = forwardRef(function ExplanationSection({ className }, ref) {
+    return (_jsx("section", { ref: ref, id: "why-syncular", className: cn('py-24 border-t border-border', className), children: _jsxs("div", { className: "max-w-[1400px] mx-auto px-6", children: [
+                _jsx(SectionHeading, { label: "Why Syncular", title: "Everything you need for offline-first sync. Nothing you don't." }), _jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6", children: features.map((feature) => {
+                        const colors = colorClasses(feature.color);
+                        return (_jsxs("div", { className: "dashboard-panel rounded-lg p-6", children: [
+                                _jsxs("div", { className: "flex items-center gap-2 mb-4", children: [
+                                        _jsx("div", { className: cn('w-8 h-8 rounded flex items-center justify-center', colors.bg), children: _jsx("div", { className: cn('w-2 h-2 rounded-full', colors.text), style: { backgroundColor: 'currentColor' } }) }), _jsx("span", { className: "font-display font-semibold text-white text-sm", children: feature.title })
+                                    ] }), _jsx("p", { className: "text-sm text-neutral-400 leading-relaxed", children: feature.description })
+                            ] }, feature.title));
+                    }) })
+            ] }) }));
+});
+//# sourceMappingURL=explanation-section.js.map

package/dist/observable-universe/explanation-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"explanation-section.js","sourceRoot":"","sources":["../../src/observable-universe/explanation-section.tsx"],"names":[],"mappings":"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"}

package/dist/observable-universe/footer-bar.d.ts

@@ -0,0 +1,5 @@
+export interface FooterBarProps {
+    className?: string;
+}
+export declare const FooterBar: import("react").ForwardRefExoticComponent<FooterBarProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=footer-bar.d.ts.map

package/dist/observable-universe/footer-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-bar.d.ts","sourceRoot":"","sources":["../../src/observable-universe/footer-bar.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,wGAwBrB,CAAC"}

package/dist/observable-universe/footer-bar.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../lib/cn.js';
+export const FooterBar = forwardRef(function FooterBar({ className }, ref) {
+    return (_jsx("footer", { ref: ref, className: cn('border-t border-border py-10', className), children: _jsxs("div", { className: "max-w-[1400px] mx-auto px-6 flex items-center justify-between", children: [
+                _jsxs("div", { className: "flex items-center gap-3", children: [
+                        _jsx("span", { className: "font-display font-bold text-white text-sm", children: "syncular" }), _jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-healthy inline-block", style: { boxShadow: '0 0 4px #22c55e' } })
+                    ] }), _jsx("div", { className: "font-mono text-[11px] text-neutral-600", children: "Offline-first sync for SQLite. Open source." })
+            ] }) }));
+});
+//# sourceMappingURL=footer-bar.js.map

package/dist/observable-universe/footer-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-bar.js","sourceRoot":"","sources":["../../src/observable-universe/footer-bar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAM/B,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE;IACrC,OAAO,CACL,iBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,YAExD,eAAK,SAAS,EAAC,+DAA+D;gBAC5E,eAAK,SAAS,EAAC,yBAAyB;wBACtC,eAAM,SAAS,EAAC,2CAA2C,yBAEpD,EACP,eACE,SAAS,EAAC,kDAAkD,EAC5D,KAAK,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE,GACvC;wBACE,EACN,cAAK,SAAS,EAAC,wCAAwC,4DAEjD;gBACF,GACC,CACV,CAAC;AAAA,CACH,CACF,CAAC"}

package/dist/observable-universe/hero-dashboard-section.d.ts

@@ -0,0 +1,10 @@
+import type { ObservableClient, ObservableMetrics, ObservableStreamEntry } from './types';
+export interface HeroDashboardSectionProps {
+    clients: ObservableClient[];
+    streamEntries: ObservableStreamEntry[];
+    metrics: ObservableMetrics;
+    streamRate?: string;
+    className?: string;
+}
+export declare const HeroDashboardSection: import("react").ForwardRefExoticComponent<HeroDashboardSectionProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=hero-dashboard-section.d.ts.map

package/dist/observable-universe/hero-dashboard-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hero-dashboard-section.d.ts","sourceRoot":"","sources":["../../src/observable-universe/hero-dashboard-section.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,aAAa,EAAE,qBAAqB,EAAE,CAAC;IACvC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,oBAAoB,mHAgD/B,CAAC"}

package/dist/observable-universe/hero-dashboard-section.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../lib/cn.js';
+import { CommitStreamPanel } from './commit-stream-panel.js';
+import { ConnectedClientsPanel } from './connected-clients-panel.js';
+import { LiveMetricsBar } from './live-metrics-bar.js';
+import { SyncTopologyPanel } from './sync-topology-panel.js';
+export const HeroDashboardSection = forwardRef(function HeroDashboardSection({ clients, streamEntries, metrics, streamRate, className }, ref) {
+    return (_jsxs("section", { ref: ref, className: cn('pt-16 pb-4 min-h-screen flex flex-col', className), children: [
+            _jsxs("div", { className: "max-w-[1400px] mx-auto w-full px-6 pt-6 pb-4", children: [
+                    _jsx("h1", { className: "font-display font-bold text-3xl md:text-4xl text-white leading-tight", children: "Offline-first SQL sync you can operate." }), _jsx("p", { className: "font-display text-base text-neutral-500 mt-2 max-w-2xl", children: "Web, Electron, Expo. Local SQLite read and write path. Commit-log sync. Scopes for partial sync and auth." }), _jsxs("div", { className: "mt-3 flex items-center gap-2 flex-wrap", children: [
+                            _jsx("span", { className: "font-mono text-[10px] uppercase tracking-widest text-amber-300 border border-amber-300/30 px-2 py-0.5 rounded", children: "Alpha" }), _jsx("span", { className: "text-sm text-neutral-500", children: "APIs and storage layouts will change. Pin versions and expect manual migrations between versions." })
+                        ] })
+                ] }), _jsxs("div", { className: "max-w-[1400px] mx-auto w-full px-6 flex-1 grid grid-cols-1 lg:grid-cols-[320px_1fr_320px] gap-3 pb-3", style: { minHeight: 520 }, children: [
+                    _jsx(ConnectedClientsPanel, { clients: clients }), _jsx(SyncTopologyPanel, { clients: clients }), _jsx(CommitStreamPanel, { entries: streamEntries, rate: streamRate })
+                ] }), _jsx("div", { className: "max-w-[1400px] mx-auto w-full px-6 pb-6", children: _jsx(LiveMetricsBar, { metrics: metrics }) })
+        ] }));
+});
+//# sourceMappingURL=hero-dashboard-section.js.map

package/dist/observable-universe/hero-dashboard-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hero-dashboard-section.js","sourceRoot":"","sources":["../../src/observable-universe/hero-dashboard-section.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAe1D,MAAM,CAAC,MAAM,oBAAoB,GAAG,UAAU,CAG5C,SAAS,oBAAoB,CAC7B,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,EAC1D,GAAG,EACH;IACA,OAAO,CACL,mBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,CAAC;YAGjE,eAAK,SAAS,EAAC,8CAA8C;oBAC3D,aAAI,SAAS,EAAC,sEAAsE,wDAE/E,EACL,YAAG,SAAS,EAAC,wDAAwD,0HAGjE,EACJ,eAAK,SAAS,EAAC,wCAAwC;4BACrD,eAAM,SAAS,EAAC,+GAA+G,sBAExH,EACP,eAAM,SAAS,EAAC,0BAA0B,kHAGnC;4BACH;oBACF,EAGN,eACE,SAAS,EAAC,sGAAsG,EAChH,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE;oBAEzB,KAAC,qBAAqB,IAAC,OAAO,EAAE,OAAO,GAAI,EAC3C,KAAC,iBAAiB,IAAC,OAAO,EAAE,OAAO,GAAI,EACvC,KAAC,iBAAiB,IAAC,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,UAAU,GAAI;oBAC3D,EAGN,cAAK,SAAS,EAAC,yCAAyC,YACtD,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,GAAI,GAChC;YACE,CACX,CAAC;AAAA,CACH,CAAC,CAAC"}

package/dist/observable-universe/index.d.ts

@@ -0,0 +1,17 @@
+export * from './architecture-section';
+export * from './code-section';
+export * from './commit-stream-panel';
+export * from './connected-clients-panel';
+export * from './constants';
+export * from './explanation-section';
+export * from './footer-bar';
+export * from './hero-dashboard-section';
+export * from './install-section';
+export * from './live-metrics-bar';
+export * from './observable-universe-header';
+export * from './observable-universe-landing';
+export * from './section-heading';
+export * from './sync-topology-panel';
+export * from './types';
+export * from './use-observable-universe-simulation';
+//# sourceMappingURL=index.d.ts.map

package/dist/observable-universe/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/observable-universe/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,sCAAsC,CAAC"}

package/dist/observable-universe/index.js

@@ -0,0 +1,17 @@
+export * from './architecture-section.js';
+export * from './code-section.js';
+export * from './commit-stream-panel.js';
+export * from './connected-clients-panel.js';
+export * from './constants.js';
+export * from './explanation-section.js';
+export * from './footer-bar.js';
+export * from './hero-dashboard-section.js';
+export * from './install-section.js';
+export * from './live-metrics-bar.js';
+export * from './observable-universe-header.js';
+export * from './observable-universe-landing.js';
+export * from './section-heading.js';
+export * from './sync-topology-panel.js';
+export * from './types.js';
+export * from './use-observable-universe-simulation.js';
+//# sourceMappingURL=index.js.map

package/dist/observable-universe/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/observable-universe/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,sCAAsC,CAAC"}

package/dist/observable-universe/install-section.d.ts

@@ -0,0 +1,8 @@
+export interface InstallSectionProps {
+    docsHref?: string;
+    demoHref?: string;
+    githubHref?: string;
+    className?: string;
+}
+export declare const InstallSection: import("react").ForwardRefExoticComponent<InstallSectionProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=install-section.d.ts.map

package/dist/observable-universe/install-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"install-section.d.ts","sourceRoot":"","sources":["../../src/observable-universe/install-section.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,6GA0G1B,CAAC"}

package/dist/observable-universe/install-section.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../lib/cn.js';
+export const InstallSection = forwardRef(function InstallSection({ docsHref = '/docs', demoHref, githubHref = 'https://github.com/syncular/syncular', className, }, ref) {
+    return (_jsx("section", { ref: ref, id: "install", className: cn('py-24 border-t border-border', className), children: _jsxs("div", { className: "max-w-[1400px] mx-auto px-6 text-center", children: [
+                _jsx("span", { className: "font-mono text-[11px] text-flow uppercase tracking-widest", children: "Get started" }), _jsx("h2", { className: "font-display font-bold text-2xl md:text-3xl text-white mt-4", children: "Syncular is modular. Install only what you need." }), _jsxs("div", { className: "mt-10 grid grid-cols-1 lg:grid-cols-2 gap-6 max-w-4xl mx-auto text-left", children: [
+                        _jsxs("div", { className: "code-block", children: [
+                                _jsxs("div", { className: "code-header", children: [
+                                        _jsx("span", { className: "w-2 h-2 rounded-full bg-healthy inline-block" }), _jsx("span", { children: "Server" })
+                                    ] }), _jsx("pre", { className: "font-mono text-sm px-6 py-4", children: _jsxs("code", { children: [
+                                            _jsx("span", { className: "text-neutral-500", children: "$" }), ' ', _jsx("span", { className: "text-white", children: "bun add @syncular/server \\" }), '\n', _jsxs("span", { className: "text-white", children: ['  ', "@syncular/server-hono \\"] }), '\n', _jsxs("span", { className: "text-white", children: ['  ', "@syncular/server-dialect-postgres \\"] }), '\n', _jsxs("span", { className: "text-white", children: ['  ', "kysely pg hono"] })
+                                        ] }) })
+                            ] }), _jsxs("div", { className: "code-block", children: [
+                                _jsxs("div", { className: "code-header", children: [
+                                        _jsx("span", { className: "w-2 h-2 rounded-full bg-flow inline-block" }), _jsx("span", { children: "Client" })
+                                    ] }), _jsx("pre", { className: "font-mono text-sm px-6 py-4", children: _jsxs("code", { children: [
+                                            _jsx("span", { className: "text-neutral-500", children: "$" }), ' ', _jsx("span", { className: "text-white", children: "bun add @syncular/client \\" }), '\n', _jsxs("span", { className: "text-white", children: ['  ', "@syncular/client-react \\"] }), '\n', _jsxs("span", { className: "text-white", children: ['  ', "@syncular/transport-http \\"] }), '\n', _jsxs("span", { className: "text-white", children: ['  ', "@syncular/dialect-wa-sqlite kysely"] })
+                                        ] }) })
+                            ] })
+                    ] }), _jsxs("div", { className: "mt-10 flex items-center justify-center gap-4 flex-wrap", children: [docsHref ? (_jsx("a", { href: docsHref, className: "font-display font-medium text-sm bg-flow text-white px-6 py-2.5 rounded hover:bg-blue-600 transition-colors", children: "Read the docs" })) : null, demoHref ? (_jsx("a", { href: demoHref, className: "font-display font-medium text-sm border border-flow text-flow px-6 py-2.5 rounded hover:bg-flow/10 transition-colors", children: "Try the demo" })) : null, githubHref ? (_jsx("a", { href: githubHref, className: "font-display font-medium text-sm border border-border text-neutral-300 px-6 py-2.5 rounded hover:border-neutral-500 hover:text-white transition-colors", children: "View on GitHub" })) : null] })
+            ] }) }));
+});
+//# sourceMappingURL=install-section.js.map

package/dist/observable-universe/install-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"install-section.js","sourceRoot":"","sources":["../../src/observable-universe/install-section.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAS/B,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,SAAS,cAAc,CACrB,EACE,QAAQ,GAAG,OAAO,EAClB,QAAQ,EACR,UAAU,GAAG,sCAAsC,EACnD,SAAS,GACV,EACD,GAAG,EACH;IACA,OAAO,CACL,kBACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,SAAS,EACZ,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,YAExD,eAAK,SAAS,EAAC,yCAAyC;gBACtD,eAAM,SAAS,EAAC,2DAA2D,4BAEpE,EACP,aAAI,SAAS,EAAC,6DAA6D,iEAEtE,EAEL,eAAK,SAAS,EAAC,yEAAyE;wBAEtF,eAAK,SAAS,EAAC,YAAY;gCACzB,eAAK,SAAS,EAAC,aAAa;wCAC1B,eAAM,SAAS,EAAC,8CAA8C,GAAG,EACjE,oCAAmB;wCACf,EACN,cAAK,SAAS,EAAC,6BAA6B,YAC1C;4CACE,eAAM,SAAS,EAAC,kBAAkB,kBAAS,EAAC,GAAG,EAC/C,eAAM,SAAS,EAAC,YAAY,4CAAkC,EAC7D,IAAI,EACL,gBAAM,SAAS,EAAC,YAAY,aACzB,IAAI,gCACA,EACN,IAAI,EACL,gBAAM,SAAS,EAAC,YAAY,aACzB,IAAI,4CACA,EACN,IAAI,EACL,gBAAM,SAAS,EAAC,YAAY,aAAE,IAAI,sBAAsB;4CACnD,GACH;gCACF,EAGN,eAAK,SAAS,EAAC,YAAY;gCACzB,eAAK,SAAS,EAAC,aAAa;wCAC1B,eAAM,SAAS,EAAC,2CAA2C,GAAG,EAC9D,oCAAmB;wCACf,EACN,cAAK,SAAS,EAAC,6BAA6B,YAC1C;4CACE,eAAM,SAAS,EAAC,kBAAkB,kBAAS,EAAC,GAAG,EAC/C,eAAM,SAAS,EAAC,YAAY,4CAAkC,EAC7D,IAAI,EACL,gBAAM,SAAS,EAAC,YAAY,aACzB,IAAI,iCACA,EACN,IAAI,EACL,gBAAM,SAAS,EAAC,YAAY,aACzB,IAAI,mCACA,EACN,IAAI,EACL,gBAAM,SAAS,EAAC,YAAY,aACzB,IAAI,0CACA;4CACF,GACH;gCACF;wBACF,EAEN,eAAK,SAAS,EAAC,wDAAwD,aACpE,QAAQ,CAAC,CAAC,CAAC,CACV,YACE,IAAI,EAAE,QAAQ,EACd,SAAS,EAAC,6GAA6G,8BAGrH,CACL,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,CACV,YACE,IAAI,EAAE,QAAQ,EACd,SAAS,EAAC,sHAAsH,6BAG9H,CACL,CAAC,CAAC,CAAC,IAAI,EACP,UAAU,CAAC,CAAC,CAAC,CACZ,YACE,IAAI,EAAE,UAAU,EAChB,SAAS,EAAC,wJAAwJ,+BAGhK,CACL,CAAC,CAAC,CAAC,IAAI,IACJ;gBACF,GACE,CACX,CAAC;AAAA,CACH,CACF,CAAC"}

package/dist/observable-universe/live-metrics-bar.d.ts

@@ -0,0 +1,7 @@
+import type { ObservableMetrics } from './types';
+export interface LiveMetricsBarProps {
+    metrics: ObservableMetrics;
+    className?: string;
+}
+export declare const LiveMetricsBar: import("react").ForwardRefExoticComponent<LiveMetricsBarProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=live-metrics-bar.d.ts.map

package/dist/observable-universe/live-metrics-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-metrics-bar.d.ts","sourceRoot":"","sources":["../../src/observable-universe/live-metrics-bar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,gHAoD1B,CAAC"}