@refraction-ui/react 0.19.1 → 0.20.0

package/dist/react-diff-viewer.js

@@ -0,0 +1,460 @@
+import {
+  cn,
+  cva
+} from "./chunk-ZF3OHCGV.js";
+
+// ../react-diff-viewer/dist/index.js
+import * as React from "react";
+
+// ../diff-viewer/dist/index.js
+var extToLanguage = {
+  ts: "typescript",
+  tsx: "typescript",
+  js: "javascript",
+  jsx: "javascript",
+  py: "python",
+  go: "go",
+  rs: "rust",
+  rb: "ruby",
+  java: "java",
+  swift: "swift",
+  kt: "kotlin",
+  dart: "dart",
+  php: "php",
+  lua: "lua",
+  r: "r",
+  scala: "scala",
+  json: "json",
+  yaml: "yaml",
+  yml: "yaml",
+  md: "markdown",
+  html: "html",
+  css: "css",
+  scss: "scss",
+  sql: "sql",
+  sh: "shell",
+  bash: "shell",
+  zsh: "shell",
+  xml: "xml",
+  toml: "toml",
+  proto: "protobuf",
+  dockerfile: "dockerfile",
+  cpp: "cpp",
+  c: "c"
+};
+function getLanguageForFile(filePath) {
+  const ext = filePath.split(".").pop()?.toLowerCase() || "";
+  const basename = filePath.split("/").pop()?.toLowerCase() || "";
+  if (basename === "dockerfile") return "dockerfile";
+  return extToLanguage[ext] || "plaintext";
+}
+var statusIcons = {
+  added: "\u{1F7E2}",
+  // green circle
+  modified: "\u{1F7E1}",
+  // yellow circle
+  deleted: "\u{1F534}",
+  // red circle
+  renamed: "\u{1F535}"
+  // blue circle
+};
+function createDiffViewer(props = {}) {
+  const {
+    files = [],
+    activeFileIndex = 0,
+    viewMode = "side-by-side",
+    theme = "dark",
+    language,
+    sidebarOpen = true,
+    onFileSelect,
+    onViewModeChange,
+    onSidebarToggle
+  } = props;
+  let currentIndex = Math.min(activeFileIndex, Math.max(0, files.length - 1));
+  let currentViewMode = viewMode;
+  let currentSidebarOpen = sidebarOpen;
+  const state = {
+    activeFileIndex: currentIndex,
+    viewMode: currentViewMode,
+    theme,
+    language: language || (files[currentIndex] ? getLanguageForFile(files[currentIndex].path) : "plaintext"),
+    sidebarOpen: currentSidebarOpen,
+    files
+  };
+  const ariaProps = {
+    role: "region",
+    "aria-label": "Diff viewer"
+  };
+  const dataAttributes = {
+    "data-view-mode": currentViewMode,
+    "data-theme": theme,
+    "data-file-count": String(files.length)
+  };
+  if (!currentSidebarOpen) {
+    dataAttributes["data-sidebar-collapsed"] = "";
+  }
+  function selectFile(index) {
+    if (index >= 0 && index < files.length) {
+      currentIndex = index;
+      state.activeFileIndex = index;
+      state.language = language || getLanguageForFile(files[index].path);
+      onFileSelect?.(index);
+    }
+  }
+  function nextFile() {
+    if (currentIndex < files.length - 1) {
+      selectFile(currentIndex + 1);
+    }
+  }
+  function prevFile() {
+    if (currentIndex > 0) {
+      selectFile(currentIndex - 1);
+    }
+  }
+  function toggleViewMode() {
+    currentViewMode = currentViewMode === "side-by-side" ? "inline" : "side-by-side";
+    state.viewMode = currentViewMode;
+    dataAttributes["data-view-mode"] = currentViewMode;
+    onViewModeChange?.(currentViewMode);
+  }
+  function toggleSidebar() {
+    currentSidebarOpen = !currentSidebarOpen;
+    state.sidebarOpen = currentSidebarOpen;
+    if (currentSidebarOpen) {
+      delete dataAttributes["data-sidebar-collapsed"];
+    } else {
+      dataAttributes["data-sidebar-collapsed"] = "";
+    }
+    onSidebarToggle?.();
+  }
+  function totalAdditions() {
+    return files.reduce((sum, f) => sum + f.additions, 0);
+  }
+  function totalDeletions() {
+    return files.reduce((sum, f) => sum + f.deletions, 0);
+  }
+  return {
+    state,
+    ariaProps,
+    dataAttributes,
+    selectFile,
+    nextFile,
+    prevFile,
+    toggleViewMode,
+    toggleSidebar,
+    getLanguageForFile,
+    getFileStatusIcon: (status) => statusIcons[status] || "\u26AA",
+    totalAdditions,
+    totalDeletions
+  };
+}
+var diffViewerTokens = {
+  name: "diff-viewer",
+  tokens: {
+    bg: { variable: "--rfr-diff-bg", fallback: "hsl(var(--background))" },
+    fg: { variable: "--rfr-diff-fg", fallback: "hsl(var(--foreground))" },
+    sidebarBg: { variable: "--rfr-diff-sidebar-bg", fallback: "hsl(var(--muted))" },
+    headerBg: { variable: "--rfr-diff-header-bg", fallback: "hsl(var(--muted))" },
+    border: { variable: "--rfr-diff-border", fallback: "hsl(var(--border))" },
+    addBg: { variable: "--rfr-diff-add-bg", fallback: "rgba(46, 160, 67, 0.15)" },
+    delBg: { variable: "--rfr-diff-del-bg", fallback: "rgba(248, 81, 73, 0.15)" },
+    addFg: { variable: "--rfr-diff-add-fg", fallback: "#3fb950" },
+    delFg: { variable: "--rfr-diff-del-fg", fallback: "#f85149" },
+    statusbar: { variable: "--rfr-diff-statusbar", fallback: "hsl(var(--primary))" },
+    statusbarFg: { variable: "--rfr-diff-statusbar-fg", fallback: "hsl(var(--primary-foreground))" }
+  }
+};
+var diffViewerVariants = cva({
+  base: "flex flex-col overflow-hidden font-sans text-sm",
+  variants: {
+    theme: {
+      light: "bg-white text-gray-900",
+      dark: "bg-gray-950 text-gray-100"
+    },
+    fullscreen: {
+      "true": "h-screen",
+      "false": ""
+    }
+  },
+  defaultVariants: {
+    theme: "dark",
+    fullscreen: "true"
+  }
+});
+var sidebarVariants = cva({
+  base: "border-r overflow-auto flex-shrink-0",
+  variants: {
+    theme: {
+      light: "bg-gray-50 border-gray-200",
+      dark: "bg-gray-900 border-gray-800"
+    }
+  },
+  defaultVariants: {
+    theme: "dark"
+  }
+});
+var sidebarItemVariants = cva({
+  base: "px-2.5 py-1 cursor-pointer text-xs font-mono transition-colors",
+  variants: {
+    active: {
+      "true": "border-l-2 border-blue-500",
+      "false": "border-l-2 border-transparent"
+    },
+    theme: {
+      light: "",
+      dark: ""
+    }
+  },
+  compoundVariants: [
+    { active: "true", theme: "dark", class: "bg-gray-800 text-gray-100" },
+    { active: "false", theme: "dark", class: "text-gray-400 hover:bg-gray-800/50" },
+    { active: "true", theme: "light", class: "bg-blue-50 text-gray-900" },
+    { active: "false", theme: "light", class: "text-gray-600 hover:bg-gray-100" }
+  ],
+  defaultVariants: {
+    active: "false",
+    theme: "dark"
+  }
+});
+var tabBarVariants = cva({
+  base: "flex items-center border-b overflow-auto flex-shrink-0",
+  variants: {
+    theme: {
+      light: "bg-gray-50 border-gray-200",
+      dark: "bg-gray-900 border-gray-800"
+    }
+  },
+  defaultVariants: {
+    theme: "dark"
+  }
+});
+var tabVariants = cva({
+  base: "px-3 h-[35px] flex items-center gap-1 cursor-pointer text-xs font-mono border-r shrink-0",
+  variants: {
+    active: {
+      "true": "",
+      "false": ""
+    },
+    theme: {
+      light: "border-gray-200",
+      dark: "border-gray-800"
+    }
+  },
+  compoundVariants: [
+    { active: "true", theme: "dark", class: "bg-gray-950 text-gray-100 border-b-gray-950 -mb-px" },
+    { active: "false", theme: "dark", class: "text-gray-400" },
+    { active: "true", theme: "light", class: "bg-white text-gray-900 border-b-white -mb-px" },
+    { active: "false", theme: "light", class: "text-gray-500" }
+  ],
+  defaultVariants: {
+    active: "false",
+    theme: "dark"
+  }
+});
+var statusBarVariants = cva({
+  base: "h-[22px] flex items-center px-2.5 gap-3 text-[11px] font-mono flex-shrink-0",
+  variants: {
+    theme: {
+      light: "bg-blue-600 text-white",
+      dark: "bg-blue-700 text-white"
+    }
+  },
+  defaultVariants: {
+    theme: "dark"
+  }
+});
+
+// ../react-diff-viewer/dist/index.js
+import { jsxs, jsx } from "react/jsx-runtime";
+var MonacoDiffEditor = React.lazy(
+  () => import("./chunk-INP46354.js").then((m) => ({ default: m.DiffEditor }))
+);
+var DiffViewer = React.forwardRef(
+  function DiffViewer2({
+    files,
+    original = "",
+    modified = "",
+    language,
+    monacoTheme = "vs-dark",
+    theme = "dark",
+    viewMode: controlledViewMode = "side-by-side",
+    showSidebar = true,
+    showTabs = true,
+    showStatusBar = true,
+    sidebarWidth = 220,
+    activeFileIndex: controlledIndex = 0,
+    onFileSelect,
+    onViewModeChange,
+    statusBarTitle,
+    statusBarStatus,
+    className,
+    editorOptions
+  }, ref) {
+    const [activeIdx, setActiveIdx] = React.useState(controlledIndex);
+    const [sidebarOpen, setSidebarOpen] = React.useState(showSidebar);
+    const [viewMode, setViewMode] = React.useState(controlledViewMode);
+    React.useEffect(() => setActiveIdx(controlledIndex), [controlledIndex]);
+    React.useEffect(() => setViewMode(controlledViewMode), [controlledViewMode]);
+    const api = React.useMemo(
+      () => createDiffViewer({
+        files,
+        activeFileIndex: activeIdx,
+        viewMode,
+        theme,
+        language,
+        sidebarOpen,
+        onFileSelect: (i) => {
+          setActiveIdx(i);
+          onFileSelect?.(i);
+        },
+        onViewModeChange: (m) => {
+          setViewMode(m);
+          onViewModeChange?.(m);
+        },
+        onSidebarToggle: () => setSidebarOpen((s) => !s)
+      }),
+      [files, activeIdx, viewMode, theme, language, sidebarOpen, onFileSelect, onViewModeChange]
+    );
+    const activeFile = files[activeIdx];
+    const detectedLang = language || (activeFile ? api.getLanguageForFile(activeFile.path) : "plaintext");
+    React.useEffect(() => {
+      function onKey(e) {
+        if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) return;
+        if (e.key === "j") {
+          setActiveIdx((i) => {
+            const next = Math.min(i + 1, files.length - 1);
+            onFileSelect?.(next);
+            return next;
+          });
+        } else if (e.key === "k") {
+          setActiveIdx((i) => {
+            const prev = Math.max(i - 1, 0);
+            onFileSelect?.(prev);
+            return prev;
+          });
+        } else if (e.key === "b") {
+          setSidebarOpen((s) => !s);
+        }
+      }
+      window.addEventListener("keydown", onKey);
+      return () => window.removeEventListener("keydown", onKey);
+    }, [files.length, onFileSelect]);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(diffViewerVariants({ theme, fullscreen: "true" }), className),
+        ...api.ariaProps,
+        ...api.dataAttributes,
+        children: [
+          /* @__PURE__ */ jsxs("div", { style: { flex: 1, display: "flex", overflow: "hidden" }, children: [
+            sidebarOpen && /* @__PURE__ */ jsxs("div", { className: sidebarVariants({ theme }), style: { width: sidebarWidth }, children: [
+              /* @__PURE__ */ jsx("div", { className: "px-2.5 py-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground", children: `Files (${files.length})` }),
+              files.map((f, i) => {
+                const active = i === activeIdx;
+                const fname = f.path.split("/").pop() || f.path;
+                const dir = f.path.split("/").slice(0, -1).join("/");
+                return /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    onClick: () => {
+                      setActiveIdx(i);
+                      onFileSelect?.(i);
+                    },
+                    className: sidebarItemVariants({ active: active ? "true" : "false", theme }),
+                    children: [
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                        /* @__PURE__ */ jsx("span", { className: "text-[10px]", children: api.getFileStatusIcon(f.status) }),
+                        /* @__PURE__ */ jsx("span", { className: active ? "" : "opacity-70", children: fname }),
+                        /* @__PURE__ */ jsxs("span", { className: "ml-auto text-[10px]", children: [
+                          /* @__PURE__ */ jsx("span", { className: "text-green-500", children: `+${f.additions}` }),
+                          f.deletions > 0 && /* @__PURE__ */ jsx("span", { className: "text-red-500", children: `-${f.deletions}` })
+                        ] })
+                      ] }),
+                      dir && /* @__PURE__ */ jsx("div", { className: "text-[10px] opacity-50 mt-0.5 pl-4", children: dir })
+                    ]
+                  },
+                  f.path
+                );
+              })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { style: { flex: 1, display: "flex", flexDirection: "column", overflow: "hidden" }, children: [
+              showTabs && activeFile && /* @__PURE__ */ jsx("div", { className: tabBarVariants({ theme }), children: files.map((f, i) => {
+                const active = i === activeIdx;
+                const fname = f.path.split("/").pop() || f.path;
+                return /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    onClick: () => {
+                      setActiveIdx(i);
+                      onFileSelect?.(i);
+                    },
+                    className: tabVariants({ active: active ? "true" : "false", theme }),
+                    children: [
+                      /* @__PURE__ */ jsx("span", { className: "text-[9px]", children: api.getFileStatusIcon(f.status) }),
+                      fname
+                    ]
+                  },
+                  f.path
+                );
+              }) }),
+              /* @__PURE__ */ jsx("div", { style: { flex: 1 }, children: /* @__PURE__ */ jsx(
+                React.Suspense,
+                {
+                  fallback: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full text-xs opacity-50", children: "Loading editor..." }),
+                  children: /* @__PURE__ */ jsx(
+                    MonacoDiffEditor,
+                    {
+                      original,
+                      modified,
+                      language: detectedLang,
+                      theme: monacoTheme,
+                      options: {
+                        readOnly: true,
+                        renderSideBySide: viewMode === "side-by-side",
+                        minimap: { enabled: true, scale: 1, showSlider: "mouseover" },
+                        fontSize: 13,
+                        lineHeight: 20,
+                        fontFamily: "'JetBrains Mono', 'Fira Code', 'SF Mono', Menlo, monospace",
+                        fontLigatures: true,
+                        scrollBeyondLastLine: false,
+                        renderOverviewRuler: true,
+                        scrollbar: { verticalScrollbarSize: 10, horizontalScrollbarSize: 10 },
+                        padding: { top: 8, bottom: 8 },
+                        renderWhitespace: "selection",
+                        bracketPairColorization: { enabled: true },
+                        guides: { indentation: true },
+                        smoothScrolling: true,
+                        cursorBlinking: "smooth",
+                        ...editorOptions
+                      }
+                    }
+                  )
+                }
+              ) })
+            ] })
+          ] }),
+          showStatusBar && /* @__PURE__ */ jsxs("div", { className: statusBarVariants({ theme }), children: [
+            statusBarTitle && /* @__PURE__ */ jsx("span", { children: statusBarTitle }),
+            activeFile && /* @__PURE__ */ jsx("span", { children: activeFile.path }),
+            /* @__PURE__ */ jsx("span", { style: { marginLeft: "auto" }, children: `+${api.totalAdditions()} -${api.totalDeletions()}` }),
+            statusBarStatus && /* @__PURE__ */ jsx("span", { children: statusBarStatus }),
+            /* @__PURE__ */ jsx("span", { children: `${files.length} ${files.length === 1 ? "file" : "files"}` })
+          ] })
+        ]
+      }
+    );
+  }
+);
+export {
+  DiffViewer,
+  createDiffViewer,
+  diffViewerTokens,
+  diffViewerVariants,
+  sidebarItemVariants,
+  sidebarVariants,
+  statusBarVariants,
+  tabBarVariants,
+  tabVariants
+};
+//# sourceMappingURL=react-diff-viewer.js.map

