@reforma/components 0.0.0-stage → 0.1.0

package/dist/CodeHighlighter/CodeHighlighterDefaults.js

@@ -0,0 +1,22 @@
+import { createContext as o, use as i } from "react";
+import { jsx as l } from "react/jsx-runtime";
+const e = /* @__PURE__ */ o(null);
+function f() {
+  return i(e);
+}
+function u({
+  value: t,
+  children: r
+}) {
+  return /* @__PURE__ */ l(e, {
+    value: t,
+    children: r
+  });
+}
+u.displayName = "CodeHighlighterDefaultsProvider";
+export {
+  e as CodeHighlighterDefaultsContext,
+  u as CodeHighlighterDefaultsProvider,
+  f as useCodeHighlighterDefaults
+};
+//# sourceMappingURL=CodeHighlighterDefaults.js.map

package/dist/CodeHighlighter/CodeHighlighterDefaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeHighlighterDefaults.js","sources":["../../src/CodeHighlighter/CodeHighlighterDefaults.tsx"],"sourcesContent":["import { createContext, use, type ReactNode } from 'react';\n\nimport type { ShikiHighlighterProps } from 'react-shiki';\n\n/**\n * Optional defaults for every {@link CodeHighlighter} under {@link CodeHighlighterDefaultsProvider}.\n * Explicit props on {@link CodeHighlighter} always win.\n */\nexport type CodeHighlighterDefaults = {\n    theme?: ShikiHighlighterProps['theme'] | 'dark' | 'light';\n    showLanguage?: boolean;\n    /** Strip shared leading indent from multi-line `code` before highlight (narrow panels, excerpts). */\n    dedent?: boolean;\n    preloadLanguages?: ShikiHighlighterProps['preloadLanguages'];\n};\n\nexport const CodeHighlighterDefaultsContext = createContext<CodeHighlighterDefaults | null>(null);\n\n/** Resolved defaults from the nearest {@link CodeHighlighterDefaultsProvider}, or `null`. */\nexport function useCodeHighlighterDefaults(): CodeHighlighterDefaults | null {\n    return use(CodeHighlighterDefaultsContext);\n}\n\nexport function CodeHighlighterDefaultsProvider({\n    value,\n    children,\n}: {\n    value: CodeHighlighterDefaults;\n    children: ReactNode;\n}) {\n    return (\n        <CodeHighlighterDefaultsContext value={ value }>\n            { children }\n        </CodeHighlighterDefaultsContext>\n    );\n}\n\nCodeHighlighterDefaultsProvider.displayName = 'CodeHighlighterDefaultsProvider';\n"],"names":["CodeHighlighterDefaultsContext","useCodeHighlighterDefaults","use","CodeHighlighterDefaultsProvider","value","children"],"mappings":";;AAOO,MAAMA,sBAA4D,IAAI;AAGtE,SAASC,IAA6B;AAC3C,SAAOC,EAAIF,CAA8B;AAC3C;AACO,SAASG,EAAgC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AACF,GAAG;AACD,2BAAyBL,GAAgC;AAAA,IACvD,OAAAI;AAAA,IACA,UAAAC;AAAA,EAAA,CACD;AACH;AACAF,EAAgC,cAAc;"}

package/dist/CodeHighlighter/index.d.ts

@@ -0,0 +1,5 @@
+export { CodeHighlighter } from './CodeHighlighter';
+export * from './CodeHighlighterDefaults';
+export * from './transformers';
+export type { CodeHighlighterProps } from './CodeHighlighter';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CodeHighlighter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gBAAgB,CAAC;AAC/B,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/CodeHighlighter/index.js

@@ -0,0 +1,12 @@
+import { CodeHighlighter as o } from "./CodeHighlighter.js";
+import { CodeHighlighterDefaultsContext as i, CodeHighlighterDefaultsProvider as f, useCodeHighlighterDefaults as g } from "./CodeHighlighterDefaults.js";
+import { transformerNotationDiff as l, transformerNotationHighlight as a } from "./transformers/transformerNotation.js";
+export {
+  o as CodeHighlighter,
+  i as CodeHighlighterDefaultsContext,
+  f as CodeHighlighterDefaultsProvider,
+  l as transformerNotationDiff,
+  a as transformerNotationHighlight,
+  g as useCodeHighlighterDefaults
+};
+//# sourceMappingURL=index.js.map

package/dist/CodeHighlighter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/CodeHighlighter/transformers/index.d.ts

@@ -0,0 +1,2 @@
+export { transformerNotationDiff, transformerNotationHighlight } from './transformerNotation';
+//# sourceMappingURL=index.d.ts.map

package/dist/CodeHighlighter/transformers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/CodeHighlighter/transformers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,4BAA4B,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/CodeHighlighter/transformers/index.js

@@ -0,0 +1,6 @@
+import { transformerNotationDiff as t, transformerNotationHighlight as f } from "./transformerNotation.js";
+export {
+  t as transformerNotationDiff,
+  f as transformerNotationHighlight
+};
+//# sourceMappingURL=index.js.map

package/dist/CodeHighlighter/transformers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/CodeHighlighter/transformers/transformerNotation.d.ts

@@ -0,0 +1,25 @@
+import type { ShikiTransformer } from '@shikijs/types';
+type NotationDiffOptions = {
+    classLineAdd?: string;
+    classLineRemove?: string;
+    classActivePre?: string;
+    classActiveCode?: string;
+};
+/**
+ * `[!code ++]` / `[!code --]` on **raw source** (after `//`), then strip before highlight.
+ * Prefer this over `@shikijs/transformers` `transformerNotationDiff` when comment tokenization
+ * would drop or miss markers (JSDoc, empty lines, etc.). For the upstream implementation,
+ * import `transformerNotationDiff` from `@shikijs/transformers` directly.
+ */
+export declare function transformerNotationDiff(options?: NotationDiffOptions): ShikiTransformer;
+type NotationHighlightOptions = {
+    classActiveLine?: string;
+    classActivePre?: string;
+    classActiveCode?: string;
+};
+/**
+ * `[!code highlight]` / `[!code hl]` on raw source (after `//`)
+ */
+export declare function transformerNotationHighlight(options?: NotationHighlightOptions): ShikiTransformer;
+export {};
+//# sourceMappingURL=transformerNotation.d.ts.map

package/dist/CodeHighlighter/transformers/transformerNotation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformerNotation.d.ts","sourceRoot":"","sources":["../../../src/CodeHighlighter/transformers/transformerNotation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAyFvD,KAAK,mBAAmB,GAAG;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,GAAE,mBAAwB,GAAG,gBAAgB,CAkD3F;AAED,KAAK,wBAAwB,GAAG;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,OAAO,GAAE,wBAA6B,GAAG,gBAAgB,CAuDrG"}

package/dist/CodeHighlighter/transformers/transformerNotation.js

