@particle-academy/react-fancy 6.3.0 → 6.5.0

package/dist/code-block.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var chunkQH4YSG7C_cjs = require('./chunk-QH4YSG7C.cjs');
+require('./chunk-7ZCNZUZK.cjs');
+require('./chunk-2C64OVOZ.cjs');
+require('./chunk-HZUKPYR3.cjs');
+require('./chunk-NZHVDWOM.cjs');
+require('./chunk-XCZZVRBY.cjs');
+require('./chunk-MXWR3T3N.cjs');
+require('./chunk-ZU5Q77OT.cjs');
+
+
+
+Object.defineProperty(exports, "CodeBlock", {
+  enumerable: true,
+  get: function () { return chunkQH4YSG7C_cjs.CodeBlock; }
+});
+//# sourceMappingURL=code-block.cjs.map
+//# sourceMappingURL=code-block.cjs.map

package/dist/code-block.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"code-block.cjs"}

package/dist/code-block.d.cts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { b as CodeBlockProps } from './CodeBlock.types-BFMFB4X2.cjs';
+export { C as CodeBlockCopyEvent, a as CodeBlockCopyLabels, c as CodeLanguage } from './CodeBlock.types-BFMFB4X2.cjs';
+
+/**
+ * A display-only code block: `<pre><code>`, syntax-highlighted where a grammar
+ * exists, with an optional copy button. It contains no textarea, input, select
+ * or contenteditable element, so it is safe on pages that must not accept
+ * input. For an editable or selectable source surface, use `CodeView`.
+ */
+declare const CodeBlock: react.ForwardRefExoticComponent<CodeBlockProps & react.RefAttributes<HTMLDivElement>>;
+
+export { CodeBlock, CodeBlockProps };

package/dist/code-block.d.ts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { b as CodeBlockProps } from './CodeBlock.types-BFMFB4X2.js';
+export { C as CodeBlockCopyEvent, a as CodeBlockCopyLabels, c as CodeLanguage } from './CodeBlock.types-BFMFB4X2.js';
+
+/**
+ * A display-only code block: `<pre><code>`, syntax-highlighted where a grammar
+ * exists, with an optional copy button. It contains no textarea, input, select
+ * or contenteditable element, so it is safe on pages that must not accept
+ * input. For an editable or selectable source surface, use `CodeView`.
+ */
+declare const CodeBlock: react.ForwardRefExoticComponent<CodeBlockProps & react.RefAttributes<HTMLDivElement>>;
+
+export { CodeBlock, CodeBlockProps };

package/dist/code-block.js

@@ -0,0 +1,10 @@
+export { CodeBlock } from './chunk-YRI6OFLY.js';
+import './chunk-J2BWXCES.js';
+import './chunk-I3LAFKJU.js';
+import './chunk-6BB32POL.js';
+import './chunk-4GPH7HOR.js';
+import './chunk-45BBNJQD.js';
+import './chunk-J3A4Z2P7.js';
+import './chunk-MMW2JGKZ.js';
+//# sourceMappingURL=code-block.js.map
+//# sourceMappingURL=code-block.js.map

package/dist/code-block.js.map

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

package/dist/code-view.cjs

@@ -1,13 +1,14 @@
 'use strict';
 
