@wildo-ai/presets-components 1.0.1 → 1.1.0

package/dist/esm/components/form/controls/code-editor/cm6-editor-appearance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cm6-editor-appearance.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/code-editor/cm6-editor-appearance.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,oBAAY,mBAAmB;IAC7B;;;;;OAKG;IACH,IAAI,SAAS;IACb;;;;;;;OAOG;IACH,KAAK,UAAU;CAChB"}

package/dist/esm/components/form/controls/code-editor/cm6-editor-appearance.js

@@ -0,0 +1,30 @@
+/**
+ * CM6EditorAppearance — the text-plane POSTURE of the shared CodeMirror core.
+ *
+ * Lives in its own (feather-weight) module on purpose: presets select the
+ * posture at RUNTIME, and importing an enum from `cm6-editor.tsx` would put a
+ * static runtime edge onto the heavy module — silently merging the whole
+ * CodeMirror payload into the entry chunk and defeating the lazy boundary
+ * (`cm6-editor.lazy.tsx` / `pnpm check:lazy-boundaries`). This module has zero
+ * heavy dependencies, so anything may import it eagerly.
+ */
+export var CM6EditorAppearance;
+(function (CM6EditorAppearance) {
+    /**
+     * Code-editor posture (the default — the core's original behavior): the
+     * theme's monospace font, active-line highlight, bracket matching. For
+     * values that ARE code (`z_code` fields), where column alignment and the
+     * caret's line matter.
+     */
+    CM6EditorAppearance["CODE"] = "code";
+    /**
+     * Prose posture — for markdown SOURCE editing of long-form text (bio,
+     * description). The text plane inherits the surrounding theme font
+     * (proportional), and the code-editor affordances (active-line highlight,
+     * bracket matching) are off: a bio being edited should read as themed text
+     * with markdown tint, not as a code box. Code spans and fenced blocks still
+     * render monospace through the highlight style's `tags.monospace` rule.
+     */
+    CM6EditorAppearance["PROSE"] = "prose";
+})(CM6EditorAppearance || (CM6EditorAppearance = {}));
+//# sourceMappingURL=cm6-editor-appearance.js.map

package/dist/esm/components/form/controls/code-editor/cm6-editor-appearance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cm6-editor-appearance.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/code-editor/cm6-editor-appearance.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,MAAM,CAAN,IAAY,mBAiBX;AAjBD,WAAY,mBAAmB;IAC7B;;;;;OAKG;IACH,oCAAa,CAAA;IACb;;;;;;;OAOG;IACH,sCAAe,CAAA;AACjB,CAAC,EAjBW,mBAAmB,KAAnB,mBAAmB,QAiB9B","sourcesContent":["/**\n * CM6EditorAppearance — the text-plane POSTURE of the shared CodeMirror core.\n *\n * Lives in its own (feather-weight) module on purpose: presets select the\n * posture at RUNTIME, and importing an enum from `cm6-editor.tsx` would put a\n * static runtime edge onto the heavy module — silently merging the whole\n * CodeMirror payload into the entry chunk and defeating the lazy boundary\n * (`cm6-editor.lazy.tsx` / `pnpm check:lazy-boundaries`). This module has zero\n * heavy dependencies, so anything may import it eagerly.\n */\nexport enum CM6EditorAppearance {\n  /**\n   * Code-editor posture (the default — the core's original behavior): the\n   * theme's monospace font, active-line highlight, bracket matching. For\n   * values that ARE code (`z_code` fields), where column alignment and the\n   * caret's line matter.\n   */\n  CODE = 'code',\n  /**\n   * Prose posture — for markdown SOURCE editing of long-form text (bio,\n   * description). The text plane inherits the surrounding theme font\n   * (proportional), and the code-editor affordances (active-line highlight,\n   * bracket matching) are off: a bio being edited should read as themed text\n   * with markdown tint, not as a code box. Code spans and fenced blocks still\n   * render monospace through the highlight style's `tags.monospace` rule.\n   */\n  PROSE = 'prose',\n}\n"]}

package/dist/esm/components/form/controls/code-editor/cm6-editor.d.ts

@@ -0,0 +1,62 @@
+/**
+ * CM6Editor — the shared CodeMirror 6 editing core.
+ *
+ * ⚠ HEAVY MODULE — LAZY-BOUNDARY DISCIPLINE ⚠
+ * This module (and everything only it depends on: @codemirror/*, @lezer/*) must
+ * stay behind the dynamic-import boundary owned by `cm6-editor.lazy.tsx`.
+ * NEVER static-import this file from anywhere except that wrapper (tests may).
+ * One stray static import silently merges the whole CodeMirror payload into the
+ * application entry chunk — Rollup gives no warning (this exact rot happened to
+ * the ECharts boundary). Import `CM6EditorLazy` from `./cm6-editor.lazy` instead.
+ *
+ * One core serves every CM6-backed control (code field, markdown source
+ * editor). It is a CONTROLLED plain-string editor: `value` in, `onChange(text)`
+ * out per document change (the autosave/RHF layers own debouncing), `onBlur`
+ * for `ValidationMode.ON_BLUR`.
+ *
+ * THEMING — no hardcoded palette. All colors reference the design-system CSS
+ * custom properties (full `oklch(...)` values, so `var(--token)` is a valid
+ * color anywhere). The container chrome (border/radius/focus ring) is applied
+ * by the preset around this core via the FORM_CONTROL recipe; this module only
+ * styles the text plane + syntax tint.
+ *
+ * LANGUAGES — resolved by name through `@codemirror/language-data`, whose
+ * descriptions `load()` each language mode as its OWN dynamic chunk — so a
+ * JSON field never downloads the Python mode. Names come from the framework's
+ * `CodeLanguage` vocabulary; unknown names (e.g. `plaintext`, `nginx`) simply
+ * get no syntax tint, never an error.
+ */
+import * as React from "react";
+import { CM6EditorAppearance } from "./cm6-editor-appearance";
+export interface CM6EditorProps {
+    /**
+     * Text-plane posture — `CODE` (default: monospace, active-line highlight,
+     * bracket matching) or `PROSE` (theme's proportional font, no code-editor
+     * affordances; for markdown source editing of long-form text). See
+     * {@link CM6EditorAppearance}. Authoring-stable: fixed at mount.
+     */
+    appearance?: CM6EditorAppearance;
+    /** Controlled document text. */
+    value?: string;
+    onChange?: (value: string) => void;
+    onBlur?: () => void;
+    /**
+     * Language name from the framework `CodeLanguage` vocabulary (or `markdown`).
+     * Matched case-insensitively against `@codemirror/language-data` names and
+     * aliases; unmatched names edit as plain text.
+     */
+    language?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    autoFocus?: boolean;
+    /** Show the line-number gutter (code-field default: on; markdown: off). */
+    showLineNumbers?: boolean;
+    /** Minimum visible height, in text rows (approximate). */
+    minRows?: number;
+    className?: string;
+    "aria-label"?: string;
+}
+export declare const CM6Editor: React.ForwardRefExoticComponent<CM6EditorProps & React.RefAttributes<HTMLDivElement>>;
+export default CM6Editor;
+//# sourceMappingURL=cm6-editor.d.ts.map

