@particle-academy/react-fancy 5.42.1 → 5.44.0

package/dist/input.d.cts

@@ -1,6 +1,7 @@
 import * as react from 'react';
 import { InputHTMLAttributes, ReactNode } from 'react';
 import { a as InputBaseProps, I as InputAffixProps } from './inputs.types-duxPKadC.cjs';
+import { C as ComposerPastePreview, a as ComposerPasteClassNames, b as HeldPaste, H as HeldImage } from './PastePills.types-CDyotkUb.cjs';
 import './types-DJI492iY.cjs';
 
 interface InputProps extends InputBaseProps, InputAffixProps, Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "prefix"> {
@@ -25,6 +26,39 @@ interface InputProps extends InputBaseProps, InputAffixProps, Omit<InputHTMLAttr
     /** Accessible label for the toggle. Defaults to "Show password" / "Hide password". */
     revealLabel?: string;
     hideLabel?: string;
+    /**
+     * Hold a paste of at least this many characters as a pill in the field, as
+     * `Composer` and `PromptInput` do — same code, from `PastePills`. Try 500.
+     *
+     * **Omit it (and `pasteImages`) and this is a plain `<input>`, exactly as
+     * before.** Setting either swaps it for a single-line editor that can hold a
+     * pill, plus a hidden `<input name={name}>` that posts the value with every pill
+     * expanded, so a native form submit sends the whole paste. `ref` then points at
+     * that hidden input; `onValueChange` receives the value with a marker for each
+     * pill (see `pasteMarker`), and `onChange` is not called.
+     */
+    pasteThreshold?: number;
+    /**
+     * Hold a pasted image as a pill, and put the file in a hidden
+     * `<input type="file" multiple>` in the same form so a submit posts it. The text
+     * marks where it sat as `[Pasted image N]`.
+     */
+    pasteImages?: boolean;
+    /**
+     * The field name pasted files are posted under. Defaults to `{name}_files[]`
+     * (an array for PHP / Laravel); without either, the files are held but not
+     * posted.
+     */
+    pasteFilesName?: string;
+    /** Characters of a held paste shown at EACH end of its hover preview. Default 20. */
+    previewChars?: number;
+    renderPastePreview?: (preview: ComposerPastePreview) => ReactNode;
+    pasteClassNames?: ComposerPasteClassNames;
+    /** The held pastes and images, if you want to own them (an agent attaching one, a restored draft). */
+    heldPastes?: HeldPaste[];
+    onHeldPastesChange?: (pastes: HeldPaste[]) => void;
+    heldImages?: HeldImage[];
+    onHeldImagesChange?: (images: HeldImage[]) => void;
 }
 
 declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;

package/dist/input.d.ts

@@ -1,6 +1,7 @@
 import * as react from 'react';
 import { InputHTMLAttributes, ReactNode } from 'react';
 import { a as InputBaseProps, I as InputAffixProps } from './inputs.types-DzGcqcPf.js';
+import { C as ComposerPastePreview, a as ComposerPasteClassNames, b as HeldPaste, H as HeldImage } from './PastePills.types-CDyotkUb.js';
 import './types-DJI492iY.js';
 
 interface InputProps extends InputBaseProps, InputAffixProps, Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "prefix"> {
@@ -25,6 +26,39 @@ interface InputProps extends InputBaseProps, InputAffixProps, Omit<InputHTMLAttr
     /** Accessible label for the toggle. Defaults to "Show password" / "Hide password". */
     revealLabel?: string;
     hideLabel?: string;
+    /**
+     * Hold a paste of at least this many characters as a pill in the field, as
+     * `Composer` and `PromptInput` do — same code, from `PastePills`. Try 500.
+     *
+     * **Omit it (and `pasteImages`) and this is a plain `<input>`, exactly as
+     * before.** Setting either swaps it for a single-line editor that can hold a
+     * pill, plus a hidden `<input name={name}>` that posts the value with every pill
+     * expanded, so a native form submit sends the whole paste. `ref` then points at
+     * that hidden input; `onValueChange` receives the value with a marker for each
+     * pill (see `pasteMarker`), and `onChange` is not called.
+     */
+    pasteThreshold?: number;
+    /**
+     * Hold a pasted image as a pill, and put the file in a hidden
+     * `<input type="file" multiple>` in the same form so a submit posts it. The text
+     * marks where it sat as `[Pasted image N]`.
+     */
+    pasteImages?: boolean;
+    /**
+     * The field name pasted files are posted under. Defaults to `{name}_files[]`
+     * (an array for PHP / Laravel); without either, the files are held but not
+     * posted.
+     */
+    pasteFilesName?: string;
+    /** Characters of a held paste shown at EACH end of its hover preview. Default 20. */
+    previewChars?: number;
+    renderPastePreview?: (preview: ComposerPastePreview) => ReactNode;
+    pasteClassNames?: ComposerPasteClassNames;
+    /** The held pastes and images, if you want to own them (an agent attaching one, a restored draft). */
+    heldPastes?: HeldPaste[];
+    onHeldPastesChange?: (pastes: HeldPaste[]) => void;
+    heldImages?: HeldImage[];
+    onHeldImagesChange?: (images: HeldImage[]) => void;
 }
 
 declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;

