@duro-app/ui 5.4.0 → 5.6.0

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

@@ -0,0 +1,114 @@
+import { css } from 'react-strict-dom';
+export declare const styles: Readonly<{
+    readonly root: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
+        readonly minWidth: css.StyleXClassNameFor<"minWidth", 0>;
+        readonly fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
+    }>;
+    readonly caption: Readonly<{
+        readonly marginBottom: css.StyleXClassNameFor<"marginBottom", string>;
+        readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
+        readonly letterSpacing: css.StyleXClassNameFor<"letterSpacing", string>;
+        readonly textTransform: css.StyleXClassNameFor<"textTransform", "uppercase">;
+        readonly color: css.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly list: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: css.StyleXClassNameFor<"gap", string>;
+        readonly margin: css.StyleXClassNameFor<"margin", 0>;
+        readonly padding: css.StyleXClassNameFor<"padding", 0>;
+        readonly listStyleType: css.StyleXClassNameFor<"listStyleType", "none">;
+        readonly borderLeftWidth: css.StyleXClassNameFor<"borderLeftWidth", string>;
+        readonly borderLeftStyle: css.StyleXClassNameFor<"borderLeftStyle", "solid">;
+        readonly borderLeftColor: css.StyleXClassNameFor<"borderLeftColor", string>;
+    }>;
+    readonly listMenu: Readonly<{
+        readonly gap: css.StyleXClassNameFor<"gap", 0>;
+        readonly marginTop: css.StyleXClassNameFor<"marginTop", string>;
+        readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
+        readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
+        readonly borderWidth: css.StyleXClassNameFor<"borderWidth", string>;
+        readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
+        readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly item: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
+    }>;
+    readonly link: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex" | "block">;
+        readonly alignItems: css.StyleXClassNameFor<"alignItems", "center" | null>;
+        readonly minHeight: css.StyleXClassNameFor<"minHeight", string | null>;
+        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 fontSize: css.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
+        readonly textDecorationLine: css.StyleXClassNameFor<"textDecorationLine", "none">;
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
+        readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "color">;
+        readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
+        readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", string>;
+    }>;
+    readonly linkMenu: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
+        readonly minHeight: css.StyleXClassNameFor<"minHeight", string>;
+    }>;
+    readonly level3: Readonly<{
+        readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", `calc(${css.StyleXVar<string>} + ${css.StyleXVar<string>})`>;
+    }>;
+    readonly linkActive: Readonly<{
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
+        readonly boxShadow: css.StyleXClassNameFor<"boxShadow", `inset ${css.StyleXVar<string>} 0 0 ${css.StyleXVar<string>}`>;
+    }>;
+    readonly trigger: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "space-between">;
+        readonly gap: css.StyleXClassNameFor<"gap", string>;
+        readonly width: css.StyleXClassNameFor<"width", "100%">;
+        readonly minHeight: css.StyleXClassNameFor<"minHeight", string>;
+        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 fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
+        readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly textAlign: css.StyleXClassNameFor<"textAlign", "left">;
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderWidth: css.StyleXClassNameFor<"borderWidth", string>;
+        readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
+        readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
+        readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
+        readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color">;
+        readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
+        readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", string>;
+    }>;
+    readonly focusable: Readonly<{
+        readonly outlineWidth: css.StyleXClassNameFor<"outlineWidth", string | 0>;
+        readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "none" | "solid">;
+        readonly outlineColor: css.StyleXClassNameFor<"outlineColor", string>;
+        readonly outlineOffset: css.StyleXClassNameFor<"outlineOffset", 0 | `calc(-1 * ${css.StyleXVar<string>})`>;
+    }>;
+    readonly chevron: Readonly<{
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "transform">;
+        readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
+        readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", string>;
+    }>;
+    readonly chevronOpen: Readonly<{
+        readonly transform: css.StyleXClassNameFor<"transform", "rotate(180deg)">;
+    }>;
+}>;
+//# sourceMappingURL=styles.css.d.ts.map

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

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

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

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { OnNavigate } from '../../shared/navigate';
 export type TextLinkVariant = 'default' | 'subtle';
 interface TextLinkProps {
     href: string;
@@ -13,12 +14,18 @@ interface TextLinkProps {
     variant?: TextLinkVariant;
     /** Accessible name, when the visible text alone does not say where it goes. */
     'aria-label'?: string;
+    /**
+     * Client-side navigation: called for a plain primary click (no modifier
+     * key, no `target`); the browser default runs for every other click. Call
+     * `event.preventDefault()`, then your router's navigate.
+     */
+    onNavigate?: OnNavigate;
     children: ReactNode;
 }
 /**
  * An inline hyperlink in running text or a standalone "View all" link. For a
  * link that looks like a button, use LinkButton.
  */
-export declare function TextLink({ href, target, rel, variant, 'aria-label': ariaLabel, children, }: TextLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextLink({ href, target, rel, variant, 'aria-label': ariaLabel, onNavigate, children, }: TextLinkProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TextLink.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextLink.d.ts","sourceRoot":"","sources":["../../../src/components/TextLink/TextLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAIpC,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,CAAA;AAElD,UAAU,aAAa;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,8EAA8E;IAC9E,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;;;OAIG;IACH,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,MAAM,EACN,GAAG,EACH,OAAmB,EACnB,YAAY,EAAE,SAAS,EACvB,QAAQ,GACT,EAAE,aAAa,2CAYf"}
+{"version":3,"file":"TextLink.d.ts","sourceRoot":"","sources":["../../../src/components/TextLink/TextLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAGpC,OAAO,EAAmB,KAAK,UAAU,EAAC,MAAM,uBAAuB,CAAA;AAEvE,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,CAAA;AAElD,UAAU,aAAa;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,8EAA8E;IAC9E,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;;;OAIG;IACH,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,MAAM,EACN,GAAG,EACH,OAAmB,EACnB,YAAY,EAAE,SAAS,EACvB,UAAU,EACV,QAAQ,GACT,EAAE,aAAa,2CAaf"}

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

@@ -1,9 +1,18 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { TextLink } from './TextLink';
+import { OnNavigate } from '../../shared/navigate';
 declare const meta: Meta<typeof TextLink>;
 export default meta;
 type Story = StoryObj<typeof TextLink>;
 export declare const InRunningText: Story;
 export declare const Standalone: Story;
 export declare const KeyboardFocus: Story;
+/**
+ * Client-side navigation: `onNavigate` gets a plain primary click (the app
+ * calls `event.preventDefault()`, then its router's navigate); a modified
+ * click, or a link with `target`, keeps the browser default.
+ */
+export declare const ClientNavigation: StoryObj<{
+    onNavigate: OnNavigate;
+}>;
 //# sourceMappingURL=TextLink.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextLink.stories.d.ts","sourceRoot":"","sources":["../../../src/components/TextLink/TextLink.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAA;AAInC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAI/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,aAAa,EAAE,KAkB3B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAA"}
+{"version":3,"file":"TextLink.stories.d.ts","sourceRoot":"","sources":["../../../src/components/TextLink/TextLink.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAA;AAGnC,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAA;AAIrD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAI/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,aAAa,EAAE,KAkB3B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,QAAQ,CAAC;IAAC,UAAU,EAAE,UAAU,CAAA;CAAC,CA+B/D,CAAA"}

package/dist/components/Toggle/Toggle.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
-export type ToggleSize = 'default' | 'small';
+import { ControlSize } from '../../shared/types';
+export type ToggleSize = ControlSize;
 interface ToggleProps {
     /** Controlled pressed state (standalone usage). */
     pressed?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAuC,MAAM,OAAO,CAAA;AAQ1E,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,CAAA;AAE5C,UAAU,WAAW;IACnB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8DAA8D;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,wEAAwE;IACxE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAYD,wBAAgB,MAAM,CAAC,EACrB,OAAO,EAAE,iBAAiB,EAC1B,cAAsB,EACtB,eAAe,EACf,KAAK,EACL,QAAQ,EAAE,YAAoB,EAC9B,IAAI,EAAE,QAAoB,EAC1B,YAAY,EAAE,SAAS,EACvB,QAAQ,GACT,EAAE,WAAW,2CAuEb"}
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAuC,MAAM,OAAO,CAAA;AAM1E,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAGnD,MAAM,MAAM,UAAU,GAAG,WAAW,CAAA;AAEpC,UAAU,WAAW;IACnB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8DAA8D;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,wEAAwE;IACxE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAYD,wBAAgB,MAAM,CAAC,EACrB,OAAO,EAAE,iBAAiB,EAC1B,cAAsB,EACtB,eAAe,EACf,KAAK,EACL,QAAQ,EAAE,YAAoB,EAC9B,IAAI,EAAE,QAAoB,EAC1B,YAAY,EAAE,SAAS,EACvB,QAAQ,GACT,EAAE,WAAW,2CAuEb"}

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

@@ -30,6 +30,7 @@ export declare const styles: Readonly<{
         readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
         readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
         readonly gap: css.StyleXClassNameFor<"gap", string>;
+        readonly minHeight: css.StyleXClassNameFor<"minHeight", string>;
     }>;
     readonly wrappedDefault: Readonly<{
         readonly boxSizing: css.StyleXClassNameFor<"boxSizing", "border-box">;

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

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

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

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { OnNavigate } from '../../shared/navigate';
 interface RootProps {
     children: ReactNode;
     /** accessible name of the tree (or give `aria-labelledby`) */
@@ -25,8 +26,19 @@ interface ItemProps {
     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;
 }
-declare function Item({ value, label, textValue, children, meta }: ItemProps): import("react/jsx-runtime").JSX.Element;
+declare function Item({ value, label, textValue, children, meta, href, onNavigate }: ItemProps): 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,EAEL,KAAK,SAAS,EAQf,MAAM,OAAO,CAAA;AAcd,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;AAID,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,2CA6KX;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;CACjB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAC,EAAE,SAAS,2CAyDjE;AAED,eAAO,MAAM,IAAI;;;CAGhB,CAAA"}
+{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/Tree.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAQf,MAAM,OAAO,CAAA;AAId,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;AAID,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,2CAkLX;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,2CA6EnF;AAED,eAAO,MAAM,IAAI;;;CAGhB,CAAA"}

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

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

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

@@ -1,4 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
+import { OnNavigate } from '../../shared/navigate';
 declare const meta: Meta;
 export default meta;
 type Story = StoryObj;
@@ -6,4 +7,12 @@ export declare const Default: Story;
 export declare const KeyboardNavigation: Story;
 export declare const Typeahead: Story;
 export declare const Controlled: Story;
+/**
+ * Items with `href`: each row is a real link (cmd-click opens a tab, "Copy
+ * link" works) that stays out of the tab order, so the tree keeps one tab stop
+ * and its keyboard. Enter follows the link through `onNavigate`.
+ */
+export declare const WithLinks: StoryObj<{
+    onNavigate: OnNavigate;
+}>;
 //# 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;AAIpD,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"}
+{"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"}

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

@@ -37,6 +37,11 @@ export declare const styles: Readonly<{
         readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
         readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", string>;
     }>;
+    readonly rowLink: Readonly<{
+        readonly textDecorationLine: css.StyleXClassNameFor<"textDecorationLine", "none">;
+        readonly outlineWidth: css.StyleXClassNameFor<"outlineWidth", 0>;
+        readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "none">;
+    }>;
     readonly indent: (level: number) => readonly [Readonly<{
         paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
     }>, css.InlineStyles];

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyFjB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+FjB,CAAA"}

package/dist/docs/clickLink.d.ts

@@ -0,0 +1,4 @@
+export declare function clickLink(link: Element, init?: Pick<MouseEventInit, 'metaKey' | 'ctrlKey' | 'shiftKey' | 'altKey' | 'button'>): {
+    defaultPrevented: boolean;
+};
+//# sourceMappingURL=clickLink.d.ts.map

package/dist/docs/clickLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clickLink.d.ts","sourceRoot":"","sources":["../../src/docs/clickLink.ts"],"names":[],"mappings":"AAKA,wBAAgB,SAAS,CACvB,IAAI,EAAE,OAAO,EACb,IAAI,GAAE,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAM,GACxF;IAAC,gBAAgB,EAAE,OAAO,CAAA;CAAC,CAe7B"}

package/dist/docs/coarsePointer.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Runs `check` with Chrome's touch emulation on, so `(pointer: coarse)` matches
+ * (as DrawerScroll's CoarsePointerRows does), then turns it off again so the
+ * stories after this one see a mouse.
+ */
+export declare function withCoarsePointer(check: () => Promise<void>): Promise<void>;
+/**
+ * Turns touch emulation off and waits for a mouse. A story that measures the
+ * fine-pointer layout calls it first: the browser is shared by every story
+ * file, and one that times out mid-emulation (DrawerScroll's, under load)
+ * leaves `(pointer: coarse)` on for whatever runs next.
+ * holds-until: #81 (DrawerScroll turns emulation off in a `finally`).
+ */
+export declare function withFinePointer(): Promise<void>;
+//# sourceMappingURL=coarsePointer.d.ts.map

package/dist/docs/coarsePointer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"coarsePointer.d.ts","sourceRoot":"","sources":["../../src/docs/coarsePointer.ts"],"names":[],"mappings":"AAeA;;;;GAIG;AACH,wBAAsB,iBAAiB,CAAC,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,iBASjE;AAED;;;;;;GAMG;AACH,wBAAsB,eAAe,kBAGpC"}

package/dist/docs/themedSurface.d.ts

@@ -0,0 +1,8 @@
+import { Decorator } from '@storybook/react';
+/**
+ * Paints the theme's page background behind a story. The vitest browser frame
+ * has a white page whatever the theme, so axe would measure the dark theme's
+ * text against white; on this surface `color-contrast` checks the real pair.
+ */
+export declare const onThemeSurface: Decorator;
+//# sourceMappingURL=themedSurface.d.ts.map

package/dist/docs/themedSurface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themedSurface.d.ts","sourceRoot":"","sources":["../../src/docs/themedSurface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,kBAAkB,CAAA;AAa/C;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,SAI5B,CAAA"}