package/dist/esm/components/form/controls/code-editor/cm6-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cm6-editor.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/code-editor/cm6-editor.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAmB9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAE7D,MAAM,WAAW,cAAc;IAC7B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,mBAAmB,CAAA;IAChC,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AA4FD,eAAO,MAAM,SAAS,uFA2HpB,CAAA;AAEF,eAAe,SAAS,CAAA"}

package/dist/esm/components/form/controls/code-editor/cm6-editor.js

@@ -0,0 +1,219 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * CM6Editor — the shared CodeMirror 6 editing core.
+ *
+ * ⚠ HEAVY MODULE — LAZY-BOUNDARY DISCIPLINE ⚠
+ * This module (and everything only it depends on: @codemirror/*, @lezer/*) must
+ * stay behind the dynamic-import boundary owned by `cm6-editor.lazy.tsx`.
+ * NEVER static-import this file from anywhere except that wrapper (tests may).
+ * One stray static import silently merges the whole CodeMirror payload into the
+ * application entry chunk — Rollup gives no warning (this exact rot happened to
+ * the ECharts boundary). Import `CM6EditorLazy` from `./cm6-editor.lazy` instead.
+ *
+ * One core serves every CM6-backed control (code field, markdown source
+ * editor). It is a CONTROLLED plain-string editor: `value` in, `onChange(text)`
+ * out per document change (the autosave/RHF layers own debouncing), `onBlur`
+ * for `ValidationMode.ON_BLUR`.
+ *
+ * THEMING — no hardcoded palette. All colors reference the design-system CSS
+ * custom properties (full `oklch(...)` values, so `var(--token)` is a valid
+ * color anywhere). The container chrome (border/radius/focus ring) is applied
+ * by the preset around this core via the FORM_CONTROL recipe; this module only
+ * styles the text plane + syntax tint.
+ *
+ * LANGUAGES — resolved by name through `@codemirror/language-data`, whose
+ * descriptions `load()` each language mode as its OWN dynamic chunk — so a
+ * JSON field never downloads the Python mode. Names come from the framework's
+ * `CodeLanguage` vocabulary; unknown names (e.g. `plaintext`, `nginx`) simply
+ * get no syntax tint, never an error.
+ */
+import * as React from "react";
+import { EditorState, Compartment } from "@codemirror/state";
+import { EditorView, keymap, lineNumbers, placeholder as cmPlaceholder, highlightActiveLine, } from "@codemirror/view";
+import { defaultKeymap, history, historyKeymap, indentWithTab } from "@codemirror/commands";
+import { syntaxHighlighting, HighlightStyle, bracketMatching, indentOnInput, } from "@codemirror/language";
+import { languages as languageDescriptions } from "@codemirror/language-data";
+import { LanguageDescription } from "@codemirror/language";
+import { tags } from "@lezer/highlight";
+import { CM6EditorAppearance } from "./cm6-editor-appearance.js";
+/**
+ * Text-plane theme: everything reads from design-system tokens so all 7 themes
+ * (incl. glass/terminal/trading) style the editor without CM-specific config.
+ * The container recipe (border/radius/ring) is preset-owned — deliberately NOT
+ * duplicated here.
+ */
+const wildoEditorTheme = EditorView.theme({
+    "&": {
+        color: "var(--foreground)",
+        backgroundColor: "transparent",
+        fontSize: "var(--text-sm, 0.875rem)",
+    },
+    ".cm-content": {
+        caretColor: "var(--foreground)",
+        padding: "0",
+    },
+    "&.cm-focused": { outline: "none" },
+    ".cm-line": { padding: "0" },
+    ".cm-cursor, .cm-dropCursor": { borderLeftColor: "var(--foreground)" },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, ::selection": { backgroundColor: "color-mix(in oklch, var(--primary) 25%, transparent)" },
+    ".cm-gutters": {
+        backgroundColor: "transparent",
+        color: "var(--muted-foreground)",
+        border: "none",
+        paddingInlineEnd: "0.5rem",
+    },
+    ".cm-activeLineGutter": { backgroundColor: "transparent", color: "var(--foreground)" },
+    ".cm-placeholder": { color: "var(--muted-foreground)" },
+});
+/**
+ * Per-posture text-plane styling + affordances. Split from the shared theme so
+ * the MARKDOWN editor is not a code box wearing prose's clothes: a bio being
+ * edited must read as themed text (proportional font, no active-line bar),
+ * while a code field keeps the editor affordances that make code legible.
+ */
+const appearanceExtensions = {
+    [CM6EditorAppearance.CODE]: () => [
+        // Font goes on `.cm-scroller`: that is where CodeMirror's own base theme
+        // declares `monospace`, and `.cm-content` inherits from it — an override
+        // on `.cm-content` alone would lose to that inheritance chain.
+        EditorView.theme({
+            ".cm-scroller": { fontFamily: "var(--font-mono, ui-monospace, monospace)" },
+            ".cm-activeLine": { backgroundColor: "color-mix(in oklch, var(--muted) 40%, transparent)" },
+        }),
+        highlightActiveLine(),
+        bracketMatching(),
+    ],
+    [CM6EditorAppearance.PROSE]: () => [
+        // `inherit` on `.cm-scroller` (NOT `.cm-content` — see the CODE note):
+        // the editor root inherits from the preset's FORM_CONTROL chrome, which
+        // already carries the theme's text font, so the source plane matches the
+        // field it will display as. Code spans / fenced blocks stay monospace via
+        // the highlight style's `tags.monospace` rule.
+        EditorView.theme({ ".cm-scroller": { fontFamily: "inherit" } }),
+    ],
+};
+/**
+ * Syntax tint from semantic + chart tokens. Modest on purpose: enough contrast
+ * axes to read structure, few enough that every theme's palette stays coherent.
+ */
+const wildoHighlightStyle = HighlightStyle.define([
+    { tag: [tags.keyword, tags.operatorKeyword, tags.modifier], color: "var(--primary)" },
+    { tag: [tags.string, tags.special(tags.string)], color: "var(--chart-2, var(--primary))" },
+    { tag: [tags.number, tags.bool, tags.atom, tags.null], color: "var(--chart-4, var(--foreground))" },
+    { tag: [tags.comment, tags.blockComment, tags.lineComment], color: "var(--muted-foreground)", fontStyle: "italic" },
+    { tag: [tags.typeName, tags.className, tags.namespace], color: "var(--chart-1, var(--foreground))" },
+    { tag: [tags.function(tags.variableName), tags.function(tags.propertyName)], color: "var(--chart-5, var(--foreground))" },
+    { tag: [tags.propertyName, tags.attributeName], color: "var(--chart-3, var(--foreground))" },
+    { tag: tags.invalid, color: "var(--destructive)" },
+    // Markdown-specific structure
+    { tag: tags.heading, color: "var(--primary)", fontWeight: "600" },
+    { tag: tags.strong, fontWeight: "600" },
+    { tag: tags.emphasis, fontStyle: "italic" },
+    { tag: tags.strikethrough, textDecoration: "line-through" },
+    { tag: [tags.link, tags.url], color: "var(--chart-2, var(--primary))", textDecoration: "underline" },
+    { tag: [tags.processingInstruction, tags.meta, tags.punctuation], color: "var(--muted-foreground)" },
+    { tag: tags.monospace, fontFamily: "var(--font-mono, ui-monospace, monospace)" },
+]);
+async function resolveLanguageExtension(language) {
+    if (!language || language === "plaintext")
+        return null;
+    const description = LanguageDescription.matchLanguageName(languageDescriptions, language, true);
+    if (!description)
+        return null;
+    const support = await description.load();
+    return support;
+}
+export const CM6Editor = React.forwardRef(function CM6Editor({ appearance = CM6EditorAppearance.CODE, value, onChange, onBlur, language, placeholder, disabled = false, readOnly = false, autoFocus = false, showLineNumbers = false, minRows = 6, className, "aria-label": ariaLabel, }, forwardedRef) {
+    const hostRef = React.useRef(null);
+    const viewRef = React.useRef(null);
+    // Latest callbacks without re-creating the view.
+    const onChangeRef = React.useRef(onChange);
+    onChangeRef.current = onChange;
+    const onBlurRef = React.useRef(onBlur);
+    onBlurRef.current = onBlur;
+    const languageCompartment = React.useRef(new Compartment());
+    const editableCompartment = React.useRef(new Compartment());
+    React.useImperativeHandle(forwardedRef, () => hostRef.current);
+    // Create the view once per mount.
+    React.useLayoutEffect(() => {
+        const host = hostRef.current;
+        if (!host)
+            return;
+        const state = EditorState.create({
+            doc: value ?? "",
+            extensions: [
+                history(),
+                indentOnInput(),
+                ...appearanceExtensions[appearance](),
+                ...(showLineNumbers ? [lineNumbers()] : []),
+                ...(placeholder ? [cmPlaceholder(placeholder)] : []),
+                keymap.of([...defaultKeymap, ...historyKeymap, indentWithTab]),
+                wildoEditorTheme,
+                syntaxHighlighting(wildoHighlightStyle),
+                EditorView.lineWrapping,
+                languageCompartment.current.of([]),
+                editableCompartment.current.of([
+                    EditorView.editable.of(!(disabled || readOnly)),
+                    EditorState.readOnly.of(disabled || readOnly),
+                ]),
+                EditorView.updateListener.of(update => {
+                    if (update.docChanged)
+                        onChangeRef.current?.(update.state.doc.toString());
+                }),
+                EditorView.domEventHandlers({
+                    blur: () => { onBlurRef.current?.(); },
+                }),
+            ],
+        });
+        const view = new EditorView({ state, parent: host });
+        viewRef.current = view;
+        if (autoFocus)
+            view.focus();
+        return () => {
+            viewRef.current = null;
+            view.destroy();
+        };
+        // Mount-once by design: value/language/editable sync through the effects
+        // below; the remaining inputs (appearance, placeholder, gutter) are
+        // authoring-stable.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    // External value → document sync (skip echo of our own onChange).
+    React.useEffect(() => {
+        const view = viewRef.current;
+        if (!view)
+            return;
+        const current = view.state.doc.toString();
+        const next = value ?? "";
+        if (next !== current) {
+            view.dispatch({ changes: { from: 0, to: current.length, insert: next } });
+        }
+    }, [value]);
+    // Language switch → lazy-load the mode into its compartment.
+    React.useEffect(() => {
+        let cancelled = false;
+        resolveLanguageExtension(language).then(extension => {
+            const view = viewRef.current;
+            if (cancelled || !view)
+                return;
+            view.dispatch({ effects: languageCompartment.current.reconfigure(extension ?? []) });
+        });
+        return () => { cancelled = true; };
+    }, [language]);
+    // Disabled/readOnly switch.
+    React.useEffect(() => {
+        const view = viewRef.current;
+        if (!view)
+            return;
+        view.dispatch({
+            effects: editableCompartment.current.reconfigure([
+                EditorView.editable.of(!(disabled || readOnly)),
+                EditorState.readOnly.of(disabled || readOnly),
+            ]),
+        });
+    }, [disabled, readOnly]);
+    return (_jsx("div", { ref: hostRef, role: "textbox", "aria-multiline": "true", "aria-label": ariaLabel, "aria-disabled": disabled || undefined, "aria-readonly": readOnly || undefined, "data-slot": "cm6-editor", className: className, style: { minHeight: `calc(${minRows} * 1.5em)` } }));
+});
+export default CM6Editor;
+//# sourceMappingURL=cm6-editor.js.map

package/dist/esm/components/form/controls/code-editor/cm6-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cm6-editor.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/code-editor/cm6-editor.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\n/**\n * CM6Editor — the shared CodeMirror 6 editing core.\n *\n * ⚠ HEAVY MODULE — LAZY-BOUNDARY DISCIPLINE ⚠\n * This module (and everything only it depends on: @codemirror/*, @lezer/*) must\n * stay behind the dynamic-import boundary owned by `cm6-editor.lazy.tsx`.\n * NEVER static-import this file from anywhere except that wrapper (tests may).\n * One stray static import silently merges the whole CodeMirror payload into the\n * application entry chunk — Rollup gives no warning (this exact rot happened to\n * the ECharts boundary). Import `CM6EditorLazy` from `./cm6-editor.lazy` instead.\n *\n * One core serves every CM6-backed control (code field, markdown source\n * editor). It is a CONTROLLED plain-string editor: `value` in, `onChange(text)`\n * out per document change (the autosave/RHF layers own debouncing), `onBlur`\n * for `ValidationMode.ON_BLUR`.\n *\n * THEMING — no hardcoded palette. All colors reference the design-system CSS\n * custom properties (full `oklch(...)` values, so `var(--token)` is a valid\n * color anywhere). The container chrome (border/radius/focus ring) is applied\n * by the preset around this core via the FORM_CONTROL recipe; this module only\n * styles the text plane + syntax tint.\n *\n * LANGUAGES — resolved by name through `@codemirror/language-data`, whose\n * descriptions `load()` each language mode as its OWN dynamic chunk — so a\n * JSON field never downloads the Python mode. Names come from the framework's\n * `CodeLanguage` vocabulary; unknown names (e.g. `plaintext`, `nginx`) simply\n * get no syntax tint, never an error.\n */\n\nimport * as React from \"react\"\nimport { EditorState, Compartment, type Extension } from \"@codemirror/state\"\nimport {\n  EditorView,\n  keymap,\n  lineNumbers,\n  placeholder as cmPlaceholder,\n  highlightActiveLine,\n} from \"@codemirror/view\"\nimport { defaultKeymap, history, historyKeymap, indentWithTab } from \"@codemirror/commands\"\nimport {\n  syntaxHighlighting,\n  HighlightStyle,\n  bracketMatching,\n  indentOnInput,\n} from \"@codemirror/language\"\nimport { languages as languageDescriptions } from \"@codemirror/language-data\"\nimport { LanguageDescription } from \"@codemirror/language\"\nimport { tags } from \"@lezer/highlight\"\nimport { CM6EditorAppearance } from \"./cm6-editor-appearance\"\n\nexport interface CM6EditorProps {\n  /**\n   * Text-plane posture — `CODE` (default: monospace, active-line highlight,\n   * bracket matching) or `PROSE` (theme's proportional font, no code-editor\n   * affordances; for markdown source editing of long-form text). See\n   * {@link CM6EditorAppearance}. Authoring-stable: fixed at mount.\n   */\n  appearance?: CM6EditorAppearance\n  /** Controlled document text. */\n  value?: string\n  onChange?: (value: string) => void\n  onBlur?: () => void\n  /**\n   * Language name from the framework `CodeLanguage` vocabulary (or `markdown`).\n   * Matched case-insensitively against `@codemirror/language-data` names and\n   * aliases; unmatched names edit as plain text.\n   */\n  language?: string\n  placeholder?: string\n  disabled?: boolean\n  readOnly?: boolean\n  autoFocus?: boolean\n  /** Show the line-number gutter (code-field default: on; markdown: off). */\n  showLineNumbers?: boolean\n  /** Minimum visible height, in text rows (approximate). */\n  minRows?: number\n  className?: string\n  \"aria-label\"?: string\n}\n\n/**\n * Text-plane theme: everything reads from design-system tokens so all 7 themes\n * (incl. glass/terminal/trading) style the editor without CM-specific config.\n * The container recipe (border/radius/ring) is preset-owned — deliberately NOT\n * duplicated here.\n */\nconst wildoEditorTheme = EditorView.theme({\n  \"&\": {\n    color: \"var(--foreground)\",\n    backgroundColor: \"transparent\",\n    fontSize: \"var(--text-sm, 0.875rem)\",\n  },\n  \".cm-content\": {\n    caretColor: \"var(--foreground)\",\n    padding: \"0\",\n  },\n  \"&.cm-focused\": { outline: \"none\" },\n  \".cm-line\": { padding: \"0\" },\n  \".cm-cursor, .cm-dropCursor\": { borderLeftColor: \"var(--foreground)\" },\n  \"&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, ::selection\":\n    { backgroundColor: \"color-mix(in oklch, var(--primary) 25%, transparent)\" },\n  \".cm-gutters\": {\n    backgroundColor: \"transparent\",\n    color: \"var(--muted-foreground)\",\n    border: \"none\",\n    paddingInlineEnd: \"0.5rem\",\n  },\n  \".cm-activeLineGutter\": { backgroundColor: \"transparent\", color: \"var(--foreground)\" },\n  \".cm-placeholder\": { color: \"var(--muted-foreground)\" },\n})\n\n/**\n * Per-posture text-plane styling + affordances. Split from the shared theme so\n * the MARKDOWN editor is not a code box wearing prose's clothes: a bio being\n * edited must read as themed text (proportional font, no active-line bar),\n * while a code field keeps the editor affordances that make code legible.\n */\nconst appearanceExtensions: Record<CM6EditorAppearance, () => Extension[]> = {\n  [CM6EditorAppearance.CODE]: () => [\n    // Font goes on `.cm-scroller`: that is where CodeMirror's own base theme\n    // declares `monospace`, and `.cm-content` inherits from it — an override\n    // on `.cm-content` alone would lose to that inheritance chain.\n    EditorView.theme({\n      \".cm-scroller\": { fontFamily: \"var(--font-mono, ui-monospace, monospace)\" },\n      \".cm-activeLine\": { backgroundColor: \"color-mix(in oklch, var(--muted) 40%, transparent)\" },\n    }),\n    highlightActiveLine(),\n    bracketMatching(),\n  ],\n  [CM6EditorAppearance.PROSE]: () => [\n    // `inherit` on `.cm-scroller` (NOT `.cm-content` — see the CODE note):\n    // the editor root inherits from the preset's FORM_CONTROL chrome, which\n    // already carries the theme's text font, so the source plane matches the\n    // field it will display as. Code spans / fenced blocks stay monospace via\n    // the highlight style's `tags.monospace` rule.\n    EditorView.theme({ \".cm-scroller\": { fontFamily: \"inherit\" } }),\n  ],\n}\n\n/**\n * Syntax tint from semantic + chart tokens. Modest on purpose: enough contrast\n * axes to read structure, few enough that every theme's palette stays coherent.\n */\nconst wildoHighlightStyle = HighlightStyle.define([\n  { tag: [tags.keyword, tags.operatorKeyword, tags.modifier], color: \"var(--primary)\" },\n  { tag: [tags.string, tags.special(tags.string)], color: \"var(--chart-2, var(--primary))\" },\n  { tag: [tags.number, tags.bool, tags.atom, tags.null], color: \"var(--chart-4, var(--foreground))\" },\n  { tag: [tags.comment, tags.blockComment, tags.lineComment], color: \"var(--muted-foreground)\", fontStyle: \"italic\" },\n  { tag: [tags.typeName, tags.className, tags.namespace], color: \"var(--chart-1, var(--foreground))\" },\n  { tag: [tags.function(tags.variableName), tags.function(tags.propertyName)], color: \"var(--chart-5, var(--foreground))\" },\n  { tag: [tags.propertyName, tags.attributeName], color: \"var(--chart-3, var(--foreground))\" },\n  { tag: tags.invalid, color: \"var(--destructive)\" },\n  // Markdown-specific structure\n  { tag: tags.heading, color: \"var(--primary)\", fontWeight: \"600\" },\n  { tag: tags.strong, fontWeight: \"600\" },\n  { tag: tags.emphasis, fontStyle: \"italic\" },\n  { tag: tags.strikethrough, textDecoration: \"line-through\" },\n  { tag: [tags.link, tags.url], color: \"var(--chart-2, var(--primary))\", textDecoration: \"underline\" },\n  { tag: [tags.processingInstruction, tags.meta, tags.punctuation], color: \"var(--muted-foreground)\" },\n  { tag: tags.monospace, fontFamily: \"var(--font-mono, ui-monospace, monospace)\" },\n])\n\nasync function resolveLanguageExtension(language: string | undefined): Promise<Extension | null> {\n  if (!language || language === \"plaintext\") return null\n  const description = LanguageDescription.matchLanguageName(languageDescriptions, language, true)\n  if (!description) return null\n  const support = await description.load()\n  return support\n}\n\nexport const CM6Editor = React.forwardRef<HTMLDivElement, CM6EditorProps>(function CM6Editor(\n  {\n    appearance = CM6EditorAppearance.CODE,\n    value,\n    onChange,\n    onBlur,\n    language,\n    placeholder,\n    disabled = false,\n    readOnly = false,\n    autoFocus = false,\n    showLineNumbers = false,\n    minRows = 6,\n    className,\n    \"aria-label\": ariaLabel,\n  },\n  forwardedRef,\n): React.JSX.Element {\n  const hostRef = React.useRef<HTMLDivElement | null>(null)\n  const viewRef = React.useRef<EditorView | null>(null)\n  // Latest callbacks without re-creating the view.\n  const onChangeRef = React.useRef(onChange)\n  onChangeRef.current = onChange\n  const onBlurRef = React.useRef(onBlur)\n  onBlurRef.current = onBlur\n\n  const languageCompartment = React.useRef(new Compartment())\n  const editableCompartment = React.useRef(new Compartment())\n\n  React.useImperativeHandle(forwardedRef, () => hostRef.current as HTMLDivElement)\n\n  // Create the view once per mount.\n  React.useLayoutEffect(() => {\n    const host = hostRef.current\n    if (!host) return\n\n    const state = EditorState.create({\n      doc: value ?? \"\",\n      extensions: [\n        history(),\n        indentOnInput(),\n        ...appearanceExtensions[appearance](),\n        ...(showLineNumbers ? [lineNumbers()] : []),\n        ...(placeholder ? [cmPlaceholder(placeholder)] : []),\n        keymap.of([...defaultKeymap, ...historyKeymap, indentWithTab]),\n        wildoEditorTheme,\n        syntaxHighlighting(wildoHighlightStyle),\n        EditorView.lineWrapping,\n        languageCompartment.current.of([]),\n        editableCompartment.current.of([\n          EditorView.editable.of(!(disabled || readOnly)),\n          EditorState.readOnly.of(disabled || readOnly),\n        ]),\n        EditorView.updateListener.of(update => {\n          if (update.docChanged) onChangeRef.current?.(update.state.doc.toString())\n        }),\n        EditorView.domEventHandlers({\n          blur: () => { onBlurRef.current?.() },\n        }),\n      ],\n    })\n\n    const view = new EditorView({ state, parent: host })\n    viewRef.current = view\n    if (autoFocus) view.focus()\n\n    return () => {\n      viewRef.current = null\n      view.destroy()\n    }\n    // Mount-once by design: value/language/editable sync through the effects\n    // below; the remaining inputs (appearance, placeholder, gutter) are\n    // authoring-stable.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  // External value → document sync (skip echo of our own onChange).\n  React.useEffect(() => {\n    const view = viewRef.current\n    if (!view) return\n    const current = view.state.doc.toString()\n    const next = value ?? \"\"\n    if (next !== current) {\n      view.dispatch({ changes: { from: 0, to: current.length, insert: next } })\n    }\n  }, [value])\n\n  // Language switch → lazy-load the mode into its compartment.\n  React.useEffect(() => {\n    let cancelled = false\n    resolveLanguageExtension(language).then(extension => {\n      const view = viewRef.current\n      if (cancelled || !view) return\n      view.dispatch({ effects: languageCompartment.current.reconfigure(extension ?? []) })\n    })\n    return () => { cancelled = true }\n  }, [language])\n\n  // Disabled/readOnly switch.\n  React.useEffect(() => {\n    const view = viewRef.current\n    if (!view) return\n    view.dispatch({\n      effects: editableCompartment.current.reconfigure([\n        EditorView.editable.of(!(disabled || readOnly)),\n        EditorState.readOnly.of(disabled || readOnly),\n      ]),\n    })\n  }, [disabled, readOnly])\n\n  return (\n    <div\n      ref={hostRef}\n      role=\"textbox\"\n      aria-multiline=\"true\"\n      aria-label={ariaLabel}\n      aria-disabled={disabled || undefined}\n      aria-readonly={readOnly || undefined}\n      data-slot=\"cm6-editor\"\n      className={className}\n      style={{ minHeight: `calc(${minRows} * 1.5em)` }}\n    />\n  )\n})\n\nexport default CM6Editor\n"]}

package/dist/esm/components/form/controls/code-editor/cm6-editor.lazy.d.ts

@@ -0,0 +1,16 @@
+/**
+ * CM6EditorLazy — the ONLY public door onto the CodeMirror editing core.
+ *
+ * Lazy-boundary wrapper (`*.lazy.tsx` convention — ChartView.lazy precedent):
+ * owns the `React.lazy(() => import(...))` split point, the Suspense fallback
+ * (a layout-reserving skeleton, never `null`), and re-exports the props type
+ * via `import type` so consuming code gets typing with zero runtime edge onto
+ * the heavy module. Everything except this wrapper (and tests) must import the
+ * editor from HERE — a static import of `./cm6-editor` anywhere in the eager
+ * graph silently merges the whole CodeMirror payload into the entry chunk.
+ */
+import * as React from "react";
+import type { CM6EditorProps } from "./cm6-editor";
+export declare const CM6EditorLazy: React.ForwardRefExoticComponent<CM6EditorProps & React.RefAttributes<HTMLDivElement>>;
+export type { CM6EditorProps } from "./cm6-editor";
+//# sourceMappingURL=cm6-editor.lazy.d.ts.map

package/dist/esm/components/form/controls/code-editor/cm6-editor.lazy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cm6-editor.lazy.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/code-editor/cm6-editor.lazy.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAIlD,eAAO,MAAM,aAAa,uFAiBzB,CAAA;AAED,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA"}

package/dist/esm/components/form/controls/code-editor/cm6-editor.lazy.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * CM6EditorLazy — the ONLY public door onto the CodeMirror editing core.
+ *
+ * Lazy-boundary wrapper (`*.lazy.tsx` convention — ChartView.lazy precedent):
+ * owns the `React.lazy(() => import(...))` split point, the Suspense fallback
+ * (a layout-reserving skeleton, never `null`), and re-exports the props type
+ * via `import type` so consuming code gets typing with zero runtime edge onto
+ * the heavy module. Everything except this wrapper (and tests) must import the
+ * editor from HERE — a static import of `./cm6-editor` anywhere in the eager
+ * graph silently merges the whole CodeMirror payload into the entry chunk.
+ */
+import * as React from "react";
+import { Skeleton } from "@wildo-ai/saas-frontend-lib";
+const LazyCM6EditorInner = React.lazy(() => import("./cm6-editor.js"));
+export const CM6EditorLazy = React.forwardRef(function CM6EditorLazy(props, ref) {
+    const minRows = props.minRows ?? 6;
+    return (_jsx(React.Suspense, { fallback: _jsx(Skeleton, { "aria-hidden": "true", className: "w-full", style: { minHeight: `calc(${minRows} * 1.5em)` } }), children: _jsx(LazyCM6EditorInner, { ...props, ref: ref }) }));
+});
+//# sourceMappingURL=cm6-editor.lazy.js.map

package/dist/esm/components/form/controls/code-editor/cm6-editor.lazy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cm6-editor.lazy.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/code-editor/cm6-editor.lazy.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAGtD,MAAM,kBAAkB,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAA;AAEnE,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAC3C,SAAS,aAAa,CAAC,KAAK,EAAE,GAAG;IAC/B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,CAAC,CAAA;IAClC,OAAO,CACL,KAAC,KAAK,CAAC,QAAQ,IACb,QAAQ,EACN,KAAC,QAAQ,mBACK,MAAM,EAClB,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,OAAO,WAAW,EAAE,GAChD,YAGJ,KAAC,kBAAkB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC5B,CAClB,CAAA;AACH,CAAC,CACF,CAAA","sourcesContent":["\"use client\"\n\n/**\n * CM6EditorLazy — the ONLY public door onto the CodeMirror editing core.\n *\n * Lazy-boundary wrapper (`*.lazy.tsx` convention — ChartView.lazy precedent):\n * owns the `React.lazy(() => import(...))` split point, the Suspense fallback\n * (a layout-reserving skeleton, never `null`), and re-exports the props type\n * via `import type` so consuming code gets typing with zero runtime edge onto\n * the heavy module. Everything except this wrapper (and tests) must import the\n * editor from HERE — a static import of `./cm6-editor` anywhere in the eager\n * graph silently merges the whole CodeMirror payload into the entry chunk.\n */\n\nimport * as React from \"react\"\nimport { Skeleton } from \"@wildo-ai/saas-frontend-lib\"\nimport type { CM6EditorProps } from \"./cm6-editor\"\n\nconst LazyCM6EditorInner = React.lazy(() => import(\"./cm6-editor\"))\n\nexport const CM6EditorLazy = React.forwardRef<HTMLDivElement, CM6EditorProps>(\n  function CM6EditorLazy(props, ref): React.JSX.Element {\n    const minRows = props.minRows ?? 6\n    return (\n      <React.Suspense\n        fallback={\n          <Skeleton\n            aria-hidden=\"true\"\n            className=\"w-full\"\n            style={{ minHeight: `calc(${minRows} * 1.5em)` }}\n          />\n        }\n      >\n        <LazyCM6EditorInner {...props} ref={ref} />\n      </React.Suspense>\n    )\n  },\n)\n\nexport type { CM6EditorProps } from \"./cm6-editor\"\n"]}

