@syncular/ui 0.0.0

package/dist/forms/index.d.ts

@@ -0,0 +1,7 @@
+export * from './checkbox';
+export * from './field';
+export * from './select';
+export * from './textarea';
+export * from './toggle';
+export * from './toggle-group';
+//# sourceMappingURL=index.d.ts.map

package/dist/forms/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC"}

package/dist/forms/index.js

@@ -0,0 +1,7 @@
+export * from './checkbox.js';
+export * from './field.js';
+export * from './select.js';
+export * from './textarea.js';
+export * from './toggle.js';
+export * from './toggle-group.js';
+//# sourceMappingURL=index.js.map

package/dist/forms/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC"}

package/dist/forms/select.d.ts

@@ -0,0 +1,11 @@
+import { Select as BaseSelect } from '@base-ui/react/select';
+declare const Select: typeof BaseSelect.Root;
+declare const SelectTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare const SelectValue: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectValueProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const SelectContent: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectPopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    portalProps?: Omit<Omit<import("@base-ui/react").SelectPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> | undefined;
+    positionerProps?: Omit<Omit<import("@base-ui/react").SelectPositionerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+declare const SelectItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").SelectItemProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export { Select, SelectTrigger, SelectValue, SelectContent, SelectItem };
+//# sourceMappingURL=select.d.ts.map

package/dist/forms/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/forms/select.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAI7D,QAAA,MAAM,MAAM,wBAAkB,CAAC;AAE/B,QAAA,MAAM,aAAa,wNAcjB,CAAC;AAGH,QAAA,MAAM,WAAW,oJAAmB,CAAC;AAErC,QAAA,MAAM,aAAa;;;kDAmBjB,CAAC;AAGH,QAAA,MAAM,UAAU,4MAYd,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC"}

package/dist/forms/select.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Select as BaseSelect } from '@base-ui/react/select';
+import { forwardRef } from 'react';
+import { cn } from '../lib/cn.js';
+const Select = BaseSelect.Root;
+const SelectTrigger = forwardRef(({ className, children, ...props }, ref) => (_jsx(BaseSelect.Trigger, { ref: ref, className: cn('inline-flex items-center justify-between bg-surface border border-border rounded-md px-3 py-1.5 font-mono text-[12px] text-foreground cursor-pointer hover:border-border-bright transition', className), ...props, children: children })));
+SelectTrigger.displayName = 'SelectTrigger';
+const SelectValue = BaseSelect.Value;
+const SelectContent = forwardRef(({ className, portalProps, positionerProps, ...props }, ref) => (_jsx(BaseSelect.Portal, { ...portalProps, children: _jsx(BaseSelect.Positioner, { ...positionerProps, children: _jsx(BaseSelect.Popup, { ref: ref, className: cn('bg-panel border border-border rounded-md py-1 shadow-lg z-50', className), ...props }) }) })));
+SelectContent.displayName = 'SelectContent';
+const SelectItem = forwardRef(({ className, ...props }, ref) => (_jsx(BaseSelect.Item, { ref: ref, className: cn('font-mono text-[11px] px-3 py-1.5 text-neutral-400 cursor-pointer hover:bg-white/[0.03] hover:text-white data-[highlighted]:bg-white/[0.03] data-[highlighted]:text-white outline-none', className), ...props })));
+SelectItem.displayName = 'SelectItem';
+export { Select, SelectTrigger, SelectValue, SelectContent, SelectItem };
+//# sourceMappingURL=select.js.map

package/dist/forms/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/forms/select.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC;AAE/B,MAAM,aAAa,GAAG,UAAU,CAG9B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,KAAC,UAAU,CAAC,OAAO,IACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,4LAA4L,EAC5L,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACU,CACtB,CAAC,CAAC;AACH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,MAAM,WAAW,GAAG,UAAU,CAAC,KAAK,CAAC;AAErC,MAAM,aAAa,GAAG,UAAU,CAM9B,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChE,KAAC,UAAU,CAAC,MAAM,OAAK,WAAW,YAChC,KAAC,UAAU,CAAC,UAAU,OAAK,eAAe,YACxC,KAAC,UAAU,CAAC,KAAK,IACf,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,8DAA8D,EAC9D,SAAS,CACV,KACG,KAAK,GACT,GACoB,GACN,CACrB,CAAC,CAAC;AACH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,MAAM,UAAU,GAAG,UAAU,CAG3B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,UAAU,CAAC,IAAI,IACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,wLAAwL,EACxL,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC"}

