@duro-app/ui 5.18.0 → 5.20.0

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

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

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

@@ -0,0 +1,19 @@
+import { css } from 'react-strict-dom';
+export declare const nativeStyles: Readonly<{
+    readonly base: Readonly<{
+        readonly fontFamily: css.StyleXClassNameFor<"fontFamily", "inherit">;
+        readonly fontSize: css.StyleXClassNameFor<"fontSize", "inherit">;
+        readonly lineHeight: css.StyleXClassNameFor<"lineHeight", "inherit">;
+        readonly textDecorationLine: css.StyleXClassNameFor<"textDecorationLine", "underline">;
+        readonly textDecorationStyle: css.StyleXClassNameFor<"textDecorationStyle", "solid">;
+    }>;
+    readonly default: Readonly<{
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly textDecorationColor: css.StyleXClassNameFor<"textDecorationColor", string>;
+    }>;
+    readonly subtle: Readonly<{
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly textDecorationColor: css.StyleXClassNameFor<"textDecorationColor", string>;
+    }>;
+}>;
+//# sourceMappingURL=native.css.d.ts.map

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

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

package/dist/components/Tree/Tree.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
-import { OnNavigate } from '../../shared/navigate';
+import { TreeItemProps } from './TreeRows';
+import { Length } from '../../shared/length';
 interface RootProps {
     children: ReactNode;
     /** accessible name of the tree (or give `aria-labelledby`) */
@@ -13,32 +14,21 @@ interface RootProps {
     expanded?: ReadonlyArray<string>;
     defaultExpanded?: ReadonlyArray<string>;
     onExpandedChange?: (expanded: string[]) => void;
-}
-declare function Root({ children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, value, defaultValue, onValueChange, expanded, defaultExpanded, onExpandedChange, }: RootProps): import("react/jsx-runtime").JSX.Element;
-interface ItemProps {
-    /** unique within the tree */
-    value: string;
-    /** what the row shows */
-    label: ReactNode;
-    /** plain text for typeahead when `label` isn't a string */
-    textValue?: string;
-    /** nested items: the branch's children (none = a leaf) */
-    children?: ReactNode;
-    /** trailing content on the row (a count, a status) */
-    meta?: ReactNode;
     /**
-     * Makes the row a link to this URL. A plain click (or Enter / Space)
-     * selects the item and calls `onNavigate`; a modified click keeps the
-     * browser default (new tab, new window) and does not select.
+     * Native: the accessible name of a branch's chevron control, from the item's
+     * text (its `textValue`, else a string `label`). Defaults to that text.
      */
-    href?: string;
+    expandLabel?: (label: string) => string;
     /**
-     * Client-side navigation for `href`: called for a plain primary click. Call
-     * `event.preventDefault()`, then your router's navigate.
+     * Web: with more items than this (open or not) the tree mounts only the rows
+     * in view. At or below it, every row is mounted. Default 150.
      */
-    onNavigate?: OnNavigate;
+    virtualizeThreshold?: number;
+    /** Web, windowed: caps the scroll viewport's height; without it, it fills its parent. */
+    maxHeight?: Length;
 }
-declare function Item({ value, label, textValue, children, meta, href, onNavigate }: ItemProps): import("react/jsx-runtime").JSX.Element;
+declare function Root({ children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, value, defaultValue, onValueChange, expanded, defaultExpanded, onExpandedChange, expandLabel, virtualizeThreshold, maxHeight, }: RootProps): import("react/jsx-runtime").JSX.Element;
+declare function Item({ value, label, textValue, children, meta, href, onNavigate }: TreeItemProps): import("react/jsx-runtime").JSX.Element;
 export declare const Tree: {
     Root: typeof Root;
     Item: typeof Item;

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

@@ -1 +1 @@
-{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/Tree.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAmD,MAAM,OAAO,CAAA;AAOhG,OAAO,EAAoC,KAAK,UAAU,EAAC,MAAM,uBAAuB,CAAA;AAgBxF,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,qCAAqC;IACrC,QAAQ,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAChC,eAAe,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IACvC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CAChD;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,KAAK,EACL,YAAmB,EACnB,aAAa,EACb,QAAQ,EACR,eAAoB,EACpB,gBAAgB,GACjB,EAAE,SAAS,2CAoEX;AAID,UAAU,SAAS;IACjB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,yBAAyB;IACzB,KAAK,EAAE,SAAS,CAAA;IAChB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,sDAAsD;IACtD,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;CACxB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAC,EAAE,SAAS,2CAoFnF;AAED,eAAO,MAAM,IAAI;;;CAGhB,CAAA"}
+{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/Tree.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAA4C,MAAM,OAAO,CAAA;AAOzF,OAAO,EAAwB,KAAK,aAAa,EAAoB,MAAM,YAAY,CAAA;AAGvF,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,qBAAqB,CAAA;AAoB/C,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,qCAAqC;IACrC,QAAQ,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAChC,eAAe,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IACvC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC/C;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACvC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,yFAAyF;IACzF,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAKD,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,KAAK,EACL,YAAmB,EACnB,aAAa,EACb,QAAQ,EACR,eAAoB,EACpB,gBAAgB,EAChB,WAAW,EACX,mBAAyB,EACzB,SAAS,GACV,EAAE,SAAS,2CAyFX;AAID,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAC,EAAE,aAAa,2CAmBvF;AAED,eAAO,MAAM,IAAI;;;CAGhB,CAAA"}

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

@@ -15,4 +15,37 @@ export declare const Controlled: Story;
 export declare const WithLinks: StoryObj<{
     onNavigate: OnNavigate;
 }>;
+interface TreePerf {
+    mountTimes: number[];
+    keyTimes: number[];
+    eventEntries: number[];
+    renders: number;
+    resetRenders: () => void;
+    remount: (n: number) => Promise<number[]>;
+    scroll: () => Promise<{
+        worstFrameGap: number;
+        longTasks: number;
+    }>;
+}
+declare global {
+    interface Window {
+        __treeRenders?: number;
+        __treePerf?: TreePerf;
+    }
+}
+/**
+ * Measurement harness for the cost of a 300-leaf tree (20 branches of 15 links,
+ * Happier-shaped meta). Read `window.__treePerf` from a benchmark run; the play
+ * function only proves the harness works, with a generous ceiling.
+ */
+export declare const Perf300: Story;
+/** Above virtualizeThreshold only the rows in view mount, as flat treeitems. */
+export declare const Windowed: Story;
+/**
+ * Past the threshold, but one branch's rows sit inside a component: the tree
+ * falls back to rendering every row, so none of them vanish.
+ */
+export declare const WindowedFallback: Story;
+/** A branch with no link toggles on a click of its row (a folder); Enter too. */
+export declare const BranchRowToggles: Story;
 //# sourceMappingURL=Tree.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tree.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/Tree.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAKpD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAA;AAErD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AA8BrB,eAAO,MAAM,OAAO,EAAE,KAyBrB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAwChC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAA;AAcD,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAA;AAiCD;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,QAAQ,CAAC;IAAC,UAAU,EAAE,UAAU,CAAA;CAAC,CAmDxD,CAAA"}
+{"version":3,"file":"Tree.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/Tree.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAQpD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAA;AAErD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AA8BrB,eAAO,MAAM,OAAO,EAAE,KAyBrB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAwChC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAA;AAcD,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAA;AAiCD;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,QAAQ,CAAC;IAAC,UAAU,EAAE,UAAU,CAAA;CAAC,CAuDxD,CAAA;AASD,UAAU,QAAQ;IAChB,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,YAAY,EAAE,MAAM,EAAE,CAAA;IACtB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,OAAO,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC,CAAA;IACzC,MAAM,EAAE,MAAM,OAAO,CAAC;QAAC,aAAa,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAC,CAAC,CAAA;CAClE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,aAAa,CAAC,EAAE,MAAM,CAAA;QACtB,UAAU,CAAC,EAAE,QAAQ,CAAA;KACtB;CACF;AAsKD;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAA;AAgCD,gFAAgF;AAChF,eAAO,MAAM,QAAQ,EAAE,KAuEtB,CAAA;AASD;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAoB9B,CAAA;AAED,iFAAiF;AACjF,eAAO,MAAM,gBAAgB,EAAE,KAkB9B,CAAA"}

package/dist/components/Tree/TreeContext.d.ts

@@ -1,3 +1,4 @@
+import { TreeFocusStore } from './TreeFocusStore';
 export interface TreeContextValue {
     /** the selected item's value (single selection), or null */
     selectedValue: string | null;
@@ -5,11 +6,10 @@ export interface TreeContextValue {
     isExpanded: (value: string) => boolean;
     toggle: (value: string) => void;
     setExpanded: (value: string, expanded: boolean) => void;
-    /** the item holding the tree's single tab stop (roving tabindex) */
-    focusValue: string | null;
-    setFocusValue: (value: string) => void;
-    /** the focus holder is focused from the keyboard (draws its ring) */
-    keyboardFocus: boolean;
+    /** the tab stop and the focus ring: rows subscribe, the tree does not re-render */
+    focus: TreeFocusStore;
+    /** native: names a branch's chevron control from the item's text */
+    expandLabel?: (label: string) => string;
 }
 export declare const TreeContext: import('react').Context<TreeContextValue | null>;
 export declare function useTree(): TreeContextValue;

package/dist/components/Tree/TreeContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TreeContext.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/TreeContext.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,4DAA4D;IAC5D,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAA;IACtC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IACvD,oEAAoE;IACpE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,qEAAqE;IACrE,aAAa,EAAE,OAAO,CAAA;CACvB;AAED,eAAO,MAAM,WAAW,kDAA+C,CAAA;AAEvE,wBAAgB,OAAO,qBAItB;AAED,oEAAoE;AACpE,eAAO,MAAM,gBAAgB,iCAAmB,CAAA"}
+{"version":3,"file":"TreeContext.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/TreeContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAA;AAEpD,MAAM,WAAW,gBAAgB;IAC/B,4DAA4D;IAC5D,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAA;IACtC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IACvD,mFAAmF;IACnF,KAAK,EAAE,cAAc,CAAA;IACrB,oEAAoE;IACpE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CACxC;AAED,eAAO,MAAM,WAAW,kDAA+C,CAAA;AAEvE,wBAAgB,OAAO,qBAItB;AAED,oEAAoE;AACpE,eAAO,MAAM,gBAAgB,iCAAmB,CAAA"}

package/dist/components/Tree/TreeFocusStore.d.ts

@@ -0,0 +1,25 @@
+/** What a row reads of the tree's focus: nothing, the tab stop, or the tab stop with the ring. */
+export type RowFocus = 'none' | 'tabStop' | 'ringed';
+/**
+ * The tree's focus, outside React state: the item holding the roving tab stop,
+ * whether its ring shows (keyboard focus), and a focus request an off-screen
+ * row waits on. A row reads only "am I the tab stop / ringed" through
+ * `useTreeRowFocus`, so a focus move re-renders the row that lost it and the
+ * row that gained it, not the tree.
+ */
+export interface TreeFocusStore {
+    getValue: () => string | null;
+    getPending: () => string | null;
+    /** moves the tab stop */
+    setValue: (value: string | null) => void;
+    setRing: (ring: boolean) => void;
+    /** moves the tab stop and asks the window to focus the row once it mounts */
+    request: (value: string) => void;
+    clearPending: () => void;
+    subscribe: (listener: () => void) => () => void;
+    read: (value: string) => RowFocus;
+}
+export declare function createTreeFocusStore(initial: string | null): TreeFocusStore;
+export declare function useTreeRowFocus(store: TreeFocusStore, value: string): RowFocus;
+export declare function useTreePendingFocus(store: TreeFocusStore): string | null;
+//# sourceMappingURL=TreeFocusStore.d.ts.map

package/dist/components/Tree/TreeFocusStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeFocusStore.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/TreeFocusStore.ts"],"names":[],"mappings":"AAEA,kGAAkG;AAClG,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAA;AAEpD;;;;;;GAMG;AACH,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,MAAM,GAAG,IAAI,CAAA;IAC7B,UAAU,EAAE,MAAM,MAAM,GAAG,IAAI,CAAA;IAC/B,yBAAyB;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxC,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAChC,6EAA6E;IAC7E,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAA;IAC/C,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,QAAQ,CAAA;CAClC;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,cAAc,CAuC3E;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,GAAG,QAAQ,CAE9E;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM,GAAG,IAAI,CAExE"}

package/dist/components/Tree/TreeItemRow.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { WindowedRow } from './TreeRowProps';
+import { OnNavigate } from '../../shared/navigate';
+interface TreeItemRowProps {
+    value: string;
+    level: number;
+    label: ReactNode;
+    meta?: ReactNode;
+    text: string;
+    href?: string;
+    onNavigate?: OnNavigate;
+    hasChildren: boolean;
+    open: boolean;
+    /** the open branch's children (nested tree), none in a windowed one */
+    branch: ReactNode;
+    windowed?: WindowedRow;
+}
+/**
+ * One row of the tree with its state: the selection from the tree, and the
+ * tab stop and ring from the focus store, which this row alone subscribes to.
+ * Shared by the nested `Tree.Item` and the windowed rows.
+ */
+export declare function TreeItemRow({ value, level, label, meta, text, href, onNavigate, hasChildren, open, branch, windowed, }: TreeItemRowProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TreeItemRow.d.ts.map

package/dist/components/Tree/TreeItemRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeItemRow.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/TreeItemRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAQ,MAAM,OAAO,CAAA;AAI3C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAA;AAC/C,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAA;AAErD,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,SAAS,CAAA;IAChB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,WAAW,EAAE,OAAO,CAAA;IACpB,IAAI,EAAE,OAAO,CAAA;IACb,uEAAuE;IACvE,MAAM,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,WAAW,CAAA;CACvB;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,WAAW,EACX,IAAI,EACJ,MAAM,EACN,QAAQ,GACT,EAAE,gBAAgB,2CA+BlB"}

package/dist/components/Tree/TreeRow.d.ts

@@ -0,0 +1,3 @@
+import { TreeRowProps } from './TreeRowProps';
+export declare function TreeRow({ value, level, label, meta, text, href, onNavigate, hasChildren, open, selected, tabStop, ringed, labelId, metaId, onSelect, onToggle, branch, windowed, }: TreeRowProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TreeRow.d.ts.map

package/dist/components/Tree/TreeRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeRow.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/TreeRow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAA;AAMhD,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,MAAM,EACN,OAAO,EACP,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,GACT,EAAE,YAAY,2CAoFd"}

package/dist/components/Tree/TreeRowProps.d.ts

@@ -0,0 +1,41 @@
+import { ReactNode } from 'react';
+import { OnNavigate } from '../../shared/navigate';
+/** What `Tree.Item` hands its row: state is decided there, markup here. */
+export interface TreeRowProps {
+    value: string;
+    level: number;
+    label: ReactNode;
+    meta?: ReactNode;
+    /** plain text of the item (typeahead, native names) */
+    text: string;
+    href?: string;
+    onNavigate?: OnNavigate;
+    hasChildren: boolean;
+    open: boolean;
+    selected: boolean;
+    /** the item holds the tree's tab stop */
+    tabStop: boolean;
+    /** draw the keyboard focus ring on the row */
+    ringed: boolean;
+    labelId: string;
+    metaId: string;
+    onSelect: () => void;
+    onToggle: () => void;
+    /** the chevron control's accessible name (native) */
+    expandLabel?: (label: string) => string;
+    /** the open branch's children, already inside their level context */
+    branch: ReactNode;
+    /** web, windowed tree: the row is flat, placed by the window, and sets its own set size */
+    windowed?: WindowedRow;
+}
+/** What a row of a windowed tree adds: the window places and measures it. */
+export interface WindowedRow {
+    /** the row's index among the visible rows (the virtualizer's `data-index`) */
+    index: number;
+    setSize: number;
+    posInSet: number;
+    /** distance from the top of the scrolled content, in px */
+    top: number;
+    measureRef: (el: HTMLElement | null) => void;
+}
+//# sourceMappingURL=TreeRowProps.d.ts.map

package/dist/components/Tree/TreeRowProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeRowProps.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/TreeRowProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AACpC,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAA;AAErD,2EAA2E;AAC3E,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,SAAS,CAAA;IAChB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,WAAW,EAAE,OAAO,CAAA;IACpB,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;IACjB,yCAAyC;IACzC,OAAO,EAAE,OAAO,CAAA;IAChB,8CAA8C;IAC9C,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,qDAAqD;IACrD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACvC,qEAAqE;IACrE,MAAM,EAAE,SAAS,CAAA;IACjB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,WAAW,CAAA;CACvB;AAED,6EAA6E;AAC7E,MAAM,WAAW,WAAW;IAC1B,8EAA8E;IAC9E,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,2DAA2D;IAC3D,GAAG,EAAE,MAAM,CAAA;IACX,UAAU,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;CAC7C"}

package/dist/components/Tree/TreeRows.d.ts

@@ -0,0 +1,70 @@
+import { ReactElement, ReactNode } from 'react';
+import { OnNavigate } from '../../shared/navigate';
+/** The props of a `Tree.Item`. */
+export interface TreeItemProps {
+    /** unique within the tree */
+    value: string;
+    /** what the row shows */
+    label: ReactNode;
+    /** plain text for typeahead when `label` isn't a string */
+    textValue?: string;
+    /** nested items: the branch's children (none = a leaf) */
+    children?: ReactNode;
+    /** trailing content on the row (a count, a status) */
+    meta?: ReactNode;
+    /**
+     * Makes the row a link to this URL. A plain click (or Enter / Space)
+     * selects the item and calls `onNavigate`; a modified click keeps the
+     * browser default (new tab, new window) and does not select.
+     */
+    href?: string;
+    /**
+     * Client-side navigation for `href`: called for a plain primary click. Call
+     * `event.preventDefault()`, then your router's navigate.
+     */
+    onNavigate?: OnNavigate;
+}
+/** One visible row of the tree, read from the items without rendering them. */
+export interface TreeRowModel {
+    value: string;
+    level: number;
+    text: string;
+    label: ReactNode;
+    meta: ReactNode;
+    href: string | undefined;
+    onNavigate: OnNavigate | undefined;
+    hasChildren: boolean;
+    open: boolean;
+    /** the value of the parent row, null at the top level */
+    parent: string | null;
+    setSize: number;
+    posInSet: number;
+}
+export interface CollectedRows {
+    /** the rows in view order: an open branch is followed by its children */
+    rows: TreeRowModel[];
+    /** every item of the tree, open or not (what the threshold counts) */
+    total: number;
+    /**
+     * false when a branch holds something other than `Tree.Item`s (an item
+     * inside another component): the pass cannot see those rows, so the tree
+     * must not be windowed, or they would vanish
+     */
+    complete: boolean;
+}
+/** The plain text of an item: typeahead and names. */
+export declare function itemText(label: ReactNode, textValue: string | undefined): string;
+/**
+ * holds-until: a consumer needs to window a tree whose Items sit inside its own
+ * components. The pass reads JSX props only, so it cannot see an Item that a
+ * component renders; `complete` turns false and Tree renders unwindowed with a
+ * dev warning. Then: collect by rendering Items in a register-only mode.
+ *
+ * The collect pass: walks the `Tree.Item` elements of the tree and returns its
+ * visible rows, with each row's level and its set size and position among its
+ * siblings. It reads props only: no DOM, no render, no mutation of anything
+ * outside this call. Items must be JSX descendants of the root (through
+ * fragments or arrays); an item hidden inside another component is not seen.
+ */
+export declare function collectRows(children: ReactNode, isItem: (el: ReactElement) => boolean, isOpen: (value: string) => boolean): CollectedRows;
+//# sourceMappingURL=TreeRows.d.ts.map

package/dist/components/Tree/TreeRows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeRows.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/TreeRows.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,YAAY,EAAE,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AAC3F,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAA;AAErD,kCAAkC;AAClC,MAAM,WAAW,aAAa;IAC5B,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,yBAAyB;IACzB,KAAK,EAAE,SAAS,CAAA;IAChB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,sDAAsD;IACtD,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;CACxB;AAED,+EAA+E;AAC/E,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,SAAS,CAAA;IAChB,IAAI,EAAE,SAAS,CAAA;IACf,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IACxB,UAAU,EAAE,UAAU,GAAG,SAAS,CAAA;IAClC,WAAW,EAAE,OAAO,CAAA;IACpB,IAAI,EAAE,OAAO,CAAA;IACb,yDAAyD;IACzD,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,aAAa;IAC5B,yEAAyE;IACzE,IAAI,EAAE,YAAY,EAAE,CAAA;IACpB,sEAAsE;IACtE,KAAK,EAAE,MAAM,CAAA;IACb;;;;OAIG;IACH,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,sDAAsD;AACtD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAEhF;AAeD;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CACzB,QAAQ,EAAE,SAAS,EACnB,MAAM,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,OAAO,EACrC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,GACjC,aAAa,CAkCf"}

package/dist/components/Tree/TreeWindow.d.ts

@@ -0,0 +1,21 @@
+import { RefObject } from 'react';
+import { Length } from '../../shared/length';
+import { TreeRowModel } from './TreeRows';
+export declare const CAN_WINDOW = true;
+interface TreeWindowProps {
+    rows: readonly TreeRowModel[];
+    maxHeight?: Length;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    scrollRef: RefObject<HTMLDivElement | null>;
+}
+/**
+ * The windowed tree (web): a scroll container `role="tree"` that mounts only
+ * the rows in view, plus the tab stop, as flat treeitems carrying their level,
+ * set size and position. The keyboard runs in useTreeKeyboard on the row
+ * model; a move to a row that is not mounted asks the focus store, and this
+ * window scrolls to it and focuses it once it mounts.
+ */
+export declare function TreeWindow({ rows, maxHeight, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, scrollRef, }: TreeWindowProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TreeWindow.d.ts.map

package/dist/components/Tree/TreeWindow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeWindow.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/TreeWindow.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,SAAS,EAAY,MAAM,OAAO,CAAA;AAG/C,OAAO,EAAgB,KAAK,MAAM,EAAC,MAAM,qBAAqB,CAAA;AAI9D,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,YAAY,CAAA;AAG5C,eAAO,MAAM,UAAU,OAAO,CAAA;AAO9B,UAAU,eAAe;IACvB,IAAI,EAAE,SAAS,YAAY,EAAE,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CAC5C;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,SAAS,GACV,EAAE,eAAe,2CA8EjB"}

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

@@ -20,6 +20,33 @@ export declare const styles: Readonly<{
         readonly outlineWidth: css.StyleXClassNameFor<"outlineWidth", 0>;
         readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "none">;
     }>;
+    readonly windowScroller: Readonly<{
+        readonly position: css.StyleXClassNameFor<"position", "relative">;
+        readonly width: css.StyleXClassNameFor<"width", "100%">;
+        readonly height: css.StyleXClassNameFor<"height", "100%">;
+        readonly minHeight: css.StyleXClassNameFor<"minHeight", 0>;
+        readonly margin: css.StyleXClassNameFor<"margin", 0>;
+        readonly padding: css.StyleXClassNameFor<"padding", 0>;
+        readonly listStyleType: css.StyleXClassNameFor<"listStyleType", "none">;
+        readonly overflowY: css.StyleXClassNameFor<"overflowY", "auto">;
+        readonly overscrollBehavior: css.StyleXClassNameFor<"overscrollBehavior", "contain">;
+    }>;
+    readonly windowScrollerMax: (maxHeight: string | number) => readonly [Readonly<{
+        height: css.StyleXClassNameFor<"height", string>;
+        maxHeight: css.StyleXClassNameFor<"maxHeight", string | number>;
+    }>, css.InlineStyles];
+    readonly windowTotal: (height: number) => readonly [Readonly<{
+        position: css.StyleXClassNameFor<"position", "relative">;
+        width: css.StyleXClassNameFor<"width", string>;
+        height: css.StyleXClassNameFor<"height", number>;
+    }>, css.InlineStyles];
+    readonly windowRow: (top: number) => readonly [Readonly<{
+        position: css.StyleXClassNameFor<"position", "absolute">;
+        top: css.StyleXClassNameFor<"top", number>;
+        left: css.StyleXClassNameFor<"left", number>;
+        width: css.StyleXClassNameFor<"width", string>;
+        transform: css.StyleXClassNameFor<"transform", string>;
+    }>, css.InlineStyles];
     readonly row: Readonly<{
         readonly display: css.StyleXClassNameFor<"display", "flex">;
         readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
@@ -59,8 +86,49 @@ export declare const styles: Readonly<{
         readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
         readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
     }>;
-    readonly nativeFlex: Readonly<{
+    readonly nativeRow: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "row">;
+        readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
+        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
+        readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly pressTarget: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "row">;
+        readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
+        readonly flexGrow: css.StyleXClassNameFor<"flexGrow", 1>;
+        readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 1>;
+        readonly gap: css.StyleXClassNameFor<"gap", string>;
+        readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
+        readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
+        readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly chevronControl: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "center">;
+        readonly minWidth: css.StyleXClassNameFor<"minWidth", string>;
+        readonly minHeight: css.StyleXClassNameFor<"minHeight", string>;
+        readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
+    }>;
+    readonly chevronGlyph: Readonly<{
+        readonly color: css.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly chevronSpacer: Readonly<{
+        readonly width: css.StyleXClassNameFor<"width", string>;
+        readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
+    }>;
+    readonly labelBox: Readonly<{
         readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly flexGrow: css.StyleXClassNameFor<"flexGrow", 1>;
+        readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 1>;
+        readonly minWidth: css.StyleXClassNameFor<"minWidth", 0>;
+    }>;
+    readonly metaBox: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly flexShrink: css.StyleXClassNameFor<"flexShrink", 0>;
     }>;
     readonly chevron: Readonly<{
         readonly display: css.StyleXClassNameFor<"display", "inline-flex">;

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

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

package/dist/components/Tree/useTreeKeyboard.d.ts

@@ -1,19 +1,25 @@
-import { ReactNode } from 'react';
+import { RefObject } from 'react';
+import { TreeFocusStore } from './TreeFocusStore';
+import { TreeRowModel } from './TreeRows';
 interface TreeKeyboardInput {
-    rootRef: React.RefObject<HTMLUListElement | null>;
-    focusValue: string | null;
-    setFocusValue: (value: string | null) => void;
-    setKeyboardFocus: (on: boolean) => void;
+    rootRef: RefObject<HTMLElement | null>;
+    focus: TreeFocusStore;
+    /** the visible rows when the tree is windowed (most are not in the DOM), else null */
+    windowedRows: readonly TreeRowModel[] | null;
+    /** a change here re-checks the tab stop: the items or the open branches */
+    children: unknown;
     open: ReadonlyArray<string>;
-    children: ReactNode;
     onSelect: (value: string) => void;
     setExpanded: (value: string, open: boolean) => void;
 }
 /**
  * Web: the tree's roving tab stop, arrow keys, Home/End, Enter and typeahead
- * (WAI-ARIA tree pattern), read from the rendered DOM. Native has none of
- * them (plan N0, Decision 6): useTreeKeyboard.native.ts.
+ * (WAI-ARIA tree pattern). A nested tree reads its items from the DOM; a
+ * windowed one from the row model, since most rows are not mounted: a move to
+ * a row that is not mounted goes through the focus store, and the window
+ * scrolls to it and focuses it. Native has none of them (plan N0, Decision 6):
+ * useTreeKeyboard.native.ts.
  */
-export declare function useTreeKeyboard({ rootRef, focusValue, setFocusValue, setKeyboardFocus, open, children, onSelect, setExpanded, }: TreeKeyboardInput): void;
+export declare function useTreeKeyboard({ rootRef, focus, windowedRows, children, open, onSelect, setExpanded, }: TreeKeyboardInput): void;
 export {};
 //# sourceMappingURL=useTreeKeyboard.d.ts.map

package/dist/components/Tree/useTreeKeyboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTreeKeyboard.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/useTreeKeyboard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAqC,MAAM,OAAO,CAAA;AAKxE,UAAU,iBAAiB;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;IACjD,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7C,gBAAgB,EAAE,CAAC,EAAE,EAAE,OAAO,KAAK,IAAI,CAAA;IACvC,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC3B,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACpD;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,UAAU,EACV,aAAa,EACb,gBAAgB,EAChB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,WAAW,GACZ,EAAE,iBAAiB,QAyHnB"}
+{"version":3,"file":"useTreeKeyboard.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/useTreeKeyboard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAqC,MAAM,OAAO,CAAA;AACxE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAA;AACpD,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,YAAY,CAAA;AAK5C,UAAU,iBAAiB;IACzB,OAAO,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IACtC,KAAK,EAAE,cAAc,CAAA;IACrB,sFAAsF;IACtF,YAAY,EAAE,SAAS,YAAY,EAAE,GAAG,IAAI,CAAA;IAC5C,2EAA2E;IAC3E,QAAQ,EAAE,OAAO,CAAA;IACjB,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACpD;AAoCD;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,WAAW,GACZ,EAAE,iBAAiB,QA8HnB"}