package/dist/esm/components/form/controls/code-editor/form-field-code.d.ts

@@ -0,0 +1,14 @@
+/**
+ * FormFieldCode DEFAULT preset — CodeMirror-6-backed code editing.
+ *
+ * Replaces the old plain-Textarea preset (previously registered from
+ * saas-frontend-lib's register-framework-layouts): same contract
+ * (`FormFieldCodeProps`, `CodeValue = { content, language }`), same language
+ * Select + char-count affordances, but the text plane is the shared CM6 core
+ * behind its lazy boundary — syntax tint per selected language, with each
+ * language mode loading as its own dynamic chunk on demand.
+ */
+import * as React from "react";
+import type { FormFieldCodeProps } from "@wildo-ai/saas-frontend-lib";
+export declare const FormFieldCode_Preset_Default: React.ForwardRefExoticComponent<FormFieldCodeProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=form-field-code.d.ts.map

package/dist/esm/components/form/controls/code-editor/form-field-code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-code.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/code-editor/form-field-code.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,kBAAkB,EAAe,MAAM,6BAA6B,CAAA;AAuBlF,eAAO,MAAM,4BAA4B,2FAqHxC,CAAA"}

package/dist/esm/components/form/controls/code-editor/form-field-code.js

@@ -0,0 +1,61 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * FormFieldCode DEFAULT preset — CodeMirror-6-backed code editing.
+ *
+ * Replaces the old plain-Textarea preset (previously registered from
+ * saas-frontend-lib's register-framework-layouts): same contract
+ * (`FormFieldCodeProps`, `CodeValue = { content, language }`), same language
+ * Select + char-count affordances, but the text plane is the shared CM6 core
+ * behind its lazy boundary — syntax tint per selected language, with each
+ * language mode loading as its own dynamic chunk on demand.
+ */
+import * as React from "react";
+import { cn, useUI, Select } from "@wildo-ai/saas-frontend-lib";
+import { FormControlVariant, UIBehavior } from "@wildo-ai/presets-components-models";
+import { getCodeMetadata, getCodeUI, CommonCodeLanguages, getLanguageDisplayName, } from "@wildo-ai/zod-decorators";
+import { CM6EditorLazy } from "./cm6-editor.lazy.js";
+import { CM6EditorAppearance } from "./cm6-editor-appearance.js";
+function getLanguageOptions(allowedLanguages) {
+    const languages = allowedLanguages && allowedLanguages.length > 0
+        ? allowedLanguages
+        : [...CommonCodeLanguages];
+    return languages
+        .map(lang => ({ value: lang, label: getLanguageDisplayName(lang) }))
+        .sort((a, b) => a.label.localeCompare(b.label));
+}
+export const FormFieldCode_Preset_Default = React.forwardRef(function FormFieldCode_Preset_Default({ schema, name, value: controlledValue, onChange, onBlur, defaultValue, disabled = false, readOnly, placeholder, className, rows = 10, required, autoFocus, }, ref) {
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT);
+    const codeMetadata = getCodeMetadata(schema);
+    const codeUI = getCodeUI(schema);
+    const allowedLanguages = codeMetadata?.allowedLanguages;
+    const defaultLanguage = codeUI?.defaultLanguage ?? 'plaintext';
+    const maxLength = codeMetadata?.maxLength;
+    const minLength = codeMetadata?.minLength;
+    const languageOptions = React.useMemo(() => getLanguageOptions(allowedLanguages), [allowedLanguages]);
+    // Controlled ⇔ caller supplied a change handler or a defined value (the
+    // create-surface propagation contract); internal state doubles as the
+    // stable empty fallback.
+    const [internalValue, setInternalValue] = React.useState(() => defaultValue ?? { content: '', language: defaultLanguage });
+    const isControlled = controlledValue !== undefined || onChange !== undefined;
+    const currentValue = (isControlled ? controlledValue : internalValue)
+        ?? { content: '', language: defaultLanguage };
+    const emitChange = React.useCallback((next) => {
+        if (controlledValue === undefined)
+            setInternalValue(next);
+        onChange?.(next);
+    }, [controlledValue, onChange]);
+    const handleContentChange = React.useCallback((newContent) => {
+        emitChange({ language: defaultLanguage, ...currentValue, content: newContent });
+    }, [emitChange, currentValue, defaultLanguage]);
+    const handleLanguageChange = React.useCallback((newLanguage) => {
+        emitChange({ content: '', ...currentValue, language: newLanguage });
+    }, [emitChange, currentValue]);
+    const charCount = currentValue.content?.length ?? 0;
+    const showCharCount = maxLength !== undefined || minLength !== undefined;
+    return (_jsxs("div", { ref: ref, className: cn("w-full space-y-item", className), children: [_jsx(Select, { schema: schema, name: `${name}-language`, value: currentValue.language, onChange: handleLanguageChange, disabled: disabled || readOnly || (allowedLanguages && allowedLanguages.length === 1), options: languageOptions, className: "w-48" }), _jsxs("div", { "data-slot": "code-editor", "data-disabled": disabled || undefined, className: cn("relative w-full px-card-sm py-card-sm", recipe.base, recipe.motion.transition, "focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]", disabled && "pointer-events-none opacity-[var(--opacity-disabled)]"), children: [_jsx(CM6EditorLazy, { appearance: CM6EditorAppearance.CODE, value: currentValue.content, onChange: handleContentChange, onBlur: onBlur, language: currentValue.language, placeholder: placeholder, disabled: disabled, readOnly: readOnly, autoFocus: autoFocus, showLineNumbers: true, minRows: rows, "aria-label": name }), showCharCount && (_jsxs("div", { className: cn("pointer-events-none absolute bottom-2 right-2 text-xs", (maxLength && charCount > maxLength) || (minLength && charCount < minLength && charCount > 0)
+                            ? "text-destructive"
+                            : "text-muted-foreground"), children: [charCount, maxLength ? `/${maxLength}` : '', minLength ? ` (min ${minLength})` : ''] }))] })] }));
+});
+//# sourceMappingURL=form-field-code.js.map