package/dist/react-diff-viewer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../diff-viewer/src/diff-viewer.ts", "../../diff-viewer/src/diff-viewer.styles.ts", "../../react-diff-viewer/src/DiffViewer.tsx"],
+  "sourcesContent": ["import type { AccessibilityProps } from '@refraction-ui/shared'\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport type DiffViewerTheme = 'light' | 'dark'\nexport type DiffViewMode = 'side-by-side' | 'inline'\n\nexport type DiffFileStatus = 'added' | 'modified' | 'deleted' | 'renamed'\n\nexport interface DiffFile {\n  /** File path */\n  path: string\n  /** Change status */\n  status: DiffFileStatus\n  /** Lines added */\n  additions: number\n  /** Lines deleted */\n  deletions: number\n  /** Unified diff content for this file */\n  diff?: string\n  /** Old path for renamed files */\n  oldPath?: string\n}\n\nexport interface DiffViewerProps {\n  /** Files in this diff */\n  files?: DiffFile[]\n  /** Index of the active file */\n  activeFileIndex?: number\n  /** View mode */\n  viewMode?: DiffViewMode\n  /** Theme */\n  theme?: DiffViewerTheme\n  /** Language for syntax highlighting */\n  language?: string\n  /** Whether the sidebar is visible */\n  sidebarOpen?: boolean\n  /** Callback when active file changes */\n  onFileSelect?: (index: number) => void\n  /** Callback when view mode changes */\n  onViewModeChange?: (mode: DiffViewMode) => void\n  /** Callback when sidebar toggled */\n  onSidebarToggle?: () => void\n}\n\nexport interface DiffViewerState {\n  activeFileIndex: number\n  viewMode: DiffViewMode\n  theme: DiffViewerTheme\n  language: string\n  sidebarOpen: boolean\n  files: DiffFile[]\n}\n\nexport interface DiffViewerAPI {\n  /** Current viewer state */\n  state: DiffViewerState\n  /** ARIA attributes for the root element */\n  ariaProps: Partial<AccessibilityProps> & Record<string, unknown>\n  /** Data attributes for CSS styling hooks */\n  dataAttributes: Record<string, string>\n  /** Select a file by index */\n  selectFile: (index: number) => void\n  /** Move to next file */\n  nextFile: () => void\n  /** Move to previous file */\n  prevFile: () => void\n  /** Toggle view mode */\n  toggleViewMode: () => void\n  /** Toggle sidebar */\n  toggleSidebar: () => void\n  /** Get language label for a file path */\n  getLanguageForFile: (path: string) => string\n  /** Get human-readable file status icon */\n  getFileStatusIcon: (status: DiffFileStatus) => string\n  /** Get total additions across all files */\n  totalAdditions: () => number\n  /** Get total deletions across all files */\n  totalDeletions: () => number\n}\n\n// ---------------------------------------------------------------------------\n// Language detection\n// ---------------------------------------------------------------------------\n\nconst extToLanguage: Record<string, string> = {\n  ts: 'typescript',\n  tsx: 'typescript',\n  js: 'javascript',\n  jsx: 'javascript',\n  py: 'python',\n  go: 'go',\n  rs: 'rust',\n  rb: 'ruby',\n  java: 'java',\n  swift: 'swift',\n  kt: 'kotlin',\n  dart: 'dart',\n  php: 'php',\n  lua: 'lua',\n  r: 'r',\n  scala: 'scala',\n  json: 'json',\n  yaml: 'yaml',\n  yml: 'yaml',\n  md: 'markdown',\n  html: 'html',\n  css: 'css',\n  scss: 'scss',\n  sql: 'sql',\n  sh: 'shell',\n  bash: 'shell',\n  zsh: 'shell',\n  xml: 'xml',\n  toml: 'toml',\n  proto: 'protobuf',\n  dockerfile: 'dockerfile',\n  cpp: 'cpp',\n  c: 'c',\n}\n\nfunction getLanguageForFile(filePath: string): string {\n  const ext = filePath.split('.').pop()?.toLowerCase() || ''\n  const basename = filePath.split('/').pop()?.toLowerCase() || ''\n  if (basename === 'dockerfile') return 'dockerfile'\n  return extToLanguage[ext] || 'plaintext'\n}\n\n// ---------------------------------------------------------------------------\n// Status icons\n// ---------------------------------------------------------------------------\n\nconst statusIcons: Record<DiffFileStatus, string> = {\n  added: '\\u{1F7E2}',    // green circle\n  modified: '\\u{1F7E1}', // yellow circle\n  deleted: '\\u{1F534}',  // red circle\n  renamed: '\\u{1F535}',  // blue circle\n}\n\n// ---------------------------------------------------------------------------\n// Factory\n// ---------------------------------------------------------------------------\n\n/**\n * Create a headless diff viewer API.\n *\n * Manages file selection, view mode, sidebar state, and produces ARIA/data\n * attributes. The actual rendering (Monaco DiffEditor, custom renderer, etc.)\n * is handled by framework-specific wrappers.\n */\nexport function createDiffViewer(props: DiffViewerProps = {}): DiffViewerAPI {\n  const {\n    files = [],\n    activeFileIndex = 0,\n    viewMode = 'side-by-side',\n    theme = 'dark',\n    language,\n    sidebarOpen = true,\n    onFileSelect,\n    onViewModeChange,\n    onSidebarToggle,\n  } = props\n\n  let currentIndex = Math.min(activeFileIndex, Math.max(0, files.length - 1))\n  let currentViewMode = viewMode\n  let currentSidebarOpen = sidebarOpen\n\n  const state: DiffViewerState = {\n    activeFileIndex: currentIndex,\n    viewMode: currentViewMode,\n    theme,\n    language: language || (files[currentIndex] ? getLanguageForFile(files[currentIndex].path) : 'plaintext'),\n    sidebarOpen: currentSidebarOpen,\n    files,\n  }\n\n  const ariaProps: Partial<AccessibilityProps> & Record<string, unknown> = {\n    role: 'region',\n    'aria-label': 'Diff viewer',\n  }\n\n  const dataAttributes: Record<string, string> = {\n    'data-view-mode': currentViewMode,\n    'data-theme': theme,\n    'data-file-count': String(files.length),\n  }\n\n  if (!currentSidebarOpen) {\n    dataAttributes['data-sidebar-collapsed'] = ''\n  }\n\n  function selectFile(index: number) {\n    if (index >= 0 && index < files.length) {\n      currentIndex = index\n      state.activeFileIndex = index\n      state.language = language || getLanguageForFile(files[index].path)\n      onFileSelect?.(index)\n    }\n  }\n\n  function nextFile() {\n    if (currentIndex < files.length - 1) {\n      selectFile(currentIndex + 1)\n    }\n  }\n\n  function prevFile() {\n    if (currentIndex > 0) {\n      selectFile(currentIndex - 1)\n    }\n  }\n\n  function toggleViewMode() {\n    currentViewMode = currentViewMode === 'side-by-side' ? 'inline' : 'side-by-side'\n    state.viewMode = currentViewMode\n    dataAttributes['data-view-mode'] = currentViewMode\n    onViewModeChange?.(currentViewMode)\n  }\n\n  function toggleSidebar() {\n    currentSidebarOpen = !currentSidebarOpen\n    state.sidebarOpen = currentSidebarOpen\n    if (currentSidebarOpen) {\n      delete dataAttributes['data-sidebar-collapsed']\n    } else {\n      dataAttributes['data-sidebar-collapsed'] = ''\n    }\n    onSidebarToggle?.()\n  }\n\n  function totalAdditions(): number {\n    return files.reduce((sum, f) => sum + f.additions, 0)\n  }\n\n  function totalDeletions(): number {\n    return files.reduce((sum, f) => sum + f.deletions, 0)\n  }\n\n  return {\n    state,\n    ariaProps,\n    dataAttributes,\n    selectFile,\n    nextFile,\n    prevFile,\n    toggleViewMode,\n    toggleSidebar,\n    getLanguageForFile,\n    getFileStatusIcon: (status: DiffFileStatus) => statusIcons[status] || '\\u{26AA}',\n    totalAdditions,\n    totalDeletions,\n  }\n}\n", "import { cva } from '@refraction-ui/shared'\nimport type { TokenContract } from '@refraction-ui/shared'\n\nexport const diffViewerTokens: TokenContract = {\n  name: 'diff-viewer',\n  tokens: {\n    bg: { variable: '--rfr-diff-bg', fallback: 'hsl(var(--background))' },\n    fg: { variable: '--rfr-diff-fg', fallback: 'hsl(var(--foreground))' },\n    sidebarBg: { variable: '--rfr-diff-sidebar-bg', fallback: 'hsl(var(--muted))' },\n    headerBg: { variable: '--rfr-diff-header-bg', fallback: 'hsl(var(--muted))' },\n    border: { variable: '--rfr-diff-border', fallback: 'hsl(var(--border))' },\n    addBg: { variable: '--rfr-diff-add-bg', fallback: 'rgba(46, 160, 67, 0.15)' },\n    delBg: { variable: '--rfr-diff-del-bg', fallback: 'rgba(248, 81, 73, 0.15)' },\n    addFg: { variable: '--rfr-diff-add-fg', fallback: '#3fb950' },\n    delFg: { variable: '--rfr-diff-del-fg', fallback: '#f85149' },\n    statusbar: { variable: '--rfr-diff-statusbar', fallback: 'hsl(var(--primary))' },\n    statusbarFg: { variable: '--rfr-diff-statusbar-fg', fallback: 'hsl(var(--primary-foreground))' },\n  },\n}\n\nexport const diffViewerVariants = cva({\n  base: 'flex flex-col overflow-hidden font-sans text-sm',\n  variants: {\n    theme: {\n      light: 'bg-white text-gray-900',\n      dark: 'bg-gray-950 text-gray-100',\n    },\n    fullscreen: {\n      'true': 'h-screen',\n      'false': '',\n    },\n  },\n  defaultVariants: {\n    theme: 'dark',\n    fullscreen: 'true',\n  },\n})\n\nexport const sidebarVariants = cva({\n  base: 'border-r overflow-auto flex-shrink-0',\n  variants: {\n    theme: {\n      light: 'bg-gray-50 border-gray-200',\n      dark: 'bg-gray-900 border-gray-800',\n    },\n  },\n  defaultVariants: {\n    theme: 'dark',\n  },\n})\n\nexport const sidebarItemVariants = cva({\n  base: 'px-2.5 py-1 cursor-pointer text-xs font-mono transition-colors',\n  variants: {\n    active: {\n      'true': 'border-l-2 border-blue-500',\n      'false': 'border-l-2 border-transparent',\n    },\n    theme: {\n      light: '',\n      dark: '',\n    },\n  },\n  compoundVariants: [\n    { active: 'true', theme: 'dark', class: 'bg-gray-800 text-gray-100' },\n    { active: 'false', theme: 'dark', class: 'text-gray-400 hover:bg-gray-800/50' },\n    { active: 'true', theme: 'light', class: 'bg-blue-50 text-gray-900' },\n    { active: 'false', theme: 'light', class: 'text-gray-600 hover:bg-gray-100' },\n  ],\n  defaultVariants: {\n    active: 'false',\n    theme: 'dark',\n  },\n})\n\nexport const tabBarVariants = cva({\n  base: 'flex items-center border-b overflow-auto flex-shrink-0',\n  variants: {\n    theme: {\n      light: 'bg-gray-50 border-gray-200',\n      dark: 'bg-gray-900 border-gray-800',\n    },\n  },\n  defaultVariants: {\n    theme: 'dark',\n  },\n})\n\nexport const tabVariants = cva({\n  base: 'px-3 h-[35px] flex items-center gap-1 cursor-pointer text-xs font-mono border-r shrink-0',\n  variants: {\n    active: {\n      'true': '',\n      'false': '',\n    },\n    theme: {\n      light: 'border-gray-200',\n      dark: 'border-gray-800',\n    },\n  },\n  compoundVariants: [\n    { active: 'true', theme: 'dark', class: 'bg-gray-950 text-gray-100 border-b-gray-950 -mb-px' },\n    { active: 'false', theme: 'dark', class: 'text-gray-400' },\n    { active: 'true', theme: 'light', class: 'bg-white text-gray-900 border-b-white -mb-px' },\n    { active: 'false', theme: 'light', class: 'text-gray-500' },\n  ],\n  defaultVariants: {\n    active: 'false',\n    theme: 'dark',\n  },\n})\n\nexport const statusBarVariants = cva({\n  base: 'h-[22px] flex items-center px-2.5 gap-3 text-[11px] font-mono flex-shrink-0',\n  variants: {\n    theme: {\n      light: 'bg-blue-600 text-white',\n      dark: 'bg-blue-700 text-white',\n    },\n  },\n  defaultVariants: {\n    theme: 'dark',\n  },\n})\n", "import * as React from 'react'\nimport {\n  createDiffViewer,\n  diffViewerVariants,\n  sidebarVariants,\n  sidebarItemVariants,\n  tabBarVariants,\n  tabVariants,\n  statusBarVariants,\n  type DiffFile,\n  type DiffViewerTheme,\n  type DiffViewMode,\n} from '@refraction-ui/diff-viewer'\nimport { cn } from '@refraction-ui/shared'\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface DiffViewerProps {\n  /** Files in this diff */\n  files: DiffFile[]\n  /** Original file content (left side) */\n  original?: string\n  /** Modified file content (right side) */\n  modified?: string\n  /** Language for syntax highlighting (auto-detected from file if omitted) */\n  language?: string\n  /** Monaco theme name */\n  monacoTheme?: string\n  /** Color theme */\n  theme?: DiffViewerTheme\n  /** View mode */\n  viewMode?: DiffViewMode\n  /** Whether to show the file sidebar */\n  showSidebar?: boolean\n  /** Whether to show the tab bar */\n  showTabs?: boolean\n  /** Whether to show the status bar */\n  showStatusBar?: boolean\n  /** Sidebar width in pixels */\n  sidebarWidth?: number\n  /** Active file index */\n  activeFileIndex?: number\n  /** Called when the active file changes */\n  onFileSelect?: (index: number) => void\n  /** Called when view mode changes */\n  onViewModeChange?: (mode: DiffViewMode) => void\n  /** Title shown in the status bar */\n  statusBarTitle?: string\n  /** Status text shown in the status bar */\n  statusBarStatus?: string\n  /** Additional class name */\n  className?: string\n  /** Monaco DiffEditor options override */\n  editorOptions?: Record<string, unknown>\n}\n\n// ---------------------------------------------------------------------------\n// Lazy Monaco import\n// ---------------------------------------------------------------------------\n\nconst MonacoDiffEditor = React.lazy(() =>\n  import('@monaco-editor/react').then((m) => ({ default: m.DiffEditor })),\n)\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport const DiffViewer = React.forwardRef<HTMLDivElement, DiffViewerProps>(\n  function DiffViewer(\n    {\n      files,\n      original = '',\n      modified = '',\n      language,\n      monacoTheme = 'vs-dark',\n      theme = 'dark',\n      viewMode: controlledViewMode = 'side-by-side',\n      showSidebar = true,\n      showTabs = true,\n      showStatusBar = true,\n      sidebarWidth = 220,\n      activeFileIndex: controlledIndex = 0,\n      onFileSelect,\n      onViewModeChange,\n      statusBarTitle,\n      statusBarStatus,\n      className,\n      editorOptions,\n    },\n    ref,\n  ) {\n    const [activeIdx, setActiveIdx] = React.useState(controlledIndex)\n    const [sidebarOpen, setSidebarOpen] = React.useState(showSidebar)\n    const [viewMode, setViewMode] = React.useState<DiffViewMode>(controlledViewMode)\n\n    // Sync controlled props\n    React.useEffect(() => setActiveIdx(controlledIndex), [controlledIndex])\n    React.useEffect(() => setViewMode(controlledViewMode), [controlledViewMode])\n\n    const api = React.useMemo(\n      () =>\n        createDiffViewer({\n          files,\n          activeFileIndex: activeIdx,\n          viewMode,\n          theme,\n          language,\n          sidebarOpen,\n          onFileSelect: (i: number) => {\n            setActiveIdx(i)\n            onFileSelect?.(i)\n          },\n          onViewModeChange: (m: DiffViewMode) => {\n            setViewMode(m)\n            onViewModeChange?.(m)\n          },\n          onSidebarToggle: () => setSidebarOpen((s) => !s),\n        }),\n      [files, activeIdx, viewMode, theme, language, sidebarOpen, onFileSelect, onViewModeChange],\n    )\n\n    const activeFile = files[activeIdx]\n    const detectedLang = language || (activeFile ? api.getLanguageForFile(activeFile.path) : 'plaintext')\n\n    // Keyboard navigation\n    React.useEffect(() => {\n      function onKey(e: KeyboardEvent) {\n        if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) return\n        if (e.key === 'j') {\n          setActiveIdx((i) => {\n            const next = Math.min(i + 1, files.length - 1)\n            onFileSelect?.(next)\n            return next\n          })\n        } else if (e.key === 'k') {\n          setActiveIdx((i) => {\n            const prev = Math.max(i - 1, 0)\n            onFileSelect?.(prev)\n            return prev\n          })\n        } else if (e.key === 'b') {\n          setSidebarOpen((s) => !s)\n        }\n      }\n      window.addEventListener('keydown', onKey)\n      return () => window.removeEventListener('keydown', onKey)\n    }, [files.length, onFileSelect])\n\n    return (\n      <div\n        ref={ref}\n        className={cn(diffViewerVariants({ theme, fullscreen: 'true' }), className)}\n        {...api.ariaProps}\n        {...api.dataAttributes}\n      >\n        {/* Main area: sidebar + editor */}\n        <div style={{ flex: 1, display: 'flex', overflow: 'hidden' }}>\n          {/* File sidebar */}\n          {sidebarOpen && (\n            <div className={sidebarVariants({ theme })} style={{ width: sidebarWidth }}>\n              <div className=\"px-2.5 py-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground\">\n                {`Files (${files.length})`}\n              </div>\n              {files.map((f, i) => {\n                const active = i === activeIdx\n                const fname = f.path.split('/').pop() || f.path\n                const dir = f.path.split('/').slice(0, -1).join('/')\n                return (\n                  <div\n                    key={f.path}\n                    onClick={() => {\n                      setActiveIdx(i)\n                      onFileSelect?.(i)\n                    }}\n                    className={sidebarItemVariants({ active: active ? 'true' : 'false', theme })}\n                  >\n                    <div className=\"flex items-center gap-1\">\n                      <span className=\"text-[10px]\">{api.getFileStatusIcon(f.status)}</span>\n                      <span className={active ? '' : 'opacity-70'}>{fname}</span>\n                      <span className=\"ml-auto text-[10px]\">\n                        <span className=\"text-green-500\">{`+${f.additions}`}</span>\n                        {f.deletions > 0 && <span className=\"text-red-500\">{`-${f.deletions}`}</span>}\n                      </span>\n                    </div>\n                    {dir && (\n                      <div className=\"text-[10px] opacity-50 mt-0.5 pl-4\">{dir}</div>\n                    )}\n                  </div>\n                )\n              })}\n            </div>\n          )}\n\n          {/* Editor area */}\n          <div style={{ flex: 1, display: 'flex', flexDirection: 'column', overflow: 'hidden' }}>\n            {/* Tab bar */}\n            {showTabs && activeFile && (\n              <div className={tabBarVariants({ theme })}>\n                {files.map((f, i) => {\n                  const active = i === activeIdx\n                  const fname = f.path.split('/').pop() || f.path\n                  return (\n                    <div\n                      key={f.path}\n                      onClick={() => {\n                        setActiveIdx(i)\n                        onFileSelect?.(i)\n                      }}\n                      className={tabVariants({ active: active ? 'true' : 'false', theme })}\n                    >\n                      <span className=\"text-[9px]\">{api.getFileStatusIcon(f.status)}</span>\n                      {fname}\n                    </div>\n                  )\n                })}\n              </div>\n            )}\n\n            {/* Monaco DiffEditor */}\n            <div style={{ flex: 1 }}>\n              <React.Suspense\n                fallback={\n                  <div className=\"flex items-center justify-center h-full text-xs opacity-50\">\n                    Loading editor...\n                  </div>\n                }\n              >\n                <MonacoDiffEditor\n                  original={original}\n                  modified={modified}\n                  language={detectedLang}\n                  theme={monacoTheme}\n                  options={{\n                    readOnly: true,\n                    renderSideBySide: viewMode === 'side-by-side',\n                    minimap: { enabled: true, scale: 1, showSlider: 'mouseover' },\n                    fontSize: 13,\n                    lineHeight: 20,\n                    fontFamily: \"'JetBrains Mono', 'Fira Code', 'SF Mono', Menlo, monospace\",\n                    fontLigatures: true,\n                    scrollBeyondLastLine: false,\n                    renderOverviewRuler: true,\n                    scrollbar: { verticalScrollbarSize: 10, horizontalScrollbarSize: 10 },\n                    padding: { top: 8, bottom: 8 },\n                    renderWhitespace: 'selection',\n                    bracketPairColorization: { enabled: true },\n                    guides: { indentation: true },\n                    smoothScrolling: true,\n                    cursorBlinking: 'smooth',\n                    ...editorOptions,\n                  }}\n                />\n              </React.Suspense>\n            </div>\n          </div>\n        </div>\n\n        {/* Status bar */}\n        {showStatusBar && (\n          <div className={statusBarVariants({ theme })}>\n            {statusBarTitle && <span>{statusBarTitle}</span>}\n            {activeFile && <span>{activeFile.path}</span>}\n            <span style={{ marginLeft: 'auto' }}>\n              {`+${api.totalAdditions()} -${api.totalDeletions()}`}\n            </span>\n            {statusBarStatus && <span>{statusBarStatus}</span>}\n            <span>\n              {`${files.length} ${files.length === 1 ? 'file' : 'files'}`}\n            </span>\n          </div>\n        )}\n      </div>\n    )\n  },\n)\n"],
+  "mappings": "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",
+  "names": ["DiffViewer"]
+}