-var chunkG7227RTY_cjs = require('./chunk-G7227RTY.cjs');
+var chunkTQL3QW7F_cjs = require('./chunk-TQL3QW7F.cjs');
+require('./chunk-HZUKPYR3.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
 
 
 Object.defineProperty(exports, "CodeView", {
   enumerable: true,
-  get: function () { return chunkG7227RTY_cjs.CodeView; }
+  get: function () { return chunkTQL3QW7F_cjs.CodeView; }
 });
 //# sourceMappingURL=code-view.cjs.map
 //# sourceMappingURL=code-view.cjs.map

package/dist/code-view.d.cts

@@ -1,4 +1,5 @@
 import * as react from 'react';
+import { c as CodeLanguage } from './CodeBlock.types-BFMFB4X2.cjs';
 
 interface CodeViewProps {
     /** Source text to display / edit. Controlled. */
@@ -10,13 +11,14 @@ interface CodeViewProps {
      */
     onChange?: (value: string) => void;
     /**
-     * Language id for syntax highlighting. Only `"html"` is highlighted (the one
-     * grammar shipped by `fancy-file-commons`); everything else — including
-     * `"markdown"` and `"plaintext"` — renders un-highlighted. For richer language
-     * highlighting use `@particle-academy/fancy-code`'s `CodeEditor`.
+     * Language id or alias for syntax highlighting, case-insensitive — the same
+     * set as `CodeBlock`: TypeScript, JavaScript, JSON, PHP, Python, Go,
+     * Markdown, shell, dotenv and HTML/XML, via `fancy-file-commons`'
+     * `tokenize`. Anything else, including `"plaintext"`, renders un-highlighted.
+     * For a full editor use `@particle-academy/fancy-code`'s `CodeEditor`.
      * @default "plaintext"
      */
-    language?: "html" | "markdown" | "plaintext" | (string & {});
+    language?: CodeLanguage;
     /** Read-only mode (no editing even if `onChange` is passed). @default false */
     readOnly?: boolean;
     /** Placeholder shown when empty. */
@@ -34,7 +36,8 @@ interface CodeViewProps {
  * primitives in `@particle-academy/fancy-file-commons` — a highlight overlay
  * with a transparent, auto-growing textarea on top; the container scrolls both
  * together. Fills its parent's height (`h-full`) and grows with content down to
- * `minHeight`. Only HTML is highlighted; other languages render as plain text.
+ * `minHeight`. Highlights every language fancy-file-commons ships (see
+ * `CodeViewProps.language`); anything else renders as plain text.
  */
 declare function CodeView({ value, onChange, language, readOnly, placeholder, minHeight, maxHeight, className, }: CodeViewProps): react.JSX.Element;
 declare namespace CodeView {

package/dist/code-view.d.ts

@@ -1,4 +1,5 @@
 import * as react from 'react';
+import { c as CodeLanguage } from './CodeBlock.types-BFMFB4X2.js';
 
 interface CodeViewProps {
     /** Source text to display / edit. Controlled. */
@@ -10,13 +11,14 @@ interface CodeViewProps {
      */
     onChange?: (value: string) => void;
     /**
-     * Language id for syntax highlighting. Only `"html"` is highlighted (the one
-     * grammar shipped by `fancy-file-commons`); everything else — including
-     * `"markdown"` and `"plaintext"` — renders un-highlighted. For richer language
-     * highlighting use `@particle-academy/fancy-code`'s `CodeEditor`.
+     * Language id or alias for syntax highlighting, case-insensitive — the same
+     * set as `CodeBlock`: TypeScript, JavaScript, JSON, PHP, Python, Go,
+     * Markdown, shell, dotenv and HTML/XML, via `fancy-file-commons`'
+     * `tokenize`. Anything else, including `"plaintext"`, renders un-highlighted.
+     * For a full editor use `@particle-academy/fancy-code`'s `CodeEditor`.
      * @default "plaintext"
      */
-    language?: "html" | "markdown" | "plaintext" | (string & {});
+    language?: CodeLanguage;
     /** Read-only mode (no editing even if `onChange` is passed). @default false */
     readOnly?: boolean;
     /** Placeholder shown when empty. */
@@ -34,7 +36,8 @@ interface CodeViewProps {
  * primitives in `@particle-academy/fancy-file-commons` — a highlight overlay
  * with a transparent, auto-growing textarea on top; the container scrolls both
  * together. Fills its parent's height (`h-full`) and grows with content down to
- * `minHeight`. Only HTML is highlighted; other languages render as plain text.
+ * `minHeight`. Highlights every language fancy-file-commons ships (see
+ * `CodeViewProps.language`); anything else renders as plain text.
  */
 declare function CodeView({ value, onChange, language, readOnly, placeholder, minHeight, maxHeight, className, }: CodeViewProps): react.JSX.Element;
 declare namespace CodeView {

package/dist/code-view.js

@@ -1,4 +1,5 @@
-export { CodeView } from './chunk-FBWUXSKH.js';
+export { CodeView } from './chunk-PVHZO4T3.js';
+import './chunk-6BB32POL.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=code-view.js.map
 //# sourceMappingURL=code-view.js.map

package/dist/composer.cjs

@@ -5,9 +5,9 @@ require('./chunk-JKD6CFIP.cjs');
 var chunkKKYILQTG_cjs = require('./chunk-KKYILQTG.cjs');
 require('./chunk-MKGWHSNV.cjs');
 require('./chunk-2C64OVOZ.cjs');
-require('./chunk-J2DI6RMR.cjs');
 require('./chunk-6V44RRSB.cjs');
 require('./chunk-MKHYENKR.cjs');
+require('./chunk-J2DI6RMR.cjs');
 require('./chunk-TI7D4QDM.cjs');
 require('./chunk-57FQGQJK.cjs');
 require('./chunk-OUYC6EIL.cjs');

package/dist/composer.js

@@ -3,9 +3,9 @@ import './chunk-J6IQHJET.js';
 export { pasteMarker } from './chunk-6PRXG7L6.js';
 import './chunk-QTS4Q2NK.js';
 import './chunk-I3LAFKJU.js';
-import './chunk-MQ6VGG62.js';
 import './chunk-S42OGG43.js';
 import './chunk-5VMILVWD.js';
+import './chunk-MQ6VGG62.js';
 import './chunk-RBCMKPBX.js';
 import './chunk-RGANGU7X.js';
 import './chunk-YX6FTJ6N.js';

package/dist/content-renderer.cjs

@@ -1,7 +1,8 @@
 'use strict';
 
 require('./chunk-S3TRSECD.cjs');
-var chunkCKO2KCUN_cjs = require('./chunk-CKO2KCUN.cjs');
+var chunkMPCZUZ4O_cjs = require('./chunk-MPCZUZ4O.cjs');
+require('./chunk-7ZCNZUZK.cjs');
 require('./chunk-2C64OVOZ.cjs');
 require('./chunk-NZHVDWOM.cjs');
 require('./chunk-XCZZVRBY.cjs');
@@ -12,15 +13,15 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "ContentRenderer", {
   enumerable: true,
-  get: function () { return chunkCKO2KCUN_cjs.ContentRenderer; }
+  get: function () { return chunkMPCZUZ4O_cjs.ContentRenderer; }
 });
 Object.defineProperty(exports, "registerExtension", {
   enumerable: true,
-  get: function () { return chunkCKO2KCUN_cjs.registerExtension; }
+  get: function () { return chunkMPCZUZ4O_cjs.registerExtension; }
 });
 Object.defineProperty(exports, "registerExtensions", {
   enumerable: true,
-  get: function () { return chunkCKO2KCUN_cjs.registerExtensions; }
+  get: function () { return chunkMPCZUZ4O_cjs.registerExtensions; }
 });
 //# sourceMappingURL=content-renderer.cjs.map
 //# sourceMappingURL=content-renderer.cjs.map

package/dist/content-renderer.js

@@ -1,5 +1,6 @@
 import './chunk-AUTW5O4W.js';
-export { ContentRenderer, registerExtension, registerExtensions } from './chunk-3AA2KGZG.js';
+export { ContentRenderer, registerExtension, registerExtensions } from './chunk-QF2FODTG.js';
+import './chunk-J2BWXCES.js';
 import './chunk-I3LAFKJU.js';
 import './chunk-4GPH7HOR.js';
 import './chunk-45BBNJQD.js';

package/dist/dropdown.cjs

@@ -2,8 +2,8 @@
 
 var chunkXZOBGKZL_cjs = require('./chunk-XZOBGKZL.cjs');
 require('./chunk-FQZE5N2N.cjs');
-require('./chunk-J2DI6RMR.cjs');
 require('./chunk-MKHYENKR.cjs');
+require('./chunk-J2DI6RMR.cjs');
 require('./chunk-TI7D4QDM.cjs');
 require('./chunk-57FQGQJK.cjs');
 require('./chunk-OUYC6EIL.cjs');

package/dist/dropdown.js

@@ -1,7 +1,7 @@
 export { Dropdown, useDropdown } from './chunk-BXPLERIJ.js';
 import './chunk-3K2CEAI7.js';
-import './chunk-MQ6VGG62.js';
 import './chunk-5VMILVWD.js';
+import './chunk-MQ6VGG62.js';
 import './chunk-RBCMKPBX.js';
 import './chunk-RGANGU7X.js';
 import './chunk-YX6FTJ6N.js';

package/dist/editor.cjs

@@ -1,19 +1,21 @@
 'use strict';
 
-var chunkSRICSNL4_cjs = require('./chunk-SRICSNL4.cjs');
+var chunkRE4BYTVM_cjs = require('./chunk-RE4BYTVM.cjs');
 require('./chunk-A2JUTNE6.cjs');
 require('./chunk-T6YELZPJ.cjs');
 require('./chunk-VQJ5LJJH.cjs');
 require('./chunk-4GOOSZEK.cjs');
-require('./chunk-AIA5UNQ5.cjs');
-require('./chunk-CKO2KCUN.cjs');
-require('./chunk-2C64OVOZ.cjs');
-require('./chunk-G7227RTY.cjs');
 require('./chunk-TXTRTTG7.cjs');
 require('./chunk-FQZE5N2N.cjs');
+require('./chunk-AIA5UNQ5.cjs');
+require('./chunk-MPCZUZ4O.cjs');
+require('./chunk-7ZCNZUZK.cjs');
+require('./chunk-2C64OVOZ.cjs');
+require('./chunk-TQL3QW7F.cjs');
+require('./chunk-HZUKPYR3.cjs');
 require('./chunk-J2DI6RMR.cjs');
-require('./chunk-L3V3BYVS.cjs');
 require('./chunk-TI7D4QDM.cjs');
+require('./chunk-L3V3BYVS.cjs');
 require('./chunk-57FQGQJK.cjs');
 require('./chunk-OUYC6EIL.cjs');
 require('./chunk-NZHVDWOM.cjs');
@@ -26,11 +28,11 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "Editor", {
   enumerable: true,
-  get: function () { return chunkSRICSNL4_cjs.Editor; }
+  get: function () { return chunkRE4BYTVM_cjs.Editor; }
 });
 Object.defineProperty(exports, "useEditor", {
   enumerable: true,
-  get: function () { return chunkSRICSNL4_cjs.useEditor; }
+  get: function () { return chunkRE4BYTVM_cjs.useEditor; }
 });
 //# sourceMappingURL=editor.cjs.map
 //# sourceMappingURL=editor.cjs.map

package/dist/editor.js

@@ -1,17 +1,19 @@
-export { Editor, useEditor } from './chunk-WF6AYHOS.js';
+export { Editor, useEditor } from './chunk-YYNUTUJO.js';
 import './chunk-2BXMMVQS.js';
 import './chunk-CPY7NHXM.js';
 import './chunk-RP43ZFZP.js';
 import './chunk-ZQ3VXRUY.js';
-import './chunk-TJ66S5K6.js';
-import './chunk-3AA2KGZG.js';
-import './chunk-I3LAFKJU.js';
-import './chunk-FBWUXSKH.js';
 import './chunk-5U2DZ7AV.js';
 import './chunk-3K2CEAI7.js';
+import './chunk-TJ66S5K6.js';
+import './chunk-QF2FODTG.js';
+import './chunk-J2BWXCES.js';
+import './chunk-I3LAFKJU.js';
+import './chunk-PVHZO4T3.js';
+import './chunk-6BB32POL.js';
 import './chunk-MQ6VGG62.js';
-import './chunk-NRXK42LO.js';
 import './chunk-RBCMKPBX.js';
+import './chunk-NRXK42LO.js';
 import './chunk-RGANGU7X.js';
 import './chunk-YX6FTJ6N.js';
 import './chunk-4GPH7HOR.js';