package/dist/esm/components/form/controls/code-editor/form-field-code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-code.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/code-editor/form-field-code.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\n/**\n * FormFieldCode DEFAULT preset — CodeMirror-6-backed code editing.\n *\n * Replaces the old plain-Textarea preset (previously registered from\n * saas-frontend-lib's register-framework-layouts): same contract\n * (`FormFieldCodeProps`, `CodeValue = { content, language }`), same language\n * Select + char-count affordances, but the text plane is the shared CM6 core\n * behind its lazy boundary — syntax tint per selected language, with each\n * language mode loading as its own dynamic chunk on demand.\n */\n\nimport * as React from \"react\"\nimport { cn, useUI, Select } from \"@wildo-ai/saas-frontend-lib\"\nimport type { FormFieldCodeProps, FieldOption } from \"@wildo-ai/saas-frontend-lib\"\nimport { FormControlVariant, UIBehavior } from \"@wildo-ai/presets-components-models\"\nimport {\n  getCodeMetadata,\n  getCodeUI,\n  type CodeValue,\n  CommonCodeLanguages,\n  getLanguageDisplayName,\n  type CodeLanguage,\n} from \"@wildo-ai/zod-decorators\"\nimport { CM6EditorLazy } from \"./cm6-editor.lazy\"\nimport { CM6EditorAppearance } from \"./cm6-editor-appearance\"\n\nfunction getLanguageOptions(allowedLanguages?: CodeLanguage[]): FieldOption<string>[] {\n  const languages = allowedLanguages && allowedLanguages.length > 0\n    ? allowedLanguages\n    : [...CommonCodeLanguages]\n\n  return languages\n    .map(lang => ({ value: lang, label: getLanguageDisplayName(lang) } as FieldOption<string>))\n    .sort((a, b) => a.label.localeCompare(b.label))\n}\n\nexport const FormFieldCode_Preset_Default = React.forwardRef<HTMLDivElement, FormFieldCodeProps>(\n  function FormFieldCode_Preset_Default(\n    {\n      schema,\n      name,\n      value: controlledValue,\n      onChange,\n      onBlur,\n      defaultValue,\n      disabled = false,\n      readOnly,\n      placeholder,\n      className,\n      rows = 10,\n      required,\n      autoFocus,\n    },\n    ref,\n  ): React.JSX.Element {\n    const { getRecipe } = useUI()\n    const recipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT)\n\n    const codeMetadata = getCodeMetadata(schema)\n    const codeUI = getCodeUI(schema)\n\n    const allowedLanguages = codeMetadata?.allowedLanguages\n    const defaultLanguage = codeUI?.defaultLanguage ?? 'plaintext'\n    const maxLength = codeMetadata?.maxLength\n    const minLength = codeMetadata?.minLength\n\n    const languageOptions = React.useMemo(\n      () => getLanguageOptions(allowedLanguages),\n      [allowedLanguages],\n    )\n\n    // Controlled ⇔ caller supplied a change handler or a defined value (the\n    // create-surface propagation contract); internal state doubles as the\n    // stable empty fallback.\n    const [internalValue, setInternalValue] = React.useState<CodeValue>(\n      () => defaultValue ?? { content: '', language: defaultLanguage },\n    )\n    const isControlled = controlledValue !== undefined || onChange !== undefined\n    const currentValue: CodeValue = (isControlled ? controlledValue : internalValue)\n      ?? { content: '', language: defaultLanguage }\n\n    const emitChange = React.useCallback((next: CodeValue) => {\n      if (controlledValue === undefined) setInternalValue(next)\n      onChange?.(next)\n    }, [controlledValue, onChange])\n\n    const handleContentChange = React.useCallback((newContent: string) => {\n      emitChange({ language: defaultLanguage, ...currentValue, content: newContent })\n    }, [emitChange, currentValue, defaultLanguage])\n\n    const handleLanguageChange = React.useCallback((newLanguage: string) => {\n      emitChange({ content: '', ...currentValue, language: newLanguage })\n    }, [emitChange, currentValue])\n\n    const charCount = currentValue.content?.length ?? 0\n    const showCharCount = maxLength !== undefined || minLength !== undefined\n\n    return (\n      <div ref={ref} className={cn(\"w-full space-y-item\", className)}>\n        {/* Language selector */}\n        <Select\n          schema={schema}\n          name={`${name}-language`}\n          value={currentValue.language}\n          onChange={handleLanguageChange}\n          disabled={disabled || readOnly || (allowedLanguages && allowedLanguages.length === 1)}\n          options={languageOptions}\n          className=\"w-48\"\n        />\n\n        {/* Code editor plane — FORM_CONTROL chrome on the wrapper, focus via\n            focus-within (recipe focus classes can't fire on CM6's inner\n            contenteditable). */}\n        <div\n          data-slot=\"code-editor\"\n          data-disabled={disabled || undefined}\n          className={cn(\n            \"relative w-full px-card-sm py-card-sm\",\n            recipe.base,\n            recipe.motion.transition,\n            \"focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]\",\n            disabled && \"pointer-events-none opacity-[var(--opacity-disabled)]\",\n          )}\n        >\n          <CM6EditorLazy\n            appearance={CM6EditorAppearance.CODE}\n            value={currentValue.content}\n            onChange={handleContentChange}\n            onBlur={onBlur}\n            language={currentValue.language}\n            placeholder={placeholder}\n            disabled={disabled}\n            readOnly={readOnly}\n            autoFocus={autoFocus}\n            showLineNumbers\n            minRows={rows}\n            aria-label={name}\n          />\n\n          {showCharCount && (\n            <div className={cn(\n              \"pointer-events-none absolute bottom-2 right-2 text-xs\",\n              (maxLength && charCount > maxLength) || (minLength && charCount < minLength && charCount > 0)\n                ? \"text-destructive\"\n                : \"text-muted-foreground\",\n            )}>\n              {charCount}{maxLength ? `/${maxLength}` : ''}{minLength ? ` (min ${minLength})` : ''}\n            </div>\n          )}\n        </div>\n      </div>\n    )\n  },\n)\n"]}