package/dist/forms/textarea.d.ts

@@ -0,0 +1,6 @@
+import { type ComponentPropsWithoutRef } from 'react';
+type TextareaProps = ComponentPropsWithoutRef<'textarea'>;
+declare const Textarea: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };
+export type { TextareaProps };
+//# sourceMappingURL=textarea.d.ts.map

package/dist/forms/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/forms/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAGlE,KAAK,aAAa,GAAG,wBAAwB,CAAC,UAAU,CAAC,CAAC;AAE1D,QAAA,MAAM,QAAQ,kOAWb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/forms/textarea.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../lib/cn.js';
+const Textarea = forwardRef(({ className, ...props }, ref) => (_jsx("textarea", { ref: ref, className: cn('bg-surface border border-border rounded-md px-3 py-2 font-mono text-[12px] text-foreground outline-none w-full transition focus:border-flow placeholder:text-neutral-600 resize-none min-h-[80px]', className), ...props })));
+Textarea.displayName = 'Textarea';
+export { Textarea };
+//# sourceMappingURL=textarea.js.map

package/dist/forms/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/forms/textarea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAI/B,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,mBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,mMAAmM,EACnM,SAAS,CACV,KACG,KAAK,GACT,CACH,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/forms/toggle-group.d.ts

@@ -0,0 +1,8 @@
+import { ToggleGroup as BaseToggleGroup } from '@base-ui/react/toggle-group';
+import { type ComponentPropsWithoutRef } from 'react';
+type ToggleGroupProps = ComponentPropsWithoutRef<typeof BaseToggleGroup>;
+declare const ToggleGroup: import("react").ForwardRefExoticComponent<Omit<BaseToggleGroup.Props<string> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export { ToggleGroup };
+export type { ToggleGroupProps };
+export { Toggle as ToggleGroupItem } from './toggle';
+//# sourceMappingURL=toggle-group.d.ts.map

package/dist/forms/toggle-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../src/forms/toggle-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAGlE,KAAK,gBAAgB,GAAG,wBAAwB,CAAC,OAAO,eAAe,CAAC,CAAC;AAEzE,QAAA,MAAM,WAAW,uLAQhB,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAC;AAGjC,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC"}

package/dist/forms/toggle-group.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ToggleGroup as BaseToggleGroup } from '@base-ui/react/toggle-group';
+import { forwardRef } from 'react';
+import { cn } from '../lib/cn.js';
+const ToggleGroup = forwardRef(({ className, ...props }, ref) => (_jsx(BaseToggleGroup, { ref: ref, className: cn('flex items-center gap-0.5', className), ...props })));
+ToggleGroup.displayName = 'ToggleGroup';
+export { ToggleGroup };
+// Re-export Toggle as ToggleGroupItem for backward compat
+export { Toggle as ToggleGroupItem } from './toggle.js';
+//# sourceMappingURL=toggle-group.js.map

package/dist/forms/toggle-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.js","sourceRoot":"","sources":["../../src/forms/toggle-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAI/B,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,KAAC,eAAe,IACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,KACjD,KAAK,GACT,CACH,CACF,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,CAAC;AAGvB,0DAA0D;AAC1D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC"}

package/dist/forms/toggle.d.ts

@@ -0,0 +1,7 @@
+import { Toggle as BaseToggle } from '@base-ui/react/toggle';
+import { type ComponentPropsWithoutRef } from 'react';
+type ToggleProps = ComponentPropsWithoutRef<typeof BaseToggle>;
+declare const Toggle: import("react").ForwardRefExoticComponent<Omit<BaseToggle.Props<string> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export { Toggle };
+export type { ToggleProps };
+//# sourceMappingURL=toggle.d.ts.map

