@syncular/ui 0.0.0

package/dist/observable-universe/live-metrics-bar.js

@@ -0,0 +1,18 @@
+'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 LiveMetricsBar = forwardRef(function LiveMetricsBar({ metrics, className }, ref) {
+    return (_jsxs("div", { ref: ref, className: cn('dashboard-panel rounded-lg px-6 py-3 flex items-center justify-between flex-wrap gap-4', className), children: [
+            _jsxs("div", { className: "flex items-center gap-2", children: [
+                    _jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-flow inline-block" }), _jsx("span", { className: "font-mono text-[11px] text-neutral-500 uppercase", children: "Commits/sec" }), _jsx("span", { className: "font-mono text-sm text-white font-medium", children: metrics.commitsPerSec.toFixed(1) })
+                ] }), _jsx("div", { className: "w-px h-4 bg-border" }), _jsxs("div", { className: "flex items-center gap-2", children: [
+                    _jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-healthy inline-block" }), _jsx("span", { className: "font-mono text-[11px] text-neutral-500 uppercase", children: "Avg Sync Latency" }), _jsxs("span", { className: "font-mono text-sm text-white font-medium", children: [metrics.avgLatency, "ms"] })
+                ] }), _jsx("div", { className: "w-px h-4 bg-border" }), _jsxs("div", { className: "flex items-center gap-2", children: [
+                    _jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-syncing inline-block" }), _jsx("span", { className: "font-mono text-[11px] text-neutral-500 uppercase", children: "Active Clients" }), _jsx("span", { className: "font-mono text-sm text-white font-medium", children: metrics.activeClients })
+                ] }), _jsx("div", { className: "w-px h-4 bg-border" }), _jsxs("div", { className: "flex items-center gap-2", children: [
+                    _jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-healthy inline-block" }), _jsx("span", { className: "font-mono text-[11px] text-neutral-500 uppercase", children: "Uptime" }), _jsx("span", { className: "font-mono text-sm text-white font-medium", children: metrics.uptime })
+                ] })
+        ] }));
+});
+//# sourceMappingURL=live-metrics-bar.js.map

package/dist/observable-universe/live-metrics-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-metrics-bar.js","sourceRoot":"","sources":["../../src/observable-universe/live-metrics-bar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAQ/B,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,SAAS,cAAc,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE;IACnD,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,wFAAwF,EACxF,SAAS,CACV;YAED,eAAK,SAAS,EAAC,yBAAyB;oBACtC,eAAM,SAAS,EAAC,+CAA+C,GAAG,EAClE,eAAM,SAAS,EAAC,kDAAkD,4BAE3D,EACP,eAAM,SAAS,EAAC,0CAA0C,YACvD,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,GAC5B;oBACH,EACN,cAAK,SAAS,EAAC,oBAAoB,GAAG,EACtC,eAAK,SAAS,EAAC,yBAAyB;oBACtC,eAAM,SAAS,EAAC,kDAAkD,GAAG,EACrE,eAAM,SAAS,EAAC,kDAAkD,iCAE3D,EACP,gBAAM,SAAS,EAAC,0CAA0C,aACvD,OAAO,CAAC,UAAU,UACd;oBACH,EACN,cAAK,SAAS,EAAC,oBAAoB,GAAG,EACtC,eAAK,SAAS,EAAC,yBAAyB;oBACtC,eAAM,SAAS,EAAC,kDAAkD,GAAG,EACrE,eAAM,SAAS,EAAC,kDAAkD,+BAE3D,EACP,eAAM,SAAS,EAAC,0CAA0C,YACvD,OAAO,CAAC,aAAa,GACjB;oBACH,EACN,cAAK,SAAS,EAAC,oBAAoB,GAAG,EACtC,eAAK,SAAS,EAAC,yBAAyB;oBACtC,eAAM,SAAS,EAAC,kDAAkD,GAAG,EACrE,eAAM,SAAS,EAAC,kDAAkD,uBAE3D,EACP,eAAM,SAAS,EAAC,0CAA0C,YACvD,OAAO,CAAC,MAAM,GACV;oBACH;YACF,CACP,CAAC;AAAA,CACH,CACF,CAAC"}

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

@@ -0,0 +1,14 @@
+export interface ObservableUniverseHeaderTopicLink {
+    label: string;
+    href: string;
+}
+export interface ObservableUniverseHeaderProps {
+    topicLinks?: ObservableUniverseHeaderTopicLink[];
+    demoHref?: string;
+    consoleHref?: string;
+    githubHref?: string;
+    githubStars?: number | null;
+    className?: string;
+}
+export declare const ObservableUniverseHeader: import("react").ForwardRefExoticComponent<ObservableUniverseHeaderProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=observable-universe-header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"observable-universe-header.d.ts","sourceRoot":"","sources":["../../src/observable-universe/observable-universe-header.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,iCAAiC;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,6BAA6B;IAC5C,UAAU,CAAC,EAAE,iCAAiC,EAAE,CAAC;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA2BD,eAAO,MAAM,wBAAwB,uHA4GnC,CAAC"}