package/dist/input.js

@@ -1,11 +1,15 @@
 import './chunk-SHDSKHCC.js';
-export { Input } from './chunk-2VIDYJUG.js';
+export { Input } from './chunk-EEWRLFTI.js';
 import './chunk-PWEZCMIY.js';
 import './chunk-KKWNKBKR.js';
 import './chunk-5MU6X3KO.js';
 import './chunk-GFYSELJF.js';
+import './chunk-KYZNCVRD.js';
+import './chunk-CF5KRDN4.js';
 import './chunk-OL53XYHF.js';
 import './chunk-NRXK42LO.js';
+import './chunk-MQ6VGG62.js';
+import './chunk-WHEXTDPV.js';
 import './chunk-EDYAXGUM.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=input.js.map

package/dist/inputs.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 require('./chunk-O5IO7TCO.cjs');
+require('./chunk-QGPMVFZJ.cjs');
 var chunkZUQUL53P_cjs = require('./chunk-ZUQUL53P.cjs');
 var chunkFPZYPD3N_cjs = require('./chunk-FPZYPD3N.cjs');
 require('./chunk-HXLSEBAL.cjs');
@@ -11,16 +12,17 @@ var chunk6MDZQIMZ_cjs = require('./chunk-6MDZQIMZ.cjs');
 var chunkU7PFHQBN_cjs = require('./chunk-U7PFHQBN.cjs');
 var chunkBZDXX6E3_cjs = require('./chunk-BZDXX6E3.cjs');
 require('./chunk-URTLYNZI.cjs');
-require('./chunk-QGPMVFZJ.cjs');
+var chunk2QIGXSSZ_cjs = require('./chunk-2QIGXSSZ.cjs');
 var chunkAR3JOPGT_cjs = require('./chunk-AR3JOPGT.cjs');
 var chunkY52NXM73_cjs = require('./chunk-Y52NXM73.cjs');
 var chunkBZZDHDMK_cjs = require('./chunk-BZZDHDMK.cjs');
-var chunkIPNJMHJ3_cjs = require('./chunk-IPNJMHJ3.cjs');
 var chunkV6VFSX6V_cjs = require('./chunk-V6VFSX6V.cjs');
 require('./chunk-7EZBMGEE.cjs');
 var chunkXKDW6B7X_cjs = require('./chunk-XKDW6B7X.cjs');
 var chunkBBOIFV27_cjs = require('./chunk-BBOIFV27.cjs');
 require('./chunk-YLGTDBB2.cjs');
+require('./chunk-MSRYJETY.cjs');
+require('./chunk-X7H75WVP.cjs');
 var chunkKJ22KE56_cjs = require('./chunk-KJ22KE56.cjs');
 var chunkL3V3BYVS_cjs = require('./chunk-L3V3BYVS.cjs');
 require('./chunk-J2DI6RMR.cjs');
@@ -60,6 +62,10 @@ Object.defineProperty(exports, "CheckboxGroup", {
   enumerable: true,
   get: function () { return chunkBZDXX6E3_cjs.CheckboxGroup; }
 });
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function () { return chunk2QIGXSSZ_cjs.Input; }
+});
 Object.defineProperty(exports, "Select", {
   enumerable: true,
   get: function () { return chunkAR3JOPGT_cjs.Select; }
@@ -72,10 +78,6 @@ Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
   get: function () { return chunkBZZDHDMK_cjs.DatePicker; }
 });
