@miethe/ui 0.2.0

package/dist/display/FilePreviewPane.js

@@ -0,0 +1,144 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { File, FileText, FileCode } from 'lucide-react';
+import { Badge } from '../primitives/Badge';
+import { ScrollArea, ScrollBar } from '../primitives/ScrollArea';
+import { Skeleton } from '../components/ui/skeleton';
+// ============================================================================
+// Helper Functions
+// ============================================================================
+/**
+ * Detect file type based on file extension
+ */
+function getFileType(path) {
+    const ext = path.split('.').pop()?.toLowerCase();
+    if (ext === 'md')
+        return 'markdown';
+    if (['ts', 'tsx', 'js', 'jsx', 'py', 'json', 'yaml', 'yml', 'toml'].includes(ext || ''))
+        return 'code';
+    return 'text';
+}
+/**
+ * Extract filename from path
+ */
+function getFileName(path) {
+    return path.split('/').pop() || path;
+}
+/**
+ * Get tier badge variant and label
+ */
+function getTierConfig(tier) {
+    const configs = {
+        source: { variant: 'outline', label: 'Source' },
+        collection: { variant: 'secondary', label: 'Collection' },
+        project: { variant: 'default', label: 'Project' },
+    };
+    return configs[tier];
+}
+/**
+ * Simple markdown to HTML converter (basic subset)
+ */
+function renderMarkdown(markdown) {
+    let html = markdown;
+    // Headers
+    html = html.replace(/^### (.*$)/gim, '<h3 class="text-lg font-semibold mt-4 mb-2">$1</h3>');
+    html = html.replace(/^## (.*$)/gim, '<h2 class="text-xl font-semibold mt-6 mb-3">$1</h2>');
+    html = html.replace(/^# (.*$)/gim, '<h1 class="text-2xl font-bold mt-8 mb-4">$1</h1>');
+    // Bold and italic
+    html = html.replace(/\*\*\*(.+?)\*\*\*/g, '<strong><em>$1</em></strong>');
+    html = html.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>');
+    html = html.replace(/\*(.+?)\*/g, '<em>$1</em>');
+    // Code blocks
+    html = html.replace(/```(\w+)?\n([\s\S]*?)```/g, '<pre class="bg-muted rounded-md p-4 my-3 overflow-x-auto"><code class="text-sm font-mono">$2</code></pre>');
+    // Inline code
+    html = html.replace(/`(.+?)`/g, '<code class="bg-muted px-1.5 py-0.5 rounded text-sm">$1</code>');
+    // Links
+    html = html.replace(/\[(.+?)\]\((.+?)\)/g, '<a href="$2" class="text-primary underline">$1</a>');
+    // Lists
+    html = html.replace(/^\* (.+)$/gim, '<li class="ml-4">$1</li>');
+    html = html.replace(/^- (.+)$/gim, '<li class="ml-4">$1</li>');
+    // Line breaks
+    html = html.replace(/\n/g, '<br />');
+    return html;
+}
+// ============================================================================
+// Loading Skeleton
+// ============================================================================
+function PreviewSkeleton() {
+    return (_jsxs("div", { className: "flex h-full flex-col", children: [_jsx("div", { className: "border-b p-4", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Skeleton, { className: "h-5 w-48" }), _jsx(Skeleton, { className: "h-5 w-20" })] }) }), _jsx("div", { className: "flex-1 space-y-3 p-6", children: [...Array(15)].map((_, i) => (_jsx(Skeleton, { className: "h-4", style: { width: `${50 + Math.random() * 50}%` } }, i))) })] }));
+}
+// ============================================================================
+// Empty State
+// ============================================================================
+function EmptyState() {
+    return (_jsxs("div", { className: "flex h-full flex-col items-center justify-center py-12 text-center", children: [_jsx(File, { className: "mb-4 h-16 w-16 text-muted-foreground opacity-40" }), _jsx("h3", { className: "mb-2 text-base font-medium text-muted-foreground", children: "No file selected" }), _jsx("p", { className: "max-w-sm text-sm text-muted-foreground", children: "Select a file from the file list to preview its contents" })] }));
+}
+// ============================================================================
+// Error State
+// ============================================================================
+function ErrorState() {
+    return (_jsxs("div", { className: "flex h-full flex-col items-center justify-center py-12 text-center", children: [_jsx(FileText, { className: "mb-4 h-16 w-16 text-destructive opacity-50" }), _jsx("h3", { className: "mb-2 text-base font-medium text-destructive", children: "Content unavailable" }), _jsx("p", { className: "max-w-sm text-sm text-muted-foreground", children: "Unable to load file content. The file may be too large or in an unsupported format." })] }));
+}
+function MarkdownContent({ content }) {
+    const renderedHtml = useMemo(() => renderMarkdown(content), [content]);
+    return (_jsx("div", { className: "prose prose-sm max-w-none dark:prose-invert", dangerouslySetInnerHTML: { __html: renderedHtml } }));
+}
+function CodeContent({ content, filePath }) {
+    const language = useMemo(() => {
+        const ext = filePath.split('.').pop()?.toLowerCase();
+        return ext || 'text';
+    }, [filePath]);
+    return (_jsxs("div", { className: "relative", children: [_jsx("div", { className: "absolute right-2 top-2", children: _jsx(Badge, { variant: "outline", className: "text-xs", children: language }) }), _jsx("pre", { className: "overflow-x-auto rounded-md bg-muted p-4", children: _jsx("code", { className: "font-mono text-sm leading-relaxed", children: content }) })] }));
+}
+function TextContent({ content }) {
+    return (_jsx("pre", { className: "whitespace-pre-wrap break-words font-mono text-sm leading-relaxed", children: content }));
+}
+// ============================================================================
+// Main Component
+// ============================================================================
+/**
+ * FilePreviewPane - Displays file content with appropriate rendering
+ *
+ * Features:
+ * - Markdown rendering with basic HTML conversion
+ * - Syntax-highlighted code display
+ * - Plain text display for other files
+ * - Loading skeleton state
+ * - Empty state when no file selected
+ * - Error state for unavailable content
+ * - Tier badge showing which version is displayed
+ * - Dark mode support
+ *
+ * @example
+ * ```tsx
+ * <FilePreviewPane
+ *   filePath="README.md"
+ *   content={fileContent}
+ *   tier="collection"
+ *   isLoading={false}
+ * />
+ * ```
+ */
+export function FilePreviewPane({ filePath, content, tier, isLoading }) {
+    // Loading state
+    if (isLoading) {
+        return _jsx(PreviewSkeleton, {});
+    }
+    // Empty state - no file selected
+    if (!filePath) {
+        return _jsx(EmptyState, {});
+    }
+    // Error state - file selected but no content
+    if (content === null) {
+        return _jsx(ErrorState, {});
+    }
+    // Get file metadata
+    const fileName = getFileName(filePath);
+    const fileType = getFileType(filePath);
+    const tierConfig = getTierConfig(tier);
+    // Select icon based on file type
+    const FileIcon = fileType === 'markdown' ? FileText : fileType === 'code' ? FileCode : File;
+    return (_jsxs("div", { className: "flex h-full flex-col overflow-hidden", children: [_jsxs("div", { className: "flex items-center justify-between border-b bg-muted/20 px-4 py-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(FileIcon, { className: "h-4 w-4 text-muted-foreground" }), _jsxs("h3", { className: "text-sm font-medium", children: ["File Preview: ", _jsx("span", { className: "font-semibold", children: fileName })] })] }), _jsx(Badge, { variant: tierConfig.variant, children: tierConfig.label })] }), _jsxs(ScrollArea, { className: "flex-1", children: [_jsxs("div", { className: "p-6", children: [fileType === 'markdown' && _jsx(MarkdownContent, { content: content }), fileType === 'code' && _jsx(CodeContent, { content: content, filePath: filePath }), fileType === 'text' && _jsx(TextContent, { content: content })] }), _jsx(ScrollBar, { orientation: "horizontal" })] })] }));
+}
+//# sourceMappingURL=FilePreviewPane.js.map

package/dist/display/FilePreviewPane.js.map

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

package/dist/display/FrontmatterDisplay.d.ts

@@ -0,0 +1,33 @@
+export interface FrontmatterDisplayProps {
+    /** Parsed YAML frontmatter object */
+    frontmatter: Record<string, unknown>;
+    /** Whether to start collapsed. Default: false (expanded) */
+    defaultCollapsed?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * FrontmatterDisplay - Collapsible display for YAML frontmatter
+ *
+ * Displays parsed YAML frontmatter as key-value pairs with support for:
+ * - Arrays rendered as comma-separated values
+ * - Nested objects (1 level) rendered as indented key-value pairs
+ * - Collapsible with expand/collapse toggle
+ * - Max height with scrollable content
+ *
+ * @example
+ * ```tsx
+ * const frontmatter = {
+ *   title: 'My Document',
+ *   tags: ['react', 'typescript'],
+ *   author: { name: 'John', email: 'john@example.com' }
+ * };
+ *
+ * <FrontmatterDisplay
+ *   frontmatter={frontmatter}
+ *   defaultCollapsed={false}
+ * />
+ * ```
+ */
+export declare function FrontmatterDisplay({ frontmatter, defaultCollapsed, className, }: FrontmatterDisplayProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=FrontmatterDisplay.d.ts.map

package/dist/display/FrontmatterDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrontmatterDisplay.d.ts","sourceRoot":"","sources":["../../src/display/FrontmatterDisplay.tsx"],"names":[],"mappings":"AAYA,MAAM,WAAW,uBAAuB;IACtC,qCAAqC;IACrC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4DD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,gBAAwB,EACxB,SAAS,GACV,EAAE,uBAAuB,kDAoDzB"}

package/dist/display/FrontmatterDisplay.js

@@ -0,0 +1,79 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { ChevronDown, ChevronUp } from 'lucide-react';
+import { cn } from '../primitives/utils';
+import { Button } from '../components/ui/button';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../components/ui/collapsible';
+// ============================================================================
+// Helper Functions
+// ============================================================================
+/**
+ * Render a single value based on its type
+ */
+function renderValue(value) {
+    if (value === null || value === undefined) {
+        return _jsx("span", { className: "italic text-muted-foreground", children: "null" });
+    }
+    if (typeof value === 'boolean') {
+        return _jsx("span", { className: "text-muted-foreground", children: value ? 'true' : 'false' });
+    }
+    if (typeof value === 'number') {
+        return _jsx("span", { children: value });
+    }
+    if (typeof value === 'string') {
+        return _jsx("span", { children: value });
+    }
+    if (Array.isArray(value)) {
+        // Render arrays as comma-separated values
+        const stringValues = value.map((item) => {
+            if (typeof item === 'object' && item !== null) {
+                return JSON.stringify(item);
+            }
+            return String(item);
+        });
+        return _jsx("span", { children: stringValues.join(', ') });
+    }
+    if (typeof value === 'object') {
+        // For nested objects, render as indented key-value pairs (1 level only)
+        return (_jsx("div", { className: "ml-4 mt-1 space-y-1", children: Object.entries(value).map(([nestedKey, nestedValue]) => (_jsxs("div", { className: "text-sm", children: [_jsx("strong", { className: "font-medium text-muted-foreground", children: nestedKey }), ":", ' ', typeof nestedValue === 'object' && nestedValue !== null
+                        ? JSON.stringify(nestedValue)
+                        : String(nestedValue ?? '')] }, nestedKey))) }));
+    }
+    return _jsx("span", { children: String(value) });
+}
+// ============================================================================
+// Main Component
+// ============================================================================
+/**
+ * FrontmatterDisplay - Collapsible display for YAML frontmatter
+ *
+ * Displays parsed YAML frontmatter as key-value pairs with support for:
+ * - Arrays rendered as comma-separated values
+ * - Nested objects (1 level) rendered as indented key-value pairs
+ * - Collapsible with expand/collapse toggle
+ * - Max height with scrollable content
+ *
+ * @example
+ * ```tsx
+ * const frontmatter = {
+ *   title: 'My Document',
+ *   tags: ['react', 'typescript'],
+ *   author: { name: 'John', email: 'john@example.com' }
+ * };
+ *
+ * <FrontmatterDisplay
+ *   frontmatter={frontmatter}
+ *   defaultCollapsed={false}
+ * />
+ * ```
+ */
+export function FrontmatterDisplay({ frontmatter, defaultCollapsed = false, className, }) {
+    const [isOpen, setIsOpen] = useState(!defaultCollapsed);
+    const entries = Object.entries(frontmatter);
+    if (entries.length === 0) {
+        return null;
+    }
+    return (_jsxs(Collapsible, { open: isOpen, onOpenChange: setIsOpen, className: cn('rounded-md border border-border bg-muted/30 p-3', className), children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h4", { className: "text-sm font-medium text-foreground", children: "Frontmatter" }), _jsx(CollapsibleTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "sm", className: "h-7 px-2", "aria-label": isOpen ? 'Hide frontmatter' : 'Show frontmatter', children: isOpen ? (_jsxs(_Fragment, { children: [_jsx(ChevronUp, { className: "mr-1 h-4 w-4", "aria-hidden": "true" }), "Hide"] })) : (_jsxs(_Fragment, { children: [_jsx(ChevronDown, { className: "mr-1 h-4 w-4", "aria-hidden": "true" }), "Show"] })) }) })] }), _jsx(CollapsibleContent, { className: "overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down", children: _jsx("div", { className: "mt-3 max-h-[300px] space-y-2 overflow-y-auto pr-1", children: entries.map(([key, value]) => (_jsxs("div", { className: "text-sm", children: [_jsx("strong", { className: "font-medium", children: key }), ": ", renderValue(value)] }, key))) }) })] }));
+}
+//# sourceMappingURL=FrontmatterDisplay.js.map

package/dist/display/FrontmatterDisplay.js.map

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

package/dist/display/index.d.ts

@@ -0,0 +1,5 @@
+export { FrontmatterDisplay } from './FrontmatterDisplay';
+export type { FrontmatterDisplayProps } from './FrontmatterDisplay';
+export { FilePreviewPane } from './FilePreviewPane';
+export type { FilePreviewPaneProps } from './FilePreviewPane';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/display/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/display/index.js

@@ -0,0 +1,4 @@
+// @miethe/ui — display submodule
+export { FrontmatterDisplay } from './FrontmatterDisplay';
+export { FilePreviewPane } from './FilePreviewPane';
+//# sourceMappingURL=index.js.map

package/dist/display/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/display/index.ts"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/editor/MarkdownEditor.d.ts

@@ -0,0 +1,28 @@
+export interface MarkdownEditorProps {
+    initialContent: string;
+    onChange: (content: string) => void;
+    readOnly?: boolean;
+    className?: string;
+}
+/**
+ * MarkdownEditor - CodeMirror 6 based markdown editor
+ *
+ * Features:
+ * - Markdown syntax highlighting
+ * - Basic keymaps (undo/redo, etc.)
+ * - Theme support (light/dark based on system preference)
+ * - onChange callback for content changes
+ * - ReadOnly mode support
+ * - Proper cleanup on unmount
+ *
+ * @example
+ * ```tsx
+ * <MarkdownEditor
+ *   initialContent="# Hello World"
+ *   onChange={(content) => setContent(content)}
+ *   readOnly={false}
+ * />
+ * ```
+ */
+export declare function MarkdownEditor({ initialContent, onChange, readOnly, className, }: MarkdownEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MarkdownEditor.d.ts.map

package/dist/editor/MarkdownEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../../src/editor/MarkdownEditor.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,mBAAmB;IAClC,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsFD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,QAAQ,EACR,QAAgB,EAChB,SAAS,GACV,EAAE,mBAAmB,2CA0ErB"}

package/dist/editor/MarkdownEditor.js

@@ -0,0 +1,160 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { EditorState } from '@codemirror/state';
+import { EditorView, keymap } from '@codemirror/view';
+import { markdown } from '@codemirror/lang-markdown';
+import { defaultKeymap, history, historyKeymap } from '@codemirror/commands';
+import { cn } from '../primitives/utils';
+// ============================================================================
+// Theme Extensions
+// ============================================================================
+/**
+ * Light theme extension for CodeMirror
+ */
+const lightTheme = EditorView.theme({
+    '&': {
+        backgroundColor: 'hsl(var(--background))',
+        color: 'hsl(var(--foreground))',
+        height: '100%',
+    },
+    '.cm-content': {
+        caretColor: 'hsl(var(--foreground))',
+        fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace',
+        fontSize: '14px',
+        lineHeight: '1.6',
+        padding: '16px',
+    },
+    '.cm-cursor, .cm-dropCursor': {
+        borderLeftColor: 'hsl(var(--foreground))',
+    },
+    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {
+        backgroundColor: 'hsl(var(--accent))',
+    },
+    '.cm-activeLine': {
+        backgroundColor: 'hsl(var(--accent) / 0.1)',
+    },
+    '.cm-gutters': {
+        backgroundColor: 'hsl(var(--muted))',
+        color: 'hsl(var(--muted-foreground))',
+        border: 'none',
+    },
+    '.cm-activeLineGutter': {
+        backgroundColor: 'hsl(var(--accent) / 0.1)',
+    },
+}, { dark: false });
+/**
+ * Dark theme extension for CodeMirror
+ */
+const darkTheme = EditorView.theme({
+    '&': {
+        backgroundColor: 'hsl(var(--background))',
+        color: 'hsl(var(--foreground))',
+        height: '100%',
+    },
+    '.cm-content': {
+        caretColor: 'hsl(var(--foreground))',
+        fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace',
+        fontSize: '14px',
+        lineHeight: '1.6',
+        padding: '16px',
+    },
+    '.cm-cursor, .cm-dropCursor': {
+        borderLeftColor: 'hsl(var(--foreground))',
+    },
+    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {
+        backgroundColor: 'hsl(var(--accent))',
+    },
+    '.cm-activeLine': {
+        backgroundColor: 'hsl(var(--accent) / 0.1)',
+    },
+    '.cm-gutters': {
+        backgroundColor: 'hsl(var(--muted))',
+        color: 'hsl(var(--muted-foreground))',
+        border: 'none',
+    },
+    '.cm-activeLineGutter': {
+        backgroundColor: 'hsl(var(--accent) / 0.1)',
+    },
+}, { dark: true });
+// ============================================================================
+// Main Component
+// ============================================================================
+/**
+ * MarkdownEditor - CodeMirror 6 based markdown editor
+ *
+ * Features:
+ * - Markdown syntax highlighting
+ * - Basic keymaps (undo/redo, etc.)
+ * - Theme support (light/dark based on system preference)
+ * - onChange callback for content changes
+ * - ReadOnly mode support
+ * - Proper cleanup on unmount
+ *
+ * @example
+ * ```tsx
+ * <MarkdownEditor
+ *   initialContent="# Hello World"
+ *   onChange={(content) => setContent(content)}
+ *   readOnly={false}
+ * />
+ * ```
+ */
+export function MarkdownEditor({ initialContent, onChange, readOnly = false, className, }) {
+    const containerRef = useRef(null);
+    const editorRef = useRef(null);
+    useEffect(() => {
+        if (!containerRef.current)
+            return;
+        // Detect dark mode from system preference
+        const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
+        // Create editor state with all extensions
+        const startState = EditorState.create({
+            doc: initialContent,
+            extensions: [
+                // Language support
+                markdown(),
+                // History (undo/redo)
+                history(),
+                // Keymaps
+                keymap.of([...defaultKeymap, ...historyKeymap]),
+                // Update listener for onChange callback
+                EditorView.updateListener.of((update) => {
+                    if (update.docChanged) {
+                        onChange(update.state.doc.toString());
+                    }
+                }),
+                // ReadOnly mode
+                EditorView.editable.of(!readOnly),
+                // Theme based on system preference
+                isDarkMode ? darkTheme : lightTheme,
+                // Line wrapping
+                EditorView.lineWrapping,
+            ],
+        });
+        // Create editor view
+        const view = new EditorView({
+            state: startState,
+            parent: containerRef.current,
+        });
+        editorRef.current = view;
+        // Cleanup on unmount
+        return () => {
+            view.destroy();
+        };
+    }, []); // Only run once on mount
+    // Update content when initialContent changes externally
+    useEffect(() => {
+        if (editorRef.current && editorRef.current.state.doc.toString() !== initialContent) {
+            editorRef.current.dispatch({
+                changes: {
+                    from: 0,
+                    to: editorRef.current.state.doc.length,
+                    insert: initialContent,
+                },
+            });
+        }
+    }, [initialContent]);
+    return (_jsx("div", { ref: containerRef, className: cn('h-full w-full overflow-auto rounded-md border', className) }));
+}
+//# sourceMappingURL=MarkdownEditor.js.map

package/dist/editor/MarkdownEditor.js.map

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

package/dist/editor/SplitPreview.d.ts

@@ -0,0 +1,28 @@
+export interface SplitPreviewProps {
+    content: string;
+    onChange: (content: string) => void;
+    isEditing: boolean;
+    className?: string;
+}
+/**
+ * SplitPreview - Split-view markdown editor with live preview
+ *
+ * Features:
+ * - Left side: MarkdownEditor component
+ * - Right side: Rendered markdown preview
+ * - Real-time preview updates as user types
+ * - GitHub Flavored Markdown (GFM) support
+ * - Responsive layout (side-by-side on desktop, stacked on mobile)
+ * - Scrollable preview area
+ *
+ * @example
+ * ```tsx
+ * <SplitPreview
+ *   content={markdownContent}
+ *   onChange={(content) => setContent(content)}
+ *   isEditing={true}
+ * />
+ * ```
+ */
+export declare function SplitPreview({ content, onChange, isEditing, className }: SplitPreviewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SplitPreview.d.ts.map

package/dist/editor/SplitPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitPreview.d.ts","sourceRoot":"","sources":["../../src/editor/SplitPreview.tsx"],"names":[],"mappings":"AAYA,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CA+B1F"}

package/dist/editor/SplitPreview.js

@@ -0,0 +1,34 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import { MarkdownEditor } from './MarkdownEditor';
+import { ScrollArea } from '../primitives/ScrollArea';
+import { cn } from '../primitives/utils';
+// ============================================================================
+// Main Component
+// ============================================================================
+/**
+ * SplitPreview - Split-view markdown editor with live preview
+ *
+ * Features:
+ * - Left side: MarkdownEditor component
+ * - Right side: Rendered markdown preview
+ * - Real-time preview updates as user types
+ * - GitHub Flavored Markdown (GFM) support
+ * - Responsive layout (side-by-side on desktop, stacked on mobile)
+ * - Scrollable preview area
+ *
+ * @example
+ * ```tsx
+ * <SplitPreview
+ *   content={markdownContent}
+ *   onChange={(content) => setContent(content)}
+ *   isEditing={true}
+ * />
+ * ```
+ */
+export function SplitPreview({ content, onChange, isEditing, className }) {
+    return (_jsxs("div", { className: cn('flex h-full min-w-0 flex-col gap-4 overflow-hidden lg:flex-row', className), children: [isEditing && (_jsx("div", { className: "min-h-[300px] min-w-0 flex-1 lg:min-h-0", children: _jsx(MarkdownEditor, { initialContent: content, onChange: onChange, className: "h-full" }) })), _jsx("div", { className: cn('min-h-[300px] min-w-0 flex-1 overflow-hidden lg:min-h-0', !isEditing && 'w-full'), children: _jsx("div", { className: "h-full overflow-hidden rounded-md border bg-card", children: _jsx(ScrollArea, { className: "h-full w-full [&>[data-radix-scroll-area-viewport]>div]:!block [&>[data-radix-scroll-area-viewport]>div]:!min-w-0", children: _jsx("div", { className: "prose prose-sm max-w-none overflow-x-hidden break-words p-6 [overflow-wrap:anywhere] [word-break:break-word] dark:prose-invert prose-headings:break-words prose-p:break-words prose-code:break-all prose-pre:overflow-x-auto", children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], children: content || '*No content to preview*' }) }) }) }) })] }));
+}
+//# sourceMappingURL=SplitPreview.js.map

package/dist/editor/SplitPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitPreview.js","sourceRoot":"","sources":["../../src/editor/SplitPreview.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,aAAa,MAAM,gBAAgB,CAAC;AAC3C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAazC,+EAA+E;AAC/E,iBAAiB;AACjB,+EAA+E;AAE/E;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAqB;IACzF,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,gEAAgE,EAAE,SAAS,CAAC,aAGzF,SAAS,IAAI,CACZ,cAAK,SAAS,EAAC,yCAAyC,YACtD,KAAC,cAAc,IAAC,cAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAC,QAAQ,GAAG,GAC9E,CACP,EAGD,cACE,SAAS,EAAE,EAAE,CACX,yDAAyD,EACzD,CAAC,SAAS,IAAI,QAAQ,CACvB,YAED,cAAK,SAAS,EAAC,kDAAkD,YAC/D,KAAC,UAAU,IAAC,SAAS,EAAC,mHAAmH,YACvI,cAAK,SAAS,EAAC,8NAA8N,YAC3O,KAAC,aAAa,IAAC,aAAa,EAAE,CAAC,SAAS,CAAC,YACtC,OAAO,IAAI,yBAAyB,GACvB,GACZ,GACK,GACT,GACF,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/index.d.ts

@@ -0,0 +1,5 @@
+export { MarkdownEditor } from './MarkdownEditor';
+export type { MarkdownEditorProps } from './MarkdownEditor';
+export { SplitPreview } from './SplitPreview';
+export type { SplitPreviewProps } from './SplitPreview';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/editor/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/editor/index.js

@@ -0,0 +1,4 @@
+// @miethe/ui — editor submodule
+export { MarkdownEditor } from './MarkdownEditor';
+export { SplitPreview } from './SplitPreview';
+//# sourceMappingURL=index.js.map

package/dist/editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/editor/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/filters/filters-dropdown.d.ts

@@ -0,0 +1,24 @@
+export type FilterMode = 'and' | 'or';
+export interface FilterCategoryOption {
+    value: string;
+    label: string;
+    count?: number;
+}
+export interface FilterCategory {
+    id: string;
+    label: string;
+    options: FilterCategoryOption[];
+    selected: string[];
+    onChange: (values: string[]) => void;
+}
+export interface FiltersDropdownProps {
+    /** Filter categories to render as sub-menus */
+    categories: FilterCategory[];
+    /** AND/OR mode for combining values within each category */
+    filterMode?: FilterMode;
+    /** Handler for filter mode changes */
+    onFilterModeChange?: (mode: FilterMode) => void;
+    className?: string;
+}
+export declare function FiltersDropdown({ categories, filterMode, onFilterModeChange, className, }: FiltersDropdownProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=filters-dropdown.d.ts.map

package/dist/filters/filters-dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters-dropdown.d.ts","sourceRoot":"","sources":["../../src/filters/filters-dropdown.tsx"],"names":[],"mappings":"AAwBA,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,IAAI,CAAC;AAEtC,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACtC;AAED,MAAM,WAAW,oBAAoB;IACnC,+CAA+C;IAC/C,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,4DAA4D;IAC5D,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,sCAAsC;IACtC,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,UAAkB,EAClB,kBAAkB,EAClB,SAAS,GACV,EAAE,oBAAoB,2CA6JtB"}