package/dist/observable-universe/observable-universe-header.js

@@ -0,0 +1,45 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ExternalLink, Github, Star } from 'lucide-react';
+import { forwardRef } from 'react';
+import { cn } from '../lib/cn.js';
+import { UI_VERSION } from '../version.js';
+const DEFAULT_TOPIC_LINKS = [
+    { label: 'Introduction', href: '/docs/introduction' },
+    { label: 'Build', href: '/docs/build' },
+    { label: 'Client SDK', href: '/docs/client-sdk' },
+    { label: 'Server', href: '/docs/server' },
+    { label: 'API', href: '/docs/api' },
+];
+function isExternalHref(href) {
+    return href.startsWith('http://') || href.startsWith('https://');
+}
+function formatCompactCount(value) {
+    if (value < 1000)
+        return value.toString();
+    if (value < 10_000) {
+        const short = (value / 1000).toFixed(1);
+        return `${short.endsWith('.0') ? short.slice(0, -2) : short}k`;
+    }
+    if (value < 1_000_000) {
+        return `${Math.floor(value / 1000)}k`;
+    }
+    const short = (value / 1_000_000).toFixed(1);
+    return `${short.endsWith('.0') ? short.slice(0, -2) : short}m`;
+}
+export const ObservableUniverseHeader = forwardRef(function ObservableUniverseHeader({ topicLinks = DEFAULT_TOPIC_LINKS, demoHref, consoleHref, githubHref = 'https://github.com/syncular/syncular', githubStars, className, }, ref) {
+    const formattedStars = typeof githubStars === 'number' ? formatCompactCount(githubStars) : null;
+    return (_jsx("nav", { ref: ref, className: cn('fixed top-0 left-0 right-0 z-50 border-b border-border', className), style: {
+            background: 'rgba(12,12,12,0.92)',
+            backdropFilter: 'blur(12px)',
+        }, children: _jsxs("div", { className: "max-w-[1400px] mx-auto px-6 h-12 flex items-center gap-4", children: [
+                _jsxs("a", { href: "/", className: "flex items-center gap-3 shrink-0", children: [
+                        _jsx("span", { className: "font-display font-bold text-white text-sm tracking-tight", children: "syncular" }), _jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-amber-400 inline-block", style: { boxShadow: '0 0 6px #f59e0b' } }), _jsx("span", { className: "font-mono text-[10px] text-amber-300/80 uppercase tracking-widest", children: "alpha" }), _jsxs("span", { className: "font-mono text-[10px] text-neutral-500 tracking-wider", children: ["v", UI_VERSION] })
+                    ] }), _jsx("div", { className: "flex-1 min-w-0", children: _jsx("div", { className: "flex items-center gap-5 overflow-x-auto whitespace-nowrap [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden", children: topicLinks.map((topic) => (_jsx("a", { href: topic.href, className: "font-mono text-[11px] text-neutral-500 hover:text-white transition-colors uppercase tracking-wider", children: topic.label }, `${topic.label}:${topic.href}`))) }) }), _jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [demoHref ? (_jsxs("a", { href: demoHref, target: isExternalHref(demoHref) ? '_blank' : undefined, rel: isExternalHref(demoHref) ? 'noreferrer noopener' : undefined, className: "font-mono text-[11px] text-white transition-colors bg-purple-600 hover:bg-purple-500 px-3 py-1 rounded flex items-center gap-1.5", children: ["Demo",
+                                _jsx(ExternalLink, { className: "size-2.5 opacity-50" })
+                            ] })) : null, consoleHref ? (_jsx("a", { href: consoleHref, className: "font-mono text-[11px] text-flow hover:text-white transition-colors border border-flow/40 px-2.5 py-1 rounded", children: "Console" })) : null, githubHref ? (_jsxs("a", { href: githubHref, target: isExternalHref(githubHref) ? '_blank' : undefined, rel: isExternalHref(githubHref) ? 'noreferrer noopener' : undefined, className: cn('text-neutral-400 hover:text-white transition-colors border border-border rounded inline-flex items-center', formattedStars ? 'px-2.5 py-1 gap-1.5' : 'p-1.5'), "aria-label": formattedStars ? `GitHub (${formattedStars} stars)` : 'GitHub', children: [
+                                _jsx(Github, { className: "size-3.5" }), formattedStars ? (_jsxs("span", { className: "font-mono text-[10px] text-neutral-300 inline-flex items-center gap-1", children: [
+                                        _jsx(Star, { className: "size-2.5" }), formattedStars] })) : null] })) : null] })
+            ] }) }));
+});
+//# sourceMappingURL=observable-universe-header.js.map

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

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

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