package/dist/esm/components/form/controls/code-editor/markdown-editor.d.ts

@@ -0,0 +1,15 @@
+/**
+ * MarkdownEditor DEFAULT preset — markdown SOURCE editing on the shared
+ * CodeMirror 6 core (`CM6EditorLazy`; the heavy payload stays behind the lazy
+ * boundary and is fetched only when a markdown field renders in edit mode).
+ *
+ * The container wears the same FORM_CONTROL recipe as the Textarea preset so a
+ * markdown field is visually a first-class form control in every theme; focus
+ * is surfaced on the WRAPPER (`focus-within`, the composed-row pattern) because
+ * the recipe's `focus-visible:` classes cannot fire on CM6's inner
+ * contenteditable.
+ */
+import * as React from "react";
+import type { MarkdownEditorProps } from "@wildo-ai/saas-frontend-lib";
+export declare function MarkdownEditor_Preset_Default({ value, onChange, onBlur, placeholder, disabled, readOnly, autoFocus, minRows, ariaLabel, className, }: MarkdownEditorProps): React.JSX.Element;
+//# sourceMappingURL=markdown-editor.d.ts.map

package/dist/esm/components/form/controls/code-editor/markdown-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-editor.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/code-editor/markdown-editor.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAKtE,wBAAgB,6BAA6B,CAAC,EAC5C,KAAK,EACL,QAAQ,EACR,MAAM,EACN,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,OAAW,EACX,SAAS,EACT,SAAS,GACV,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgCzC"}