package/dist/forms/toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../src/forms/toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAGlE,KAAK,WAAW,GAAG,wBAAwB,CAAC,OAAO,UAAU,CAAC,CAAC;AAE/D,QAAA,MAAM,MAAM,wLAWX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/forms/toggle.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Toggle as BaseToggle } from '@base-ui/react/toggle';
+import { forwardRef } from 'react';
+import { cn } from '../lib/cn.js';
+const Toggle = forwardRef(({ className, ...props }, ref) => (_jsx(BaseToggle, { ref: ref, className: cn('font-mono text-[10px] text-neutral-500 border border-transparent rounded-sm px-2.5 py-1 cursor-pointer transition-all hover:text-neutral-300 data-[pressed]:text-white data-[pressed]:border-border-bright data-[pressed]:bg-white/[0.03]', className), ...props })));
+Toggle.displayName = 'Toggle';
+export { Toggle };
+//# sourceMappingURL=toggle.js.map

package/dist/forms/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../src/forms/toggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAI/B,MAAM,MAAM,GAAG,UAAU,CACvB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,KAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,2OAA2O,EAC3O,SAAS,CACV,KACG,KAAK,GACT,CACH,CACF,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export * from './charts';
+export * from './console';
+export * from './forms';
+export * from './lib/cn';
+export * from './lib/types';
+export * from './navigation';
+export * from './primitives';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC"}

package/dist/index.js

@@ -0,0 +1,8 @@
+export * from './charts/index.js';
+export * from './console/index.js';
+export * from './forms/index.js';
+export * from './lib/cn.js';
+export * from './lib/types.js';
+export * from './navigation/index.js';
+export * from './primitives/index.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC"}

package/dist/lib/cn.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/lib/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/lib/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAG7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/lib/cn.js

@@ -0,0 +1,6 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+//# sourceMappingURL=cn.js.map

package/dist/lib/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sourceRoot":"","sources":["../../src/lib/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,IAAI,EAAE,MAAM,MAAM,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB,EAAE;IAC1C,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAAA,CAC9B"}

package/dist/lib/types.d.ts

@@ -0,0 +1,64 @@
+export type ClientStatus = 'online' | 'syncing' | 'offline';
+/** @deprecated Use SyncClientNode */
+export type SyncClient = SyncClientNode;
+export type SyncClientNode = {
+    id: string;
+    type: string;
+    status: ClientStatus;
+    cursor: number;
+    actor: string;
+    mode: 'realtime' | 'polling';
+    dialect: string;
+    scopes: string[];
+    lastSeen: string;
+};
+export type CommitStreamEntry = {
+    seq: number;
+    actor: string;
+    changes: number;
+    tables: string;
+    time: string;
+};
+export type StreamOperation = {
+    type: 'commit' | 'push' | 'pull';
+    id: string;
+    outcome: string;
+    duration: string;
+    actor: string;
+    client: string;
+    detail: string;
+    time: string;
+};
+export type MetricItem = {
+    label: string;
+    value: string | number;
+    color?: string;
+    trend?: string;
+    unit?: string;
+};
+export type NavItem = {
+    id: string;
+    label: string;
+    href?: string;
+};
+export type FilterGroup = {
+    label?: string;
+    options: {
+        id: string;
+        label: string;
+    }[];
+    activeId: string;
+    onActiveChange: (id: string) => void;
+};
+export type ApiKeyEntry = {
+    name: string;
+    type: string;
+    prefix: string;
+    created: string;
+};
+export type HandlerEntry = {
+    table: string;
+    dependsOn: string | null;
+    chunkTtl: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/lib/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAE5D,qCAAqC;AACrC,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,GAAG,SAAS,CAAC;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACzC,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC"}

package/dist/lib/types.js

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

package/dist/lib/types.js.map

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

package/dist/navigation/index.d.ts

@@ -0,0 +1,6 @@
+export * from './nav-pill';
+export * from './nav-pill-group';
+export * from './status-dot';
+export * from './syncular-brand';
+export * from './top-navigation';
+//# sourceMappingURL=index.d.ts.map

package/dist/navigation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}