@@ -0,0 +1,12 @@
+import { type ObservableUniverseHeaderTopicLink } from './observable-universe-header';
+export interface ObservableUniverseLandingProps {
+    docsHref?: string;
+    topicLinks?: ObservableUniverseHeaderTopicLink[];
+    demoHref?: string;
+    consoleHref?: string;
+    githubHref?: string;
+    githubStars?: number | null;
+    className?: string;
+}
+export declare const ObservableUniverseLanding: import("react").ForwardRefExoticComponent<ObservableUniverseLandingProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=observable-universe-landing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"observable-universe-landing.d.ts","sourceRoot":"","sources":["../../src/observable-universe/observable-universe-landing.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,iCAAiC,EACvC,MAAM,8BAA8B,CAAC;AAGtC,MAAM,WAAW,8BAA8B;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,iCAAiC,EAAE,CAAC;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,yBAAyB,2HA+CpC,CAAC"}

package/dist/observable-universe/observable-universe-landing.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../lib/cn.js';
+import { ArchitectureSection } from './architecture-section.js';
+import { CodeSection } from './code-section.js';
+import { ExplanationSection } from './explanation-section.js';
+import { FooterBar } from './footer-bar.js';
+import { HeroDashboardSection } from './hero-dashboard-section.js';
+import { InstallSection } from './install-section.js';
+import { ObservableUniverseHeader, } from './observable-universe-header.js';
+import { useObservableUniverseSimulation } from './use-observable-universe-simulation.js';
+export const ObservableUniverseLanding = forwardRef(function ObservableUniverseLanding({ docsHref, topicLinks, demoHref, consoleHref, githubHref, githubStars, className, }, ref) {
+    const { clients, entries, metrics, streamRate } = useObservableUniverseSimulation();
+    return (_jsxs("div", { ref: ref, className: cn('bg-surface text-foreground min-h-screen', className), children: [
+            _jsx(ObservableUniverseHeader, { topicLinks: topicLinks, demoHref: demoHref, consoleHref: consoleHref, githubHref: githubHref, githubStars: githubStars }), _jsx(HeroDashboardSection, { clients: clients, streamEntries: entries, metrics: metrics, streamRate: streamRate }), _jsx(ExplanationSection, {}), _jsx(ArchitectureSection, {}), _jsx(CodeSection, {}), _jsx(InstallSection, { docsHref: docsHref, demoHref: demoHref, githubHref: githubHref }), _jsx(FooterBar, {})
+        ] }));
+});
+//# sourceMappingURL=observable-universe-landing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"observable-universe-landing.js","sourceRoot":"","sources":["../../src/observable-universe/observable-universe-landing.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,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EACL,wBAAwB,GAEzB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AAYvF,MAAM,CAAC,MAAM,yBAAyB,GAAG,UAAU,CAGjD,SAAS,yBAAyB,CAClC,EACE,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,WAAW,EACX,UAAU,EACV,WAAW,EACX,SAAS,GACV,EACD,GAAG,EACH;IACA,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,GAC7C,+BAA+B,EAAE,CAAC;IAEpC,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC;YAEnE,KAAC,wBAAwB,IACvB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,GACxB,EACF,KAAC,oBAAoB,IACnB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,OAAO,EACtB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,GACtB,EACF,KAAC,kBAAkB,KAAG,EACtB,KAAC,mBAAmB,KAAG,EACvB,KAAC,WAAW,KAAG,EACf,KAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,GACtB,EACF,KAAC,SAAS,KAAG;YACT,CACP,CAAC;AAAA,CACH,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+export interface SectionHeadingProps {
+    label?: string;
+    title: string;
+    description?: string;
+    className?: string;
+}
+export declare const SectionHeading: import("react").ForwardRefExoticComponent<SectionHeadingProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=section-heading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"section-heading.d.ts","sourceRoot":"","sources":["../../src/observable-universe/section-heading.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,gHAkB1B,CAAC"}

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

