@duro-app/ui 5.21.0 → 5.23.0

package/dist/components/AppShell/AppShell.d.ts

@@ -1,5 +1,7 @@
 import { ReactNode, Ref } from 'react';
 export type AppShellCollapse = 'sm' | 'md' | 'lg';
+/** `page`: the document scrolls (a docs site). `main`: the shell is the viewport, Main scrolls (an app). */
+export type AppShellScroll = 'page' | 'main';
 interface RootProps {
     /** The narrow-width button that opens the navigation ("Menu"), from your text catalog. */
     menuLabel: string;
@@ -17,13 +19,20 @@ interface RootProps {
      * becomes a Drawer behind the Menu button. Default `sm`.
      */
     collapseBelow?: AppShellCollapse;
+    /**
+     * What scrolls. `page` (default): the document, a page that grows with its
+     * content. `main`: the shell is exactly the viewport's height and Main
+     * scrolls on its own, so a SplitPane or VirtualList inside it can fill Main
+     * and scroll its own panes (an app such as a chat or a mail client).
+     */
+    scroll?: AppShellScroll;
     /**
      * `AppShell.Rail`, `AppShell.Main` and an optional `AppShell.Header`, as
      * direct children (Root places the Header's content in its bar).
      */
     children: ReactNode;
 }
-declare function Root({ menuLabel, closeLabel, skipLabel, brand, collapseBelow, children, }: RootProps): import("react/jsx-runtime").JSX.Element;
+declare function Root({ menuLabel, closeLabel, skipLabel, brand, collapseBelow, scroll, children, }: RootProps): import("react/jsx-runtime").JSX.Element;
 export interface AppShellRailState {
     /**
      * Closes the drawer. Call it after any selection in the navigation — the

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

@@ -1 +1 @@
-{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAWL,KAAK,SAAS,EACd,KAAK,GAAG,EAET,MAAM,OAAO,CAAA;AA0Bd,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAsDjD,UAAU,SAAS;IACjB,0FAA0F;IAC1F,SAAS,EAAE,MAAM,CAAA;IACjB,6EAA6E;IAC7E,UAAU,EAAE,MAAM,CAAA;IAClB,4FAA4F;IAC5F,SAAS,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,gBAAgB,CAAA;IAChC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,UAAU,EACV,SAAS,EACT,KAAK,EACL,aAAoB,EACpB,QAAQ,GACT,EAAE,SAAS,2CAqFX;AAID,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB;AAED,KAAK,WAAW,GAAG,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,iBAAiB,KAAK,SAAS,CAAC,CAAA;AAExE,UAAU,SAAS;IACjB,6EAA6E;IAC7E,YAAY,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,QAAQ,EAAE,WAAW,CAAA;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB;AAID,iBAAS,IAAI,CAAC,EAAC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAC,EAAE,SAAS,2CA6CnE;AAID,UAAU,WAAW;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE,WAAW,2CAQtC;AAID,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,+EAA+E;IAC/E,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,qEAAqE;IACrE,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CACvB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,EAAE,EAAE,GAAG,EAAC,EAAE,SAAS,2CAoB3C;AAED,eAAO,MAAM,QAAQ;;;;;CAKpB,CAAA"}
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAWL,KAAK,SAAS,EACd,KAAK,GAAG,EAET,MAAM,OAAO,CAAA;AA0Bd,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AACjD,4GAA4G;AAC5G,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,CAAA;AAuD5C,UAAU,SAAS;IACjB,0FAA0F;IAC1F,SAAS,EAAE,MAAM,CAAA;IACjB,6EAA6E;IAC7E,UAAU,EAAE,MAAM,CAAA;IAClB,4FAA4F;IAC5F,SAAS,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,gBAAgB,CAAA;IAChC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,UAAU,EACV,SAAS,EACT,KAAK,EACL,aAAoB,EACpB,MAAe,EACf,QAAQ,GACT,EAAE,SAAS,2CAqFX;AAID,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB;AAED,KAAK,WAAW,GAAG,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,iBAAiB,KAAK,SAAS,CAAC,CAAA;AAExE,UAAU,SAAS;IACjB,6EAA6E;IAC7E,YAAY,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,QAAQ,EAAE,WAAW,CAAA;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB;AAID,iBAAS,IAAI,CAAC,EAAC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAC,EAAE,SAAS,2CA6CnE;AAID,UAAU,WAAW;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE,WAAW,2CAQtC;AAID,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,+EAA+E;IAC/E,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,qEAAqE;IACrE,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CACvB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,EAAE,EAAE,GAAG,EAAC,EAAE,SAAS,2CAoB3C;AAED,eAAO,MAAM,QAAQ;;;;;CAKpB,CAAA"}

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

@@ -194,4 +194,12 @@ export declare const NoLayoutShift: Story;
  * as a test and stays out of the dev sidebar (there is no Vitest there).
  */
 export declare const MenuButtonTouchTarget: Story;
+/**
+ * `scroll="main"`: an app, not a document. The shell is the viewport's height and Main scrolls on
+ * its own, so a SplitPane inside it fills Main and each pane scrolls by itself — here a 500-row
+ * VirtualList that mounts only the rows in view.
+ */
+export declare const ScrollMain: Story;
+/** ScrollMain's checks: Main stays within the viewport and the list windows its rows. */
+export declare const ScrollMainBoundsMain: Story;
 //# sourceMappingURL=AppShell.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppShell.stories.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AppShell.stories.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.stories.tsx"],"names":[],"mappings":"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"}

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

@@ -12,6 +12,9 @@ export declare const styles: Readonly<{
         readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
         readonly gridTemplateRows: css.StyleXClassNameFor<"gridTemplateRows", "auto 1fr">;
     }>;
+    readonly gridViewport: Readonly<{
+        readonly height: css.StyleXClassNameFor<"height", "100dvh">;
+    }>;
     readonly gridSm: Readonly<{
         readonly gridTemplateColumns: css.StyleXClassNameFor<"gridTemplateColumns", string>;
         readonly gridTemplateAreas: css.StyleXClassNameFor<"gridTemplateAreas", "\"bar\" \"main\"" | "\"rail bar\" \"rail main\"">;
@@ -171,6 +174,10 @@ export declare const styles: Readonly<{
         readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
         readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "none">;
     }>;
+    readonly mainScrolls: Readonly<{
+        readonly minHeight: css.StyleXClassNameFor<"minHeight", 0>;
+        readonly overflowY: css.StyleXClassNameFor<"overflowY", "auto">;
+    }>;
     readonly mainSm: Readonly<{
         readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
         readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAkCpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwLjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAkCpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkMjB,CAAA"}

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

@@ -1,22 +1,5 @@
-import { ReactNode } from 'react';
-interface CodeBlockProps {
-    /**
-     * The code: text, or the `<code>` element a Markdown renderer produced
-     * (highlighted spans included). What is copied is its text content.
-     */
-    children: ReactNode;
-    /** The copy button's label ("Copy"), from your text catalog. */
-    copyLabel: string;
-    /**
-     * The label while the copy is confirmed ("Copied"), also announced to
-     * screen readers.
-     */
-    copiedLabel: string;
-    /** How long the confirmation stays, in milliseconds. Default 2000. */
-    copiedDuration?: number;
-    /** Called when the clipboard refuses the write (an insecure context, a denied permission). */
-    onCopyError?: (error: unknown) => void;
-}
+import { CodeBlockProps } from './types';
+export type { CodeBlockProps } from './types';
 /**
  * CodeBlock — a block of code with a copy button: a `pre` that scrolls
  * sideways when a line is long (and is then focusable, so a keyboard can
@@ -24,6 +7,5 @@ interface CodeBlockProps {
  * 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, copyLabel, copiedLabel, copiedDuration, onCopyError, }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function CodeBlock({ children, language, copyLabel, copiedLabel, copiedDuration, onCopyError, }: 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":"AAAA,OAAO,EAA2C,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AAO9E,UAAU,cAAc;IACtB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB,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;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,WAAW,EACX,cAAqB,EACrB,WAAW,GACZ,EAAE,cAAc,2CA2DhB"}
+{"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"}

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

@@ -70,4 +70,8 @@ export declare const CopiesAndAnnounces: Story;
 export declare const CopyRefused: Story;
 /** Without onCopyError, a refused clipboard still reaches the console. */
 export declare const CopyRefusedWithoutHandler: Story;
+/** `language="diff"`: added, removed and hunk lines are tinted from the status tokens. */
+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;
 //# 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;AAQpD,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;AAQlC;;;;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"}
+{"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"}

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

@@ -0,0 +1,9 @@
+/**
+ * The lines of a unified diff, each tagged with its role (`data-diff-line`)
+ * and coloured from the success, error and info subtle tokens. The `+`/`-`
+ * characters stay in the text, so colour is never the only signal.
+ */
+export declare function DiffLines({ text }: {
+    text: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DiffLines.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DiffLines.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/DiffLines.tsx"],"names":[],"mappings":"AAYA;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAC,IAAI,EAAC,EAAE;IAAC,IAAI,EAAE,MAAM,CAAA;CAAC,2CAc/C"}

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+/** What a line of a unified diff is, for its colour. */
+export type DiffLineRole = 'added' | 'removed' | 'hunk' | 'context';
+export interface DiffLine {
+    /** The line with its newline, so the lines joined are the raw text. */
+    text: string;
+    role: DiffLineRole;
+}
+/** `+++ b/file` and `--- a/file` are file headers, not changes. */
+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;
+//# sourceMappingURL=diffRoles.d.ts.map

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

@@ -0,0 +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"}

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

@@ -37,5 +37,29 @@ export declare const styles: Readonly<{
         readonly outlineColor: css.StyleXClassNameFor<"outlineColor", string>;
         readonly outlineOffset: css.StyleXClassNameFor<"outlineOffset", string | 0>;
     }>;
+    readonly line: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "block">;
+    }>;
+    readonly added: Readonly<{
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly removed: Readonly<{
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly hunk: Readonly<{
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: css.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly scroll: 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 text: Readonly<{
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly userSelect: css.StyleXClassNameFor<"userSelect", "text">;
+        readonly whiteSpace: css.StyleXClassNameFor<"whiteSpace", "pre">;
+    }>;
 }>;
 //# sourceMappingURL=styles.css.d.ts.map

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0CjB,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;AAKpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2DjB,CAAA"}

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

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+export interface CodeBlockProps {
+    /**
+     * The code: text, or the `<code>` element a Markdown renderer produced
+     * (highlighted spans included). What is copied is its text content.
+     */
+    children: ReactNode;
+    /**
+     * The code's language ("diff", "ts"), exposed as `data-language` on the
+     * `pre`. `"diff"` also gives each added (`+`), removed (`-`) and hunk (`@@`)
+     * line its own colour; what is copied stays the raw text. Diff rendering
+     * works on the text content, so highlighted spans inside `children` are
+     * flattened to plain text. The language is a data attribute only: it is not
+     * announced to assistive technology.
+     */
+    language?: string;
+    /** The copy button's label ("Copy"), from your text catalog. */
+    copyLabel: string;
+    /**
+     * The label while the copy is confirmed ("Copied"), also announced to
+     * screen readers.
+     */
+    copiedLabel: string;
+    /** How long the confirmation stays, in milliseconds. Default 2000. */
+    copiedDuration?: number;
+    /** Called when the clipboard refuses the write (an insecure context, a denied permission). */
+    onCopyError?: (error: unknown) => void;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/Drawer/touchInput.d.ts

@@ -14,7 +14,11 @@ export type Point = {
  * `CDPSession` is empty until the provider's typings load; `send` exists at runtime.
  */
 export declare function cdpSend(method: string, params: object): Promise<unknown>;
-/** Set the page's viewport (test runner only, like `cdpSend`). */
+/**
+ * Set the page's viewport under the test runner. In dev Storybook `vitest/browser`
+ * refuses to load (that refusal only); there the story keeps the browser's own
+ * viewport instead of failing to render. Any other import failure is thrown.
+ */
 export declare function setViewport(width: number, height: number): Promise<void>;
 export declare const pause: (ms: number) => Promise<unknown>;
 /**

package/dist/components/Drawer/touchInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"touchInput.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/touchInput.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,MAAM,KAAK,GAAG;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAC,CAAA;AAE1C;;;;GAIG;AACH,wBAAsB,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,oBAI3D;AAED,kEAAkE;AAClE,wBAAsB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAG9D;AAED,eAAO,MAAM,KAAK,GAAI,IAAI,MAAM,qBAA0C,CAAA;AAE1E;;;GAGG;AACH,wBAAgB,MAAM,CAAC,CAAC,EAAE,KAAK,GAAG,KAAK,CAWtC;AASD;;;;GAIG;AACH,wBAAsB,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,SAAI,iBAWhE;AAED,oBAAoB;AACpB,wBAAsB,QAAQ,CAAC,EAAE,EAAE,KAAK,iBAGvC;AAED,mEAAmE;AACnE,wBAAgB,MAAM,CAAC,EAAE,EAAE,OAAO,GAAG,KAAK,CAGzC"}
+{"version":3,"file":"touchInput.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/touchInput.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,MAAM,KAAK,GAAG;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAC,CAAA;AAE1C;;;;GAIG;AACH,wBAAsB,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,oBAI3D;AAKD;;;;GAIG;AACH,wBAAsB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAU9D;AAED,eAAO,MAAM,KAAK,GAAI,IAAI,MAAM,qBAA0C,CAAA;AAE1E;;;GAGG;AACH,wBAAgB,MAAM,CAAC,CAAC,EAAE,KAAK,GAAG,KAAK,CAWtC;AASD;;;;GAIG;AACH,wBAAsB,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,SAAI,iBAWhE;AAED,oBAAoB;AACpB,wBAAsB,QAAQ,CAAC,EAAE,EAAE,KAAK,iBAGvC;AAED,mEAAmE;AACnE,wBAAgB,MAAM,CAAC,EAAE,EAAE,OAAO,GAAG,KAAK,CAGzC"}

package/dist/components/Prose/Prose.d.ts

@@ -10,7 +10,7 @@ interface ProseProps {
  * output): headings, paragraphs, lists, tables, blockquotes, inline code,
  * links and images are styled from tokens by descendant rules scoped to it.
  * Duro components inside it (a TextLink, a CodeBlock) keep their own styles,
- * and an app's own CSS wins over every Prose rule. Web only.
+ * and an app's own CSS wins over every Prose rule. Native: Prose.native.tsx.
  */
 export declare function Prose({ children, ref }: ProseProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/SplitPane/SplitPane.d.ts

@@ -15,6 +15,15 @@ interface RootProps {
     maxSize?: SizeToken;
     /** Below this breakpoint, measured on the split's own width, the panes stack. Default: `sm` */
     collapseBelow?: Breakpoint;
+    /**
+     * Controlled: shrink the primary pane to a strip (the `iconButton` size),
+     * show `collapsedContent` in it and remove the handle. The pane's own
+     * children stay mounted (their state is kept) but are inert and hidden. When
+     * it turns false the pane returns to its prior width. Ignored when stacked.
+     */
+    collapsed?: boolean;
+    /** What the strip shows while `collapsed` (an expand button, icons). */
+    collapsedContent?: ReactNode;
     /** The handle's accessible name ("Resize list"). */
     'aria-label': string;
 }
@@ -24,7 +33,7 @@ interface RootProps {
  * handle (pointer drag, arrow keys, Home and End); the second takes the rest.
  * Below `collapseBelow` the panes stack in one column and the handle goes.
  */
-declare function Root({ children, defaultSize, size: controlledSize, onSizeChange, minSize, maxSize, collapseBelow, 'aria-label': label, }: RootProps): import("react/jsx-runtime").JSX.Element;
+declare function Root({ children, defaultSize, size: controlledSize, onSizeChange, minSize, maxSize, collapseBelow, collapsed, collapsedContent, 'aria-label': label, }: RootProps): import("react/jsx-runtime").JSX.Element;
 declare function Pane({ children }: {
     children: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"SplitPane.d.ts","sourceRoot":"","sources":["../../../src/components/SplitPane/SplitPane.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EAOf,MAAM,OAAO,CAAA;AAEd,OAAO,EAAuB,KAAK,SAAS,EAAC,MAAM,uBAAuB,CAAA;AAC1E,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,yCAAyC,CAAA;AA+BvE,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,mFAAmF;IACnF,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,4EAA4E;IAC5E,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,wEAAwE;IACxE,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,+FAA+F;IAC/F,aAAa,CAAC,EAAE,UAAU,CAAA;IAC1B,oDAAoD;IACpD,YAAY,EAAE,MAAM,CAAA;CACrB;AAED;;;;;GAKG;AACH,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,WAAwB,EACxB,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,OAAoB,EACpB,OAAmB,EACnB,aAAoB,EACpB,YAAY,EAAE,KAAK,GACpB,EAAE,SAAS,2CAiCX;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAc9C;AAED,iBAAS,MAAM,mDAkFd;AAED,eAAO,MAAM,SAAS;;;;CAIrB,CAAA"}
+{"version":3,"file":"SplitPane.d.ts","sourceRoot":"","sources":["../../../src/components/SplitPane/SplitPane.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EAOf,MAAM,OAAO,CAAA;AAEd,OAAO,EAAuB,KAAK,SAAS,EAAC,MAAM,uBAAuB,CAAA;AAC1E,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,yCAAyC,CAAA;AAiCvE,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,mFAAmF;IACnF,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,4EAA4E;IAC5E,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,wEAAwE;IACxE,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,+FAA+F;IAC/F,aAAa,CAAC,EAAE,UAAU,CAAA;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,oDAAoD;IACpD,YAAY,EAAE,MAAM,CAAA;CACrB;AAED;;;;;GAKG;AACH,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,WAAwB,EACxB,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,OAAoB,EACpB,OAAmB,EACnB,aAAoB,EACpB,SAAiB,EACjB,gBAAgB,EAChB,YAAY,EAAE,KAAK,GACpB,EAAE,SAAS,2CAmCX;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CA0C9C;AAED,iBAAS,MAAM,mDAkFd;AAED,eAAO,MAAM,SAAS;;;;CAIrB,CAAA"}

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

@@ -1,4 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
+import { ReactNode } from 'react';
 import { SizeToken } from '@duro-app/tokens/keys';
 import { Breakpoint } from '@duro-app/tokens/tokens/breakpoints.css';
 declare const meta: Meta;
@@ -10,8 +11,18 @@ interface SplitArgs {
     maxSize: SizeToken;
     collapseBelow: Breakpoint;
     onSizeChange?: (px: number) => void;
+    collapsed?: boolean;
+    collapsedContent?: ReactNode;
 }
 export declare const Default: StoryObj<SplitArgs>;
 export declare const KeyboardMovesTheSeparator: Story;
 export declare const NarrowStacksInOneColumn: Story;
+/**
+ * `collapsed`: the first pane shrinks to a strip holding `collapsedContent`, the
+ * handle goes away, and expanding restores the width it had.
+ */
+export declare const Collapsed: Story;
+export declare const CollapsedShowsTheStrip: Story;
+export declare const CollapseKeepsChildState: Story;
+export declare const VirtualListsFillTheirPanes: Story;
 //# sourceMappingURL=SplitPane.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SplitPane.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SplitPane/SplitPane.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAGpD,OAAO,EAAuB,KAAK,SAAS,EAAC,MAAM,uBAAuB,CAAA;AAC1E,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,yCAAyC,CAAA;AAQvE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAOrB,UAAU,SAAS;IACjB,WAAW,EAAE,SAAS,CAAA;IACtB,OAAO,EAAE,SAAS,CAAA;IAClB,OAAO,EAAE,SAAS,CAAA;IAClB,aAAa,EAAE,UAAU,CAAA;IACzB,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CACpC;AAkDD,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,SAAS,CAkBvC,CAAA;AAID,eAAO,MAAM,yBAAyB,EAAE,KA4BvC,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAcrC,CAAA"}
+{"version":3,"file":"SplitPane.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SplitPane/SplitPane.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAW,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AAE9C,OAAO,EAAuB,KAAK,SAAS,EAAC,MAAM,uBAAuB,CAAA;AAC1E,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,yCAAyC,CAAA;AAYvE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAOrB,UAAU,SAAS;IACjB,WAAW,EAAE,SAAS,CAAA;IACtB,OAAO,EAAE,SAAS,CAAA;IAClB,OAAO,EAAE,SAAS,CAAA;IAClB,aAAa,EAAE,UAAU,CAAA;IACzB,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB,CAAC,EAAE,SAAS,CAAA;CAC7B;AAyDD,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,SAAS,CAkBvC,CAAA;AAID,eAAO,MAAM,yBAAyB,EAAE,KA4BvC,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAcrC,CAAA;AA2BD;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KA8DpC,CAAA;AAgCD,eAAO,MAAM,uBAAuB,EAAE,KAoBrC,CAAA;AA0BD,eAAO,MAAM,0BAA0B,EAAE,KAiBxC,CAAA"}

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

@@ -22,6 +22,28 @@ export declare const styles: Readonly<{
         readonly minWidth: css.StyleXClassNameFor<"minWidth", 0>;
         readonly overflow: css.StyleXClassNameFor<"overflow", "auto">;
     }>;
+    readonly primaryStrip: Readonly<{
+        readonly position: css.StyleXClassNameFor<"position", "relative">;
+        readonly overflow: css.StyleXClassNameFor<"overflow", "hidden">;
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
+        readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
+        readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
+        readonly borderRightWidth: css.StyleXClassNameFor<"borderRightWidth", string>;
+        readonly borderRightStyle: css.StyleXClassNameFor<"borderRightStyle", "solid">;
+        readonly borderRightColor: css.StyleXClassNameFor<"borderRightColor", string>;
+    }>;
+    readonly stowed: Readonly<{
+        readonly position: css.StyleXClassNameFor<"position", "absolute">;
+        readonly top: css.StyleXClassNameFor<"top", 0>;
+        readonly left: css.StyleXClassNameFor<"left", 0>;
+        readonly visibility: css.StyleXClassNameFor<"visibility", "hidden">;
+        readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "none">;
+    }>;
+    readonly fill: Readonly<{
+        readonly height: css.StyleXClassNameFor<"height", "100%">;
+        readonly minHeight: css.StyleXClassNameFor<"minHeight", 0>;
+    }>;
     readonly primarySize: (px: number) => readonly [Readonly<{
         width: css.StyleXClassNameFor<"width", number>;
     }>, css.InlineStyles];

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

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

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

@@ -1,5 +1,17 @@
+import { ListboxAnchorProps } from '../Listbox/Listbox';
 export type TextareaVariant = 'default' | 'error';
-interface TextareaProps {
+/** `maxRows` only means something on a field that grows. */
+type GrowProps = {
+    /** The height follows the content, from `rows` up to `maxRows`, then it scrolls. */
+    autoGrow: true;
+    /** The most rows the field shows before it scrolls. Default: no limit */
+    maxRows?: number;
+} | {
+    autoGrow?: false;
+    maxRows?: never;
+};
+type TextareaProps = Partial<ListboxAnchorProps> & GrowProps & TextareaBaseProps;
+interface TextareaBaseProps {
     variant?: TextareaVariant;
     name?: string;
     placeholder?: string;
@@ -18,6 +30,6 @@ interface TextareaProps {
     onKeyUp?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
     ref?: React.Ref<HTMLTextAreaElement>;
 }
-export declare function Textarea({ variant, name, placeholder, required, rows, 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, 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":"AAMA,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,CAAA;AAEjD,UAAU,aAAa;IACrB,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,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,EACP,SAAS,EACT,OAAO,EACP,GAAG,GACJ,EAAE,aAAa,2CAuCf"}
+{"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"}

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

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

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

@@ -9,4 +9,6 @@ export declare const Error: Story;
 export declare const Disabled: Story;
 export declare const CustomRows: Story;
 export declare const AllVariants: Story;
+export declare const AutoGrow: Story;
+export declare const AnchoredListbox: 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;AAGpD,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAA;AAInC,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"}
+{"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"}

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

@@ -0,0 +1,22 @@
+/** How a Textarea sizes itself: to its content, or to its fixed rows. */
+export type GrowMode = 'content' | 'fixed';
+/**
+ * Fallback for browsers without CSS `field-sizing: content`: size the field to
+ * its content. The element's own `rows` give the floor, the style's maxHeight
+ * the ceiling (past it the field scrolls).
+ */
+export interface GrowableField {
+    style: {
+        height: string;
+    };
+    scrollHeight: number;
+    offsetHeight: number;
+    clientHeight: number;
+}
+/** True when the browser sizes a textarea to its content in CSS. */
+export declare function supportsFieldSizing(css?: {
+    supports?: (property: string, value: string) => boolean;
+} | undefined): boolean;
+/** Resize `el` to fit its content; returns the height set, in px. */
+export declare function fitToContent(el: GrowableField): number;
+//# sourceMappingURL=autoGrow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"autoGrow.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/autoGrow.ts"],"names":[],"mappings":"AAAA,yEAAyE;AACzE,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAA;AAE1C;;;;GAIG;AACH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC,CAAA;IACvB,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,oEAAoE;AACpE,wBAAgB,mBAAmB,CACjC,GAAG,GAAE;IAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAA;CAAC,GAAG,SAE5D,GACJ,OAAO,CAET;AAED,qEAAqE;AACrE,wBAAgB,YAAY,CAAC,EAAE,EAAE,aAAa,GAAG,MAAM,CAOtD"}

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

@@ -0,0 +1,12 @@
+import { css } from 'react-strict-dom';
+export declare const growCss: Readonly<{
+    readonly autoGrow: Readonly<{
+        readonly fieldSizing: css.StyleXClassNameFor<"fieldSizing", "content">;
+        readonly resize: css.StyleXClassNameFor<"resize", "none">;
+        readonly overflowY: css.StyleXClassNameFor<"overflowY", "auto">;
+    }>;
+    readonly maxRows: (rows: number) => readonly [Readonly<{
+        maxHeight: css.StyleXClassNameFor<"maxHeight", string>;
+    }>, css.InlineStyles];
+}>;
+//# sourceMappingURL=grow.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grow.css.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/grow.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAKpC,eAAO,MAAM,OAAO;;;;;;;;;EAYlB,CAAA"}

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

@@ -0,0 +1,2 @@
+export { growCss as grow } from './grow.css';
+//# sourceMappingURL=grow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grow.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/grow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,YAAY,CAAA"}

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

@@ -0,0 +1,8 @@
+import { css } from 'react-strict-dom';
+export declare const nativeStyles: Readonly<{
+    readonly autoGrow: Readonly<{}>;
+    readonly maxRows: (rows: number) => readonly [Readonly<{
+        maxHeight: css.StyleXClassNameFor<"maxHeight", number>;
+    }>, css.InlineStyles];
+}>;
+//# sourceMappingURL=native.css.d.ts.map

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

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

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

@@ -0,0 +1,9 @@
+import { RefObject } from 'react';
+import { GrowMode } from './autoGrow';
+/**
+ * Where CSS field-sizing is missing, size the field to its content: after each
+ * render (first paint, controlled value changes) and on every `input` event, so
+ * an uncontrolled field grows as it is typed into.
+ */
+export declare function useAutoGrowFallback(ref: RefObject<HTMLTextAreaElement | null>, mode: GrowMode): void;
+//# sourceMappingURL=useAutoGrowFallback.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAutoGrowFallback.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/useAutoGrowFallback.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AAGhE,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAA;AAKxC;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,QAqB7F"}

package/dist/components/Toolbar/Toolbar.d.ts

@@ -1,17 +1,5 @@
-import { ReactNode } from 'react';
-import { Orientation } from '../../shared/types';
-export interface ToolbarProps {
-    /** Names the toolbar ("Formatting"). Required: a toolbar is a landmark-like widget. */
-    'aria-label': string;
-    /**
-     * Arrow keys follow the orientation: Left/Right (default) or Up/Down. A
-     * vertical toolbar cannot hold a Select, whose closed trigger opens on
-     * ArrowDown/ArrowUp. A Menu can: its closed trigger handles no arrow key,
-     * so Up/Down move past it and Enter or Space opens it.
-     */
-    orientation?: Orientation;
-    children: ReactNode;
-}
+import { ToolbarProps } from './types';
+export type { ToolbarProps } from './types';
 /**
  * A row of controls with one tab stop (the WAI-ARIA toolbar pattern). Every
  * Button, Toggle and Select/Menu/Popover trigger inside it, through any

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

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAoD,MAAM,OAAO,CAAA;AAEvF,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAKnD,MAAM,WAAW,YAAY;IAC3B,uFAAuF;IACvF,YAAY,EAAE,MAAM,CAAA;IACpB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,EACtB,YAAY,EAAE,SAAS,EACvB,WAA0B,EAC1B,QAAQ,GACT,EAAE,YAAY,2CAkFd"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,SAAS,CAAA;AAEzC,YAAY,EAAC,YAAY,EAAC,MAAM,SAAS,CAAA;AAEzC;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,EACtB,YAAY,EAAE,SAAS,EACvB,WAA0B,EAC1B,QAAQ,GACT,EAAE,YAAY,2CAkFd"}

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

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { Orientation } from '../../shared/types';
+export interface ToolbarProps {
+    /** Names the toolbar ("Formatting"). Required: a toolbar is a landmark-like widget. */
+    'aria-label': string;
+    /**
+     * Arrow keys follow the orientation: Left/Right (default) or Up/Down. A
+     * vertical toolbar cannot hold a Select, whose closed trigger opens on
+     * ArrowDown/ArrowUp. A Menu can: its closed trigger handles no arrow key,
+     * so Up/Down move past it and Enter or Space opens it.
+     */
+    orientation?: Orientation;
+    children: ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AACpC,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAEnD,MAAM,WAAW,YAAY;IAC3B,uFAAuF;IACvF,YAAY,EAAE,MAAM,CAAA;IACpB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,QAAQ,EAAE,SAAS,CAAA;CACpB"}