@duro-app/ui 5.21.0 → 5.22.0

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"}

package/dist/components/VirtualList/VirtualList.d.ts

@@ -1,33 +1,12 @@
-import { ReactNode } from 'react';
-import { SizeToken } from '@duro-app/tokens/keys';
-import { Length } from '../../shared/length';
-export interface VirtualListProps<T> {
-    items: readonly T[];
-    /** Each row's starting height estimate, a size token; rows are then measured. */
-    estimateSize: SizeToken;
-    renderItem: (item: T, index: number) => ReactNode;
-    /** A stable key per item (an id), so rows keep their measurement as items change. */
-    getKey: (item: T, index: number) => string | number;
-    /** Rows rendered beyond each edge of the view. Default 5 */
-    overscan?: number;
-    /**
-     * `end` starts at the last item and stays pinned to the bottom while new
-     * items arrive, as long as the reader is at the bottom (a transcript, a log).
-     * Default `start`.
-     */
-    anchor?: 'start' | 'end';
-    /** Cap the list's height; without it, it fills its parent. */
-    maxHeight?: Length;
-    /** The list's accessible name. */
-    'aria-label': string;
-}
+import { VirtualListProps } from './props';
+export type { VirtualListProps };
 /**
  * A windowed list: only the rows in view (plus `overscan`) are mounted, so a
  * list of tens of thousands stays fast. Rows are measured as they render, so
  * they may differ in height. It is a `role="list"`; each row is a listitem
  * with `aria-setsize` and `aria-posinset`, so assistive tech knows the full
- * length while most rows are not in the DOM. Web only: on native, host
- * FlashList or Legend List behind your own `.native.tsx` leaf.
+ * length while most rows are not in the DOM. On native it is
+ * a FlatList with the same props.
  */
-export declare function VirtualList<T>({ items, estimateSize, renderItem, getKey, overscan, anchor, maxHeight, 'aria-label': ariaLabel, }: VirtualListProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function VirtualList<T>({ items, estimateSize, renderItem, getKey, overscan, anchor, onStartReached, maxHeight, 'aria-label': ariaLabel, }: VirtualListProps<T>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=VirtualList.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualList/VirtualList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAqC,MAAM,OAAO,CAAA;AAGxE,OAAO,EAAW,KAAK,SAAS,EAAC,MAAM,uBAAuB,CAAA;AAC9D,OAAO,EAAgB,KAAK,MAAM,EAAC,MAAM,qBAAqB,CAAA;AAG9D,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAA;IACnB,iFAAiF;IACjF,YAAY,EAAE,SAAS,CAAA;IACvB,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;IACjD,qFAAqF;IACrF,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAA;IACnD,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IACxB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kCAAkC;IAClC,YAAY,EAAE,MAAM,CAAA;CACrB;AAKD;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,EAC7B,KAAK,EACL,YAAY,EACZ,UAAU,EACV,MAAM,EACN,QAAY,EACZ,MAAgB,EAChB,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAsDrB"}
+{"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualList/VirtualList.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAA;AAE7C,YAAY,EAAC,gBAAgB,EAAC,CAAA;AAW9B;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,EAC7B,KAAK,EACL,YAAY,EACZ,UAAU,EACV,MAAM,EACN,QAAY,EACZ,MAAgB,EAChB,cAAc,EACd,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CA0JrB"}

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

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

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

@@ -12,4 +12,20 @@ interface PlaygroundArgs {
 export declare const Playground: StoryObj<PlaygroundArgs>;
 export declare const TenThousand: Story;
 export declare const AnchoredToTheEnd: Story;
+export declare const PrependKeepsPosition: Story;
+export declare const StartReachedFiresOncePerApproach: StoryObj<{
+    onStartReached: () => void;
+}>;
+/** A list too short to scroll asks for older history at once, since no scroll can reach its start. */
+export declare const ShortListAsksForMore: StoryObj<{
+    onStartReached: () => void;
+}>;
+/** A prepend that leaves the list short asks again; when no more comes, it stops. */
+export declare const ShortListKeepsAskingUntilNoMore: StoryObj<{
+    onStartReached: () => void;
+}>;
+/** A new array with the same content does not ask again, even when the call re-renders. */
+export declare const ShortListDoesNotLoopOnFreshArrays: StoryObj<{
+    onStartReached: () => void;
+}>;
 //# sourceMappingURL=VirtualList.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"VirtualList.stories.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualList/VirtualList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,uBAAuB,CAAA;AAIpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAkBrB,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,OAAO,GAAG,KAAK,CAAA;IACvB,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,SAAS,CAAA;CACxB;AAED,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAkC/C,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAS9B,CAAA"}
+{"version":3,"file":"VirtualList.stories.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualList/VirtualList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAIpD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,uBAAuB,CAAA;AAIpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAkBrB,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,OAAO,GAAG,KAAK,CAAA;IACvB,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,SAAS,CAAA;CACxB;AAED,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAkC/C,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAS9B,CAAA;AAoCD,eAAO,MAAM,oBAAoB,EAAE,KAsBlC,CAAA;AAED,eAAO,MAAM,gCAAgC,EAAE,QAAQ,CAAC;IAAC,cAAc,EAAE,MAAM,IAAI,CAAA;CAAC,CAwBnF,CAAA;AAED,sGAAsG;AACtG,eAAO,MAAM,oBAAoB,EAAE,QAAQ,CAAC;IAAC,cAAc,EAAE,MAAM,IAAI,CAAA;CAAC,CAkBvE,CAAA;AAoBD,qFAAqF;AACrF,eAAO,MAAM,+BAA+B,EAAE,QAAQ,CAAC;IAAC,cAAc,EAAE,MAAM,IAAI,CAAA;CAAC,CAWlF,CAAA;AAqBD,2FAA2F;AAC3F,eAAO,MAAM,iCAAiC,EAAE,QAAQ,CAAC;IAAC,cAAc,EAAE,MAAM,IAAI,CAAA;CAAC,CASpF,CAAA"}

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

@@ -0,0 +1,14 @@
+import { css } from 'react-strict-dom';
+/** The native list sits in a view that fills its parent or stops at a cap. */
+export declare const nativeStyles: Readonly<{
+    readonly root: Readonly<{
+        readonly width: css.StyleXClassNameFor<"width", "100%">;
+        readonly height: css.StyleXClassNameFor<"height", "100%">;
+        readonly minHeight: css.StyleXClassNameFor<"minHeight", 0>;
+    }>;
+    readonly rootMax: (maxHeight: string | number) => readonly [Readonly<{
+        height: css.StyleXClassNameFor<"height", string>;
+        maxHeight: css.StyleXClassNameFor<"maxHeight", string | number>;
+    }>, css.InlineStyles];
+}>;
+//# sourceMappingURL=native.css.d.ts.map

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

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