package/dist/esm/components/form/controls/code-editor/markdown-editor.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn, useUI } from "@wildo-ai/saas-frontend-lib";
+import { FormControlVariant, UIBehavior } from "@wildo-ai/presets-components-models";
+import { CM6EditorLazy } from "./cm6-editor.lazy.js";
+import { CM6EditorAppearance } from "./cm6-editor-appearance.js";
+export function MarkdownEditor_Preset_Default({ value, onChange, onBlur, placeholder, disabled, readOnly, autoFocus, minRows = 6, ariaLabel, className, }) {
+    const { getRecipe } = useUI();
+    const recipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT);
+    return (_jsx("div", { "data-slot": "markdown-editor", "data-disabled": disabled || undefined, className: cn("w-full px-card-sm py-card-sm", recipe.base, recipe.motion.transition, "focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]", disabled && "pointer-events-none opacity-[var(--opacity-disabled)]", className), children: _jsx(CM6EditorLazy, { appearance: CM6EditorAppearance.PROSE, value: value, onChange: onChange, onBlur: onBlur, language: "markdown", placeholder: placeholder, disabled: disabled, readOnly: readOnly, autoFocus: autoFocus, minRows: minRows, "aria-label": ariaLabel }) }));
+}
+//# sourceMappingURL=markdown-editor.js.map

