@pibit.ai/cure-design-system 0.6.48 → 0.6.50

package/dist/_virtual/index.js

@@ -1,5 +1,4 @@
-import { __require as r } from "../node_modules/react-is/index.js";
-var a = r();
+var e = { exports: {} };
 export {
-  a as r
+  e as __module
 };

package/dist/_virtual/index2.js

@@ -1,4 +1,5 @@
-var e = { exports: {} };
+import { __require as r } from "../node_modules/react-is/index.js";
+var a = r();
 export {
-  e as __module
+  a as r
 };

package/dist/code-editor/chrome.d.ts

@@ -0,0 +1,9 @@
+import { HighlightStyle } from '@codemirror/language';
+export declare const PRIMARY_TEXT = "var(--color-text-primary)";
+export declare const SYNTAX_KEY = "var(--color-utility-warning-600)";
+export declare const SYNTAX_BOOL = "var(--color-utility-blue-600)";
+export declare const SYNTAX_NUMBER = "var(--color-utility-success-600)";
+export declare const MONOSPACE_STACK = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace";
+export declare const codeSyntaxHighlight: HighlightStyle;
+export declare const codeEditorChromeTheme: import('@codemirror/state').Extension;
+//# sourceMappingURL=chrome.d.ts.map

package/dist/code-editor/chrome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chrome.d.ts","sourceRoot":"","sources":["../../src/code-editor/chrome.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAUtD,eAAO,MAAM,YAAY,8BAA8B,CAAC;AACxD,eAAO,MAAM,UAAU,qCAAqC,CAAC;AAC7D,eAAO,MAAM,WAAW,kCAAkC,CAAC;AAC3D,eAAO,MAAM,aAAa,qCAAqC,CAAC;AAEhE,eAAO,MAAM,eAAe,qEACwC,CAAC;AAErE,eAAO,MAAM,mBAAmB,gBA0B9B,CAAC;AAEH,eAAO,MAAM,qBAAqB,uCAsChC,CAAC"}

package/dist/code-editor/chrome.js

@@ -0,0 +1,77 @@
+import { HighlightStyle as a } from "@codemirror/language";
+import { EditorView as e } from "@codemirror/view";
+import { tags as o } from "@lezer/highlight";
+const r = "var(--color-text-primary)", t = "var(--color-utility-warning-600)", c = "var(--color-utility-blue-600)", l = "var(--color-utility-success-600)", m = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace", p = a.define([
+  { tag: o.propertyName, color: t },
+  { tag: o.definition(o.propertyName), color: t },
+  { tag: o.string, color: t },
+  { tag: o.special(o.string), color: t },
+  { tag: o.attributeValue, color: t },
+  { tag: o.bool, color: c },
+  { tag: o.null, color: c },
+  { tag: o.number, color: l },
+  { tag: o.keyword, color: r },
+  { tag: o.controlKeyword, color: r },
+  { tag: o.operator, color: r },
+  { tag: o.variableName, color: r },
+  { tag: o.typeName, color: r },
+  { tag: o.className, color: r },
+  { tag: o.comment, color: r },
+  { tag: o.meta, color: r },
+  { tag: o.tagName, color: r },
+  { tag: o.attributeName, color: t },
+  { tag: o.bracket, color: r },
+  { tag: o.punctuation, color: r },
+  { tag: o.regexp, color: t },
+  { tag: o.name, color: r },
+  { tag: o.atom, color: r },
+  { tag: o.labelName, color: r },
+  { tag: o.content, color: r }
+]), d = e.theme({
+  "&": {
+    backgroundColor: "var(--color-bg-primary)"
+  },
+  ".cm-scroller": {
+    backgroundColor: "var(--color-bg-primary)"
+  },
+  ".cm-content": {
+    padding: "8px 12px",
+    caretColor: r
+  },
+  ".cm-gutters": {
+    backgroundColor: "var(--color-bg-primary)",
+    color: "var(--color-text-tertiary)",
+    borderRight: "1px solid var(--color-border-secondary)"
+  },
+  ".cm-lineNumbers .cm-gutterElement": {
+    padding: "0 8px 0 12px",
+    minWidth: "24px"
+  },
+  ".cm-foldGutter .cm-gutterElement": {
+    padding: "0 2px"
+  },
+  ".cm-activeLine": {
+    backgroundColor: "var(--color-bg-primary_hover)"
+  },
+  ".cm-activeLineGutter": {
+    backgroundColor: "var(--color-bg-primary)"
+  },
+  ".cm-selectionBackground, &.cm-focused .cm-selectionBackground": {
+    backgroundColor: "var(--color-bg-secondary) !important"
+  },
+  ".cm-cursor": {
+    borderLeftColor: r
+  },
+  ".cm-placeholder": {
+    color: "var(--color-text-placeholder)"
+  }
+});
+export {
+  m as MONOSPACE_STACK,
+  r as PRIMARY_TEXT,
+  c as SYNTAX_BOOL,
+  t as SYNTAX_KEY,
+  l as SYNTAX_NUMBER,
+  d as codeEditorChromeTheme,
+  p as codeSyntaxHighlight
+};