@@ -0,0 +1,107 @@
+const d = "_reformaNotationDiff", u = "_reformaNotationHighlight";
+const p = /\/\/\s*#?\s*\[!code\s*(\+\+|--)(:(\d+))?\]/gi, y = /\/\/\s*#?\s*\[!code\s*(highlight|hl)(:(\d+))?\]/gi;
+function L(s, a, i) {
+  let e = s.get(a);
+  e || (e = /* @__PURE__ */ new Set(), s.set(a, e));
+  for (const t of i)
+    e.add(t);
+}
+function H(s, a, i) {
+  const e = /* @__PURE__ */ new Map();
+  let t = !1;
+  return {
+    code: s.split(/\r?\n/).map((r, o) => {
+      const l = o + 1, m = new RegExp(a.source, a.flags);
+      return r.replace(m, (P, R, D, g) => {
+        t = !0;
+        let h = 1;
+        g != null && g !== "" && (h = Number.parseInt(g, 10));
+        const C = Number.isFinite(h) && h > 0 ? h : 1, T = i(R.toLowerCase(), C, l);
+        for (let A = 0; A < C; A++)
+          L(e, l + A, T);
+        return "";
+      });
+    }).join(`
+`),
+    lineClasses: e,
+    hasAny: t
+  };
+}
+function v(s) {
+  const a = {};
+  for (const [i, e] of s)
+    a[i] = [...e];
+  return a;
+}
+function _(s, a, i) {
+  const e = s.meta ??= {};
+  e[a] = i;
+}
+function f(s, a) {
+  return s.options?.meta?.[a];
+}
+function E(s = {}) {
+  const a = s.classLineAdd ?? "diff add", i = s.classLineRemove ?? "diff remove", e = s.classActivePre ?? "has-diff", t = s.classActiveCode;
+  return {
+    name: "reforma:notation-diff",
+    preprocess(n, c) {
+      const {
+        code: r,
+        lineClasses: o,
+        hasAny: l
+      } = H(n, p, (m) => m === "++" ? [a] : [i]);
+      return _(c, d, {
+        lines: v(o),
+        hasAny: l
+      }), r || "​";
+    },
+    line(n, c) {
+      const o = f(this, d)?.lines[c];
+      if (o)
+        for (const l of o)
+          this.addClassToHast(n, l);
+      return n;
+    },
+    pre(n) {
+      return f(this, d)?.hasAny && e && this.addClassToHast(n, e), n;
+    },
+    code(n) {
+      return f(this, d)?.hasAny && t && this.addClassToHast(n, t), n;
+    }
+  };
+}
+function I(s = {}) {
+  const a = s.classActiveLine ?? "highlighted", i = s.classActivePre ?? "has-highlighted", e = s.classActiveCode;
+  return {
+    name: "reforma:notation-highlight",
+    preprocess(t, n) {
+      const {
+        code: c,
+        lineClasses: r,
+        hasAny: o
+      } = H(t, y, (l) => l === "highlight" || l === "hl" ? [a] : []);
+      return _(n, u, {
+        lines: v(r),
+        hasAny: o
+      }), c || "​";
+    },
+    line(t, n) {
+      const r = f(this, u)?.lines[n];
+      if (r)
+        for (const o of r)
+          this.addClassToHast(t, o);
+      return t;
+    },
+    pre(t) {
+      return f(this, u)?.hasAny && i && this.addClassToHast(t, i), t;
+    },
+    code(t) {
+      return f(this, u)?.hasAny && e && this.addClassToHast(t, e), t;
+    }
+  };
+}
+export {
+  E as transformerNotationDiff,
+  I as transformerNotationHighlight
+};
+//# sourceMappingURL=transformerNotation.js.map