@@ -0,0 +1,8 @@
+'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 SectionHeading = forwardRef(function SectionHeading({ label, title, description, className }, ref) {
+    return (_jsxs("div", { ref: ref, className: cn('max-w-2xl mb-16', className), children: [label ? (_jsx("span", { className: "font-mono text-[11px] text-flow uppercase tracking-widest", children: label })) : null, _jsx("h2", { className: "font-display font-bold text-2xl md:text-3xl text-white mt-4 leading-tight", children: title }), description ? (_jsx("p", { className: "text-neutral-400 mt-4 leading-relaxed", children: description })) : null] }));
+});
+//# sourceMappingURL=section-heading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"section-heading.js","sourceRoot":"","sources":["../../src/observable-universe/section-heading.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,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE;IACrE,OAAO,CACL,eAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,aACvD,KAAK,CAAC,CAAC,CAAC,CACP,eAAM,SAAS,EAAC,2DAA2D,YACxE,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,EACR,aAAI,SAAS,EAAC,2EAA2E,YACtF,KAAK,GACH,EACJ,WAAW,CAAC,CAAC,CAAC,CACb,YAAG,SAAS,EAAC,uCAAuC,YAAE,WAAW,GAAK,CACvE,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AAAA,CACH,CACF,CAAC"}

package/dist/observable-universe/sync-topology-panel.d.ts

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

package/dist/observable-universe/sync-topology-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sync-topology-panel.d.ts","sourceRoot":"","sources":["../../src/observable-universe/sync-topology-panel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,eAAO,MAAM,iBAAiB,mHAsY5B,CAAC"}

package/dist/observable-universe/sync-topology-panel.js