-Object.defineProperty(exports, "Input", {
-  enumerable: true,
-  get: function () { return chunkIPNJMHJ3_cjs.Input; }
-});
 Object.defineProperty(exports, "Textarea", {
   enumerable: true,
   get: function () { return chunkV6VFSX6V_cjs.Textarea; }

package/dist/inputs.d.cts

@@ -14,3 +14,4 @@ export { D as DisplayValue, a as DisplayValueProps, F as FieldModeContext, b as
 export { InlineEdit, useInlineEdit } from './mode.cjs';
 import 'react';
 import './types-DJI492iY.cjs';
+import './PastePills.types-CDyotkUb.cjs';

package/dist/inputs.d.ts

@@ -14,3 +14,4 @@ export { D as DisplayValue, a as DisplayValueProps, F as FieldModeContext, b as
 export { InlineEdit, useInlineEdit } from './mode.js';
 import 'react';
 import './types-DJI492iY.js';
+import './PastePills.types-CDyotkUb.js';

package/dist/inputs.js

@@ -1,4 +1,5 @@
 import './chunk-VXHFR5MV.js';
+import './chunk-SHDSKHCC.js';
 export { MultiSwitch } from './chunk-NE3Z4AWP.js';
 export { RadioGroup } from './chunk-LBU3T2LF.js';
 import './chunk-GNHQVPZP.js';
@@ -9,16 +10,17 @@ export { Form, FormProvider } from './chunk-PQWQ5K6J.js';
 export { Checkbox } from './chunk-4HRD4S25.js';
 export { CheckboxGroup } from './chunk-FNJDMGJ3.js';
 import './chunk-V4EARA4F.js';
-import './chunk-SHDSKHCC.js';
+export { Input } from './chunk-EEWRLFTI.js';
 export { Select } from './chunk-IECPLOSZ.js';
 export { Switch } from './chunk-NBAHXZHJ.js';
 export { DatePicker } from './chunk-OC75GWX5.js';
-export { Input } from './chunk-2VIDYJUG.js';
 export { Textarea } from './chunk-DEFGT75G.js';
 import './chunk-PWEZCMIY.js';
 export { DisplayValue } from './chunk-KKWNKBKR.js';
 export { Field } from './chunk-5MU6X3KO.js';
 import './chunk-GFYSELJF.js';
+import './chunk-KYZNCVRD.js';
+import './chunk-CF5KRDN4.js';
 export { useInlineEdit } from './chunk-OL53XYHF.js';
 export { FieldModeContext, useFieldMode } from './chunk-NRXK42LO.js';
 import './chunk-MQ6VGG62.js';

package/dist/json-editor.cjs

@@ -1,16 +1,18 @@
 'use strict';
 
-var chunkK4NHVCY6_cjs = require('./chunk-K4NHVCY6.cjs');
+var chunkS5ZYG5MG_cjs = require('./chunk-S5ZYG5MG.cjs');
+require('./chunk-2QIGXSSZ.cjs');
 require('./chunk-AR3JOPGT.cjs');
 require('./chunk-Y52NXM73.cjs');
 require('./chunk-BZZDHDMK.cjs');
-require('./chunk-IPNJMHJ3.cjs');
 require('./chunk-V6VFSX6V.cjs');
 require('./chunk-7EZBMGEE.cjs');
 require('./chunk-XKDW6B7X.cjs');
 require('./chunk-BBOIFV27.cjs');
 require('./chunk-YLGTDBB2.cjs');
 require('./chunk-BVRPDMB7.cjs');
+require('./chunk-MSRYJETY.cjs');
+require('./chunk-X7H75WVP.cjs');
 require('./chunk-MOU6O324.cjs');
 require('./chunk-ICQJ6475.cjs');
 require('./chunk-BFKCVSNK.cjs');
@@ -31,47 +33,47 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "JsonEditor", {
   enumerable: true,
-  get: function () { return chunkK4NHVCY6_cjs.JsonEditor; }
+  get: function () { return chunkS5ZYG5MG_cjs.JsonEditor; }
 });
 Object.defineProperty(exports, "applyJsonEdit", {
   enumerable: true,
-  get: function () { return chunkK4NHVCY6_cjs.applyJsonEdit; }
+  get: function () { return chunkS5ZYG5MG_cjs.applyJsonEdit; }
 });
 Object.defineProperty(exports, "describeEdit", {
   enumerable: true,
-  get: function () { return chunkK4NHVCY6_cjs.describeEdit; }
+  get: function () { return chunkS5ZYG5MG_cjs.describeEdit; }
 });
 Object.defineProperty(exports, "findJsonConflicts", {
   enumerable: true,
-  get: function () { return chunkK4NHVCY6_cjs.findJsonConflicts; }
+  get: function () { return chunkS5ZYG5MG_cjs.findJsonConflicts; }
 });
 Object.defineProperty(exports, "getAtPath", {
   enumerable: true,
-  get: function () { return chunkK4NHVCY6_cjs.getAtPath; }
+  get: function () { return chunkS5ZYG5MG_cjs.getAtPath; }
 });
 Object.defineProperty(exports, "inferType", {
   enumerable: true,
-  get: function () { return chunkK4NHVCY6_cjs.inferType; }
+  get: function () { return chunkS5ZYG5MG_cjs.inferType; }
 });
 Object.defineProperty(exports, "parseKeyMap", {
   enumerable: true,
-  get: function () { return chunkK4NHVCY6_cjs.parseKeyMap; }
+  get: function () { return chunkS5ZYG5MG_cjs.parseKeyMap; }
 });
 Object.defineProperty(exports, "parsePath", {
   enumerable: true,
-  get: function () { return chunkK4NHVCY6_cjs.parsePath; }
+  get: function () { return chunkS5ZYG5MG_cjs.parsePath; }
 });
 Object.defineProperty(exports, "pathToString", {
   enumerable: true,
-  get: function () { return chunkK4NHVCY6_cjs.pathToString; }
+  get: function () { return chunkS5ZYG5MG_cjs.pathToString; }
 });
 Object.defineProperty(exports, "resolveKeyRule", {
   enumerable: true,
-  get: function () { return chunkK4NHVCY6_cjs.resolveKeyRule; }
+  get: function () { return chunkS5ZYG5MG_cjs.resolveKeyRule; }
 });
 Object.defineProperty(exports, "typeMatches", {
   enumerable: true,
-  get: function () { return chunkK4NHVCY6_cjs.typeMatches; }
+  get: function () { return chunkS5ZYG5MG_cjs.typeMatches; }
 });
 //# sourceMappingURL=json-editor.cjs.map
 //# sourceMappingURL=json-editor.cjs.map

package/dist/json-editor.js

@@ -1,14 +1,16 @@
-export { JsonEditor, applyJsonEdit, describeEdit, findJsonConflicts, getAtPath, inferType, parseKeyMap, parsePath, pathToString, resolveKeyRule, typeMatches } from './chunk-G4WYCWIQ.js';
+export { JsonEditor, applyJsonEdit, describeEdit, findJsonConflicts, getAtPath, inferType, parseKeyMap, parsePath, pathToString, resolveKeyRule, typeMatches } from './chunk-DMFJJ73P.js';
+import './chunk-EEWRLFTI.js';
 import './chunk-IECPLOSZ.js';
 import './chunk-NBAHXZHJ.js';
 import './chunk-OC75GWX5.js';
-import './chunk-2VIDYJUG.js';
 import './chunk-DEFGT75G.js';
 import './chunk-PWEZCMIY.js';
 import './chunk-KKWNKBKR.js';
 import './chunk-5MU6X3KO.js';
 import './chunk-GFYSELJF.js';
 import './chunk-F2GAZZVS.js';
+import './chunk-KYZNCVRD.js';
+import './chunk-CF5KRDN4.js';
 import './chunk-6FCQD2KQ.js';
 import './chunk-JJRD3WX3.js';
 import './chunk-XJXQG34J.js';

package/dist/paste-pills.cjs

@@ -0,0 +1,65 @@
+'use strict';
+
+var chunkMSRYJETY_cjs = require('./chunk-MSRYJETY.cjs');
+require('./chunk-X7H75WVP.cjs');
+require('./chunk-J2DI6RMR.cjs');
+require('./chunk-NBZC6LOB.cjs');
+require('./chunk-SNHU2AI4.cjs');
+require('./chunk-ZU5Q77OT.cjs');
+
+
+
+Object.defineProperty(exports, "HOST_ATTR", {
+  enumerable: true,
+  get: function () { return chunkMSRYJETY_cjs.HOST_ATTR; }
+});
+Object.defineProperty(exports, "InlinePasteEditor", {
+  enumerable: true,
+  get: function () { return chunkMSRYJETY_cjs.InlinePasteEditor; }
+});
+Object.defineProperty(exports, "InlinePill", {
+  enumerable: true,
+  get: function () { return chunkMSRYJETY_cjs.InlinePill; }
+});
+Object.defineProperty(exports, "PILL_MARK", {
+  enumerable: true,
+  get: function () { return chunkMSRYJETY_cjs.PILL_MARK; }
+});
+Object.defineProperty(exports, "PastedFilesInput", {
+  enumerable: true,
+  get: function () { return chunkMSRYJETY_cjs.PastedFilesInput; }
+});
+Object.defineProperty(exports, "endsOf", {
+  enumerable: true,
+  get: function () { return chunkMSRYJETY_cjs.endsOf; }
+});
+Object.defineProperty(exports, "expandMarkers", {
+  enumerable: true,
+  get: function () { return chunkMSRYJETY_cjs.expandMarkers; }
+});
+Object.defineProperty(exports, "markedIds", {
+  enumerable: true,
+  get: function () { return chunkMSRYJETY_cjs.markedIds; }
+});
+Object.defineProperty(exports, "pasteMarker", {
+  enumerable: true,
+  get: function () { return chunkMSRYJETY_cjs.pasteMarker; }
+});
+Object.defineProperty(exports, "segmentValue", {
+  enumerable: true,
+  get: function () { return chunkMSRYJETY_cjs.segmentValue; }
+});
+Object.defineProperty(exports, "useInlinePaste", {
+  enumerable: true,
+  get: function () { return chunkMSRYJETY_cjs.useInlinePaste; }
+});
+Object.defineProperty(exports, "usePastePills", {
+  enumerable: true,
+  get: function () { return chunkMSRYJETY_cjs.usePastePills; }
+});
+Object.defineProperty(exports, "withSeparators", {
+  enumerable: true,
+  get: function () { return chunkMSRYJETY_cjs.withSeparators; }
+});
+//# sourceMappingURL=paste-pills.cjs.map
+//# sourceMappingURL=paste-pills.cjs.map

package/dist/paste-pills.cjs.map

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

package/dist/paste-pills.d.cts

@@ -0,0 +1,34 @@
+import { C as ComposerPastePreview, a as ComposerPasteClassNames } from './PastePills.types-CDyotkUb.cjs';
+export { H as HeldImage, b as HeldPaste, P as PILL_MARK, c as PasteClassNames, d as PasteEventLike, e as PastePreview, U as UsePastePillsOptions, f as UsePastePillsResult, V as ValueSegment, g as expandMarkers, m as markedIds, p as pasteMarker, s as segmentValue, u as usePastePills } from './PastePills.types-CDyotkUb.cjs';
+export { H as HOST_ATTR, I as InlinePasteEditor, a as InlinePasteEditorHandle, P as PastedFilesInput, b as PastedFilesInputProps, c as PillToInsert, U as UseInlinePasteOptions, u as useInlinePaste } from './PastedFilesInput-DQ1eZaHk.cjs';
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+/**
+ * Thousands separators, written out rather than left to `toLocaleString()`.
+ *
+ * The number exists so someone can size the paste at a glance, and `2,036` sizes
+ * faster than `2036`. It is not left to the runtime locale because the label beside
+ * it ("Pasted text") is not localised either, so a locale-formatted number next to
+ * an English noun would be half a translation.
+ */
+declare function withSeparators(n: number): string;
+/** First and last N characters, middle elided. The ends say WHICH paste this is. */
+declare function endsOf(text: string, chars: number): string;
+interface InlinePillProps {
+    preview: ComposerPastePreview;
+    previewChars: number;
+    renderPastePreview?: (preview: ComposerPastePreview) => ReactNode;
+    classNames?: ComposerPasteClassNames;
+    disabled: boolean;
+    onExpand: (id: string) => void;
+}
+/**
+ * One pill inside the message, portalled by `Composer` into a placeholder the
+ * editor made. Internal — its own file so its props are not read as `Composer`'s.
+ *
+ * The hover preview is a portalled `Tooltip`, so the scrolling input cannot clip it.
+ */
+declare function InlinePill({ preview, previewChars, renderPastePreview, classNames, disabled, onExpand, }: InlinePillProps): react.JSX.Element;
+
+export { ComposerPasteClassNames, ComposerPastePreview, InlinePill, endsOf, withSeparators };

package/dist/paste-pills.d.ts

@@ -0,0 +1,34 @@
+import { C as ComposerPastePreview, a as ComposerPasteClassNames } from './PastePills.types-CDyotkUb.js';
+export { H as HeldImage, b as HeldPaste, P as PILL_MARK, c as PasteClassNames, d as PasteEventLike, e as PastePreview, U as UsePastePillsOptions, f as UsePastePillsResult, V as ValueSegment, g as expandMarkers, m as markedIds, p as pasteMarker, s as segmentValue, u as usePastePills } from './PastePills.types-CDyotkUb.js';
+export { H as HOST_ATTR, I as InlinePasteEditor, a as InlinePasteEditorHandle, P as PastedFilesInput, b as PastedFilesInputProps, c as PillToInsert, U as UseInlinePasteOptions, u as useInlinePaste } from './PastedFilesInput-CrgNoEBd.js';
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+/**
+ * Thousands separators, written out rather than left to `toLocaleString()`.
+ *
+ * The number exists so someone can size the paste at a glance, and `2,036` sizes
+ * faster than `2036`. It is not left to the runtime locale because the label beside
+ * it ("Pasted text") is not localised either, so a locale-formatted number next to
+ * an English noun would be half a translation.
+ */
+declare function withSeparators(n: number): string;
+/** First and last N characters, middle elided. The ends say WHICH paste this is. */
+declare function endsOf(text: string, chars: number): string;
+interface InlinePillProps {
+    preview: ComposerPastePreview;
+    previewChars: number;
+    renderPastePreview?: (preview: ComposerPastePreview) => ReactNode;
+    classNames?: ComposerPasteClassNames;
+    disabled: boolean;
+    onExpand: (id: string) => void;
+}
+/**
+ * One pill inside the message, portalled by `Composer` into a placeholder the
+ * editor made. Internal — its own file so its props are not read as `Composer`'s.
+ *
+ * The hover preview is a portalled `Tooltip`, so the scrolling input cannot clip it.
+ */
+declare function InlinePill({ preview, previewChars, renderPastePreview, classNames, disabled, onExpand, }: InlinePillProps): react.JSX.Element;
+
+export { ComposerPasteClassNames, ComposerPastePreview, InlinePill, endsOf, withSeparators };

package/dist/paste-pills.js

@@ -0,0 +1,8 @@
+export { HOST_ATTR, InlinePasteEditor, InlinePill, PILL_MARK, PastedFilesInput, endsOf, expandMarkers, markedIds, pasteMarker, segmentValue, useInlinePaste, usePastePills, withSeparators } from './chunk-KYZNCVRD.js';
+import './chunk-CF5KRDN4.js';
+import './chunk-MQ6VGG62.js';
+import './chunk-WHEXTDPV.js';
+import './chunk-EDYAXGUM.js';
+import './chunk-MMW2JGKZ.js';
+//# sourceMappingURL=paste-pills.js.map
+//# sourceMappingURL=paste-pills.js.map

package/dist/paste-pills.js.map

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

package/dist/prompt-input.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkUUBHUSUP_cjs = require('./chunk-UUBHUSUP.cjs');
+var chunkZ3FIU77M_cjs = require('./chunk-Z3FIU77M.cjs');
 require('./chunk-AIA5UNQ5.cjs');
-require('./chunk-6TZPM43Q.cjs');
+require('./chunk-MSRYJETY.cjs');
 require('./chunk-X7H75WVP.cjs');
 require('./chunk-M5MUGSON.cjs');
 require('./chunk-ICQJ6475.cjs');
@@ -18,7 +18,7 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "PromptInput", {
   enumerable: true,
-  get: function () { return chunkUUBHUSUP_cjs.PromptInput; }
+  get: function () { return chunkZ3FIU77M_cjs.PromptInput; }
 });
 //# sourceMappingURL=prompt-input.cjs.map
 //# sourceMappingURL=prompt-input.cjs.map

package/dist/prompt-input.d.cts

@@ -1,3 +1,3 @@
-export { a as PromptAttachment, b as PromptCmd, c as PromptInput, d as PromptInputProps, e as PromptMention } from './index-BsIBOwaK.cjs';
+export { a as PromptAttachment, b as PromptCmd, c as PromptInput, d as PromptInputProps, e as PromptMention } from './index-BF5qsQur.cjs';
 import 'react';
-import './Composer.types-CuSPnaOt.cjs';
+import './PastePills.types-CDyotkUb.cjs';

package/dist/prompt-input.d.ts

@@ -1,3 +1,3 @@
-export { a as PromptAttachment, b as PromptCmd, c as PromptInput, d as PromptInputProps, e as PromptMention } from './index-S4FC1yFK.js';
+export { a as PromptAttachment, b as PromptCmd, c as PromptInput, d as PromptInputProps, e as PromptMention } from './index-BZON-gXr.js';
 import 'react';
-import './Composer.types-CuSPnaOt.js';
+import './PastePills.types-CDyotkUb.js';

package/dist/prompt-input.js

@@ -1,6 +1,6 @@
-export { PromptInput } from './chunk-SF5OAVGD.js';
+export { PromptInput } from './chunk-JZCAMPIA.js';
 import './chunk-TJ66S5K6.js';
-import './chunk-2JOWGYAJ.js';
+import './chunk-KYZNCVRD.js';
 import './chunk-CF5KRDN4.js';
 import './chunk-LQ4ICCN2.js';
 import './chunk-JJRD3WX3.js';

package/dist/tree-nav.cjs

@@ -1,17 +1,18 @@
 'use strict';
 
-var chunk7VLRHXLQ_cjs = require('./chunk-7VLRHXLQ.cjs');
+var chunkWN45ZE37_cjs = require('./chunk-WN45ZE37.cjs');
+require('./chunk-IR6JSQ4O.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
 
 
 Object.defineProperty(exports, "TreeNav", {
   enumerable: true,
-  get: function () { return chunk7VLRHXLQ_cjs.TreeNav; }
+  get: function () { return chunkWN45ZE37_cjs.TreeNav; }
 });
 Object.defineProperty(exports, "useTreeNav", {
   enumerable: true,
-  get: function () { return chunk7VLRHXLQ_cjs.useTreeNav; }
+  get: function () { return chunkWN45ZE37_cjs.useTreeNav; }
 });
 //# sourceMappingURL=tree-nav.cjs.map
 //# sourceMappingURL=tree-nav.cjs.map

package/dist/tree-nav.d.cts

@@ -69,6 +69,18 @@ interface TreeNavProps {
      * @default "none"
      */
     dragCursor?: "grab" | "none";
+    /**
+     * Render only the rows in view. For big trees — thousands of expanded nodes —
+     * where mounting every visible row is itself the cost. The visible rows are
+     * flattened (expanded folders only) and windowed by `VirtualList`; selection,
+     * expansion, context menus and drag-and-drop behave as in the nested tree.
+     * Needs a `height`. Default `false`.
+     */
+    virtualize?: boolean;
+    /** Height of the scroll viewport when `virtualize` is on. Default 400. */
+    height?: number | string;
+    /** Estimated row height in px when `virtualize` is on; real heights replace it as rows render. Default 26. */
+    rowHeight?: number;
     /** Custom className */
     className?: string;
 }
@@ -96,17 +108,12 @@ interface TreeNodeProps {
     className?: string;
 }
 
-declare function TreeNode({ node, depth }: TreeNodeProps): react.JSX.Element;
-declare namespace TreeNode {
-    var displayName: string;
-}
-
-declare function TreeNavRoot({ nodes, selectedId, onSelect, onNodeContextMenu, draggable, onNodeMove, acceptExternalDrops, onExternalDrop, expandedIds: controlledExpanded, defaultExpandedIds, onExpandedChange, defaultExpandAll, indentSize, showIcons, dragCursor, className, }: TreeNavProps): react.JSX.Element;
+declare function TreeNavRoot({ nodes, selectedId, onSelect, onNodeContextMenu, draggable, onNodeMove, acceptExternalDrops, onExternalDrop, expandedIds: controlledExpanded, defaultExpandedIds, onExpandedChange, defaultExpandAll, indentSize, showIcons, dragCursor, virtualize, height, rowHeight, className, }: TreeNavProps): react.JSX.Element;
 declare namespace TreeNavRoot {
     var displayName: string;
 }
 declare const TreeNav: typeof TreeNavRoot & {
-    Node: typeof TreeNode;
+    Node: react.MemoExoticComponent<({ node, depth }: TreeNodeProps) => react.JSX.Element>;
 };
 
 declare function useTreeNav(): TreeNavContextValue;

package/dist/tree-nav.d.ts

@@ -69,6 +69,18 @@ interface TreeNavProps {
      * @default "none"
      */
     dragCursor?: "grab" | "none";
+    /**
+     * Render only the rows in view. For big trees — thousands of expanded nodes —
+     * where mounting every visible row is itself the cost. The visible rows are
+     * flattened (expanded folders only) and windowed by `VirtualList`; selection,
+     * expansion, context menus and drag-and-drop behave as in the nested tree.
+     * Needs a `height`. Default `false`.
+     */
+    virtualize?: boolean;
+    /** Height of the scroll viewport when `virtualize` is on. Default 400. */
+    height?: number | string;
+    /** Estimated row height in px when `virtualize` is on; real heights replace it as rows render. Default 26. */
+    rowHeight?: number;
     /** Custom className */
     className?: string;
 }
@@ -96,17 +108,12 @@ interface TreeNodeProps {
     className?: string;
 }
 
-declare function TreeNode({ node, depth }: TreeNodeProps): react.JSX.Element;
-declare namespace TreeNode {
-    var displayName: string;
-}
-
-declare function TreeNavRoot({ nodes, selectedId, onSelect, onNodeContextMenu, draggable, onNodeMove, acceptExternalDrops, onExternalDrop, expandedIds: controlledExpanded, defaultExpandedIds, onExpandedChange, defaultExpandAll, indentSize, showIcons, dragCursor, className, }: TreeNavProps): react.JSX.Element;
+declare function TreeNavRoot({ nodes, selectedId, onSelect, onNodeContextMenu, draggable, onNodeMove, acceptExternalDrops, onExternalDrop, expandedIds: controlledExpanded, defaultExpandedIds, onExpandedChange, defaultExpandAll, indentSize, showIcons, dragCursor, virtualize, height, rowHeight, className, }: TreeNavProps): react.JSX.Element;
 declare namespace TreeNavRoot {
     var displayName: string;
 }
 declare const TreeNav: typeof TreeNavRoot & {
-    Node: typeof TreeNode;
+    Node: react.MemoExoticComponent<({ node, depth }: TreeNodeProps) => react.JSX.Element>;
 };
 
 declare function useTreeNav(): TreeNavContextValue;

package/dist/tree-nav.js

@@ -1,4 +1,5 @@
-export { TreeNav, useTreeNav } from './chunk-NUPQJ5SJ.js';
+export { TreeNav, useTreeNav } from './chunk-ZVXOL5H3.js';
+import './chunk-Z4CW3U6C.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=tree-nav.js.map
 //# sourceMappingURL=tree-nav.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-academy/react-fancy",
-  "version": "5.42.1",
+  "version": "5.44.0",
   "description": "React UI component library for Human+ UX — controlled, agent-bridgeable primitives",
   "repository": {
     "type": "git",
@@ -633,6 +633,16 @@
         "default": "./dist/pagination.cjs"
       }
     },
+    "./paste-pills": {
+      "import": {
+        "types": "./dist/paste-pills.d.ts",
+        "default": "./dist/paste-pills.js"
+      },
+      "require": {
+        "types": "./dist/paste-pills.d.cts",
+        "default": "./dist/paste-pills.cjs"
+      }
+    },
     "./pdf-viewer": {
       "import": {
         "types": "./dist/pdf-viewer.d.ts",