@duro-app/ui 5.26.0 → 5.27.0

package/dist/components/CodeBlock/CodeBlock.d.ts

@@ -7,5 +7,5 @@ export type { CodeBlockProps } from './types';
  * confirms ("Copied") on the button and through a polite LiveRegion. Inside
  * `Prose`, pass it as the Markdown renderer's `pre`.
  */
-export declare function CodeBlock({ children, language, copyLabel, copiedLabel, copiedDuration, onCopyError, }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
+export declare function CodeBlock({ children, language, copyLabel, copiedLabel, copiedDuration, onCopyError, lineAction, renderAfterLine, }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CodeBlock.d.ts.map

package/dist/components/CodeBlock/CodeBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAI3C,YAAY,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,WAAW,EACX,cAAqB,EACrB,WAAW,GACZ,EAAE,cAAc,2CA4DhB"}
+{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAK3C,YAAY,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AAE3C;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,WAAW,EACX,cAAqB,EACrB,WAAW,EACX,UAAU,EACV,eAAe,GAChB,EAAE,cAAc,2CA2EhB"}

package/dist/components/CodeBlock/CodeBlock.meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.meta.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/CodeBlock.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA0BlB,CAAA"}
+{"version":3,"file":"CodeBlock.meta.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/CodeBlock.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA2BlB,CAAA"}

package/dist/components/CodeBlock/CodeBlock.stories.d.ts

@@ -74,4 +74,12 @@ export declare const CopyRefusedWithoutHandler: Story;
 export declare const Diff: Story;
 /** Diff's checks: each line carries its role, the language is exposed, copy keeps the raw text. */
 export declare const DiffChecks: Story;
+/**
+ * `lineAction` puts a button beside each line inside a hunk (a review
+ * comment, say), and `renderAfterLine` shows content under a line, full
+ * width. The gutter is one tab stop: Up and Down move between its buttons.
+ */
+export declare const DiffLineActions: Story;
+/** DiffLineActions' checks: one tab stop, arrows move, the line handed over is numbered, copy keeps the diff. */
+export declare const DiffLineActionsChecks: Story;
 //# sourceMappingURL=CodeBlock.stories.d.ts.map

package/dist/components/CodeBlock/CodeBlock.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.stories.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/CodeBlock.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AASpD,UAAU,aAAa;IACrB,mCAAmC;IACnC,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,8CAA8C;IAC9C,cAAc,EAAE,MAAM,CAAA;IACtB,iEAAiE;IACjE,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC;AAKD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBqB,CAAA;AAE/B,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAYlC;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,KAAU,CAAA;AAEnC,4FAA4F;AAC5F,eAAO,MAAM,gBAAgB,EAAE,KAO9B,CAAA;AAED,yEAAyE;AACzE,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAA;AAED,iGAAiG;AACjG,eAAO,MAAM,qBAAqB,EAAE,KAUnC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAqBrC,CAAA;AAED,6EAA6E;AAC7E,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAA;AAED,kEAAkE;AAClE,eAAO,MAAM,WAAW,EAAE,KAezB,CAAA;AAED,0EAA0E;AAC1E,eAAO,MAAM,yBAAyB,EAAE,KAsBvC,CAAA;AAID,0FAA0F;AAC1F,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAA;AAED,mGAAmG;AACnG,eAAO,MAAM,UAAU,EAAE,KAkCxB,CAAA"}
+{"version":3,"file":"CodeBlock.stories.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/CodeBlock.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAYpD,UAAU,aAAa;IACrB,mCAAmC;IACnC,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,8CAA8C;IAC9C,cAAc,EAAE,MAAM,CAAA;IACtB,iEAAiE;IACjE,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC;AAKD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBqB,CAAA;AAE/B,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAYlC;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,KAAU,CAAA;AAEnC,4FAA4F;AAC5F,eAAO,MAAM,gBAAgB,EAAE,KAO9B,CAAA;AAED,yEAAyE;AACzE,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAA;AAED,iGAAiG;AACjG,eAAO,MAAM,qBAAqB,EAAE,KAUnC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAqBrC,CAAA;AAED,6EAA6E;AAC7E,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAA;AAED,kEAAkE;AAClE,eAAO,MAAM,WAAW,EAAE,KAezB,CAAA;AAED,0EAA0E;AAC1E,eAAO,MAAM,yBAAyB,EAAE,KAsBvC,CAAA;AAID,0FAA0F;AAC1F,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAA;AAED,mGAAmG;AACnG,eAAO,MAAM,UAAU,EAAE,KAkCxB,CAAA;AAeD;;;;GAIG;AACH,eAAO,MAAM,eAAe,EAAE,KAkB7B,CAAA;AAED,iHAAiH;AACjH,eAAO,MAAM,qBAAqB,EAAE,KAoDnC,CAAA"}

package/dist/components/CodeBlock/DiffRows.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { DiffLineInfo } from './diffRoles';
+import { CodeBlockLineAction } from './types';
+/**
+ * A diff as rows rather than one `pre`, for when lines carry an action or
+ * content under them (a pre holds text only). Each row is a gutter and the
+ * line; content after a line spans the row. The gutter is one tab stop: the
+ * active line's button takes Tab, Up and Down move between the buttons.
+ */
+export declare function DiffRows({ text, lineAction, renderAfterLine, }: {
+    text: string;
+    lineAction?: CodeBlockLineAction;
+    renderAfterLine?: (line: DiffLineInfo) => ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DiffRows.d.ts.map

package/dist/components/CodeBlock/DiffRows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiffRows.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/DiffRows.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAEd,OAAO,EAAkC,KAAK,YAAY,EAAoB,MAAM,aAAa,CAAA;AAEjG,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAA;AAWhD;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,UAAU,EACV,eAAe,GAChB,EAAE;IACD,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,mBAAmB,CAAA;IAChC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,SAAS,CAAA;CACpD,2CA+DA"}

package/dist/components/CodeBlock/diffRoles.d.ts

@@ -11,4 +11,22 @@ export declare function diffLineRole(line: string): DiffLineRole;
 export declare function splitDiffLines(text: string): DiffLine[];
 /** The text content of a node: strings, numbers and the elements around them. */
 export declare function textOf(node: ReactNode): string;
+/** One line of a diff as a line action or after-line content sees it. */
+export interface DiffLineInfo {
+    /** The line's position in the diff text, from 0. */
+    index: number;
+    role: DiffLineRole;
+    /** The line without its newline. */
+    text: string;
+    /** Its line number in the old file: removed and context lines inside a hunk, else null. */
+    oldLine: number | null;
+    /** Its line number in the new file: added and context lines inside a hunk, else null. */
+    newLine: number | null;
+}
+/**
+ * Numbers a diff's lines from its hunk headers (`@@ -12,4 +12,6 @@`). Lines
+ * before the first hunk (file headers) and the headers themselves have no
+ * line numbers.
+ */
+export declare function numberDiffLines(lines: readonly DiffLine[]): DiffLineInfo[];
 //# sourceMappingURL=diffRoles.d.ts.map

package/dist/components/CodeBlock/diffRoles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"diffRoles.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/diffRoles.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AAE9D,wDAAwD;AACxD,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAA;AAEnE,MAAM,WAAW,QAAQ;IACvB,uEAAuE;IACvE,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,YAAY,CAAA;CACnB;AAED,mEAAmE;AACnE,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,CAMvD;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,EAAE,CASvD;AAED,iFAAiF;AACjF,wBAAgB,MAAM,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAO9C"}
+{"version":3,"file":"diffRoles.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/diffRoles.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AAE9D,wDAAwD;AACxD,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAA;AAEnE,MAAM,WAAW,QAAQ;IACvB,uEAAuE;IACvE,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,YAAY,CAAA;CACnB;AAED,mEAAmE;AACnE,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,CAMvD;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,EAAE,CASvD;AAED,iFAAiF;AACjF,wBAAgB,MAAM,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAO9C;AAED,yEAAyE;AACzE,MAAM,WAAW,YAAY;IAC3B,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,YAAY,CAAA;IAClB,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAA;IACZ,2FAA2F;IAC3F,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,yFAAyF;IACzF,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;CACvB;AAID;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,SAAS,QAAQ,EAAE,GAAG,YAAY,EAAE,CAoB1E"}

package/dist/components/CodeBlock/styles.css.d.ts

@@ -50,6 +50,49 @@ export declare const styles: Readonly<{
         readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
         readonly color: css.StyleXClassNameFor<"color", string>;
     }>;
+    readonly rows: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
+        readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
+        readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
+        readonly overflowX: css.StyleXClassNameFor<"overflowX", "auto">;
+        readonly color: css.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly row: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
+        readonly minWidth: css.StyleXClassNameFor<"minWidth", "max-content">;
+    }>;
+    readonly gutter: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "center">;
+        readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
+        readonly width: css.StyleXClassNameFor<"width", string>;
+    }>;
+    readonly rowText: Readonly<{
+        readonly whiteSpace: css.StyleXClassNameFor<"whiteSpace", "pre">;
+        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
+    }>;
+    readonly lineAction: Readonly<{
+        readonly width: css.StyleXClassNameFor<"width", string>;
+        readonly height: css.StyleXClassNameFor<"height", string>;
+        readonly padding: css.StyleXClassNameFor<"padding", 0>;
+        readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 0>;
+        readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly font: css.StyleXClassNameFor<"font", "inherit">;
+        readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
+        readonly outlineWidth: css.StyleXClassNameFor<"outlineWidth", string | 0>;
+        readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "none" | "solid">;
+        readonly outlineColor: css.StyleXClassNameFor<"outlineColor", string>;
+    }>;
+    readonly after: Readonly<{
+        readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
+        readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
+        readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
+        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
+    }>;
     readonly scroll: Readonly<{
         readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
         readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;

package/dist/components/CodeBlock/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAKpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2DjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAMpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmGjB,CAAA"}

package/dist/components/CodeBlock/types.d.ts

@@ -1,4 +1,14 @@
 import { ReactNode } from 'react';
+import { DiffLineInfo } from './diffRoles';
+export type { DiffLineInfo } from './diffRoles';
+/** An action offered on diff lines (comment on a line, link to it). */
+export interface CodeBlockLineAction {
+    /** The button's accessible name for a line ("Comment on line 12"), from your text catalog. */
+    label: (line: DiffLineInfo) => string;
+    onAction: (line: DiffLineInfo) => void;
+    /** Which lines offer it. Default: every line inside a hunk (one with a line number). */
+    available?: (line: DiffLineInfo) => boolean;
+}
 export interface CodeBlockProps {
     /**
      * The code: text, or the `<code>` element a Markdown renderer produced
@@ -25,5 +35,17 @@ export interface CodeBlockProps {
     copiedDuration?: number;
     /** Called when the clipboard refuses the write (an insecure context, a denied permission). */
     onCopyError?: (error: unknown) => void;
+    /**
+     * With `language="diff"`: a button in a gutter beside each line it is
+     * available on. The gutter is one tab stop; Up and Down move between its
+     * buttons.
+     */
+    lineAction?: CodeBlockLineAction;
+    /**
+     * With `language="diff"`: content shown under a line, full width (a comment
+     * thread, an editor). Return null for lines with nothing under them. What
+     * is copied stays the diff text.
+     */
+    renderAfterLine?: (line: DiffLineInfo) => ReactNode;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/CodeBlock/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAEpC,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,gEAAgE;IAChE,SAAS,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAA;IACnB,sEAAsE;IACtE,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,8FAA8F;IAC9F,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AACpC,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,aAAa,CAAA;AAE7C,YAAY,EAAC,YAAY,EAAC,MAAM,aAAa,CAAA;AAE7C,uEAAuE;AACvE,MAAM,WAAW,mBAAmB;IAClC,8FAA8F;IAC9F,KAAK,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,MAAM,CAAA;IACrC,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACtC,wFAAwF;IACxF,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAA;CAC5C;AAED,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,gEAAgE;IAChE,SAAS,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAA;IACnB,sEAAsE;IACtE,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,8FAA8F;IAC9F,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC;;;;OAIG;IACH,UAAU,CAAC,EAAE,mBAAmB,CAAA;IAChC;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,SAAS,CAAA;CACpD"}

package/dist/components/Textarea/Textarea.d.ts

@@ -28,8 +28,14 @@ interface TextareaBaseProps {
      *  navigation of a list driven by this field. */
     onKeyDown?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
     onKeyUp?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    /**
+     * Web: files pasted into the field or dropped on it (a screenshot, a log).
+     * The field shows the drop ring while files are dragged over it. Text
+     * pastes and drops stay text. Native: never called; attach with FileTrigger.
+     */
+    onFiles?: (files: readonly File[]) => void;
     ref?: React.Ref<HTMLTextAreaElement>;
 }
-export declare function Textarea({ variant, name, placeholder, required, rows, autoGrow, maxRows, role, 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, 'aria-activedescendant': ariaActiveDescendant, 'aria-autocomplete': ariaAutocomplete, 'aria-haspopup': ariaHasPopup, value, defaultValue, disabled, autoFocus, onChange, onBlur, onFocus, onKeyDown, onKeyUp, ref, }: TextareaProps): import("react/jsx-runtime").JSX.Element;
+export declare function Textarea({ variant, name, placeholder, required, rows, autoGrow, maxRows, role, 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, 'aria-activedescendant': ariaActiveDescendant, 'aria-autocomplete': ariaAutocomplete, 'aria-haspopup': ariaHasPopup, value, defaultValue, disabled, autoFocus, onChange, onBlur, onFocus, onKeyDown, onKeyUp, onFiles, ref, }: TextareaProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Textarea.d.ts.map

package/dist/components/Textarea/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,oBAAoB,CAAA;AAO1D,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,CAAA;AAEjD,4DAA4D;AAC5D,KAAK,SAAS,GACV;IACE,oFAAoF;IACpF,QAAQ,EAAE,IAAI,CAAA;IACd,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GACD;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAA;CAAC,CAAA;AAEvC,KAAK,aAAa,GAAG,OAAO,CAAC,kBAAkB,CAAC,GAAG,SAAS,GAAG,iBAAiB,CAAA;AAEhF,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IAC9D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IAC5D;qDACiD;IACjD,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IACjE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IAC/D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAA;CACrC;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAmB,EACnB,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,IAAQ,EACR,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,eAAe,EAAE,YAAY,EAC7B,eAAe,EAAE,YAAY,EAC7B,uBAAuB,EAAE,oBAAoB,EAC7C,mBAAmB,EAAE,gBAAgB,EACrC,eAAe,EAAE,YAAY,EAC7B,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,EACP,SAAS,EACT,OAAO,EACP,GAAG,GACJ,EAAE,aAAa,2CA8Df"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,oBAAoB,CAAA;AAQ1D,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,CAAA;AAEjD,4DAA4D;AAC5D,KAAK,SAAS,GACV;IACE,oFAAoF;IACpF,QAAQ,EAAE,IAAI,CAAA;IACd,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GACD;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAA;CAAC,CAAA;AAEvC,KAAK,aAAa,GAAG,OAAO,CAAC,kBAAkB,CAAC,GAAG,SAAS,GAAG,iBAAiB,CAAA;AAEhF,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IAC9D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IAC5D;qDACiD;IACjD,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IACjE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAA;IAC/D;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,IAAI,EAAE,KAAK,IAAI,CAAA;IAC1C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAA;CACrC;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAmB,EACnB,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,IAAQ,EACR,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,eAAe,EAAE,YAAY,EAC7B,eAAe,EAAE,YAAY,EAC7B,uBAAuB,EAAE,oBAAoB,EAC7C,mBAAmB,EAAE,gBAAgB,EACrC,eAAe,EAAE,YAAY,EAC7B,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,EACP,SAAS,EACT,OAAO,EACP,OAAO,EACP,GAAG,GACJ,EAAE,aAAa,2CA2Ef"}

package/dist/components/Textarea/Textarea.stories.d.ts

@@ -11,4 +11,10 @@ export declare const CustomRows: Story;
 export declare const AllVariants: Story;
 export declare const AutoGrow: Story;
 export declare const AnchoredListbox: Story;
+/**
+ * `onFiles` (web): a file pasted into the field or dropped on it goes to
+ * `onFiles`; while files are dragged over it the field shows the drop ring.
+ * Pasted text stays text.
+ */
+export declare const PasteAndDropFiles: Story;
 //# sourceMappingURL=Textarea.stories.d.ts.map

package/dist/components/Textarea/Textarea.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAIpD,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAA;AAKnC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAc/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAA;AAMD,eAAO,MAAM,WAAW,EAAE,KAezB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgCtB,CAAA;AAmED,eAAO,MAAM,eAAe,EAAE,KAgC7B,CAAA"}
+{"version":3,"file":"Textarea.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAIpD,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAA;AAKnC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAc/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAA;AAMD,eAAO,MAAM,WAAW,EAAE,KAezB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgCtB,CAAA;AAmED,eAAO,MAAM,eAAe,EAAE,KAgC7B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAkC/B,CAAA"}

package/dist/components/Textarea/styles.css.d.ts

@@ -30,5 +30,8 @@ export declare const styles: Readonly<{
     readonly error: Readonly<{
         readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
     }>;
+    readonly dropOver: Readonly<{
+        readonly boxShadow: css.StyleXClassNameFor<"boxShadow", string>;
+    }>;
 }>;
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/Textarea/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAOpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmDjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAQpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqDjB,CAAA"}

package/dist/components/Textarea/useFileDrop.d.ts

@@ -0,0 +1,9 @@
+import { RefObject } from 'react';
+/**
+ * Files dropped on the field go to `onFiles`, and `over` says files are
+ * being dragged over it (for the drop ring). A listener on the element:
+ * react-strict-dom passes no drag events through. Text drags stay the
+ * browser's.
+ */
+export declare function useFileDrop(ref: RefObject<HTMLTextAreaElement | null>, onFiles: ((files: readonly File[]) => void) | undefined): boolean;
+//# sourceMappingURL=useFileDrop.d.ts.map

package/dist/components/Textarea/useFileDrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileDrop.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/useFileDrop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AAKzD;;;;;GAKG;AACH,wBAAgB,WAAW,CACzB,GAAG,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,EAC1C,OAAO,EAAE,CAAC,CAAC,KAAK,EAAE,SAAS,IAAI,EAAE,KAAK,IAAI,CAAC,GAAG,SAAS,GACtD,OAAO,CA+BT"}