package/dist/CodeHighlighter/transformers/transformerNotation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformerNotation.js","sources":["../../../src/CodeHighlighter/transformers/transformerNotation.ts"],"sourcesContent":["import type { ShikiTransformer } from '@shikijs/types';\n\n/** Serialized in `options.meta` between preprocess and line/pre hooks. */\ntype NotationMeta = {\n    /** 1-based line index → class names */\n    lines: Record<number, string[]>;\n    hasAny: boolean;\n};\n\nconst metaKeyDiff = '_reformaNotationDiff';\nconst metaKeyHighlight = '_reformaNotationHighlight';\nconst ZERO_WIDTH_SPACE = '\\u200B';\n\n// Require `//` before the marker so `[!code ++]` inside string literals is not stripped.\n// (Upstream @shikijs/transformers parses comment tokens; we approximate with this prefix.)\nconst RE_DIFF = /\\/\\/\\s*#?\\s*\\[!code\\s*(\\+\\+|--)(:(\\d+))?\\]/gi;\nconst RE_HIGHLIGHT = /\\/\\/\\s*#?\\s*\\[!code\\s*(highlight|hl)(:(\\d+))?\\]/gi;\n\nfunction mergeLineClasses(\n    target: Map<number, Set<string>>,\n    lineNum: number,\n    classes: string[]\n): void {\n    let set = target.get(lineNum);\n\n    if (!set) {\n        set = new Set();\n        target.set(lineNum, set);\n    }\n\n    for (const c of classes) {\n        set.add(c);\n    }\n}\n\nfunction stripWithSpans(\n    code: string,\n    re: RegExp,\n    lineClass: (kind: string, span: number, lineNum: number) => string[]\n): { code: string; lineClasses: Map<number, Set<string>>; hasAny: boolean } {\n    const lineClasses = new Map<number, Set<string>>();\n    let hasAny = false;\n    const lines = code.split(/\\r?\\n/);\n    const out = lines.map((line, i) => {\n        const lineNum = i + 1;\n        const lineRe = new RegExp(re.source, re.flags);\n\n        return line.replace(lineRe, (_full, kind: string, _colonPart: string | undefined, spanStr: string | undefined) => {\n            hasAny = true;\n            let spanRaw = 1;\n\n            if (spanStr != null && spanStr !== '') {\n                spanRaw = Number.parseInt(spanStr, 10);\n            }\n\n            const span = (Number.isFinite(spanRaw) && spanRaw > 0) ? spanRaw : 1;\n            const classes = lineClass(kind.toLowerCase(), span, lineNum);\n\n            for (let j = 0; j < span; j++) {\n                mergeLineClasses(lineClasses, lineNum + j, classes);\n            }\n\n            return '';\n        });\n    });\n\n    return { code: out.join('\\n'), lineClasses, hasAny };\n}\n\nfunction lineClassesToRecord(map: Map<number, Set<string>>): Record<number, string[]> {\n    const lines: Record<number, string[]> = {};\n\n    for (const [k, set] of map) {\n        lines[k] = [...set];\n    }\n\n    return lines;\n}\n\nfunction attachMeta(options: { meta?: Record<string, unknown> }, key: string, meta: NotationMeta): void {\n    const bag = options.meta ??= {};\n\n    bag[key] = meta;\n}\n\nfunction readMeta(ctx: { options?: { meta?: Record<string, unknown> } }, key: string): NotationMeta | undefined {\n    return ctx.options?.meta?.[key] as NotationMeta | undefined;\n}\n\ntype NotationDiffOptions = {\n    classLineAdd?: string;\n    classLineRemove?: string;\n    classActivePre?: string;\n    classActiveCode?: string;\n};\n\n/**\n * `[!code ++]` / `[!code --]` on **raw source** (after `//`), then strip before highlight.\n * Prefer this over `@shikijs/transformers` `transformerNotationDiff` when comment tokenization\n * would drop or miss markers (JSDoc, empty lines, etc.). For the upstream implementation,\n * import `transformerNotationDiff` from `@shikijs/transformers` directly.\n */\nexport function transformerNotationDiff(options: NotationDiffOptions = {}): ShikiTransformer {\n    const classLineAdd = options.classLineAdd ?? 'diff add';\n    const classLineRemove = options.classLineRemove ?? 'diff remove';\n    const classActivePre = options.classActivePre ?? 'has-diff';\n    const classActiveCode = options.classActiveCode;\n\n    return {\n        name: 'reforma:notation-diff',\n        preprocess(code, opts) {\n            const { code: next, lineClasses, hasAny } = stripWithSpans(\n                code,\n                RE_DIFF,\n                kind => (kind === '++' ? [classLineAdd] : [classLineRemove])\n            );\n\n            attachMeta(opts, metaKeyDiff, { lines: lineClassesToRecord(lineClasses), hasAny });\n\n            return next || ZERO_WIDTH_SPACE;\n        },\n        line(node, lineNumber) {\n            const meta = readMeta(this, metaKeyDiff);\n            const list = meta?.lines[lineNumber];\n\n            if (list) {\n                for (const c of list) {\n                    this.addClassToHast(node, c);\n                }\n            }\n\n            return node;\n        },\n        pre(pre) {\n            const meta = readMeta(this, metaKeyDiff);\n\n            if (meta?.hasAny && classActivePre) {\n                this.addClassToHast(pre, classActivePre);\n            }\n\n            return pre;\n        },\n        code(codeEl) {\n            const meta = readMeta(this, metaKeyDiff);\n\n            if (meta?.hasAny && classActiveCode) {\n                this.addClassToHast(codeEl, classActiveCode);\n            }\n\n            return codeEl;\n        },\n    };\n}\n\ntype NotationHighlightOptions = {\n    classActiveLine?: string;\n    classActivePre?: string;\n    classActiveCode?: string;\n};\n\n/**\n * `[!code highlight]` / `[!code hl]` on raw source (after `//`)\n */\nexport function transformerNotationHighlight(options: NotationHighlightOptions = {}): ShikiTransformer {\n    const classActiveLine = options.classActiveLine ?? 'highlighted';\n    const classActivePre = options.classActivePre ?? 'has-highlighted';\n    const classActiveCode = options.classActiveCode;\n\n    return {\n        name: 'reforma:notation-highlight',\n        preprocess(code, opts) {\n            const { code: next, lineClasses, hasAny } = stripWithSpans(\n                code,\n                RE_HIGHLIGHT,\n                (kind) => {\n                    if (kind === 'highlight' || kind === 'hl') {\n                        return [classActiveLine];\n                    }\n\n                    return [];\n                }\n            );\n\n            attachMeta(opts, metaKeyHighlight, { lines: lineClassesToRecord(lineClasses), hasAny });\n\n            return next || ZERO_WIDTH_SPACE;\n        },\n        line(node, lineNumber) {\n            const meta = readMeta(this, metaKeyHighlight);\n            const list = meta?.lines[lineNumber];\n\n            if (list) {\n                for (const c of list) {\n                    this.addClassToHast(node, c);\n                }\n            }\n\n            return node;\n        },\n        pre(pre) {\n            const meta = readMeta(this, metaKeyHighlight);\n\n            if (meta?.hasAny && classActivePre) {\n                this.addClassToHast(pre, classActivePre);\n            }\n\n            return pre;\n        },\n        code(codeEl) {\n            const meta = readMeta(this, metaKeyHighlight);\n\n            if (meta?.hasAny && classActiveCode) {\n                this.addClassToHast(codeEl, classActiveCode);\n            }\n\n            return codeEl;\n        },\n    };\n}\n"],"names":["metaKeyDiff","metaKeyHighlight","RE_DIFF","RE_HIGHLIGHT","mergeLineClasses","target","lineNum","classes","set","c","stripWithSpans","code","re","lineClass","lineClasses","hasAny","line","i","lineRe","_full","kind","_colonPart","spanStr","spanRaw","span","j","lineClassesToRecord","map","lines","k","attachMeta","options","key","meta","bag","readMeta","ctx","transformerNotationDiff","classLineAdd","classLineRemove","classActivePre","classActiveCode","opts","next","node","lineNumber","list","pre","codeEl","transformerNotationHighlight","classActiveLine"],"mappings":"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"}

package/dist/CodeTextarea/CodeTextarea.d.ts

@@ -0,0 +1,49 @@
+import { type ReactNode, type Ref } from 'react';
+import type { BasicSetupOptions, Extension, ReactCodeMirrorRef } from '@uiw/react-codemirror';
+export type CodeTextareaVariant = 'filled' | 'bordered' | 'transparent' | 'inline';
+export type CodeTextareaSize = 'sm' | 'md' | 'lg';
+export interface CodeTextareaProps {
+    variant?: CodeTextareaVariant;
+    size?: CodeTextareaSize;
+    /**
+     * When true (default), editor height grows with content.
+     * When false, height is fixed from `rows` (or `height`).
+     */
+    autoResize?: boolean;
+    /** Minimum visible lines when autoResize; fixed lines when not. */
+    rows?: number;
+    /** Explicit CodeMirror height. Overrides autoResize / rows when set. */
+    height?: string;
+    maxHeight?: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    className?: string;
+    /** Classes on the CodeMirror host element. */
+    editorClassName?: string;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    isReadOnly?: boolean;
+    autoFocus?: boolean;
+    /** Extra CodeMirror extensions (languages, keymap, etc.). */
+    extensions?: Extension[];
+    /** Soft-wrap long lines (default). Set false for horizontal scroll (e.g. expressions). */
+    lineWrapping?: boolean;
+    /**
+     * Override default textarea-like basicSetup.
+     * Object values are merged on top of the textarea-like defaults.
+     */
+    basicSetup?: boolean | BasicSetupOptions;
+    indentWithTab?: boolean;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    ref?: Ref<ReactCodeMirrorRef | null>;
+    /** Top-end control inside the field (e.g. jump-to-source). */
+    endAction?: ReactNode;
+}
+export declare function CodeTextarea({ variant, size, autoResize, rows, height: heightProp, maxHeight, value, defaultValue, onChange, placeholder, className, editorClassName, isDisabled, isInvalid, isReadOnly, autoFocus, extensions, lineWrapping, basicSetup, indentWithTab, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ref, endAction, }: CodeTextareaProps): import("react").JSX.Element;
+export declare namespace CodeTextarea {
+    var displayName: string;
+}
+//# sourceMappingURL=CodeTextarea.d.ts.map