package/dist/esm/components/form/controls/code-editor/markdown-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-editor.js","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/code-editor/markdown-editor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAeZ,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AAEvD,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AACpF,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAE7D,MAAM,UAAU,6BAA6B,CAAC,EAC5C,KAAK,EACL,QAAQ,EACR,MAAM,EACN,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,CAAC,EACX,SAAS,EACT,SAAS,GACW;IACpB,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,YAAY,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAA;IAE7E,OAAO,CACL,2BACY,iBAAiB,mBACZ,QAAQ,IAAI,SAAS,EACpC,SAAS,EAAE,EAAE,CACX,8BAA8B,EAC9B,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,MAAM,CAAC,UAAU,EACxB,4EAA4E,EAC5E,QAAQ,IAAI,uDAAuD,EACnE,SAAS,CACV,YAED,KAAC,aAAa,IACZ,UAAU,EAAE,mBAAmB,CAAC,KAAK,EACrC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAC,UAAU,EACnB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,gBACJ,SAAS,GACrB,GACE,CACP,CAAA;AACH,CAAC","sourcesContent":["\"use client\"\n\n/**\n * MarkdownEditor DEFAULT preset — markdown SOURCE editing on the shared\n * CodeMirror 6 core (`CM6EditorLazy`; the heavy payload stays behind the lazy\n * boundary and is fetched only when a markdown field renders in edit mode).\n *\n * The container wears the same FORM_CONTROL recipe as the Textarea preset so a\n * markdown field is visually a first-class form control in every theme; focus\n * is surfaced on the WRAPPER (`focus-within`, the composed-row pattern) because\n * the recipe's `focus-visible:` classes cannot fire on CM6's inner\n * contenteditable.\n */\n\nimport * as React from \"react\"\nimport { cn, useUI } from \"@wildo-ai/saas-frontend-lib\"\nimport type { MarkdownEditorProps } from \"@wildo-ai/saas-frontend-lib\"\nimport { FormControlVariant, UIBehavior } from \"@wildo-ai/presets-components-models\"\nimport { CM6EditorLazy } from \"./cm6-editor.lazy\"\nimport { CM6EditorAppearance } from \"./cm6-editor-appearance\"\n\nexport function MarkdownEditor_Preset_Default({\n  value,\n  onChange,\n  onBlur,\n  placeholder,\n  disabled,\n  readOnly,\n  autoFocus,\n  minRows = 6,\n  ariaLabel,\n  className,\n}: MarkdownEditorProps): React.JSX.Element {\n  const { getRecipe } = useUI()\n  const recipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT)\n\n  return (\n    <div\n      data-slot=\"markdown-editor\"\n      data-disabled={disabled || undefined}\n      className={cn(\n        \"w-full px-card-sm py-card-sm\",\n        recipe.base,\n        recipe.motion.transition,\n        \"focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]\",\n        disabled && \"pointer-events-none opacity-[var(--opacity-disabled)]\",\n        className,\n      )}\n    >\n      <CM6EditorLazy\n        appearance={CM6EditorAppearance.PROSE}\n        value={value}\n        onChange={onChange}\n        onBlur={onBlur}\n        language=\"markdown\"\n        placeholder={placeholder}\n        disabled={disabled}\n        readOnly={readOnly}\n        autoFocus={autoFocus}\n        minRows={minRows}\n        aria-label={ariaLabel}\n      />\n    </div>\n  )\n}\n"]}

package/dist/esm/components/form/controls/date-time/calendar.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { CalendarProps, CalendarDayButtonProps } from '@wildo-ai/saas-frontend-lib';
+import { CalendarProps, CalendarDayButtonProps } from '@wildo-ai/saas-frontend-lib';
 declare const Calendar: React.ForwardRefExoticComponent<Omit<CalendarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare function CalendarDayButton({ className, day, modifiers, ...props }: CalendarDayButtonProps): React.JSX.Element;
 export { Calendar, CalendarDayButton };

package/dist/esm/components/form/controls/date-time/calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/controls/date-time/calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAuBxF,QAAA,MAAM,QAAQ,mGAiLZ,CAAA;AAoBF,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsD5C;AAID,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/form/controls/date-time/calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EACL,aAAa,EACb,sBAAsB,EASvB,MAAM,6BAA6B,CAAC;AAmBrC,QAAA,MAAM,QAAQ,mGAiLZ,CAAA;AAwCF,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsD5C;AAID,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAA"}