package/dist/navigation/index.js

@@ -0,0 +1,6 @@
+export * from './nav-pill.js';
+export * from './nav-pill-group.js';
+export * from './status-dot.js';
+export * from './syncular-brand.js';
+export * from './top-navigation.js';
+//# sourceMappingURL=index.js.map

package/dist/navigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}

package/dist/navigation/nav-pill-group.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+import type { NavItem } from '../lib/types';
+export type NavPillGroupProps = {
+    items: readonly NavItem[];
+    activeId: string;
+    onItemChange?: (id: string) => void;
+    renderItem?: (item: NavItem, props: {
+        active: boolean;
+        onClick: () => void;
+    }) => ReactNode;
+    className?: string;
+};
+export declare function NavPillGroup({ items, activeId, onItemChange, renderItem, className }: NavPillGroupProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=nav-pill-group.d.ts.map

package/dist/navigation/nav-pill-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-pill-group.d.ts","sourceRoot":"","sources":["../../src/navigation/nav-pill-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAG5C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,SAAS,OAAO,EAAE,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,CACX,IAAI,EAAE,OAAO,EACb,KAAK,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,KAC5C,SAAS,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,SAAS,EACV,EAAE,iBAAiB,2CAqBnB"}

package/dist/navigation/nav-pill-group.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+import { NavPill } from './nav-pill.js';
+export function NavPillGroup({ items, activeId, onItemChange, renderItem, className, }) {
+    return (_jsx("div", { className: cn('flex items-center gap-0.5', className), children: items.map((item) => {
+            const active = item.id === activeId;
+            const onClick = () => onItemChange?.(item.id);
+            if (renderItem) {
+                return (_jsx("span", { children: renderItem(item, { active, onClick }) }, item.id));
+            }
+            return (_jsx(NavPill, { active: active, onClick: onClick, children: item.label }, item.id));
+        }) }));
+}
+//# sourceMappingURL=nav-pill-group.js.map

package/dist/navigation/nav-pill-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-pill-group.js","sourceRoot":"","sources":["../../src/navigation/nav-pill-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAarC,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,SAAS,GACS,EAAE;IACpB,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,YACvD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC;YACnB,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,KAAK,QAAQ,CAAC;YACpC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAE9C,IAAI,UAAU,EAAE,CAAC;gBACf,OAAO,CACL,yBAAqB,UAAU,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,IAA/C,IAAI,CAAC,EAAE,CAAgD,CACnE,CAAC;YACJ,CAAC;YAED,OAAO,CACL,KAAC,OAAO,IAAe,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,YACpD,IAAI,CAAC,KAAK,IADC,IAAI,CAAC,EAAE,CAEX,CACX,CAAC;QAAA,CACH,CAAC,GACE,CACP,CAAC;AAAA,CACH"}

package/dist/navigation/nav-pill.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export type NavPillProps = {
+    active?: boolean;
+    onClick?: () => void;
+    children: ReactNode;
+    className?: string;
+};
+export declare function NavPill({ active, onClick, children, className }: NavPillProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=nav-pill.d.ts.map

package/dist/navigation/nav-pill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-pill.d.ts","sourceRoot":"","sources":["../../src/navigation/nav-pill.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,EACV,EAAE,YAAY,2CAiBd"}

package/dist/navigation/nav-pill.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+export function NavPill({ active, onClick, children, className, }) {
+    return (_jsxs("button", { type: "button", onClick: onClick, className: cn('font-mono text-[10px] tracking-[1.5px] uppercase bg-transparent border-none px-3.5 py-1 cursor-pointer relative transition-colors', active ? 'text-white' : 'text-neutral-500 hover:text-neutral-300', className), children: [children, active && (_jsx("span", { className: "absolute -bottom-2.5 left-1/2 -translate-x-1/2 w-4 h-0.5 bg-flow rounded-sm shadow-[0_0_8px_rgba(59,130,246,0.5)]" }))] }));
+}
+//# sourceMappingURL=nav-pill.js.map

package/dist/navigation/nav-pill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-pill.js","sourceRoot":"","sources":["../../src/navigation/nav-pill.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAS/B,MAAM,UAAU,OAAO,CAAC,EACtB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,GACI,EAAE;IACf,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CACX,mIAAmI,EACnI,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,yCAAyC,EACjE,SAAS,CACV,aAEA,QAAQ,EACR,MAAM,IAAI,CACT,eAAM,SAAS,EAAC,mHAAmH,GAAG,CACvI,IACM,CACV,CAAC;AAAA,CACH"}

package/dist/navigation/status-dot.d.ts

@@ -0,0 +1,13 @@
+import { type VariantProps } from 'class-variance-authority';
+declare const statusDotVariants: (props?: ({
+    color?: "encrypt" | "flow" | "healthy" | "muted" | "offline" | "relay" | "syncing" | null | undefined;
+    size?: "lg" | "md" | "sm" | null | undefined;
+    glow?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type StatusDotProps = VariantProps<typeof statusDotVariants> & {
+    className?: string;
+    pulse?: boolean;
+};
+export declare function StatusDot({ color, size, glow, pulse, className }: StatusDotProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=status-dot.d.ts.map

package/dist/navigation/status-dot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-dot.d.ts","sourceRoot":"","sources":["../../src/navigation/status-dot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,iBAAiB;;;;8EA0BrB,CAAC;AAYH,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,GAAG;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,EACV,EAAE,cAAc,2CAWhB"}

package/dist/navigation/status-dot.js

@@ -0,0 +1,44 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from '../lib/cn.js';
+const statusDotVariants = cva('rounded-full inline-block flex-shrink-0', {
+    variants: {
+        color: {
+            healthy: 'bg-healthy',
+            syncing: 'bg-syncing',
+            offline: 'bg-offline',
+            flow: 'bg-flow',
+            relay: 'bg-relay',
+            encrypt: 'bg-encrypt',
+            muted: 'bg-neutral-500',
+        },
+        size: {
+            sm: 'w-1.5 h-1.5',
+            md: 'w-2 h-2',
+            lg: 'w-2.5 h-2.5',
+        },
+        glow: {
+            true: '',
+            false: '',
+        },
+    },
+    defaultVariants: {
+        color: 'healthy',
+        size: 'sm',
+        glow: false,
+    },
+});
+const glowMap = {
+    healthy: '0 0 6px #22c55e',
+    syncing: '0 0 6px #f59e0b',
+    offline: '0 0 6px #ef4444',
+    flow: '0 0 6px #3b82f6',
+    relay: '0 0 6px #8b5cf6',
+    encrypt: '0 0 6px #f472b6',
+    muted: 'none',
+};
+export function StatusDot({ color, size, glow, pulse, className, }) {
+    return (_jsx("span", { className: cn(statusDotVariants({ color, size, glow }), pulse && 'dot-pulse', className), style: glow ? { boxShadow: glowMap[color ?? 'healthy'] } : undefined }));
+}
+//# sourceMappingURL=status-dot.js.map

package/dist/navigation/status-dot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-dot.js","sourceRoot":"","sources":["../../src/navigation/status-dot.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B,MAAM,iBAAiB,GAAG,GAAG,CAAC,yCAAyC,EAAE;IACvE,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,YAAY;YACrB,OAAO,EAAE,YAAY;YACrB,OAAO,EAAE,YAAY;YACrB,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE,YAAY;YACrB,KAAK,EAAE,gBAAgB;SACxB;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,aAAa;YACjB,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,aAAa;SAClB;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,KAAK;KACZ;CACF,CAAC,CAAC;AAEH,MAAM,OAAO,GAA2B;IACtC,OAAO,EAAE,iBAAiB;IAC1B,OAAO,EAAE,iBAAiB;IAC1B,OAAO,EAAE,iBAAiB;IAC1B,IAAI,EAAE,iBAAiB;IACvB,KAAK,EAAE,iBAAiB;IACxB,OAAO,EAAE,iBAAiB;IAC1B,KAAK,EAAE,MAAM;CACd,CAAC;AAOF,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,GACM,EAAE;IACjB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,iBAAiB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EACxC,KAAK,IAAI,WAAW,EACpB,SAAS,CACV,EACD,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,KAAK,IAAI,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,GACpE,CACH,CAAC;AAAA,CACH"}

package/dist/navigation/syncular-brand.d.ts

@@ -0,0 +1,6 @@
+export type SyncularBrandProps = {
+    label?: string;
+    className?: string;
+};
+export declare function SyncularBrand({ label, className }: SyncularBrandProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=syncular-brand.d.ts.map

package/dist/navigation/syncular-brand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"syncular-brand.d.ts","sourceRoot":"","sources":["../../src/navigation/syncular-brand.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CAiBrE"}

package/dist/navigation/syncular-brand.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+import { UI_VERSION } from '../version.js';
+import { StatusDot } from './status-dot.js';
+export function SyncularBrand({ label, className }) {
+    return (_jsxs("div", { className: cn('flex items-center gap-3', className), children: [
+            _jsx(StatusDot, { color: "healthy", size: "md", glow: true }), _jsx("span", { className: "font-display font-bold text-white text-sm tracking-tight", children: "syncular" }), label && (_jsx("span", { className: "font-mono text-[9px] text-neutral-600 uppercase tracking-widest", children: label })), _jsxs("span", { className: "font-mono text-[9px] text-neutral-600 tracking-wider", children: ["v", UI_VERSION] })
+        ] }));
+}
+//# sourceMappingURL=syncular-brand.js.map

package/dist/navigation/syncular-brand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"syncular-brand.js","sourceRoot":"","sources":["../../src/navigation/syncular-brand.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAOzC,MAAM,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,SAAS,EAAsB,EAAE;IACtE,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC;YACtD,KAAC,SAAS,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,SAAG,EAC5C,eAAM,SAAS,EAAC,0DAA0D,yBAEnE,EACN,KAAK,IAAI,CACR,eAAM,SAAS,EAAC,iEAAiE,YAC9E,KAAK,GACD,CACR,EACD,gBAAM,SAAS,EAAC,sDAAsD,kBAClE,UAAU,IACP;YACH,CACP,CAAC;AAAA,CACH"}

package/dist/navigation/top-navigation.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export type TopNavigationProps = {
+    brand?: ReactNode;
+    center?: ReactNode;
+    right?: ReactNode;
+    className?: string;
+};
+export declare function TopNavigation({ brand, center, right, className }: TopNavigationProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=top-navigation.d.ts.map

package/dist/navigation/top-navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-navigation.d.ts","sourceRoot":"","sources":["../../src/navigation/top-navigation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,MAAM,EACN,KAAK,EACL,SAAS,EACV,EAAE,kBAAkB,2CAapB"}

package/dist/navigation/top-navigation.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+export function TopNavigation({ brand, center, right, className, }) {
+    return (_jsxs("nav", { className: cn('fixed top-0 left-0 right-0 z-100 h-[42px] border-b border-border bg-surface/88 backdrop-blur-lg flex items-center justify-between px-5', className), children: [
+            _jsx("div", { className: "flex items-center gap-3", children: brand }), _jsx("div", { className: "flex items-center gap-0.5", children: center }), _jsx("div", { className: "flex items-center gap-2", children: right })
+        ] }));
+}
+//# sourceMappingURL=top-navigation.js.map

package/dist/navigation/top-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-navigation.js","sourceRoot":"","sources":["../../src/navigation/top-navigation.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAS/B,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,MAAM,EACN,KAAK,EACL,SAAS,GACU,EAAE;IACrB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,wIAAwI,EACxI,SAAS,CACV;YAED,cAAK,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAO,EACtD,cAAK,SAAS,EAAC,2BAA2B,YAAE,MAAM,GAAO,EACzD,cAAK,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAO;YAClD,CACP,CAAC;AAAA,CACH"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"architecture-section.d.ts","sourceRoot":"","sources":["../../src/observable-universe/architecture-section.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,kHAsM9B,CAAC"}

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

@@ -0,0 +1,44 @@
+'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';
+export const ArchitectureSection = forwardRef(function ArchitectureSection({ className }, ref) {
+    return (_jsx("section", { ref: ref, id: "architecture", className: cn('py-24 border-t border-border', className), children: _jsxs("div", { className: "max-w-[1400px] mx-auto px-6", children: [
+                _jsx(SectionHeading, { label: "How sync works", title: "Local SQLite on every client. Commit log for change tracking. Server as the source of truth." }), _jsx("div", { className: "dashboard-panel rounded-lg p-8 md:p-12 overflow-x-auto", children: _jsxs("div", { className: "flex items-center justify-center gap-0 min-w-[700px]", children: [
+                            _jsx("div", { className: "flex flex-col items-center gap-2 shrink-0", children: _jsxs("div", { className: "w-32 border border-border rounded-lg p-4 text-center bg-panel", children: [
+                                        _jsx("div", { className: "font-mono text-[10px] text-neutral-500 uppercase mb-1", children: "Client A" }), _jsx("div", { className: "font-mono text-xs text-white", children: "SQLite" }), _jsx("div", { className: "font-mono text-[10px] text-neutral-600 mt-1", children: "outbox + local DB" })
+                                    ] }) }), _jsxs("div", { className: "flex flex-col items-center gap-1 px-3 shrink-0", children: [
+                                    _jsx("svg", { width: "60", height: "24", viewBox: "0 0 60 24", children: _jsx("path", { d: "M0 12h52m-6-5l6 5-6 5", stroke: "#3b82f6", strokeWidth: "1.5", fill: "none", strokeLinecap: "round" }) }), _jsx("span", { className: "font-mono text-[9px] text-flow", children: "HTTP / WS" })
+                                ] }), _jsx("div", { className: "flex flex-col items-center gap-2 shrink-0", children: _jsxs("div", { className: "w-28 border border-flow/30 rounded-lg p-4 text-center", style: { background: 'rgba(59,130,246,0.05)' }, children: [
+                                        _jsx("div", { className: "font-mono text-[10px] text-flow uppercase mb-1", children: "Transport" }), _jsx("div", { className: "font-mono text-xs text-white", children: "Push / Pull" }), _jsx("div", { className: "font-mono text-[10px] text-neutral-600 mt-1", children: "delta sync" })
+                                    ] }) }), _jsxs("div", { className: "flex flex-col items-center gap-1 px-3 shrink-0", children: [
+                                    _jsx("svg", { width: "60", height: "24", viewBox: "0 0 60 24", children: _jsx("path", { d: "M0 12h52m-6-5l6 5-6 5", stroke: "#3b82f6", strokeWidth: "1.5", fill: "none", strokeLinecap: "round" }) }), _jsx("span", { className: "font-mono text-[9px] text-flow", children: "commits" })
+                                ] }), _jsx("div", { className: "flex flex-col items-center gap-2 shrink-0", children: _jsxs("div", { className: "w-36 border-2 border-flow rounded-lg p-4 text-center relative", style: {
+                                        background: 'rgba(59,130,246,0.08)',
+                                        boxShadow: '0 0 20px rgba(59,130,246,0.15)',
+                                    }, children: [
+                                        _jsx("div", { className: "font-mono text-[10px] text-flow uppercase mb-1", children: "Server" }), _jsx("div", { className: "font-mono text-xs text-white font-medium", children: "Commit Log" }), _jsx("div", { className: "font-mono text-[10px] text-neutral-600 mt-1", children: "source of truth" })
+                                    ] }) }), _jsxs("div", { className: "flex flex-col items-center gap-1 px-3 shrink-0", children: [
+                                    _jsx("svg", { width: "60", height: "24", viewBox: "0 0 60 24", children: _jsx("path", { d: "M0 12h52m-6-5l6 5-6 5", stroke: "#3b82f6", strokeWidth: "1.5", fill: "none", strokeLinecap: "round" }) }), _jsx("span", { className: "font-mono text-[9px] text-flow", children: "commits" })
+                                ] }), _jsx("div", { className: "flex flex-col items-center gap-2 shrink-0", children: _jsxs("div", { className: "w-28 border border-flow/30 rounded-lg p-4 text-center", style: { background: 'rgba(59,130,246,0.05)' }, children: [
+                                        _jsx("div", { className: "font-mono text-[10px] text-flow uppercase mb-1", children: "Transport" }), _jsx("div", { className: "font-mono text-xs text-white", children: "Push / Pull" }), _jsx("div", { className: "font-mono text-[10px] text-neutral-600 mt-1", children: "delta sync" })
+                                    ] }) }), _jsxs("div", { className: "flex flex-col items-center gap-1 px-3 shrink-0", children: [
+                                    _jsx("svg", { width: "60", height: "24", viewBox: "0 0 60 24", children: _jsx("path", { d: "M0 12h52m-6-5l6 5-6 5", stroke: "#3b82f6", strokeWidth: "1.5", fill: "none", strokeLinecap: "round" }) }), _jsx("span", { className: "font-mono text-[9px] text-flow", children: "HTTP / WS" })
+                                ] }), _jsx("div", { className: "flex flex-col items-center gap-2 shrink-0", children: _jsxs("div", { className: "w-32 border border-border rounded-lg p-4 text-center bg-panel", children: [
+                                        _jsx("div", { className: "font-mono text-[10px] text-neutral-500 uppercase mb-1", children: "Client B" }), _jsx("div", { className: "font-mono text-xs text-white", children: "SQLite" }), _jsx("div", { className: "font-mono text-[10px] text-neutral-600 mt-1", children: "outbox + local DB" })
+                                    ] }) })
+                        ] }) }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-4 mt-6", children: [
+                        _jsxs("div", { className: "dashboard-panel rounded-lg p-5", children: [
+                                _jsx("div", { className: "font-mono text-[10px] text-healthy uppercase tracking-wider mb-2", children: "Bootstrap" }), _jsx("p", { className: "text-sm text-neutral-400 leading-relaxed", children: "First sync sends a point-in-time snapshot, chunked and compressed for large datasets." })
+                            ] }), _jsxs("div", { className: "dashboard-panel rounded-lg p-5", children: [
+                                _jsx("div", { className: "font-mono text-[10px] text-syncing uppercase tracking-wider mb-2", children: "Push" }), _jsx("p", { className: "text-sm text-neutral-400 leading-relaxed", children: "Client writes locally, queues in outbox, pushes to server. Server validates and writes to commit log." })
+                            ] }), _jsxs("div", { className: "dashboard-panel rounded-lg p-5", children: [
+                                _jsx("div", { className: "font-mono text-[10px] text-flow uppercase tracking-wider mb-2", children: "Pull" }), _jsx("p", { className: "text-sm text-neutral-400 leading-relaxed", children: "Client sends its cursor. Server returns commits since then, filtered by scopes." })
+                            ] }), _jsxs("div", { className: "dashboard-panel rounded-lg p-5", children: [
+                                _jsx("div", { className: "font-mono text-[10px] text-violet-400 uppercase tracking-wider mb-2", children: "Realtime" }), _jsx("p", { className: "text-sm text-neutral-400 leading-relaxed", children: "WebSocket wakes clients on new commits. Data still flows over HTTP." })
+                            ] })
+                    ] })
+            ] }) }));
+});
+//# sourceMappingURL=architecture-section.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"code-section.d.ts","sourceRoot":"","sources":["../../src/observable-universe/code-section.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoED,eAAO,MAAM,WAAW,0GA2DvB,CAAC"}