package/dist/CodeTextarea/CodeTextarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeTextarea.d.ts","sourceRoot":"","sources":["../../src/CodeTextarea/CodeTextarea.tsx"],"names":[],"mappings":"AACA,OAAO,EAQH,KAAK,SAAS,EACd,KAAK,GAAG,EACX,MAAM,OAAO,CAAC;AAaf,OAAO,KAAK,EACR,iBAAiB,EACjB,SAAS,EACT,kBAAkB,EACrB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,UAAU,GAAG,aAAa,GAAG,QAAQ,CAAC;AACnF,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAsBlD,MAAM,WAAW,iBAAiB;IAC9B,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mEAAmE;IACnE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,0FAA0F;IAC1F,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IACzC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,GAAG,CAAC,EAAE,GAAG,CAAC,kBAAkB,GAAG,IAAI,CAAC,CAAC;IACrC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,SAAS,CAAC;CACzB;AAmHD,wBAAgB,YAAY,CAAC,EACzB,OAAkB,EAClB,IAAW,EACX,UAAiB,EACjB,IAAQ,EACR,MAAM,EAAE,UAAU,EAClB,SAAS,EACT,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,SAAS,EACT,eAAe,EACf,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,YAAmB,EACnB,UAAU,EACV,aAAoB,EACpB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,GAAG,EACH,SAAS,GACZ,EAAE,iBAAiB,+BA+HnB;yBAxJe,YAAY"}

package/dist/CodeTextarea/CodeTextarea.js

@@ -0,0 +1,223 @@
+import { cn as z, mergeRefs as I } from "@reforma/lib";
+import { useRef as O, useState as W, useCallback as U, useMemo as D, Suspense as L, lazy as ee } from "react";
+import { Group as re } from "react-aria-components";
+import { elementScrollAxisSource as _ } from "../Scrollable/scrollAxisSource.js";
+import { ScrollChromeBars as oe } from "../Scrollable/ScrollChromeBars.js";
+import { ScrollChromeRoot as te } from "../Scrollable/ScrollChromeRoot.js";
+import { useScrollChrome as le } from "../Scrollable/useScrollChrome.js";
+import { Show as B } from "../Show/Show.js";
+import g from "./CodeTextarea.module.css.js";
+import { jsx as o, jsxs as X } from "react/jsx-runtime";
+const $ = {
+  lineNumbers: !1,
+  highlightActiveLineGutter: !1,
+  foldGutter: !1,
+  dropCursor: !1,
+  allowMultipleSelections: !1,
+  indentOnInput: !0,
+  bracketMatching: !0,
+  closeBrackets: !0,
+  autocompletion: !1,
+  rectangularSelection: !1,
+  crosshairCursor: !1,
+  highlightActiveLine: !1,
+  highlightSelectionMatches: !1,
+  searchKeymap: !1,
+  foldKeymap: !1,
+  completionKeymap: !1,
+  lintKeymap: !1
+};
+function ae(r) {
+  return r === void 0 ? $ : typeof r == "boolean" ? r : {
+    ...$,
+    ...r
+  };
+}
+const ne = /* @__PURE__ */ ee(async () => {
+  const {
+    default: r,
+    EditorView: S
+  } = await import("@uiw/react-codemirror");
+  function t({
+    editorRef: y,
+    className: b,
+    doc: l,
+    autoResize: c,
+    maxHeight: E,
+    autoFocus: M,
+    placeholder: k,
+    isDisabled: P,
+    isReadOnly: v,
+    indentWithTab: C,
+    basicSetup: w,
+    lineWrapping: i,
+    extensions: s,
+    ariaLabel: n,
+    ariaLabelledBy: a,
+    isInvalid: f,
+    onCreateEditor: K,
+    onChange: N,
+    isUncontrolled: T,
+    uncontrolledRef: A
+  }) {
+    const m = D(() => {
+      const e = [];
+      return i && e.push(S.lineWrapping), (n || a || f) && e.push(S.contentAttributes.of({
+        ...n ? {
+          "aria-label": n
+        } : {},
+        ...a ? {
+          "aria-labelledby": a
+        } : {},
+        ...f ? {
+          "aria-invalid": "true"
+        } : {}
+      })), s && e.push(...s), e;
+    }, [n, a, f, s, i]);
+    return /* @__PURE__ */ o(r, {
+      ref: y,
+      className: b,
+      value: l,
+      theme: "none",
+      height: c ? "auto" : "100%",
+      maxHeight: c ? E : "100%",
+      width: "100%",
+      autoFocus: M,
+      placeholder: k,
+      editable: !P,
+      readOnly: v,
+      indentWithTab: C,
+      basicSetup: w,
+      extensions: m,
+      onCreateEditor: K,
+      onChange: (e) => {
+        T && (A.current = e), N?.(e);
+      }
+    });
+  }
+  return {
+    default: t
+  };
+});
+function ce({
+  variant: r = "filled",
+  size: S = "md",
+  autoResize: t = !0,
+  rows: y = 1,
+  height: b,
+  maxHeight: l,
+  value: c,
+  defaultValue: E,
+  onChange: M,
+  placeholder: k,
+  className: P,
+  editorClassName: v,
+  isDisabled: C,
+  isInvalid: w,
+  isReadOnly: i,
+  autoFocus: s,
+  extensions: n,
+  lineWrapping: a = !0,
+  basicSetup: f,
+  indentWithTab: K = !0,
+  "aria-label": N,
+  "aria-labelledby": T,
+  ref: A,
+  endAction: m
+}) {
+  const e = O(null), G = O(E ?? ""), q = c ?? G.current, V = Math.max(1, y), [R, F] = W(null), d = !!l || !t, u = !a, x = U(() => R, [R]), J = D(() => d ? _(x, "vertical") : null, [x, d]), Q = D(() => u ? _(x, "horizontal") : null, [x, u]), h = le({
+    verticalSource: J,
+    horizontalSource: Q,
+    sourceKey: R
+  }), j = b ?? (t ? "auto" : `calc(var(--reforma-textarea-line-height, var(--leading-md)) * ${V} + var(--reforma-textarea-padding-block) * 2)`), Y = {
+    "--reforma-textarea-min-rows": V,
+    ...l ? {
+      "--reforma-code-textarea-max-height": l
+    } : {},
+    ...!t && j !== "auto" ? {
+      "--reforma-code-textarea-height": j
+    } : {}
+  }, Z = U((p) => {
+    F(p.scrollDOM);
+  }, []), H = /* @__PURE__ */ o(L, {
+    fallback: /* @__PURE__ */ o("div", {
+      className: z(g.editor, v)
+    }),
+    children: /* @__PURE__ */ o(
+      ne,
+      {
+        editorRef: I(e, A),
+        className: z(g.editor, v),
+        doc: q,
+        autoResize: t,
+        maxHeight: l,
+        autoFocus: s,
+        placeholder: k,
+        isDisabled: C,
+        isReadOnly: i,
+        indentWithTab: K,
+        basicSetup: ae(f),
+        lineWrapping: a,
+        extensions: n,
+        ariaLabel: N,
+        ariaLabelledBy: T,
+        isInvalid: w,
+        onCreateEditor: Z,
+        onChange: M,
+        isUncontrolled: c === void 0,
+        uncontrolledRef: G
+      }
+    )
+  });
+  return /* @__PURE__ */ X(re, {
+    className: z(g.field, P),
+    "data-variant": r,
+    "data-size": S,
+    "data-autoresize": t ? "true" : "false",
+    "data-max-height": l ? "" : void 0,
+    "data-end-action": m ? "" : void 0,
+    isDisabled: C,
+    isReadOnly: i,
+    isInvalid: w,
+    "data-modal-drag-exclude": !0,
+    onClick: () => {
+      e.current?.view?.focus();
+    },
+    style: Y,
+    children: [/* @__PURE__ */ o(B, {
+      when: d || u,
+      fallback: H,
+      children: /* @__PURE__ */ X(te, {
+        rootRef: h.rootRef,
+        className: g.scrollChrome,
+        vertical: d,
+        horizontal: u,
+        rootPointerHandlers: h.rootPointerHandlers,
+        children: [H, /* @__PURE__ */ o(oe, {
+          vertical: d,
+          horizontal: u,
+          setScrollbarV: h.setScrollbarV,
+          setScrollbarH: h.setScrollbarH,
+          onPointerDown: h.handlePointerDown
+        })]
+      })
+    }), /* @__PURE__ */ o(B, {
+      when: m,
+      children: /* @__PURE__ */ o("span", {
+        className: g.endAction,
+        onClick: (p) => {
+          p.stopPropagation();
+        },
+        onPointerDown: (p) => {
+          p.stopPropagation();
+        },
+        children: m
+      })
+    })]
+  });
+}
+ce.displayName = "CodeTextarea";
+export {
+  ce as CodeTextarea
+};
+//# sourceMappingURL=CodeTextarea.js.map