package/dist/code-editor/code-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-editor.d.ts","sourceRoot":"","sources":["../../src/code-editor/code-editor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAgC,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAmB,EACjB,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,UAAU,EAChB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,OAAO,EAAyB,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAEvE,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,WAAW,eAAe;IAC9B,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IAEd,kCAAkC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,YAAY,CAAC;IAExB,qCAAqC;IACrC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IAEpD,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,+EAA+E;IAC/E,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,wBAAwB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAElC,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,sGAAsG;IACtG,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,2EAA2E;IAC3E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,wEAAwE;IACxE,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IAEzB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAE/B,oDAAoD;IACpD,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAEhE,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAExC,oFAAoF;IACpF,SAAS,CAAC,EAAE,GAAG,CAAC,kBAAkB,CAAC,CAAC;IAEpC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,iDAAiD;IACjD,UAAU,CAAC,EAAE,iBAAiB,GAAG,OAAO,CAAC;IAEzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAsHD,eAAO,MAAM,UAAU,GAAI,uXA8BxB,eAAe,4CA6HjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"code-editor.d.ts","sourceRoot":"","sources":["../../src/code-editor/code-editor.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAgC,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAmB,EACjB,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,UAAU,EAChB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAO9C,OAAO,EAAyB,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAEvE,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,WAAW,eAAe;IAC9B,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IAEd,kCAAkC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,YAAY,CAAC;IAExB,qCAAqC;IACrC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IAEpD,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,+EAA+E;IAC/E,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,wBAAwB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAElC,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,sGAAsG;IACtG,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,2EAA2E;IAC3E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,wEAAwE;IACxE,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IAEzB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAE/B,oDAAoD;IACpD,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAEhE,yEAAyE;IACzE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAExC,oFAAoF;IACpF,SAAS,CAAC,EAAE,GAAG,CAAC,kBAAkB,CAAC,CAAC;IAEpC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,iDAAiD;IACjD,UAAU,CAAC,EAAE,iBAAiB,GAAG,OAAO,CAAC;IAEzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AA2CD,eAAO,MAAM,UAAU,GAAI,uXA8BxB,eAAe,4CA6HjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/code-editor/code-editor.js

@@ -1,76 +1,12 @@
-import { jsx as T, jsxs as p } from "react/jsx-runtime";
-import { useMemo as A, useState as U, useEffect as Z } from "react";
-import W from "@uiw/react-codemirror";
-import { syntaxHighlighting as oo, HighlightStyle as ro } from "@codemirror/language";
-import { EditorView as X } from "@codemirror/view";
-import { tags as o } from "@lezer/highlight";
-import { cx as E } from "../utils/cn.js";
-import { loadLanguageExtension as eo } from "./languages.js";
-const to = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace", H = 22, r = "var(--color-text-primary)", n = "var(--color-utility-warning-600)", R = "var(--color-utility-blue-600)", lo = "var(--color-utility-success-600)", co = ro.define([
-  { tag: o.propertyName, color: n },
-  { tag: o.definition(o.propertyName), color: n },
-  { tag: o.string, color: n },
-  { tag: o.special(o.string), color: n },
-  { tag: o.attributeValue, color: n },
-  { tag: o.bool, color: R },
-  { tag: o.null, color: R },
-  { tag: o.number, color: lo },
-  { tag: o.keyword, color: r },
-  { tag: o.controlKeyword, color: r },
-  { tag: o.operator, color: r },
-  { tag: o.variableName, color: r },
-  { tag: o.typeName, color: r },
-  { tag: o.className, color: r },
-  { tag: o.comment, color: r },
-  { tag: o.meta, color: r },
-  { tag: o.tagName, color: r },
-  { tag: o.attributeName, color: n },
-  { tag: o.bracket, color: r },
-  { tag: o.punctuation, color: r },
-  { tag: o.regexp, color: n },
-  { tag: o.name, color: r },
-  { tag: o.atom, color: r },
-  { tag: o.labelName, color: r },
-  { tag: o.content, color: r }
-]), no = X.theme({
-  "&": {
-    backgroundColor: "var(--color-bg-primary)"
-  },
-  ".cm-scroller": {
-    backgroundColor: "var(--color-bg-primary)"
-  },
-  ".cm-content": {
-    padding: "8px 12px",
-    caretColor: r
-  },
-  ".cm-gutters": {
-    backgroundColor: "var(--color-bg-primary)",
-    color: "var(--color-text-tertiary)",
-    borderRight: "1px solid var(--color-border-secondary)"
-  },
-  ".cm-lineNumbers .cm-gutterElement": {
-    padding: "0 8px 0 12px",
-    minWidth: "24px"
-  },
-  ".cm-foldGutter .cm-gutterElement": {
-    padding: "0 2px"
-  },
-  ".cm-activeLine": {
-    backgroundColor: "var(--color-bg-primary_hover)"
-  },
-  ".cm-activeLineGutter": {
-    backgroundColor: "var(--color-bg-primary)"
-  },
-  ".cm-selectionBackground, &.cm-focused .cm-selectionBackground": {
-    backgroundColor: "var(--color-bg-secondary) !important"
-  },
-  ".cm-cursor": {
-    borderLeftColor: r
-  },
-  ".cm-placeholder": {
-    color: "var(--color-text-placeholder)"
-  }
-}), ao = (e, l) => l || {
+import { jsx as H, jsxs as h } from "react/jsx-runtime";
+import { useMemo as A, useState as J, useEffect as K } from "react";
+import Q from "@uiw/react-codemirror";
+import { syntaxHighlighting as V } from "@codemirror/language";
+import { EditorView as Y } from "@codemirror/view";
+import { cx as g } from "../utils/cn.js";
+import { codeEditorChromeTheme as U, codeSyntaxHighlight as Z, MONOSPACE_STACK as W } from "./chrome.js";
+import { loadLanguageExtension as ee } from "./languages.js";
+const C = 22, te = (e, o) => o || {
   javascript: "// Enter your JavaScript code here",
   typescript: "// Enter your TypeScript code here",
   python: "# Enter your Python code here",
@@ -85,125 +21,125 @@ const to = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace", H
   markdown: "# Enter your Markdown here",
   bash: "# Enter your bash script here",
   shell: "# Enter your shell script here"
-}[e], io = (e) => {
-  const [l, i] = U(null);
-  return Z(() => {
-    let d = !1;
-    return eo(e).then((f) => {
-      d || i({ language: e, extension: f });
+}[e], oe = (e) => {
+  const [o, l] = J(null);
+  return K(() => {
+    let c = !1;
+    return ee(e).then((d) => {
+      c || l({ language: e, extension: d });
     }), () => {
-      d = !0;
+      c = !0;
     };
-  }, [e]), (l == null ? void 0 : l.language) === e ? l.extension : null;
-}, vo = ({
+  }, [e]), (o == null ? void 0 : o.language) === e ? o.extension : null;
+}, ue = ({
   value: e = "",
-  onChange: l,
-  language: i = "python",
-  placeholder: d,
-  isDisabled: f = !1,
-  isReadOnly: Y = !1,
+  onChange: o,
+  language: l = "python",
+  placeholder: c,
+  isDisabled: d = !1,
+  isReadOnly: T = !1,
   isInvalid: j = !1,
-  rows: w = 12,
-  className: M = "",
-  showLineNumbers: u = !1,
-  autoClosePairs: N = !0,
-  theme: h = "none",
-  fillHeight: s = !1,
-  growWithContent: g = !1,
-  showFooter: B = !0,
-  lineWrapping: S = !1,
-  highlightActiveLine: G,
-  fitContent: m = !1,
-  minRows: P = 1,
-  extensions: y,
-  lint: x,
+  rows: E = 12,
+  className: v = "",
+  showLineNumbers: s = !1,
+  autoClosePairs: w = !0,
+  theme: u = "none",
+  fillHeight: i = !1,
+  growWithContent: f = !1,
+  showFooter: k = !0,
+  lineWrapping: M = !1,
+  highlightActiveLine: P,
+  fitContent: a = !1,
+  minRows: G = 1,
+  extensions: p,
+  lint: m,
   onCreateEditor: I,
-  onUpdate: O,
-  editorRef: K,
+  onUpdate: N,
+  editorRef: q,
   chromeless: t = !1,
-  height: q,
-  basicSetup: k,
-  onFocus: F,
-  onBlur: V
+  height: O,
+  basicSetup: S,
+  onFocus: R,
+  onBlur: X
 }) => {
-  const c = !f && !Y, b = G ?? c, v = io(i), C = !t && h === "none", $ = A(() => {
-    const a = [];
-    return v && a.push(v), S && a.push(X.lineWrapping), C && a.push(
-      no,
-      oo(co)
-    ), x && a.push(x), y && a.push(...y), a;
-  }, [v, S, C, x, y]), z = A(
-    () => k ?? {
-      lineNumbers: u,
-      foldGutter: u,
-      closeBrackets: N && c,
-      highlightActiveLine: b,
-      highlightActiveLineGutter: u && b,
-      bracketMatching: c,
-      autocompletion: c,
-      indentOnInput: c
+  const r = !d && !T, x = P ?? r, y = oe(l), b = !t && u === "none", $ = A(() => {
+    const n = [];
+    return y && n.push(y), M && n.push(Y.lineWrapping), b && n.push(
+      U,
+      V(Z)
+    ), m && n.push(m), p && n.push(...p), n;
+  }, [y, M, b, m, p]), z = A(
+    () => S ?? {
+      lineNumbers: s,
+      foldGutter: s,
+      closeBrackets: w && r,
+      highlightActiveLine: x,
+      highlightActiveLineGutter: s && x,
+      bracketMatching: r,
+      autocompletion: r,
+      indentOnInput: r
     },
     [
-      k,
-      u,
-      N,
-      c,
-      b
+      S,
+      s,
+      w,
+      r,
+      x
     ]
-  ), _ = `${w * H}px`, D = ao(i, d), J = Math.max(P, (e ?? "").split(`
-`).length), Q = `${Math.min(w, J) * H}px`, L = /* @__PURE__ */ T(
-    W,
+  ), _ = `${E * C}px`, B = te(l, c), D = Math.max(G, (e ?? "").split(`
+`).length), F = `${Math.min(E, D) * C}px`, L = /* @__PURE__ */ H(
+    Q,
     {
-      ref: K,
+      ref: q,
       value: e,
-      onChange: l,
-      onFocus: F,
-      onBlur: V,
+      onChange: o,
+      onFocus: R,
+      onBlur: X,
       onCreateEditor: I,
-      onUpdate: O,
-      theme: t ? h === "none" ? "light" : h : "none",
+      onUpdate: N,
+      theme: t ? u === "none" ? "light" : u : "none",
       extensions: $,
       basicSetup: z,
-      placeholder: D,
-      editable: c,
-      height: q ?? (s ? "100%" : m ? Q : void 0),
-      minHeight: t ? void 0 : s ? "100%" : m || g ? void 0 : _,
-      maxHeight: !t && m ? _ : void 0,
-      className: E(
-        !t && s && "h-full min-h-0 w-full [&_.cm-editor]:h-full [&_.cm-editor]:w-full [&_.cm-scroller]:overflow-auto",
-        !t && g && "flex w-full grow flex-col [&_.cm-editor]:w-full [&_.cm-editor]:grow [&_.cm-scroller]:overflow-visible",
-        !t && m && "[&_.cm-scroller]:overflow-auto",
-        t && M
+      placeholder: B,
+      editable: r,
+      height: O ?? (i ? "100%" : a ? F : void 0),
+      minHeight: t ? void 0 : i ? "100%" : a || f ? void 0 : _,
+      maxHeight: !t && a ? _ : void 0,
+      className: g(
+        !t && i && "h-full min-h-0 w-full [&_.cm-editor]:h-full [&_.cm-editor]:w-full [&_.cm-scroller]:overflow-auto",
+        !t && f && "flex w-full grow flex-col [&_.cm-editor]:w-full [&_.cm-editor]:grow [&_.cm-scroller]:overflow-visible",
+        !t && a && "[&_.cm-scroller]:overflow-auto",
+        t && v
       ),
-      style: t ? void 0 : { fontSize: 13, fontFamily: to }
+      style: t ? void 0 : { fontSize: 13, fontFamily: W }
     }
   );
-  return t ? L : /* @__PURE__ */ p(
+  return t ? L : /* @__PURE__ */ h(
     "div",
     {
-      className: E(
-        s ? "flex h-full min-h-0 flex-1 flex-col" : g ? "flex grow flex-col" : "space-y-2",
-        M
+      className: g(
+        i ? "flex h-full min-h-0 flex-1 flex-col" : f ? "flex grow flex-col" : "space-y-2",
+        v
       ),
       children: [
-        /* @__PURE__ */ T(
+        /* @__PURE__ */ H(
           "div",
           {
-            className: E(
+            className: g(
               "overflow-hidden rounded-lg border border-secondary",
-              s && "flex min-h-0 w-full flex-1 flex-col",
-              g && "flex w-full grow flex-col",
+              i && "flex min-h-0 w-full flex-1 flex-col",
+              f && "flex w-full grow flex-col",
               j ? "border-error-500" : "border-secondary"
             ),
             children: L
           }
         ),
-        B && e && /* @__PURE__ */ p("div", { className: "flex justify-between text-xs text-tertiary", children: [
-          /* @__PURE__ */ p("span", { children: [
+        k && e && /* @__PURE__ */ h("div", { className: "flex justify-between text-xs text-tertiary", children: [
+          /* @__PURE__ */ h("span", { children: [
             e.length,
             " characters"
           ] }),
-          /* @__PURE__ */ p("span", { children: [
+          /* @__PURE__ */ h("span", { children: [
             e.split(`
 `).length,
             " lines"
@@ -214,6 +150,6 @@ const to = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace", H
   );
 };
 export {
-  vo as CodeEditor,
-  vo as default
+  ue as CodeEditor,
+  ue as default
 };

package/dist/code-editor/diff-editor.d.ts

@@ -0,0 +1,46 @@
+import { Extension } from '@codemirror/state';
+import { EditorView } from '@codemirror/view';
+import { CodeLanguage } from './languages';
+export interface DiffEditorViews {
+    /** The original (left) editor in side-by-side layout; null in unified. */
+    a: EditorView | null;
+    /** The modified editor: right side, or the single unified editor. */
+    b: EditorView | null;
+}
+export interface DiffEditorProps {
+    /** The original version (left / deleted side). */
+    original: string;
+    /** The modified version (right side, or the unified document). */
+    modified: string;
+    /** Same languages as CodeEditor; the pack loads on demand. */
+    language?: CodeLanguage;
+    /** @default "side-by-side" */
+    layout?: "side-by-side" | "unified";
+    /** @default true — set false to edit `modified` and receive onChange. */
+    readOnly?: boolean;
+    /** Changes to the modified document (readOnly={false}). */
+    onChange?: (value: string) => void;
+    /** Hide unchanged regions. Pass true or @codemirror/merge's options. */
+    collapseUnchanged?: boolean | {
+        margin?: number;
+        minSize?: number;
+    };
+    /** @default true */
+    showLineNumbers?: boolean;
+    lineWrapping?: boolean;
+    /** Character-level change highlighting inside changed lines. @default true */
+    highlightChanges?: boolean;
+    /**
+     * Extra extensions, applied to every pane. Compared by reference — memoize
+     * the array (or hoist it) or the editors rebuild on every render.
+     */
+    extensions?: Extension[];
+    /** The created view(s), for scroll control; called again on rebuild. */
+    onCreateViews?: (views: DiffEditorViews) => void;
+    className?: string;
+    /** Explicit height for the container (e.g. "100%"). */
+    height?: string;
+}
+export declare const DiffEditor: ({ original, modified, language, layout, readOnly, onChange, collapseUnchanged, showLineNumbers, lineWrapping, highlightChanges, extensions: extraExtensions, onCreateViews, className, height, }: DiffEditorProps) => import("react/jsx-runtime").JSX.Element;
+export default DiffEditor;
+//# sourceMappingURL=diff-editor.d.ts.map

package/dist/code-editor/diff-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"diff-editor.d.ts","sourceRoot":"","sources":["../../src/code-editor/diff-editor.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAUH,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAe,MAAM,kBAAkB,CAAC;AAO3D,OAAO,EAAyB,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAEvE,MAAM,WAAW,eAAe;IAC9B,0EAA0E;IAC1E,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IACrB,qEAAqE;IACrE,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,kDAAkD;IAClD,QAAQ,EAAE,MAAM,CAAC;IACjB,kEAAkE;IAClE,QAAQ,EAAE,MAAM,CAAC;IACjB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IACpC,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,OAAO,GAAG;QAAE,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpE,oBAAoB;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,wEAAwE;IACxE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA2CD,eAAO,MAAM,UAAU,GAAI,kMAexB,eAAe,4CA0KjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/code-editor/diff-editor.js

@@ -0,0 +1,178 @@
+import { jsx as A } from "react/jsx-runtime";
+import { useRef as m, useState as F, useEffect as C, useMemo as G } from "react";
+import { syntaxHighlighting as H } from "@codemirror/language";
+import { MergeView as N, unifiedMergeView as V, getOriginalDoc as K, originalDocChangeEffect as P } from "@codemirror/merge";
+import { EditorState as j, ChangeSet as q } from "@codemirror/state";
+import { EditorView as s, lineNumbers as B } from "@codemirror/view";
+import { cx as J } from "../utils/cn.js";
+import { codeEditorChromeTheme as Q, codeSyntaxHighlight as U, MONOSPACE_STACK as W } from "./chrome.js";
+import { loadLanguageExtension as X } from "./languages.js";
+const Y = s.theme({
+  // Modified side: added / changed lines and characters.
+  "&.cm-merge-b .cm-changedLine, & .cm-insertedLine": {
+    backgroundColor: "color-mix(in srgb, var(--color-utility-success-100) 65%, transparent)"
+  },
+  "&.cm-merge-b .cm-changedText, & ins.cm-insertedLine": {
+    backgroundImage: "none",
+    backgroundColor: "color-mix(in srgb, var(--color-utility-success-200) 70%, transparent)",
+    textDecoration: "none"
+  },
+  "&.cm-merge-b .cm-changedLineGutter": {
+    backgroundColor: "var(--color-utility-success-500)"
+  },
+  // Original side: removed / changed lines and characters.
+  "&.cm-merge-a .cm-changedLine, & .cm-deletedChunk": {
+    backgroundColor: "color-mix(in srgb, var(--color-utility-error-50) 65%, transparent)"
+  },
+  "&.cm-merge-a .cm-changedText, & .cm-deletedChunk .cm-deletedText": {
+    backgroundImage: "none",
+    backgroundColor: "color-mix(in srgb, var(--color-utility-error-100) 80%, transparent)",
+    textDecoration: "none"
+  },
+  "&.cm-merge-a .cm-changedLineGutter": {
+    backgroundColor: "var(--color-utility-error-500)"
+  },
+  ".cm-collapsedLines": {
+    color: "var(--color-text-tertiary)",
+    background: "var(--color-bg-secondary)"
+  }
+}), Z = s.theme({
+  "&": { fontSize: "13px" },
+  ".cm-content": { fontFamily: W }
+}), ae = ({
+  original: o,
+  modified: d,
+  language: f = "json",
+  layout: i = "side-by-side",
+  readOnly: x = !0,
+  onChange: E,
+  collapseUnchanged: y = !1,
+  showLineNumbers: L = !0,
+  lineWrapping: v = !1,
+  highlightChanges: k = !0,
+  extensions: D,
+  onCreateViews: T,
+  className: w,
+  height: O
+}) => {
+  const M = m(null), [g, z] = F(null), b = m(E);
+  b.current = E;
+  const p = m(T);
+  p.current = T;
+  const a = m({ a: null, b: null }), l = m({ original: o, modified: d });
+  l.current = { original: o, modified: d }, C(() => {
+    let n = !1;
+    return X(f).then((e) => {
+      n || z({ language: f, extension: e });
+    }), () => {
+      n = !0;
+    };
+  }, [f]);
+  const S = (g == null ? void 0 : g.language) === f, h = G(
+    () => y === !0 ? { margin: 3, minSize: 4 } : y || void 0,
+    [y]
+  );
+  return C(() => {
+    var I;
+    const n = M.current;
+    if (!n || !S) return;
+    const e = [
+      g.extension,
+      Q,
+      H(U),
+      Y,
+      Z,
+      ...L ? [B()] : [],
+      ...v ? [s.lineWrapping] : [],
+      ...D ?? []
+    ], c = [
+      j.readOnly.of(!0),
+      s.editable.of(!1)
+    ], r = s.updateListener.of((R) => {
+      var _;
+      R.docChanged && ((_ = b.current) == null || _.call(b, R.state.doc.toString()));
+    });
+    let t = null, u = null;
+    return i === "side-by-side" ? (t = new N({
+      parent: n,
+      a: {
+        doc: l.current.original,
+        extensions: [...e, ...c]
+      },
+      b: {
+        doc: l.current.modified,
+        extensions: [
+          ...e,
+          ...x ? c : [r]
+        ]
+      },
+      gutter: !0,
+      highlightChanges: k,
+      collapseUnchanged: h
+    }), a.current = { a: t.a, b: t.b }) : (u = new s({
+      parent: n,
+      state: j.create({
+        doc: l.current.modified,
+        extensions: [
+          ...e,
+          ...V({
+            original: l.current.original,
+            highlightChanges: k,
+            gutter: !0,
+            allowInlineDiffs: !0,
+            mergeControls: !1,
+            ...h ? { collapseUnchanged: h } : {}
+          }),
+          ...x ? c : [r]
+        ]
+      })
+    }), a.current = { a: null, b: u }), (I = p.current) == null || I.call(p, a.current), () => {
+      t == null || t.destroy(), u == null || u.destroy(), a.current = { a: null, b: null };
+    };
+  }, [
+    i,
+    x,
+    S,
+    L,
+    v,
+    k,
+    h,
+    D
+  ]), C(() => {
+    const { a: n, b: e } = a.current, c = (r, t) => {
+      r && r.state.doc.toString() !== t && r.dispatch({
+        changes: { from: 0, to: r.state.doc.length, insert: t }
+      });
+    };
+    if (i === "side-by-side")
+      c(n, o);
+    else if (e) {
+      const r = K(e.state).toString();
+      r !== o && e.dispatch({
+        effects: P(
+          e.state,
+          q.of(
+            { from: 0, to: r.length, insert: o },
+            r.length
+          )
+        )
+      });
+    }
+    c(e, d);
+  }, [o, d, i, S]), /* @__PURE__ */ A(
+    "div",
+    {
+      ref: M,
+      style: O ? { height: O } : void 0,
+      className: J(
+        "cure-diff-editor overflow-hidden",
+        i === "side-by-side" && "[&_.cm-mergeView]:h-full [&_.cm-mergeViewEditors]:h-full",
+        w
+      )
+    }
+  );
+};
+export {
+  ae as DiffEditor,
+  ae as default
+};

package/dist/code-editor/index.d.ts

@@ -1,5 +1,6 @@
 export { cureCodeMirrorTheme, cureEditorChrome, cureHighlightStyle, } from './theme';
 export { CodeEditor, type CodeEditorProps } from './code-editor';
+export { DiffEditor, type DiffEditorProps, type DiffEditorViews, } from './diff-editor';
 export { type CodeLanguage, loadLanguageExtension } from './languages';
 export { JsonCodeEditor, type JsonCodeEditorProps } from './json-code-editor';
 export { formatJsonEditorValue } from './formatJsonEditorValue';