@@ -0,0 +1,81 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../lib/cn.js';
+import { NODE_POSITIONS } from './constants.js';
+const statusStroke = {
+    online: '#22c55e',
+    syncing: '#f59e0b',
+    offline: '#ef4444',
+};
+export const SyncTopologyPanel = forwardRef(function SyncTopologyPanel({ clients, className }, ref) {
+    const server = NODE_POSITIONS.server;
+    const relay = NODE_POSITIONS.relay;
+    return (_jsxs("div", { ref: ref, className: cn('dashboard-panel rounded-lg flex flex-col items-center justify-center relative overflow-hidden', className), style: {
+            backgroundImage: 'radial-gradient(circle at 1px 1px, #1a1a1a 1px, transparent 0)',
+            backgroundSize: '24px 24px',
+        }, children: [
+            _jsx("div", { className: "absolute top-3 left-4 z-10", children: _jsx("span", { className: "font-mono text-[11px] text-neutral-400 uppercase tracking-wider", children: "Sync Topology" }) }), _jsxs("svg", { viewBox: "0 0 660 420", className: "w-full max-w-[660px] h-auto", style: { minHeight: 320 }, children: [
+                    _jsx("ellipse", { cx: server.x, cy: server.y, rx: 155, ry: 155, fill: "none", stroke: "#1a1a1a", strokeWidth: 1, strokeDasharray: "4 8" }), _jsx("ellipse", { cx: relay.x, cy: relay.y, rx: 140, ry: 140, fill: "none", stroke: "#1a1a1a", strokeWidth: 1, strokeDasharray: "4 8" }), _jsx("line", { x1: server.x, y1: server.y, x2: relay.x, y2: relay.y, stroke: "#8b5cf6", strokeWidth: 2, opacity: 0.4 }), _jsx("line", { x1: server.x, y1: server.y, x2: relay.x, y2: relay.y, stroke: "#8b5cf6", strokeWidth: 1, strokeDasharray: "4 2", opacity: 0.7, children: _jsx("animate", { attributeName: "stroke-dashoffset", from: "20", to: "0", dur: "1s", repeatCount: "indefinite" }) }), _jsxs("circle", { r: 3, fill: "#8b5cf6", opacity: 0.9, children: [
+                            _jsx("animateMotion", { dur: "2s", repeatCount: "indefinite", path: `M${server.x},${server.y} L${relay.x},${relay.y}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.9;0.9;0", dur: "2s", repeatCount: "indefinite" })
+                        ] }), _jsxs("circle", { r: 3, fill: "#8b5cf6", opacity: 0.9, children: [
+                            _jsx("animateMotion", { dur: "2s", begin: "1s", repeatCount: "indefinite", path: `M${relay.x},${relay.y} L${server.x},${server.y}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.9;0.9;0", dur: "2s", begin: "1s", repeatCount: "indefinite" })
+                        ] }), _jsx("text", { x: (server.x + relay.x) / 2, y: server.y - 18, textAnchor: "middle", fill: "#8b5cf6", fontFamily: "JetBrains Mono", fontSize: 8, opacity: 0.5, letterSpacing: 1.5, children: "BACKBONE" }), clients.map((client) => {
+                        const pos = NODE_POSITIONS[client.id];
+                        if (!pos)
+                            return null;
+                        const targetX = client.via === 'relay' ? relay.x : server.x;
+                        const targetY = client.via === 'relay' ? relay.y : server.y;
+                        const color = statusStroke[client.status];
+                        let lineClass = 'line-active';
+                        let strokeWidth = 1.5;
+                        if (client.status === 'syncing') {
+                            lineClass = 'line-syncing';
+                            strokeWidth = 2.5;
+                        }
+                        else if (client.status === 'offline') {
+                            lineClass = 'line-offline';
+                            strokeWidth = 1;
+                        }
+                        return (_jsx("line", { x1: targetX, y1: targetY, x2: pos.x, y2: pos.y, stroke: color, strokeWidth: strokeWidth, className: lineClass }, `conn-${client.id}`));
+                    }), clients
+                        .filter((c) => c.status !== 'offline')
+                        .map((client) => {
+                        const pos = NODE_POSITIONS[client.id];
+                        if (!pos)
+                            return null;
+                        const targetX = client.via === 'relay' ? relay.x : server.x;
+                        const targetY = client.via === 'relay' ? relay.y : server.y;
+                        const particleColor = client.status === 'syncing' ? '#f59e0b' : '#22c55e';
+                        const dur = client.status === 'syncing' ? '1.2s' : '2.5s';
+                        const halfDur = `${Number.parseFloat(dur) / 2}s`;
+                        return (_jsxs("g", { children: [
+                                _jsxs("circle", { r: 2, fill: particleColor, opacity: 0.8, children: [
+                                        _jsx("animateMotion", { dur: dur, repeatCount: "indefinite", path: `M${targetX},${targetY} L${pos.x},${pos.y}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.8;0.8;0", dur: dur, repeatCount: "indefinite" })
+                                    ] }), _jsxs("circle", { r: 2, fill: particleColor, opacity: 0.6, children: [
+                                        _jsx("animateMotion", { dur: dur, begin: halfDur, repeatCount: "indefinite", path: `M${pos.x},${pos.y} L${targetX},${targetY}` }), _jsx("animate", { attributeName: "opacity", values: "0;0.6;0.6;0", dur: dur, begin: halfDur, repeatCount: "indefinite" })
+                                    ] })
+                            ] }, `particle-${client.id}`));
+                    }), _jsxs("circle", { cx: server.x, cy: server.y, r: 40, fill: "none", stroke: "#3b82f6", strokeWidth: 0.5, opacity: 0.15, children: [
+                            _jsx("animate", { attributeName: "r", from: "30", to: "58", dur: "3s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "opacity", from: "0.3", to: "0", dur: "3s", repeatCount: "indefinite" })
+                        ] }), _jsxs("circle", { cx: server.x, cy: server.y, r: 40, fill: "none", stroke: "#3b82f6", strokeWidth: 0.5, opacity: 0.15, children: [
+                            _jsx("animate", { attributeName: "r", from: "30", to: "58", dur: "3s", begin: "1.5s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "opacity", from: "0.3", to: "0", dur: "3s", begin: "1.5s", repeatCount: "indefinite" })
+                        ] }), _jsx("circle", { cx: server.x, cy: server.y, r: 30, fill: "#0c0c0c", stroke: "#3b82f6", strokeWidth: 2, style: {
+                            filter: 'drop-shadow(0 0 10px rgba(59,130,246,0.4))',
+                        } }), _jsx("circle", { cx: server.x, cy: server.y, r: 16, fill: "rgba(59,130,246,0.15)", stroke: "#3b82f6", strokeWidth: 1 }), _jsx("circle", { cx: server.x, cy: server.y, r: 5, fill: "#3b82f6" }), _jsx("text", { x: server.x, y: server.y + 46, textAnchor: "middle", fill: "#555", fontFamily: "JetBrains Mono", fontSize: 9, letterSpacing: 2, children: "SERVER" }), _jsxs("circle", { cx: relay.x, cy: relay.y, r: 35, fill: "none", stroke: "#8b5cf6", strokeWidth: 0.5, opacity: 0.15, children: [
+                            _jsx("animate", { attributeName: "r", from: "24", to: "48", dur: "3.5s", repeatCount: "indefinite" }), _jsx("animate", { attributeName: "opacity", from: "0.25", to: "0", dur: "3.5s", repeatCount: "indefinite" })
+                        ] }), _jsx("circle", { cx: relay.x, cy: relay.y, r: 24, fill: "#0c0c0c", stroke: "#8b5cf6", strokeWidth: 2, style: {
+                            filter: 'drop-shadow(0 0 8px rgba(139,92,246,0.35))',
+                        } }), _jsx("circle", { cx: relay.x, cy: relay.y, r: 12, fill: "rgba(139,92,246,0.15)", stroke: "#8b5cf6", strokeWidth: 1 }), _jsx("circle", { cx: relay.x, cy: relay.y, r: 4, fill: "#8b5cf6" }), _jsx("text", { x: relay.x, y: relay.y + 40, textAnchor: "middle", fill: "#555", fontFamily: "JetBrains Mono", fontSize: 9, letterSpacing: 2, children: "RELAY" }), clients.map((client) => {
+                        const pos = NODE_POSITIONS[client.id];
+                        if (!pos)
+                            return null;
+                        const fillColor = statusStroke[client.status];
+                        const ringOpacity = client.status === 'offline' ? 0.3 : 1;
+                        return (_jsxs("g", { opacity: ringOpacity, children: [
+                                _jsx("circle", { cx: pos.x, cy: pos.y, r: 18, fill: "#0c0c0c", stroke: fillColor, strokeWidth: 1.5 }), _jsx("circle", { cx: pos.x, cy: pos.y, r: 4, fill: fillColor }), _jsx("text", { x: pos.x, y: pos.y + 28, textAnchor: "middle", fill: "#444", fontFamily: "JetBrains Mono", fontSize: 8, children: client.id }), _jsxs("text", { x: pos.x, y: pos.y + 38, textAnchor: "middle", fill: "#333", fontFamily: "JetBrains Mono", fontSize: 7, children: [client.type, client.via === 'relay' ? ' \u00b7 relay' : ''] })
+                            ] }, client.id));
+                    })] })
+        ] }));
+});
+//# sourceMappingURL=sync-topology-panel.js.map

package/dist/observable-universe/sync-topology-panel.js.map

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

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

@@ -0,0 +1,25 @@
+export interface ObservableClient {
+    id: string;
+    type: string;
+    status: 'online' | 'syncing' | 'offline';
+    lastSync: number;
+    commits: number;
+    syncingCommits?: number;
+    via: 'direct' | 'relay';
+}
+export interface ObservableStreamEntry {
+    id: string;
+    timestamp: string;
+    operation: 'PUSH' | 'PULL' | 'ACK';
+    clientId: string;
+    table: string;
+    mutation: 'INSERT' | 'UPDATE' | 'DELETE';
+    commits: number;
+}
+export interface ObservableMetrics {
+    commitsPerSec: number;
+    avgLatency: number;
+    activeClients: number;
+    uptime: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/observable-universe/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IACzC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,GAAG,EAAE,QAAQ,GAAG,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACzC,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;CAChB"}

package/dist/observable-universe/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/observable-universe/types.ts"],"names":[],"mappings":""}

package/dist/observable-universe/use-observable-universe-simulation.d.ts

@@ -0,0 +1,8 @@
+import type { ObservableClient, ObservableMetrics, ObservableStreamEntry } from './types';
+export declare function useObservableUniverseSimulation(): {
+    clients: ObservableClient[];
+    entries: ObservableStreamEntry[];
+    metrics: ObservableMetrics;
+    streamRate: string;
+};
+//# sourceMappingURL=use-observable-universe-simulation.d.ts.map

package/dist/observable-universe/use-observable-universe-simulation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-observable-universe-simulation.d.ts","sourceRoot":"","sources":["../../src/observable-universe/use-observable-universe-simulation.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAejB,wBAAgB,+BAA+B;;;;;EAuF9C"}

package/dist/observable-universe/use-observable-universe-simulation.js

@@ -0,0 +1,92 @@
+'use client';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { INITIAL_CLIENTS, MUTATIONS, OPERATIONS, TABLES } from './constants.js';
+function randomId() {
+    return Math.random().toString(36).slice(2, 10);
+}
+function randomPick(arr) {
+    return arr[Math.floor(Math.random() * arr.length)];
+}
+function timestamp() {
+    const d = new Date();
+    return `${d.getHours().toString().padStart(2, '0')}:${d.getMinutes().toString().padStart(2, '0')}:${d.getSeconds().toString().padStart(2, '0')}.${d.getMilliseconds().toString().padStart(3, '0')}`;
+}
+export function useObservableUniverseSimulation() {
+    const [clients, setClients] = useState(INITIAL_CLIENTS);
+    const [entries, setEntries] = useState([]);
+    const [metrics, setMetrics] = useState({
+        commitsPerSec: 12.4,
+        avgLatency: 34,
+        activeClients: INITIAL_CLIENTS.filter((c) => c.status !== 'offline').length,
+        uptime: '99.97%',
+    });
+    const intervalRef = useRef(undefined);
+    const generateEntry = useCallback(() => {
+        const onlineClients = clients.filter((c) => c.status !== 'offline');
+        const client = onlineClients.length > 0
+            ? randomPick(onlineClients)
+            : randomPick(clients);
+        return {
+            id: randomId(),
+            timestamp: timestamp(),
+            operation: randomPick(OPERATIONS),
+            clientId: client.id,
+            table: randomPick(TABLES),
+            mutation: randomPick(MUTATIONS),
+            commits: Math.ceil(Math.random() * 5),
+        };
+    }, [clients]);
+    useEffect(() => {
+        const tick = () => {
+            const entry = generateEntry();
+            setEntries((prev) => [entry, ...prev].slice(0, 40));
+            setMetrics((prev) => ({
+                ...prev,
+                commitsPerSec: Number.parseFloat((10 + Math.random() * 8).toFixed(1)),
+                avgLatency: Math.floor(25 + Math.random() * 30),
+            }));
+        };
+        intervalRef.current = setInterval(tick, 800 + Math.random() * 400);
+        return () => {
+            if (intervalRef.current)
+                clearInterval(intervalRef.current);
+        };
+    }, [generateEntry]);
+    // Periodically shuffle client statuses
+    useEffect(() => {
+        const shuffle = setInterval(() => {
+            setClients((prev) => prev.map((c) => {
+                if (Math.random() > 0.15)
+                    return c;
+                const statuses = [
+                    'online',
+                    'syncing',
+                    'offline',
+                ];
+                const newStatus = randomPick(statuses);
+                return {
+                    ...c,
+                    status: newStatus,
+                    lastSync: newStatus === 'offline'
+                        ? c.lastSync + 10
+                        : Math.floor(Math.random() * 5),
+                    syncingCommits: newStatus === 'syncing'
+                        ? Math.floor(Math.random() * 5) + 1
+                        : undefined,
+                };
+            }));
+            setMetrics((prev) => ({
+                ...prev,
+                activeClients: clients.filter((c) => c.status !== 'offline').length,
+            }));
+        }, 3000);
+        return () => clearInterval(shuffle);
+    }, [clients]);
+    return {
+        clients,
+        entries,
+        metrics,
+        streamRate: `${metrics.commitsPerSec}/s`,
+    };
+}
+//# sourceMappingURL=use-observable-universe-simulation.js.map

package/dist/observable-universe/use-observable-universe-simulation.js.map

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

package/dist/primitives/alert.d.ts

@@ -0,0 +1,14 @@
+import { type VariantProps } from 'class-variance-authority';
+import { type HTMLAttributes } from 'react';
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type AlertProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>;
+declare const Alert: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
+declare const AlertDescription: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
+export { Alert, alertVariants, AlertTitle, AlertDescription };
+export type { AlertProps };
+//# sourceMappingURL=alert.d.ts.map

package/dist/primitives/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/primitives/alert.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGxD,QAAA,MAAM,aAAa;;8EAUjB,CAAC;AAEH,KAAK,UAAU,GAAG,cAAc,CAAC,cAAc,CAAC,GAC9C,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAErC,QAAA,MAAM,KAAK;;gIASV,CAAC;AAGF,QAAA,MAAM,UAAU,mIASd,CAAC;AAGH,QAAA,MAAM,gBAAgB,uIAKpB,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC;AAC9D,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/primitives/alert.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { forwardRef } from 'react';
+import { cn } from '../lib/cn.js';
+const alertVariants = cva('border rounded-lg p-3 font-mono text-[11px]', {
+    variants: {
+        variant: {
+            default: 'border-border bg-panel',
+            destructive: 'border-offline/20 bg-offline/5 text-offline',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+const Alert = forwardRef(({ className, variant, ...props }, ref) => (_jsx("div", { ref: ref, role: "alert", className: cn(alertVariants({ variant, className })), ...props })));
+Alert.displayName = 'Alert';
+const AlertTitle = forwardRef(({ className, ...props }, ref) => (_jsx("h5", { ref: ref, className: cn('font-medium text-white mb-1', className), ...props })));
+AlertTitle.displayName = 'AlertTitle';
+const AlertDescription = forwardRef(({ className, ...props }, ref) => (_jsx("p", { ref: ref, className: cn('text-neutral-400', className), ...props })));
+AlertDescription.displayName = 'AlertDescription';
+export { Alert, alertVariants, AlertTitle, AlertDescription };
+//# sourceMappingURL=alert.js.map

package/dist/primitives/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/primitives/alert.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAuB,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B,MAAM,aAAa,GAAG,GAAG,CAAC,6CAA6C,EAAE;IACvE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,wBAAwB;YACjC,WAAW,EAAE,6CAA6C;SAC3D;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAC;AAKH,MAAM,KAAK,GAAG,UAAU,CACtB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACzC,cACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,KAChD,KAAK,GACT,CACH,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,MAAM,UAAU,GAAG,UAAU,CAG3B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,aACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KACnD,KAAK,GACT,CACH,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,MAAM,gBAAgB,GAAG,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,YAAG,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACzE,CAAC,CAAC;AACH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/primitives/badge.d.ts

@@ -0,0 +1,12 @@
+import { type VariantProps } from 'class-variance-authority';
+import { type ComponentPropsWithoutRef } from 'react';
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "flow" | "ghost" | "healthy" | "offline" | "outline" | "relay" | "secondary" | "syncing" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type BadgeProps = ComponentPropsWithoutRef<'span'> & VariantProps<typeof badgeVariants>;
+declare const Badge: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | "flow" | "ghost" | "healthy" | "offline" | "outline" | "relay" | "secondary" | "syncing" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLSpanElement>>;
+export { Badge, badgeVariants };
+export type { BadgeProps };
+//# sourceMappingURL=badge.d.ts.map

package/dist/primitives/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/primitives/badge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAGlE,QAAA,MAAM,aAAa;;8EAqBlB,CAAC;AAEF,KAAK,UAAU,GAAG,wBAAwB,CAAC,MAAM,CAAC,GAChD,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAErC,QAAA,MAAM,KAAK;;iIAQV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/primitives/badge.js

@@ -0,0 +1,28 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { forwardRef } from 'react';
+import { cn } from '../lib/cn.js';
+const badgeVariants = cva('inline-flex items-center gap-1 px-2 py-0.5 rounded-sm font-mono text-[9px] uppercase tracking-wider', {
+    variants: {
+        variant: {
+            default: 'bg-white/[0.05] text-neutral-300 border border-border-bright',
+            destructive: 'bg-offline/10 text-offline border border-offline/20',
+            ghost: 'bg-transparent text-neutral-500 border border-border-bright',
+            outline: 'bg-transparent text-neutral-400 border border-border-bright',
+            secondary: 'bg-panel text-neutral-400 border border-border',
+            healthy: 'bg-healthy/10 text-healthy border border-healthy/20',
+            syncing: 'bg-syncing/10 text-syncing border border-syncing/20',
+            offline: 'bg-offline/10 text-offline border border-offline/20',
+            flow: 'bg-flow/10 text-flow border border-flow/20',
+            relay: 'bg-relay/10 text-relay border border-relay/20',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+const Badge = forwardRef(({ className, variant, ...props }, ref) => (_jsx("span", { ref: ref, className: cn(badgeVariants({ variant, className })), ...props })));
+Badge.displayName = 'Badge';
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.js.map

package/dist/primitives/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../src/primitives/badge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B,MAAM,aAAa,GAAG,GAAG,CACvB,qGAAqG,EACrG;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,8DAA8D;YACvE,WAAW,EAAE,qDAAqD;YAClE,KAAK,EAAE,6DAA6D;YACpE,OAAO,EAAE,6DAA6D;YACtE,SAAS,EAAE,gDAAgD;YAC3D,OAAO,EAAE,qDAAqD;YAC9D,OAAO,EAAE,qDAAqD;YAC9D,OAAO,EAAE,qDAAqD;YAC9D,IAAI,EAAE,4CAA4C;YAClD,KAAK,EAAE,+CAA+C;SACvD;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAKF,MAAM,KAAK,GAAG,UAAU,CACtB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACzC,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,KAChD,KAAK,GACT,CACH,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/primitives/button.d.ts

@@ -0,0 +1,14 @@
+import { type VariantProps } from 'class-variance-authority';
+import { type ComponentPropsWithoutRef } from 'react';
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "ghost" | "link" | "primary" | "secondary" | null | undefined;
+    size?: "icon" | "md" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type ButtonProps = ComponentPropsWithoutRef<'button'> & VariantProps<typeof buttonVariants>;
+declare const Button: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | "ghost" | "link" | "primary" | "secondary" | null | undefined;
+    size?: "icon" | "md" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };
+export type { ButtonProps };
+//# sourceMappingURL=button.d.ts.map

package/dist/primitives/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/primitives/button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAGlE,QAAA,MAAM,cAAc;;;8EA2BnB,CAAC;AAEF,KAAK,WAAW,GAAG,wBAAwB,CAAC,QAAQ,CAAC,GACnD,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAEtC,QAAA,MAAM,MAAM;;;mIAQX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,CAAC"}