package/dist/CodeTextarea/CodeTextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeTextarea.js","sources":["../../src/CodeTextarea/CodeTextarea.tsx"],"sourcesContent":["import { cn, mergeRefs } from '@reforma/lib';\nimport {\n    lazy,\n    Suspense,\n    useCallback,\n    useMemo,\n    useRef,\n    useState,\n    type CSSProperties,\n    type ReactNode,\n    type Ref,\n} from 'react';\nimport { Group } from 'react-aria-components';\n\nimport {\n    elementScrollAxisSource,\n    ScrollChromeBars,\n    ScrollChromeRoot,\n    useScrollChrome,\n} from '../Scrollable';\nimport { Show } from '../Show';\nimport styles from './CodeTextarea.module.css';\n\nimport type { EditorView as CodeMirrorEditorView } from '@codemirror/view';\nimport type {\n    BasicSetupOptions,\n    Extension,\n    ReactCodeMirrorRef,\n} from '@uiw/react-codemirror';\n\nexport type CodeTextareaVariant = 'filled' | 'bordered' | 'transparent' | 'inline';\nexport type CodeTextareaSize = 'sm' | 'md' | 'lg';\n\nconst TEXTAREA_LIKE_SETUP: BasicSetupOptions = {\n    lineNumbers: false,\n    highlightActiveLineGutter: false,\n    foldGutter: false,\n    dropCursor: false,\n    allowMultipleSelections: false,\n    indentOnInput: true,\n    bracketMatching: true,\n    closeBrackets: true,\n    autocompletion: false,\n    rectangularSelection: false,\n    crosshairCursor: false,\n    highlightActiveLine: false,\n    highlightSelectionMatches: false,\n    searchKeymap: false,\n    foldKeymap: false,\n    completionKeymap: false,\n    lintKeymap: false,\n};\n\nexport interface CodeTextareaProps {\n    variant?: CodeTextareaVariant;\n    size?: CodeTextareaSize;\n    /**\n     * When true (default), editor height grows with content.\n     * When false, height is fixed from `rows` (or `height`).\n     */\n    autoResize?: boolean;\n    /** Minimum visible lines when autoResize; fixed lines when not. */\n    rows?: number;\n    /** Explicit CodeMirror height. Overrides autoResize / rows when set. */\n    height?: string;\n    maxHeight?: string;\n    value?: string;\n    defaultValue?: string;\n    onChange?: (value: string) => void;\n    placeholder?: string;\n    className?: string;\n    /** Classes on the CodeMirror host element. */\n    editorClassName?: string;\n    isDisabled?: boolean;\n    isInvalid?: boolean;\n    isReadOnly?: boolean;\n    autoFocus?: boolean;\n    /** Extra CodeMirror extensions (languages, keymap, etc.). */\n    extensions?: Extension[];\n    /** Soft-wrap long lines (default). Set false for horizontal scroll (e.g. expressions). */\n    lineWrapping?: boolean;\n    /**\n     * Override default textarea-like basicSetup.\n     * Object values are merged on top of the textarea-like defaults.\n     */\n    basicSetup?: boolean | BasicSetupOptions;\n    indentWithTab?: boolean;\n    'aria-label'?: string;\n    'aria-labelledby'?: string;\n    ref?: Ref<ReactCodeMirrorRef | null>;\n    /** Top-end control inside the field (e.g. jump-to-source). */\n    endAction?: ReactNode;\n}\n\nfunction resolveBasicSetup(basicSetup: boolean | BasicSetupOptions | undefined): boolean | BasicSetupOptions {\n    if (basicSetup === undefined) {\n        return TEXTAREA_LIKE_SETUP;\n    }\n\n    if (typeof basicSetup === 'boolean') {\n        return basicSetup;\n    }\n\n    return { ...TEXTAREA_LIKE_SETUP, ...basicSetup };\n}\n\ntype CodeTextareaMirrorProps = {\n    editorRef: Ref<ReactCodeMirrorRef | null>;\n    className?: string;\n    doc: string;\n    autoResize: boolean;\n    maxHeight?: string;\n    autoFocus?: boolean;\n    placeholder?: string;\n    isDisabled?: boolean;\n    isReadOnly?: boolean;\n    indentWithTab: boolean;\n    basicSetup: boolean | BasicSetupOptions;\n    lineWrapping: boolean;\n    extensions?: Extension[];\n    ariaLabel?: string;\n    ariaLabelledBy?: string;\n    isInvalid?: boolean;\n    onCreateEditor: (view: CodeMirrorEditorView) => void;\n    onChange?: (value: string) => void;\n    isUncontrolled: boolean;\n    uncontrolledRef: { current: string };\n};\n\nconst CodeTextareaMirror = lazy(async() => {\n    const { default: CodeMirror, EditorView } = await import('@uiw/react-codemirror');\n\n    function Mirror({\n        editorRef,\n        className,\n        doc,\n        autoResize,\n        maxHeight,\n        autoFocus,\n        placeholder,\n        isDisabled,\n        isReadOnly,\n        indentWithTab,\n        basicSetup,\n        lineWrapping,\n        extensions,\n        ariaLabel,\n        ariaLabelledBy,\n        isInvalid,\n        onCreateEditor,\n        onChange,\n        isUncontrolled,\n        uncontrolledRef,\n    }: CodeTextareaMirrorProps) {\n        const mergedExtensions = useMemo(() => {\n            const next: Extension[] = [];\n\n            if (lineWrapping) {\n                next.push(EditorView.lineWrapping);\n            }\n\n            if (ariaLabel || ariaLabelledBy || isInvalid) {\n                next.push(EditorView.contentAttributes.of({\n                    ...(ariaLabel ? { 'aria-label': ariaLabel } : {}),\n                    ...(ariaLabelledBy ? { 'aria-labelledby': ariaLabelledBy } : {}),\n                    ...(isInvalid ? { 'aria-invalid': 'true' } : {}),\n                }));\n            }\n\n            if (extensions) {\n                next.push(...extensions);\n            }\n\n            return next;\n        }, [ariaLabel, ariaLabelledBy, isInvalid, extensions, lineWrapping]);\n\n        return (\n            <CodeMirror\n                ref={ editorRef }\n                className={ className }\n                value={ doc }\n                theme=\"none\"\n                height={ autoResize ? 'auto' : '100%' }\n                maxHeight={ autoResize ? maxHeight : '100%' }\n                width=\"100%\"\n                autoFocus={ autoFocus }\n                placeholder={ placeholder }\n                editable={ !isDisabled }\n                readOnly={ isReadOnly }\n                indentWithTab={ indentWithTab }\n                basicSetup={ basicSetup }\n                extensions={ mergedExtensions }\n                onCreateEditor={ onCreateEditor }\n                onChange={ (next) => {\n                    if (isUncontrolled) {\n                        uncontrolledRef.current = next;\n                    }\n\n                    onChange?.(next);\n                } }\n            />\n        );\n    }\n\n    return { default: Mirror };\n});\n\nexport function CodeTextarea({\n    variant = 'filled',\n    size = 'md',\n    autoResize = true,\n    rows = 1,\n    height: heightProp,\n    maxHeight,\n    value,\n    defaultValue,\n    onChange,\n    placeholder,\n    className,\n    editorClassName,\n    isDisabled,\n    isInvalid,\n    isReadOnly,\n    autoFocus,\n    extensions,\n    lineWrapping = true,\n    basicSetup,\n    indentWithTab = true,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    ref,\n    endAction,\n}: CodeTextareaProps) {\n    const editorRef = useRef<ReactCodeMirrorRef>(null);\n    const uncontrolledRef = useRef(defaultValue ?? '');\n    // eslint-disable-next-line react-hooks/refs -- uncontrolled fallback; `.current` is the last typed value\n    const doc = value ?? uncontrolledRef.current;\n    const minRows = Math.max(1, rows);\n    const [scrollEl, setScrollEl] = useState<HTMLElement | null>(null);\n\n    // Custom chrome when CM can scroll (cap / fixed height / no wrap).\n    const verticalChrome = Boolean(maxHeight) || !autoResize;\n    const horizontalChrome = !lineWrapping;\n\n    const getScrollElement = useCallback(() => scrollEl, [scrollEl]);\n\n    const verticalSource = useMemo(\n        () => (verticalChrome ? elementScrollAxisSource(getScrollElement, 'vertical') : null),\n        [getScrollElement, verticalChrome]\n    );\n\n    const horizontalSource = useMemo(\n        () => (horizontalChrome ? elementScrollAxisSource(getScrollElement, 'horizontal') : null),\n        [getScrollElement, horizontalChrome]\n    );\n\n    const chrome = useScrollChrome({\n        verticalSource,\n        horizontalSource,\n        sourceKey: scrollEl,\n    });\n\n    const resolvedHeight = heightProp ?? (autoResize\n        ? 'auto'\n        : `calc(var(--reforma-textarea-line-height, var(--leading-md)) * ${ minRows } + var(--reforma-textarea-padding-block) * 2)`);\n\n    const fieldStyle = {\n        '--reforma-textarea-min-rows': minRows,\n        ...(maxHeight ? { '--reforma-code-textarea-max-height': maxHeight } : {}),\n        ...(!autoResize && resolvedHeight !== 'auto'\n            ? { '--reforma-code-textarea-height': resolvedHeight }\n            : {}),\n    } as CSSProperties;\n\n    const onCreateEditor = useCallback((view: CodeMirrorEditorView) => {\n        setScrollEl(view.scrollDOM);\n    }, []);\n\n    const editor = (\n        <Suspense fallback={ <div className={ cn(styles.editor, editorClassName) } /> }>\n            <CodeTextareaMirror\n                // eslint-disable-next-line react-hooks/refs -- mergeRefs composes; it does not read `.current`\n                editorRef={ mergeRefs(editorRef, ref) }\n                className={ cn(styles.editor, editorClassName) }\n                doc={ doc }\n                autoResize={ autoResize }\n                maxHeight={ maxHeight }\n                autoFocus={ autoFocus }\n                placeholder={ placeholder }\n                isDisabled={ isDisabled }\n                isReadOnly={ isReadOnly }\n                indentWithTab={ indentWithTab }\n                basicSetup={ resolveBasicSetup(basicSetup) }\n                lineWrapping={ lineWrapping }\n                extensions={ extensions }\n                ariaLabel={ ariaLabel }\n                ariaLabelledBy={ ariaLabelledBy }\n                isInvalid={ isInvalid }\n                onCreateEditor={ onCreateEditor }\n                onChange={ onChange }\n                isUncontrolled={ value === undefined }\n                uncontrolledRef={ uncontrolledRef }\n            />\n        </Suspense>\n    );\n\n    return (\n        <Group\n            className={ cn(styles.field, className) }\n            data-variant={ variant }\n            data-size={ size }\n            data-autoresize={ autoResize ? 'true' : 'false' }\n            data-max-height={ maxHeight ? '' : undefined }\n            data-end-action={ endAction ? '' : undefined }\n            isDisabled={ isDisabled }\n            isReadOnly={ isReadOnly }\n            isInvalid={ isInvalid }\n            data-modal-drag-exclude\n            onClick={ () => {\n                editorRef.current?.view?.focus();\n            } }\n            style={ fieldStyle }\n        >\n            <Show\n                when={ verticalChrome || horizontalChrome }\n                fallback={ editor }\n            >\n                <ScrollChromeRoot\n                    rootRef={ chrome.rootRef }\n                    className={ styles.scrollChrome }\n                    vertical={ verticalChrome }\n                    horizontal={ horizontalChrome }\n                    rootPointerHandlers={ chrome.rootPointerHandlers }\n                >\n                    { editor }\n                    <ScrollChromeBars\n                        vertical={ verticalChrome }\n                        horizontal={ horizontalChrome }\n                        setScrollbarV={ chrome.setScrollbarV }\n                        setScrollbarH={ chrome.setScrollbarH }\n                        onPointerDown={ chrome.handlePointerDown }\n                    />\n                </ScrollChromeRoot>\n            </Show>\n            <Show when={ endAction }>\n                <span\n                    className={ styles.endAction }\n                    onClick={ (event) => {\n                        event.stopPropagation();\n                    } }\n                    onPointerDown={ (event) => {\n                        event.stopPropagation();\n                    } }\n                >\n                    { endAction }\n                </span>\n            </Show>\n        </Group>\n    );\n}\n\nCodeTextarea.displayName = 'CodeTextarea';\n"],"names":["TEXTAREA_LIKE_SETUP","resolveBasicSetup","basicSetup","CodeTextareaMirror","CodeMirror","EditorView","Mirror","editorRef","className","doc","autoResize","maxHeight","autoFocus","placeholder","isDisabled","isReadOnly","indentWithTab","lineWrapping","extensions","ariaLabel","ariaLabelledBy","isInvalid","onCreateEditor","onChange","isUncontrolled","uncontrolledRef","mergedExtensions","useMemo","next","CodeTextarea","variant","size","rows","heightProp","value","defaultValue","editorClassName","ref","endAction","useRef","minRows","scrollEl","setScrollEl","useState","verticalChrome","horizontalChrome","getScrollElement","useCallback","verticalSource","elementScrollAxisSource","horizontalSource","chrome","useScrollChrome","resolvedHeight","fieldStyle","view","editor","Suspense","cn","styles","_jsx","mergeRefs","Group","Show","ScrollChromeRoot","ScrollChromeBars","event"],"mappings":"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"}

package/dist/CodeTextarea/CodeTextarea.module.css

@@ -0,0 +1 @@
+@layer components{.CodeTextarea_field_Tqtd9Q{--reforma-textarea-min-rows: 1;--reforma-textarea-radius: var(--radius-lg);--reforma-textarea-min-height: var(--spacing-36);--reforma-textarea-line-height: var(--leading-md);--reforma-textarea-padding-inline: var(--spacing-10);--reforma-textarea-padding-block: var(--spacing-6);--reforma-textarea-bg: var(--color-secondary);--reforma-textarea-border-width: 1px;--reforma-textarea-border: transparent;--reforma-textarea-border-hover: var(--color-secondary-muted-border);--reforma-textarea-border-focus: var(--color-primary);--reforma-textarea-color: var(--color-secondary-content);display:inline-flex;position:relative;align-items:center;transition-duration:var(--transition-duration-fast);transition-property:background-color,border-color;transition-timing-function:var(--ease-in-out);cursor:text;box-sizing:border-box;outline:none;border-radius:calc(var(--reforma-textarea-radius) * var(--squircle-radius-factor));width:100%;min-height:var(--reforma-textarea-min-height);corner-shape:superellipse(var(--squircle-value));border:var(--reforma-textarea-border-width) solid var(--reforma-textarea-border);background-color:var(--reforma-textarea-bg);overflow:hidden;color:var(--reforma-textarea-color);font-weight:400;font-family:Menlo,ui-monospace,monospace}.CodeTextarea_editor_l3mOAE{flex:1;cursor:inherit;border-radius:inherit;width:100%;min-width:0;color:inherit;font:inherit;corner-shape:inherit}.CodeTextarea_editor_l3mOAE .cm-editor{outline:none!important;border-radius:inherit;background:transparent;width:100%;color:inherit;font:inherit;corner-shape:inherit}.CodeTextarea_editor_l3mOAE .cm-editor.cm-focused{outline:none!important}.CodeTextarea_editor_l3mOAE .cm-scroller{overflow-x:auto!important;scrollbar-width:none;font:inherit;line-height:var(--reforma-textarea-line-height, var(--leading-md));-ms-overflow-style:none}.CodeTextarea_editor_l3mOAE .cm-scroller::-webkit-scrollbar{display:none}.CodeTextarea_scrollChrome_Ewgz9g{flex:1 1 auto;align-self:stretch;width:100%;min-width:0;min-height:0}.CodeTextarea_scrollChrome_Ewgz9g>.CodeTextarea_editor_l3mOAE{flex:1 1 auto;min-width:0;min-height:0}.CodeTextarea_editor_l3mOAE .cm-content{box-sizing:border-box;padding:var(--reforma-textarea-padding-block) var(--reforma-textarea-padding-inline)!important;min-height:calc(var(--reforma-textarea-line-height, var(--leading-md)) * var(--reforma-textarea-min-rows, 1) + var(--reforma-textarea-padding-block) * 2);color:inherit;caret-color:currentColor;font:inherit;line-height:var(--reforma-textarea-line-height, var(--leading-md))}.CodeTextarea_editor_l3mOAE .cm-line{padding:0!important}.CodeTextarea_editor_l3mOAE .cm-cursor,.CodeTextarea_editor_l3mOAE .cm-dropCursor{border-left-color:currentColor}.CodeTextarea_editor_l3mOAE .cm-content ::-moz-selection{background-color:color-mix(in srgb,var(--color-primary) 28%,transparent)!important}.CodeTextarea_editor_l3mOAE .cm-selectionBackground,.CodeTextarea_editor_l3mOAE .cm-content ::selection{background-color:color-mix(in srgb,var(--color-primary) 28%,transparent)!important}.CodeTextarea_editor_l3mOAE .cm-activeLine,.CodeTextarea_editor_l3mOAE .cm-activeLineGutter{background-color:transparent!important}.CodeTextarea_editor_l3mOAE .cm-gutters{border:none!important;background-color:transparent!important;color:var(--color-secondary-muted-text)}.CodeTextarea_editor_l3mOAE .cm-gutter{background-color:transparent!important}.CodeTextarea_editor_l3mOAE .cm-lineNumbers{color:var(--color-secondary-muted-text);font-size:var(--text-xs);line-height:var(--reforma-textarea-line-height, var(--leading-md))}.CodeTextarea_editor_l3mOAE .cm-lineNumbers .cm-gutterElement{padding:0 var(--spacing-6) 0 var(--spacing-8);min-width:var(--spacing-24);color:inherit;font-size:inherit;line-height:inherit}.CodeTextarea_editor_l3mOAE .cm-placeholder{opacity:var(--opacity-placeholder);color:currentColor;font:inherit}.CodeTextarea_field_Tqtd9Q[data-autoresize=true] .CodeTextarea_editor_l3mOAE .cm-editor{height:auto!important}.CodeTextarea_field_Tqtd9Q[data-autoresize=true] .CodeTextarea_editor_l3mOAE .cm-scroller{height:auto!important;overflow-y:hidden!important}.CodeTextarea_field_Tqtd9Q[data-autoresize=true][data-max-height]{align-items:stretch;max-height:var(--reforma-code-textarea-max-height)}.CodeTextarea_field_Tqtd9Q[data-autoresize=true][data-max-height] .CodeTextarea_editor_l3mOAE .cm-scroller{max-height:var(--reforma-code-textarea-max-height);overflow-y:auto!important}.CodeTextarea_field_Tqtd9Q[data-autoresize=false]{align-items:stretch;height:var(--reforma-code-textarea-height);max-height:var(--reforma-code-textarea-max-height, var(--reforma-code-textarea-height))}.CodeTextarea_field_Tqtd9Q[data-autoresize=false] .CodeTextarea_editor_l3mOAE,.CodeTextarea_field_Tqtd9Q[data-autoresize=false] .CodeTextarea_editor_l3mOAE .cm-editor{height:100%!important;min-height:0;max-height:100%}.CodeTextarea_field_Tqtd9Q[data-autoresize=false] .CodeTextarea_editor_l3mOAE .cm-scroller{height:100%!important;overflow-y:auto!important}.CodeTextarea_field_Tqtd9Q[data-size=sm]{--reforma-textarea-min-height: var(--spacing-30);--reforma-textarea-radius: var(--radius-md);--reforma-textarea-padding-inline: var(--spacing-8);--reforma-textarea-padding-block: var(--spacing-4);--reforma-textarea-line-height: var(--leading-md);font-weight:400;font-size:var(--text-sm);line-height:var(--leading-md);font-family:Menlo,sans-serif;letter-spacing:0}.CodeTextarea_field_Tqtd9Q[data-size=md]{--reforma-textarea-min-height: var(--spacing-36);--reforma-textarea-radius: var(--radius-lg);--reforma-textarea-padding-inline: var(--spacing-10);--reforma-textarea-padding-block: var(--spacing-6);--reforma-textarea-line-height: var(--leading-md);font-size:var(--text-md);line-height:var(--leading-md)}.CodeTextarea_field_Tqtd9Q[data-size=lg]{--reforma-textarea-min-height: var(--spacing-56);--reforma-textarea-radius: var(--radius-xl);--reforma-textarea-padding-inline: var(--spacing-16);--reforma-textarea-padding-block: var(--spacing-12);--reforma-textarea-line-height: var(--leading-xl);font-size:var(--text-xl);line-height:var(--leading-xl)}.CodeTextarea_field_Tqtd9Q[data-variant=filled]{--reforma-textarea-bg: var(--color-secondary);--reforma-textarea-border: transparent;--reforma-textarea-color: var(--color-secondary-content);--reforma-textarea-border-hover: var(--color-secondary-muted-border);--reforma-textarea-border-focus: var(--color-primary)}.CodeTextarea_field_Tqtd9Q[data-variant=bordered]{--reforma-textarea-bg: transparent;--reforma-textarea-border: var(--color-secondary-border);--reforma-textarea-color: var(--color-secondary-content);--reforma-textarea-border-hover: var(--color-secondary-border-hover);--reforma-textarea-border-focus: var(--color-primary)}.CodeTextarea_field_Tqtd9Q[data-variant=transparent]{--reforma-textarea-bg: transparent;--reforma-textarea-border: transparent;--reforma-textarea-color: var(--color-text);--reforma-textarea-border-hover: var(--color-secondary-muted);--reforma-textarea-border-focus: var(--color-secondary-muted)}.CodeTextarea_field_Tqtd9Q[data-variant=inline]{--reforma-textarea-bg: transparent;--reforma-textarea-border: transparent;--reforma-textarea-color: var(--color-text);--reforma-textarea-border-hover: transparent;--reforma-textarea-border-focus: transparent;--reforma-textarea-min-height: 0;--reforma-textarea-padding-inline: 0;--reforma-textarea-padding-block: 0}.CodeTextarea_field_Tqtd9Q:hover:not(:focus-within):not([data-disabled]){border-color:var(--reforma-textarea-border-hover)}.CodeTextarea_field_Tqtd9Q:focus-within{border-color:var(--reforma-textarea-border-focus)}.CodeTextarea_field_Tqtd9Q[data-disabled]{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.CodeTextarea_field_Tqtd9Q[data-invalid]{border-color:var(--color-danger-border)}.CodeTextarea_field_Tqtd9Q[data-invalid]:hover:not(:focus-within):not([data-disabled]){border-color:var(--color-danger-border-hover)}.CodeTextarea_field_Tqtd9Q[data-invalid]:focus-within{border-color:var(--color-danger)}.CodeTextarea_endAction_5XoM40{display:flex;position:absolute;top:var(--spacing-2);align-items:center;opacity:0;z-index:1;transition:opacity var(--transition-duration-fast) var(--ease-in-out);inset-inline-end:var(--spacing-2);pointer-events:none;line-height:0}.CodeTextarea_field_Tqtd9Q:hover>.CodeTextarea_endAction_5XoM40,.CodeTextarea_field_Tqtd9Q:focus-within>.CodeTextarea_endAction_5XoM40{opacity:1;pointer-events:auto}@media(hover:none){.CodeTextarea_endAction_5XoM40{opacity:1;pointer-events:auto}}.CodeTextarea_field_Tqtd9Q[data-end-action] .CodeTextarea_editor_l3mOAE .cm-content{padding-inline-end:calc(var(--spacing-2) + var(--spacing-24) + var(--spacing-4))!important}}

package/dist/CodeTextarea/CodeTextarea.module.css.js

@@ -0,0 +1,14 @@
+const e = "CodeTextarea_field_Tqtd9Q", o = "CodeTextarea_editor_l3mOAE", t = "CodeTextarea_scrollChrome_Ewgz9g", d = "CodeTextarea_endAction_5XoM40", r = {
+  field: e,
+  editor: o,
+  scrollChrome: t,
+  endAction: d
+};
+export {
+  r as default,
+  o as editor,
+  d as endAction,
+  e as field,
+  t as scrollChrome
+};
+//# sourceMappingURL=CodeTextarea.module.css.js.map

package/dist/CodeTextarea/CodeTextarea.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeTextarea.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/CodeTextarea/index.d.ts

@@ -0,0 +1,3 @@
+export { CodeTextarea } from './CodeTextarea';
+export type { CodeTextareaProps, CodeTextareaSize, CodeTextareaVariant, } from './CodeTextarea';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CodeTextarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EACR,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,GACtB,MAAM,gBAAgB,CAAC"}

package/dist/CodeTextarea/index.js

@@ -0,0 +1,5 @@
+import { CodeTextarea as r } from "./CodeTextarea.js";
+export {
+  r as CodeTextarea
+};
+//# sourceMappingURL=index.js.map

package/dist/CodeTextarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}