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

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

@@ -0,0 +1,88 @@
+import { Ref } from 'react';
+import { BasicSetupOptions, ReactCodeMirrorRef, ViewUpdate } from '@uiw/react-codemirror';
+import { EditorState, Extension } from '@codemirror/state';
+import { EditorView } from '@codemirror/view';
+import { CodeLanguage } from './languages';
+export type { CodeLanguage } from './languages';
+export interface CodeEditorProps {
+    /** Current code value */
+    value: string;
+    /** Callback when value changes */
+    onChange: (value: string) => void;
+    /** Programming language for syntax highlighting (pack loads on demand) */
+    language?: CodeLanguage;
+    /** Callback when language changes */
+    onLanguageChange?: (language: CodeLanguage) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Whether the field is disabled */
+    isDisabled?: boolean;
+    /** Non-editable with normal appearance */
+    isReadOnly?: boolean;
+    /** Whether the field has an error */
+    isInvalid?: boolean;
+    /** Number of rows for the textarea */
+    rows?: number;
+    /** Additional CSS classes */
+    className?: string;
+    /** Show language selector (reserved; the selector UI is not rendered today) */
+    showLanguageSelector?: boolean;
+    /** Show line numbers */
+    showLineNumbers?: boolean;
+    /**
+     * Auto-insert matching closing brace/bracket/quote when the opening
+     * character is typed. Defaults to true (CodeMirror's basicSetup includes it).
+     */
+    autoClosePairs?: boolean;
+    /**
+     * CodeMirror theme. The default DS chrome uses "none" plus the token-driven
+     * styles below; "light"/"dark" switch to CodeMirror's built-in themes and
+     * skip the DS chrome (used by chromeless hosts like the template editor).
+     */
+    theme?: "light" | "dark" | "none";
+    /** Stretch the editor to fill the parent flex container */
+    fillHeight?: boolean;
+    /**
+     * Grow to the full height of the content and leave scrolling to an ancestor
+     * container, so the scrollbar sits outside the editor box.
+     */
+    growWithContent?: boolean;
+    /** Show character/line count below the editor */
+    showFooter?: boolean;
+    /** Soft-wrap long lines. Off by default so JSON/logs scroll horizontally with stable line numbers. */
+    lineWrapping?: boolean;
+    /** Highlight the line under the cursor. Defaults to true when editable. */
+    highlightActiveLine?: boolean;
+    /** Shrink height to fit content, capped at `rows`. */
+    fitContent?: boolean;
+    /** Minimum visible rows when `fitContent` is enabled. Defaults to 1. */
+    minRows?: number;
+    /**
+     * Extra CodeMirror extensions, appended after the language and chrome.
+     * App-specific behavior (SQL helpers, variable chips, merge views) stays in
+     * the app and comes in through here.
+     */
+    extensions?: Extension[];
+    /** Lint diagnostics (e.g. `linter(jsonParseLinter())` + `lintGutter()`). */
+    lint?: Extension | Extension[];
+    /** Called once the underlying EditorView exists. */
+    onCreateEditor?: (view: EditorView, state: EditorState) => void;
+    /** Called on every CodeMirror view update (doc or selection changes). */
+    onUpdate?: (update: ViewUpdate) => void;
+    /** Ref to the underlying @uiw/react-codemirror handle ({ view, state, editor }). */
+    editorRef?: Ref<ReactCodeMirrorRef>;
+    /**
+     * Render the bare editor: no border wrapper, no footer, no DS chrome —
+     * the host owns all framing (and usually sets `theme` to a built-in).
+     */
+    chromeless?: boolean;
+    /** Explicit editor height (chromeless hosts; e.g. "100%"). */
+    height?: string;
+    /** Override the computed basicSetup entirely. */
+    basicSetup?: BasicSetupOptions | boolean;
+    onFocus?: () => void;
+    onBlur?: () => void;
+}
+export declare const CodeEditor: ({ value, onChange, language, placeholder, isDisabled, isReadOnly, isInvalid, rows, className, showLineNumbers, autoClosePairs, theme, fillHeight, growWithContent, showFooter, lineWrapping, highlightActiveLine, fitContent, minRows, extensions: extraExtensions, lint, onCreateEditor, onUpdate, editorRef, chromeless, height, basicSetup: basicSetupOverride, onFocus, onBlur, }: CodeEditorProps) => import("react/jsx-runtime").JSX.Element;
+export default CodeEditor;
+//# sourceMappingURL=code-editor.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,219 @@
+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 || {
+  javascript: "// Enter your JavaScript code here",
+  typescript: "// Enter your TypeScript code here",
+  python: "# Enter your Python code here",
+  sql: "-- Enter your SQL query here",
+  yaml: "# Enter your YAML configuration here",
+  xml: "<!-- Enter your XML here -->",
+  html: "<!-- Enter your HTML here -->",
+  css: "/* Enter your CSS here */",
+  json: `{
+  "key": "value"
+}`,
+  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 });
+    }), () => {
+      d = !0;
+    };
+  }, [e]), (l == null ? void 0 : l.language) === e ? l.extension : null;
+}, vo = ({
+  value: e = "",
+  onChange: l,
+  language: i = "python",
+  placeholder: d,
+  isDisabled: f = !1,
+  isReadOnly: Y = !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,
+  onCreateEditor: I,
+  onUpdate: O,
+  editorRef: K,
+  chromeless: t = !1,
+  height: q,
+  basicSetup: k,
+  onFocus: F,
+  onBlur: V
+}) => {
+  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
+    },
+    [
+      k,
+      u,
+      N,
+      c,
+      b
+    ]
+  ), _ = `${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,
+    {
+      ref: K,
+      value: e,
+      onChange: l,
+      onFocus: F,
+      onBlur: V,
+      onCreateEditor: I,
+      onUpdate: O,
+      theme: t ? h === "none" ? "light" : h : "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
+      ),
+      style: t ? void 0 : { fontSize: 13, fontFamily: to }
+    }
+  );
+  return t ? L : /* @__PURE__ */ p(
+    "div",
+    {
+      className: E(
+        s ? "flex h-full min-h-0 flex-1 flex-col" : g ? "flex grow flex-col" : "space-y-2",
+        M
+      ),
+      children: [
+        /* @__PURE__ */ T(
+          "div",
+          {
+            className: E(
+              "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",
+              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: [
+            e.length,
+            " characters"
+          ] }),
+          /* @__PURE__ */ p("span", { children: [
+            e.split(`
+`).length,
+            " lines"
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  vo as CodeEditor,
+  vo as default
+};

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

@@ -0,0 +1,2 @@
+export declare function formatJsonEditorValue(value: unknown): string;
+//# sourceMappingURL=formatJsonEditorValue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formatJsonEditorValue.d.ts","sourceRoot":"","sources":["../../src/code-editor/formatJsonEditorValue.ts"],"names":[],"mappings":"AAAA,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAgB5D"}

package/dist/code-editor/formatJsonEditorValue.js

@@ -0,0 +1,20 @@
+function n(r) {
+  if (r == null) return "";
+  if (typeof r == "string") {
+    const t = r.trim();
+    if (!t) return "";
+    try {
+      return JSON.stringify(JSON.parse(t), null, 2);
+    } catch {
+      return r;
+    }
+  }
+  try {
+    return JSON.stringify(r, null, 2);
+  } catch {
+    return String(r);
+  }
+}
+export {
+  n as formatJsonEditorValue
+};

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

@@ -0,0 +1,7 @@
+export { cureCodeMirrorTheme, cureEditorChrome, cureHighlightStyle, } from './theme';
+export { CodeEditor, type CodeEditorProps } from './code-editor';
+export { type CodeLanguage, loadLanguageExtension } from './languages';
+export { JsonCodeEditor, type JsonCodeEditorProps } from './json-code-editor';
+export { formatJsonEditorValue } from './formatJsonEditorValue';
+export type { ReactCodeMirrorRef, ViewUpdate } from '@uiw/react-codemirror';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/code-editor/index.ts"],"names":[],"mappings":"AAQA,OAAO,EACL,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,KAAK,YAAY,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/code-editor/index.js

@@ -0,0 +1,14 @@
+import { cureCodeMirrorTheme as e, cureEditorChrome as t, cureHighlightStyle as d } from "./theme.js";
+import { CodeEditor as m } from "./code-editor.js";
+import { loadLanguageExtension as x } from "./languages.js";
+import { JsonCodeEditor as n } from "./json-code-editor.js";
+import { formatJsonEditorValue as u } from "./formatJsonEditorValue.js";
+export {
+  m as CodeEditor,
+  n as JsonCodeEditor,
+  e as cureCodeMirrorTheme,
+  t as cureEditorChrome,
+  d as cureHighlightStyle,
+  u as formatJsonEditorValue,
+  x as loadLanguageExtension
+};

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

@@ -0,0 +1,26 @@
+/**
+ * JsonCodeEditor — JSON-mode CodeEditor with the shared workflow run-drawer settings.
+ */
+export interface JsonCodeEditorProps {
+    value: string;
+    onChange?: (value: string) => void;
+    isReadOnly?: boolean;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    /** Stretch to fill a flex parent (run drawer). */
+    fillHeight?: boolean;
+    /** Grow to the content height and let an ancestor own the scrollbar. */
+    growWithContent?: boolean;
+    /** Parent supplies border chrome — drop the editor's own border/radius. */
+    embedded?: boolean;
+    className?: string;
+    rows?: number;
+    placeholder?: string;
+    /** Defaults to true. Disable for compact inline forms (e.g. assertion value). */
+    showLineNumbers?: boolean;
+    onFocus?: () => void;
+    onBlur?: () => void;
+}
+export declare function JsonCodeEditor({ value, onChange, isReadOnly, isDisabled, isInvalid, fillHeight, growWithContent, embedded, className, rows, placeholder, showLineNumbers, onFocus, onBlur, }: JsonCodeEditorProps): import("react/jsx-runtime").JSX.Element;
+export default JsonCodeEditor;
+//# sourceMappingURL=json-code-editor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"json-code-editor.d.ts","sourceRoot":"","sources":["../../src/code-editor/json-code-editor.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAKH,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iFAAiF;IACjF,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAmB,EACnB,UAAkB,EAClB,UAAkB,EAClB,SAAiB,EACjB,UAAkB,EAClB,eAAuB,EACvB,QAAgB,EAChB,SAAS,EACT,IAAS,EACT,WAAW,EACX,eAAsB,EACtB,OAAO,EACP,MAAM,GACP,EAAE,mBAAmB,2CAqCrB;AAED,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,64 @@
+import { jsx as o } from "react/jsx-runtime";
+import { cx as a } from "../utils/cn.js";
+import { CodeEditor as w } from "./code-editor.js";
+function j({
+  value: f,
+  onChange: r = () => {
+  },
+  isReadOnly: s = !1,
+  isDisabled: n = !1,
+  isInvalid: d = !1,
+  fillHeight: e = !1,
+  growWithContent: l = !1,
+  embedded: i = !1,
+  className: u,
+  rows: m = 12,
+  placeholder: t,
+  showLineNumbers: c = !0,
+  onFocus: x,
+  onBlur: p
+}) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: a(
+        e && "flex min-h-0 w-full flex-1 flex-col overflow-hidden",
+        l && "flex w-full grow flex-col"
+      ),
+      children: /* @__PURE__ */ o(
+        w,
+        {
+          value: f,
+          onChange: r,
+          language: "json",
+          isReadOnly: s,
+          isDisabled: n,
+          isInvalid: d,
+          showLineNumbers: c,
+          showLanguageSelector: !1,
+          showFooter: !1,
+          autoClosePairs: !0,
+          lineWrapping: !0,
+          highlightActiveLine: !1,
+          fitContent: !e && !l,
+          minRows: 3,
+          fillHeight: e,
+          growWithContent: l,
+          rows: m,
+          placeholder: t,
+          onFocus: x,
+          onBlur: p,
+          className: a(
+            e && "min-h-0 w-full flex-1",
+            i && "[&>div]:rounded-none [&>div]:border-0",
+            u
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  j as JsonCodeEditor,
+  j as default
+};

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

@@ -0,0 +1,5 @@
+import { Extension } from '@codemirror/state';
+export type CodeLanguage = "javascript" | "typescript" | "python" | "sql" | "yaml" | "xml" | "html" | "css" | "json" | "markdown" | "bash" | "shell";
+/** Loads (and caches) the language extension for `language`. */
+export declare const loadLanguageExtension: (language: CodeLanguage) => Promise<Extension>;
+//# sourceMappingURL=languages.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"languages.d.ts","sourceRoot":"","sources":["../../src/code-editor/languages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,MAAM,YAAY,GACpB,YAAY,GACZ,YAAY,GACZ,QAAQ,GACR,KAAK,GACL,MAAM,GACN,KAAK,GACL,MAAM,GACN,KAAK,GACL,MAAM,GACN,UAAU,GACV,MAAM,GACN,OAAO,CAAC;AAuCZ,gEAAgE;AAChE,eAAO,MAAM,qBAAqB,GAChC,UAAU,YAAY,KACrB,OAAO,CAAC,SAAS,CAQnB,CAAC"}

package/dist/code-editor/languages.js

@@ -0,0 +1,31 @@
+const n = {
+  javascript: () => import("@codemirror/lang-javascript").then(
+    (t) => t.javascript({ jsx: !0 })
+  ),
+  typescript: () => import("@codemirror/lang-javascript").then(
+    (t) => t.javascript({ jsx: !0, typescript: !0 })
+  ),
+  python: () => import("@codemirror/lang-python").then((t) => t.python()),
+  sql: () => import("@codemirror/lang-sql").then((t) => t.sql()),
+  yaml: () => import("@codemirror/lang-yaml").then((t) => t.yaml()),
+  xml: () => import("@codemirror/lang-xml").then((t) => t.xml()),
+  html: () => import("@codemirror/lang-html").then((t) => t.html()),
+  css: () => import("@codemirror/lang-css").then((t) => t.css()),
+  json: () => import("@codemirror/lang-json").then((t) => t.json()),
+  markdown: () => import("@codemirror/lang-markdown").then((t) => t.markdown()),
+  bash: () => o(),
+  shell: () => o()
+}, o = async () => {
+  const [{ StreamLanguage: t }, { shell: r }] = await Promise.all([
+    import("@codemirror/language"),
+    import("@codemirror/legacy-modes/mode/shell")
+  ]);
+  return t.define(r);
+}, s = /* @__PURE__ */ new Map(), p = (t) => {
+  const r = n[t] ?? n.javascript;
+  let e = s.get(t);
+  return e || (e = r(), s.set(t, e)), e;
+};
+export {
+  p as loadLanguageExtension
+};

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

@@ -0,0 +1,9 @@
+import { HighlightStyle } from '@codemirror/language';
+import { Extension } from '@codemirror/state';
+/** Editor chrome — gutters, selection, cursor, panels, tooltips. */
+export declare const cureEditorChrome: Extension;
+/** Syntax colors from the DS palette; variables invert in dark mode. */
+export declare const cureHighlightStyle: HighlightStyle;
+/** The DS CodeMirror theme: chrome + syntax highlighting. Light and dark. */
+export declare const cureCodeMirrorTheme: Extension;
+//# sourceMappingURL=theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/code-editor/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAsB,MAAM,sBAAsB,CAAC;AAC1E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAcnD,oEAAoE;AACpE,eAAO,MAAM,gBAAgB,WAgE3B,CAAC;AAEH,wEAAwE;AACxE,eAAO,MAAM,kBAAkB,gBA+C7B,CAAC;AAEH,6EAA6E;AAC7E,eAAO,MAAM,mBAAmB,EAAE,SAGjC,CAAC"}

package/dist/code-editor/theme.js

@@ -0,0 +1,121 @@
+import { syntaxHighlighting as r, HighlightStyle as a } from "@codemirror/language";
+import { EditorView as t } from "@codemirror/view";
+import { tags as o } from "@lezer/highlight";
+const c = t.theme({
+  "&": {
+    color: "var(--color-text-primary)",
+    backgroundColor: "var(--color-bg-primary)",
+    fontSize: "var(--text-sm)"
+  },
+  ".cm-content": {
+    caretColor: "var(--color-fg-brand-primary)",
+    fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace"
+  },
+  ".cm-cursor, .cm-dropCursor": {
+    borderLeftColor: "var(--color-fg-brand-primary)"
+  },
+  "&.cm-focused": {
+    outline: "none"
+  },
+  "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, ::selection": {
+    backgroundColor: "var(--color-utility-brand-100)"
+  },
+  ".cm-activeLine": {
+    backgroundColor: "var(--color-bg-secondary)"
+  },
+  ".cm-gutters": {
+    backgroundColor: "var(--color-bg-secondary)",
+    color: "var(--color-text-quaternary)",
+    borderRight: "1px solid var(--color-border-secondary)"
+  },
+  ".cm-activeLineGutter": {
+    backgroundColor: "var(--color-bg-tertiary)",
+    color: "var(--color-text-secondary)"
+  },
+  ".cm-selectionMatch": {
+    backgroundColor: "var(--color-utility-brand-50)"
+  },
+  "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+    backgroundColor: "var(--color-utility-brand-100)",
+    outline: "1px solid var(--color-border-brand)"
+  },
+  ".cm-panels": {
+    backgroundColor: "var(--color-bg-secondary)",
+    color: "var(--color-text-primary)",
+    borderBottom: "1px solid var(--color-border-secondary)"
+  },
+  ".cm-tooltip": {
+    backgroundColor: "var(--color-bg-primary)",
+    color: "var(--color-text-primary)",
+    border: "1px solid var(--color-border-secondary)",
+    borderRadius: "var(--radius-md)"
+  },
+  ".cm-tooltip-autocomplete ul li[aria-selected]": {
+    backgroundColor: "var(--color-bg-brand-primary)",
+    color: "var(--color-text-brand-primary)"
+  },
+  ".cm-placeholder": {
+    color: "var(--color-text-placeholder)"
+  },
+  ".cm-lintRange-error": {
+    textDecorationColor: "var(--color-fg-error-primary)"
+  },
+  ".cm-lintRange-warning": {
+    textDecorationColor: "var(--color-fg-warning-primary)"
+  }
+}), e = a.define([
+  {
+    tag: [o.keyword, o.modifier, o.operatorKeyword],
+    color: "var(--color-utility-purple-600)"
+  },
+  {
+    tag: [o.string, o.special(o.string)],
+    color: "var(--color-utility-success-600)"
+  },
+  {
+    tag: [o.number, o.bool, o.null, o.atom],
+    color: "var(--color-utility-orange-600)"
+  },
+  {
+    tag: [o.propertyName, o.attributeName],
+    color: "var(--color-utility-blue-600)"
+  },
+  {
+    tag: [o.function(o.variableName), o.function(o.propertyName)],
+    color: "var(--color-utility-blue-dark-600)"
+  },
+  {
+    tag: [o.definition(o.variableName), o.className, o.typeName],
+    color: "var(--color-utility-indigo-600)"
+  },
+  {
+    tag: [o.comment, o.meta],
+    color: "var(--color-text-quaternary)",
+    fontStyle: "italic"
+  },
+  {
+    tag: [o.tagName, o.heading],
+    color: "var(--color-utility-brand-600)"
+  },
+  {
+    tag: [o.operator, o.punctuation, o.separator],
+    color: "var(--color-text-secondary)"
+  },
+  { tag: [o.regexp, o.escape], color: "var(--color-utility-pink-600)" },
+  { tag: o.invalid, color: "var(--color-fg-error-primary)" },
+  {
+    tag: o.link,
+    color: "var(--color-text-brand-secondary)",
+    textDecoration: "underline"
+  },
+  { tag: o.strong, fontWeight: "600" },
+  { tag: o.emphasis, fontStyle: "italic" }
+]), d = [
+  c,
+  r(e)
+];
+export {
+  d as cureCodeMirrorTheme,
+  c as cureEditorChrome,
+  e as cureHighlightStyle
+};

package/dist/rich-text/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Class for rich-text content rendered by the Tiptap editors (and read-only
+ * renderings of their output). The styles ship in the DS stylesheet
+ * (`styles/editors.css`): headings, lists, blockquote, code, links and data
+ * pills from DS typography and color tokens.
+ */
+export declare const RICH_TEXT_CONTENT_CLASS = "cure-rich-text";
+//# sourceMappingURL=index.d.ts.map

package/dist/rich-text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/rich-text/index.ts"],"names":[],"mappings":"AASA;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,mBAAmB,CAAC"}

package/dist/rich-text/index.js

@@ -0,0 +1,4 @@
+const t = "cure-rich-text";
+export {
+  t as RICH_TEXT_CONTENT_CLASS
+};