@lolmath/ui 0.0.0-20260830090301 → 0.0.0-20260901231349

package/dist/index.css

@@ -1261,6 +1261,26 @@
 		}
 	}
 }
+@layer lol {
+	._spinner_15he7_2 {
+		/* Off the text baseline, so the box is the glyph. */
+		display: block;
+		max-width: 100%;
+		aspect-ratio: 1 / 1;
+		width: 3rem;
+		animation: _spin_15he7_2 1s linear infinite;
+	}
+
+	@keyframes _spin_15he7_2 {
+		from {
+			transform: rotate(0deg);
+		}
+
+		to {
+			transform: rotate(360deg);
+		}
+	}
+}
 @layer lol {
 	._heading_4cie6_2 {
 		/* Rendered as h1-h5, which the UA gives block margins scaled to the font. */
@@ -1322,7 +1342,7 @@
 	}
 }
 @layer lol {
-	._menu_czzea_2 {
+	._menu_wo698_2 {
 		box-sizing: border-box;
 		overflow: auto;
 		min-width: 150px;
@@ -1345,7 +1365,7 @@
 		font-family: var(--lol-font-family-spiegel);
 	}
 
-	._item_czzea_25 {
+	._item_wo698_25 {
 		padding: 0.375rem 0.5rem;
 		outline: none;
 		font-size: var(--lol-font-size-sm);
@@ -1385,25 +1405,40 @@
 		}
 	}
 
-	._popover_czzea_65 {
+	._popover_wo698_65 {
 		display: flex;
 		flex-direction: column;
 	}
 
-	._section_czzea_70:not(:first-child) {
+	._section_wo698_70:not(:first-child) {
 		margin-top: 0.1rem;
 	}
 
-	._header_czzea_74 {
+	._header_wo698_74 {
 		padding: 0.5rem 0.5rem 0.2rem 0.5rem;
 		font-size: var(--lol-font-size-sm);
 	}
 
-	._separator_czzea_79 {
+	._separator_wo698_79 {
 		height: 1px;
 		background: rgb(from var(--lol-color-gold-100) r g b / 0.25);
 		margin: 0.4rem 0.5rem;
 	}
+
+	._empty_wo698_85 {
+		padding: 0.75rem 0.5rem;
+		text-align: center;
+	}
+
+	._loadMore_wo698_90 {
+		display: flex;
+		justify-content: center;
+		padding: 0.5rem;
+	}
+
+	._spinner_wo698_96 {
+		width: 1.5rem;
+	}
 }
 @layer lol {
 	._overlay_cjo05_2 {
@@ -1497,6 +1532,202 @@
 		display: inline-flex;
 	}
 }
+@layer lol {
+	._tree_1cw7p_2 {
+		--lol-navigation-tree-indent: 1.125rem;
+
+		box-sizing: border-box;
+		overflow: auto;
+		outline: none;
+
+		font-family: var(--lol-font-family-spiegel);
+		font-size: var(--lol-font-size-sm);
+		line-height: var(--lol-line-height-sm);
+		letter-spacing: var(--lol-letter-spacing-sm);
+		font-weight: var(--lol-font-weight-sm);
+	}
+
+	._item_1cw7p_16 {
+		display: flex;
+		/* The link stretches to the row's full height so the whole row is the
+		   target, not just the text. */
+		align-items: stretch;
+		gap: 0.375rem;
+		/* Rows are flattened siblings, so the nesting comes from the level react
+		   aria exposes on each row rather than from the DOM. */
+		padding-inline: calc(
+				0.5rem +
+				(var(--tree-item-level) - 1) *
+				var(--lol-navigation-tree-indent)
+			)
+			0.75rem;
+		color: var(--lol-color-grey-100);
+		outline: none;
+		transition: color 0.3s ease;
+
+		/* Every decoration is a background layer so the row keeps a single box:
+		   the chevron already owns the inline start. */
+		--lol-navigation-tree-item-spine: none;
+		--lol-navigation-tree-item-hover: none;
+		--lol-navigation-tree-item-highlight: none;
+
+		background-image:
+			var(--lol-navigation-tree-item-spine),
+			var(--lol-navigation-tree-item-hover),
+			var(--lol-navigation-tree-item-highlight);
+		background-repeat: no-repeat;
+
+		@media (prefers-reduced-motion: reduce) {
+			transition: none;
+		}
+
+		&[data-hovered] {
+			color: var(--lol-color-gold-100);
+			--lol-navigation-tree-item-hover: linear-gradient(
+				90deg,
+				rgb(from var(--lol-color-gold-100) r g b / 0.08),
+				transparent
+			);
+		}
+
+		/* The row for the route being viewed: gold spine and hextech wash, the
+		   client's "you are here". */
+		&[data-current] {
+			color: var(--lol-color-gold-100);
+			--lol-navigation-tree-item-spine: linear-gradient(
+				90deg,
+				var(--lol-color-gold-500) 0 0.25rem,
+				transparent 0.25rem
+			);
+			--lol-navigation-tree-item-highlight: linear-gradient(
+				90deg,
+				rgb(from var(--lol-color-blue-400) r g b / 0.55),
+				rgb(from var(--lol-color-blue-300) r g b / 0.1)
+			);
+		}
+
+		/* A branch the current route sits under keeps the trail visible. Once it
+		   is collapsed the current row is gone from the list, so the branch takes
+		   over the wash and stands in for it. */
+		&[data-current-ancestor]:not([data-current]) {
+			color: var(--lol-color-gold-300);
+
+			&:not([data-expanded]) {
+				--lol-navigation-tree-item-highlight: linear-gradient(
+					90deg,
+					rgb(from var(--lol-color-blue-400) r g b / 0.25),
+					transparent
+				);
+			}
+		}
+
+		&[data-disabled] {
+			color: var(--lol-color-grey-150);
+		}
+
+		&[data-focus-visible] {
+			outline: 1px solid var(--lol-color-gold-400);
+			outline-offset: -1px;
+		}
+	}
+
+	/* Top-level items are separated by the client's faint gold hairline. The
+	   sibling combinator keeps it off the first row, whichever level follows. */
+	._item_1cw7p_16 + ._item_1cw7p_16[data-level="1"] {
+		border-top: 1px solid var(--lol-color-gold-600);
+	}
+
+	._link_1cw7p_106 {
+		flex: 1;
+		min-width: 0;
+		padding-block: 0.375rem;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+
+		color: inherit;
+		text-decoration: none;
+		/* The row draws the focus ring for its link — see `focusMode` on
+		   NavigationTreeItem — so a second one here would only double it. */
+		outline: none;
+		cursor: pointer;
+
+		&[data-disabled] {
+			cursor: default;
+		}
+	}
+
+	._chevron_1cw7p_126 {
+		/* A <button> we never paint: without this it falls back to the UA's
+		   `buttonface` slab, which is grey under `color-scheme: dark`. */
+		appearance: none;
+		border: 0;
+		margin: 0;
+		padding: 0;
+		font: inherit;
+		letter-spacing: inherit;
+		color: inherit;
+
+		flex: none;
+		align-self: center;
+		width: 0.5rem;
+		height: 0.75rem;
+		outline: none;
+		cursor: pointer;
+
+		--lol-navigation-tree-chevron: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAoCAYAAADg+OpoAAABF0lEQVR42r3WMY7CQAxA0R8r2oobUMBB9hTLPegguQJUNHuJLbZb7RU4BvQIiZaKJiNFo0wy8dhYiiJNLD+N5RmlOv9sGYgtsAQajKJOICeg6p69BSQjCMAOOFpDMYIlJhOIGSbAqitSTeQWYQJcgQ3wzMhXY6F1f8CXJ9YfBlcsHm83TAbWXDBJrJtjMvLNFJOJAmaYZBQwwSRzaIoxmXEUijCZecDVmCiuLRVWKy/jgP0CHxmYakchHpm7ArhpoU/gH1hk5DbAUd6BaFqnQuZCamQOVITkQsVIDmSCTEFmyBhkiqQgc2QIckFiyA3pQ65IgNbeSIAuwLcn0m9dCxy8kHgYUlgxMjTeMWaCpP4Z2u59t0IAXn+VXtMKZ5riAAAAAElFTkSuQmCC");
+		background: var(--lol-navigation-tree-chevron) no-repeat center / contain;
+		transition: rotate 0.15s ease;
+
+		@media (prefers-reduced-motion: reduce) {
+			transition: none;
+		}
+
+		&[data-focus-visible] {
+			outline: 1px solid var(--lol-color-gold-400);
+			outline-offset: 0.125rem;
+		}
+	}
+
+	._chevronSpacer_1cw7p_158 {
+		flex: none;
+		align-self: center;
+		width: 0.5rem;
+	}
+
+	._item_1cw7p_16[data-expanded] ._chevron_1cw7p_126 {
+		rotate: 90deg;
+	}
+
+	._item_1cw7p_16[data-hovered] ._chevron_1cw7p_126,
+	._chevron_1cw7p_126[data-hovered],
+	._chevron_1cw7p_126[data-focus-visible] {
+		--lol-navigation-tree-chevron: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAoCAYAAADg+OpoAAABGElEQVR42r3WO47CMBCA4T+jaCtuQLEcZE+x3IOOxxVIRcM1tlvtPTgBNFQIQUu1TSxFVpw44xlGiiI5o/nk0dhK9bie6IkVMAe2GEWdQA5A1T4bC0gGEIA10FhDMYIlJiOIGSbAZ1ukGsktwgS4AEvglZGvxkLrfoFvT6w7DK5YPN5umPSsuWCSWDfHZOCbKSYjBcwwyShggknm0BRjMuEoFGEy8YCrMVFcWyqsVl7GAfsBPjIw1Y5CPDN3BXDTQl/AHzDLyN0CjbwD0bROhUyF1MgUqAjJhYqRHMgEGYPMkCHIFElB5kgf5ILEkBvShVyRAC28kQCdgaMn0m3dDth7IfEwpLBipG+8Y8wESf0z7Nr33QoB+AdPzF+bRdCP8QAAAABJRU5ErkJggg==");
+	}
+
+	._item_1cw7p_16[data-disabled] ._chevron_1cw7p_126 {
+		cursor: default;
+		filter: grayscale(100%);
+	}
+
+	/* Sections are separated by the same hairline as top-level rows, so a header
+	   and a first-level row read as one break rather than two. */
+	._section_1cw7p_181 + ._section_1cw7p_181 {
+		border-top: 1px solid var(--lol-color-gold-600);
+	}
+
+	._header_1cw7p_185 {
+		padding: 0.75rem 0.75rem 0.25rem;
+
+		font-family: var(--lol-font-family-beaufort);
+		font-size: 0.75rem;
+		font-weight: 700;
+		letter-spacing: 0.075em;
+		line-height: 1rem;
+		text-transform: uppercase;
+		color: var(--lol-color-gold-300);
+	}
+}
 @layer lol {
 	._group_1haju_2 {
 		display: grid;
@@ -2110,26 +2341,6 @@
 		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABoCAYAAAAdHLWhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFyWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4wLWMwMDEgNzkuYzAyMDRiMiwgMjAyMy8wMi8wOS0wNjoyNjoxNCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjQgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMy0wNS0yNVQyMDo1ODozMSswMjowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjMtMDUtMjVUMjE6MjE6MjUrMDI6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjMtMDUtMjVUMjE6MjE6MjUrMDI6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmM5MTJjOTQ5LWVjZGItODM0OC05MDA2LWQ4NWQxODZkZDgzMCIgeG1wTU06RG9jdW1lbnRJRD0i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);
 	}
 }
-@layer lol {
-	._spinner_15he7_2 {
-		/* Off the text baseline, so the box is the glyph. */
-		display: block;
-		max-width: 100%;
-		aspect-ratio: 1 / 1;
-		width: 3rem;
-		animation: _spin_15he7_2 1s linear infinite;
-	}
-
-	@keyframes _spin_15he7_2 {
-		from {
-			transform: rotate(0deg);
-		}
-
-		to {
-			transform: rotate(360deg);
-		}
-	}
-}
 @layer lol {
 	._toast_1a46s_2 {
 		padding: 1rem;

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { AsyncListData, AsyncListOptions, Autocomplete, AutocompleteContext, AutocompleteStateContext, BreadcrumbProps, BreadcrumbsProps, ButtonProps, CalendarCellProps, CalendarGridHeaderProps, CalendarGridProps, CalendarHeaderCellProps, CalendarProps as CalendarProps$1, CellProps, CheckboxButtonProps, CheckboxFieldProps, Collection, ColumnProps, ColumnResizerProps, DateFieldProps, DateInput as DateInput$1, DateInputProps, DatePickerProps, DateRangePickerProps, DateSegmentProps, DateValue, DateValue as DateValue$1, Dialog, DialogProps, DialogTrigger, DisclosurePanelProps, DisclosureProps, DragAndDropHooks, DragAndDropHooks as DragAndDropHooks$1, DragAndDropOptions, DragAndDropOptions as DragAndDropOptions$1, DropIndicatorProps, DropItem, DropTarget, FieldError, Focusable, GridLayout, Group as Group$1, GroupProps as GroupProps$1, Header, HeadingProps, Input, InputProps, Key, Key as Key$1, LabelProps, LinkProps, ListBoxItem, ListBoxItemProps, ListBoxProps, ListData, ListLayout, MenuItemProps, MenuItemProps as MenuItemProps$1, MenuProps, MenuProps as MenuProps$1, MenuSectionProps, MenuTrigger as MenuTrigger$1, ModalOverlayProps, NumberFieldProps, Popover as UnstyledPopover, PopoverProps, Pressable, PreviewTrigger, PreviewTriggerProps, ProgressBarProps, RadioButtonProps, RadioFieldProps, RadioGroupProps, RangeCalendarProps as RangeCalendarProps$1, ResizableTableContainerProps as ResizableTableContainerProps$1, RouterProvider, RowProps, SearchFieldProps, Select, SelectProps, SelectValue, Selection, SeparatorProps, Size, SliderFillRenderProps, SliderOutputProps, SliderProps, SliderThumbProps, SliderTrackProps, SliderTrackRenderProps, SortDescriptor, SortDirection, SwitchButtonProps, SwitchFieldProps, TabListProps, TabPanelProps, TabProps, TableBodyProps as TableBodyProps$1, TableFooterProps as TableFooterProps$1, TableHeaderProps as TableHeaderProps$1, TableLayout, TableLoadMoreItemProps as TableLoadMoreItemProps$1, TableProps as TableProps$1, TagGroupProps as TagGroupProps$1, TagListProps as TagListProps$1, TagProps as TagProps$1, TextAreaProps, TextDropItem, TextFieldProps, TextProps, TimeFieldProps, TimeValue, TimeValue as TimeValue$1, ToggleButtonGroupProps as ToggleButtonGroupProps$1, ToggleButtonProps, TokenFieldProps, TokenFieldValue, TokenFieldValue as TokenFieldValue$1, TokenInputProps as TokenInputProps$1, TokenProps as TokenProps$1, ToolbarProps as ToolbarProps$1, TreeItemContentProps as TreeItemContentProps$1, TreeItemProps as TreeItemProps$1, TreeLoadMoreItemProps as TreeLoadMoreItemProps$1, TreeProps as TreeProps$1, Virtualizer, VirtualizerProps, WaterfallLayout, isTextDropItem, useAsyncList, useDragAndDrop, useFilter, useListData } from "react-aria-components";
+import { AsyncListData, AsyncListOptions, Autocomplete, AutocompleteContext, AutocompleteStateContext, BreadcrumbProps, BreadcrumbsProps, ButtonProps, CalendarCellProps, CalendarGridHeaderProps, CalendarGridProps, CalendarHeaderCellProps, CalendarProps as CalendarProps$1, CellProps, CheckboxButtonProps, CheckboxFieldProps, Collection, ColumnProps, ColumnResizerProps, DateFieldProps, DateInput as DateInput$1, DateInputProps, DatePickerProps, DateRangePickerProps, DateSegmentProps, DateValue, DateValue as DateValue$1, Dialog, DialogProps, DialogTrigger, DisclosurePanelProps, DisclosureProps, DragAndDropHooks, DragAndDropHooks as DragAndDropHooks$1, DragAndDropOptions, DragAndDropOptions as DragAndDropOptions$1, DropIndicatorProps, DropItem, DropTarget, FieldError, Focusable, FocusableElement, GridLayout, Group as Group$1, GroupProps as GroupProps$1, Header, HeadingProps, HoverEvent, Input, InputProps, Key, Key as Key$1, KeyboardEvent, LabelProps, LinkProps, ListBoxItem, ListBoxItemProps, ListBoxProps, ListData, ListLayout, MenuItemProps, MenuItemProps as MenuItemProps$1, MenuLoadMoreItemProps as MenuLoadMoreItemProps$1, MenuProps as MenuProps$1, MenuSectionProps, MenuTrigger as MenuTrigger$1, ModalOverlayProps, Modality, NavigationTreeHeaderProps as NavigationTreeHeaderProps$1, NavigationTreeItemContentProps as NavigationTreeItemContentProps$1, NavigationTreeItemProps as NavigationTreeItemProps$1, NavigationTreeProps as NavigationTreeProps$1, NavigationTreeSectionProps as NavigationTreeSectionProps$1, NumberFieldProps, Popover as UnstyledPopover, PopoverProps, Pressable, PreviewTrigger, PreviewTriggerProps, ProgressBarProps, RadioButtonProps, RadioFieldProps, RadioGroupProps, RangeCalendarProps as RangeCalendarProps$1, ResizableTableContainerProps as ResizableTableContainerProps$1, RouterProvider, RowProps, SearchFieldProps, Select, SelectProps, SelectValue, Selection, SeparatorProps, Size, SliderFillRenderProps, SliderOutputProps, SliderProps, SliderThumbProps, SliderTrackProps, SliderTrackRenderProps, SortDescriptor, SortDirection, SwitchButtonProps, SwitchFieldProps, TabListProps, TabPanelProps, TabProps, TableBodyProps as TableBodyProps$1, TableFooterProps as TableFooterProps$1, TableHeaderProps as TableHeaderProps$1, TableLayout, TableLoadMoreItemProps as TableLoadMoreItemProps$1, TableProps as TableProps$1, TagGroupProps as TagGroupProps$1, TagListProps as TagListProps$1, TagProps as TagProps$1, TextAreaProps, TextDropItem, TextFieldProps, TextProps, TimeFieldProps, TimeValue, TimeValue as TimeValue$1, ToggleButtonGroupProps as ToggleButtonGroupProps$1, ToggleButtonProps, TokenFieldProps, TokenFieldValue, TokenFieldValue as TokenFieldValue$1, TokenInputProps as TokenInputProps$1, TokenProps as TokenProps$1, ToolbarProps as ToolbarProps$1, TreeItemContentProps as TreeItemContentProps$1, TreeItemProps as TreeItemProps$1, TreeLoadMoreItemProps as TreeLoadMoreItemProps$1, TreeProps as TreeProps$1, Virtualizer, VirtualizerProps, WaterfallLayout, isTextDropItem, setInteractionModality, useAsyncList, useDragAndDrop, useFilter, useListData } from "react-aria-components";
 import React$1, { ComponentProps, JSX, Key as Key$2, ReactNode, Ref, TableHTMLAttributes } from "react";
 import { ExternalToast, ToasterProps } from "sonner";
 //#region src/components/breadcrumbs/breadcrumbs.d.ts
@@ -18,7 +18,7 @@ interface ButtonProps$1 extends ButtonProps {
   size?: ButtonSize;
 }
 declare const button: (props?: ({
-  preset?: "hextech" | "primary" | "secondary" | "text" | "dimmed" | undefined;
+  preset?: "primary" | "secondary" | "text" | "hextech" | "dimmed" | undefined;
   shape?: "round" | "square" | "normal" | undefined;
   thin?: boolean | undefined;
   size?: "small" | "medium" | "large" | undefined;
@@ -189,9 +189,26 @@ declare function GroupSeparator({ className, ...props }: ComponentProps<"span">)
 //#endregion
 //#region src/components/menu/menu.d.ts
 declare const MenuTrigger: typeof MenuTrigger$1;
-declare const SubmenuTrigger: (props: import("react-aria-components").SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => import("react").ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
-declare function Menu<T extends object>({ className, ...props }: MenuProps$1<T>): import("react").JSX.Element;
+declare const SubmenuTrigger: (props: import("react-aria-components").SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => import("react").ReactElement | null;
+interface MenuProps<T> extends MenuProps$1<T> {
+  /** Rendered when the menu has no items. */
+  emptyState?: React.ReactNode;
+}
+/**
+ * A menu of actions or options.
+ *
+ * Items may arrive a page at a time: filter the collection down to nothing and
+ * `emptyState` takes over, and a `MenuLoadMoreItem` at the end fetches the next
+ * page as it scrolls into view.
+ */
+declare function Menu<T extends object>({ className, emptyState, renderEmptyState, ...props }: MenuProps<T>): import("react").JSX.Element;
 declare function MenuItem<T extends object>({ className, ...props }: MenuItemProps$1<T>): import("react").JSX.Element;
+interface MenuLoadMoreItemProps extends MenuLoadMoreItemProps$1 {}
+/**
+ * A sentinel item at the end of a `Menu`. It calls `onLoadMore` once it scrolls
+ * into view, and shows the spinner while `isLoading` is set.
+ */
+declare function MenuLoadMoreItem({ children, className, ...props }: MenuLoadMoreItemProps): import("react").JSX.Element;
 declare function MenuPopover({ className, ...props }: PopoverProps): import("react").JSX.Element;
 declare function MenuSection<T extends object>({ className, ...props }: MenuSectionProps<T>): import("react").JSX.Element;
 declare function MenuHeader({ className, ...props }: ComponentProps<typeof Header>): import("react").JSX.Element;
@@ -210,6 +227,82 @@ declare function DialogButtons({ children }: {
   children: React.ReactNode;
 }): import("react").JSX.Element;
 //#endregion
+//#region src/components/navigation-tree/navigation-tree.d.ts
+declare const navigationTree: (props?: ({
+  class?: import("cva").ClassValue;
+  className?: never;
+} | {
+  class?: never;
+  className?: import("cva").ClassValue;
+}) | undefined) => string;
+interface NavigationTreeProps<T> extends NavigationTreeProps$1<T> {}
+/**
+ * A nested set of links: the client's left rail, a docs sidebar, a champion
+ * pool by role.
+ *
+ * It is a `Tree` whose rows are destinations rather than values, so it selects
+ * nothing itself — `selectedRoute` is matched against each item's `href` and
+ * the match is marked `aria-current="page"`. Give it the route your router
+ * reports and it stays in step; wrap the app in `RouterProvider` and the links
+ * navigate client-side.
+ *
+ * ```tsx
+ * <nav aria-label="Docs">
+ *   <NavigationTree aria-label="Docs" selectedRoute={pathname}>
+ *     <NavigationTreeItem href="/calc" textValue="Calc">
+ *       <NavigationTreeItemContent>Calc</NavigationTreeItemContent>
+ *       <NavigationTreeItem href="/calc/haste" textValue="Haste">
+ *         <NavigationTreeItemContent>Haste</NavigationTreeItemContent>
+ *       </NavigationTreeItem>
+ *     </NavigationTreeItem>
+ *   </NavigationTree>
+ * </nav>
+ * ```
+ *
+ * Tab moves through the links rather than trapping the arrow keys, so it
+ * behaves like the rest of the page's navigation; put it inside a `<nav>` with
+ * a label of its own so it can be jumped to.
+ */
+declare function NavigationTree<T extends object>({ className, ...props }: NavigationTreeProps<T>): import("react").JSX.Element;
+declare const navigationTreeItem: (props?: ({
+  class?: import("cva").ClassValue;
+  className?: never;
+} | {
+  class?: never;
+  className?: import("cva").ClassValue;
+}) | undefined) => string;
+interface NavigationTreeItemProps<T extends object = object> extends NavigationTreeItemProps$1<T> {}
+/**
+ * One row of a `NavigationTree`. Nesting an item inside another makes the outer
+ * one a branch, which can still carry an `href` of its own.
+ */
+declare function NavigationTreeItem<T extends object = object>({ className, ...props }: NavigationTreeItemProps<T>): import("react").JSX.Element;
+interface NavigationTreeItemContentProps extends NavigationTreeItemContentProps$1 {
+  /**
+   * Rendered after the link, beside it rather than inside it. A control the
+   * row carries — an overflow menu, a pin — belongs here: nesting it in the
+   * children would put a button inside the anchor.
+   */
+  actions?: ReactNode;
+}
+/**
+ * The row of a `NavigationTreeItem`, holding everything but its nested items.
+ *
+ * The children become the row's link, so they are the label and nothing else;
+ * an expand chevron is added for items that have children. A branch with no
+ * `href` of its own expands when its label is pressed instead of navigating.
+ */
+declare function NavigationTreeItemContent({ actions, children }: NavigationTreeItemContentProps): import("react").JSX.Element;
+interface NavigationTreeSectionProps<T> extends NavigationTreeSectionProps$1<T> {}
+/** A group of rows within a `NavigationTree`, headed by a `NavigationTreeHeader`. */
+declare function NavigationTreeSection<T extends object>({ className, ...props }: NavigationTreeSectionProps<T>): import("react").JSX.Element;
+interface NavigationTreeHeaderProps extends NavigationTreeHeaderProps$1 {}
+/**
+ * The heading of a `NavigationTreeSection`. A section without one needs an
+ * `aria-label` instead.
+ */
+declare function NavigationTreeHeader({ className, ...props }: NavigationTreeHeaderProps): import("react").JSX.Element;
+//#endregion
 //#region src/components/number-field.d.ts
 type NumberFieldPreset = "normal" | "dimmed";
 declare function NumberField({ inputProps, groupProps, children, preset, size, ...props }: NumberFieldProps & {
@@ -247,12 +340,14 @@ type PreviewButtonProps = ButtonProps & {
  * somewhere, use a `ButtonLink` or apply the exported `previewButton` styles
  * to a `Link` instead — a preview is never the only way to reach content.
  *
- *   <PreviewTrigger>
- *     <PreviewButton>Doran's Blade</PreviewButton>
- *     <Popover>
- *       <PopoverBody>…</PopoverBody>
- *     </Popover>
- *   </PreviewTrigger>
+ * ```tsx
+ * <PreviewTrigger>
+ *   <PreviewButton>Doran's Blade</PreviewButton>
+ *   <Popover>
+ *     <PopoverBody>…</PopoverBody>
+ *   </Popover>
+ * </PreviewTrigger>
+ * ```
  */
 declare function PreviewButton({ children, className, ref, ...props }: PreviewButtonProps): import("react").JSX.Element;
 //#endregion
@@ -539,7 +634,7 @@ declare function useTableDragAndDrop<T = object>(options: DragAndDropOptions$1<T
 };
 //#endregion
 //#region src/components/tabs.d.ts
-declare const Tabs: (props: import("react-aria-components").TabsProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+declare const Tabs: (props: import("react-aria-components").TabsProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 declare function TabList<T extends object>({ className, ...rest }: TabListProps<T>): import("react").JSX.Element;
 declare function Tab({ children, className, ...rest }: TabProps): import("react").JSX.Element;
 declare function TabPanel({ ...rest }: TabPanelProps): import("react").JSX.Element;
@@ -649,7 +744,7 @@ interface TokenInputProps<T extends TokenFieldValue$1 = TokenFieldValue$1> exten
 /** The editable area of a `TokenField`, rendering a `Token` per token segment. */
 declare function TokenInput<T extends TokenFieldValue$1 = TokenFieldValue$1>({ className, placeholder, size, ...props }: TokenInputProps<T>): import("react").JSX.Element;
 declare const token: (props?: ({
-  variant?: "gold" | "hextech" | "grey" | undefined;
+  variant?: "hextech" | "gold" | "grey" | undefined;
 } & ({
   class?: import("cva").ClassValue;
   className?: never;
@@ -828,5 +923,5 @@ interface VerticalTableProps<T> extends Omit<TableHTMLAttributes<HTMLTableElemen
  */
 declare function VerticalTable<T>({ align, className, fields, recordHeader, recordKey, records, ...props }: VerticalTableProps<T>): import("react").JSX.Element;
 //#endregion
-export { type AsyncListData, type AsyncListOptions, Autocomplete, AutocompleteContext, AutocompleteStateContext, Breadcrumb, Breadcrumbs, Button, ButtonLink, ButtonPreset, ButtonShape, ButtonSize, Calendar, CalendarCell, CalendarGrid, CalendarGridHeader, CalendarHeaderCell, CalendarIcon, CalendarProps, Checkbox, CheckboxButton, CheckboxField, Collection, DateField, DateInput, DatePicker, DatePickerButton, DatePickerPopover, DateRangePicker, DateSegment, type DateValue, Dialog, DialogButtons, DialogHeading, DialogTrigger, Disclosure, DisclosureButton, DisclosureGroup, DisclosurePanel, Divider, type DragAndDropHooks, type DragAndDropOptions, type DropItem, type DropTarget, FieldError, Focusable, GridLayout, Group, GroupInput, GroupProps, GroupSeparator, Heading, HeadingColor, HeadingElement, type Key, Label, ListBoxItem, type ListData, ListLayout, Menu, MenuHeader, MenuItem, type MenuItemProps, MenuPopover, type MenuProps, MenuSection, MenuSeparator, MenuTrigger, MenuVirtualizer, Modal, MultipleSelect, MultipleSelectProps, NumberField, PickerDateInput, Popover, PopoverBody, Pressable, PreviewButton, PreviewButtonProps, PreviewTrigger, type PreviewTriggerProps, ProgressBar, Radio, RadioButton, RadioField, RadioGroup, RangeCalendar, RangeCalendarProps, ResizableTableContainer, ResizableTableContainerProps, RouterProvider, SearchField, Select, SelectButton, SelectListBox, SelectListBoxItem, SelectPopover, SelectValue, SelectVirtualizer, type Selection, Size, Slider, SliderOutput, Sonner, SonnerProps, type SortDescriptor, type SortDirection, Spinner, SubmenuTrigger, Switch, SwitchButton, SwitchField, Tab, TabList, TabPanel, Table, TableAlign, TableBody, TableBodyProps, TableCell, TableCellProps, TableColumn, TableColumnProps, TableColumnResizer, TableColumnResizerProps, TableDropIndicator, TableDropIndicatorProps, TableFooter, TableFooterProps, TableHeader, TableHeaderProps, TableLayout, TableLoadMoreItem, TableLoadMoreItemProps, TableProps, TableRow, TableRowProps, Tabs, Tag, TagGroup, TagGroupProps, TagList, TagListProps, TagProps, Text, TextArea, TextColor, type TextDropItem, TextElement, TextField, TextPreset, TimeField, type TimeValue, ToastVariant, ToggleButton, ToggleButtonGroup, ToggleButtonGroupProps, ToggleButtonPreset, Token, TokenField, type TokenFieldValue, TokenInput, TokenInputProps, TokenProps, Toolbar, ToolbarProps, ToolbarSeparator, ToolbarSeparatorProps, Tree, TreeItem, TreeItemContent, TreeItemContentProps, TreeItemProps, TreeLoadMoreItem, TreeLoadMoreItemProps, TreeProps, UnstyledPopover, VerticalTable, VerticalTableAlign, VerticalTableField, VerticalTableProps, Virtualizer, WaterfallLayout, button, dateGroup, dateInput, group, heading, isTextDropItem, previewButton, select, sonner, table, tableCell, tableColumn, tableRow, tagGroup, tagList, text, textField, token, tokenInput, tree, treeItem, useAsyncList, useDragAndDrop, useFilter, useListData, useTableDragAndDrop, verticalTable, verticalTableCell, verticalTableRecordHeader };
+export { type AsyncListData, type AsyncListOptions, Autocomplete, AutocompleteContext, AutocompleteStateContext, Breadcrumb, Breadcrumbs, Button, ButtonLink, ButtonPreset, ButtonShape, ButtonSize, Calendar, CalendarCell, CalendarGrid, CalendarGridHeader, CalendarHeaderCell, CalendarIcon, CalendarProps, Checkbox, CheckboxButton, CheckboxField, Collection, DateField, DateInput, DatePicker, DatePickerButton, DatePickerPopover, DateRangePicker, DateSegment, type DateValue, Dialog, DialogButtons, DialogHeading, DialogTrigger, Disclosure, DisclosureButton, DisclosureGroup, DisclosurePanel, Divider, type DragAndDropHooks, type DragAndDropOptions, type DropItem, type DropTarget, FieldError, Focusable, type FocusableElement, GridLayout, Group, GroupInput, GroupProps, GroupSeparator, Heading, HeadingColor, HeadingElement, type HoverEvent, type Key, type KeyboardEvent, Label, ListBoxItem, type ListData, ListLayout, Menu, MenuHeader, MenuItem, type MenuItemProps, MenuLoadMoreItem, MenuLoadMoreItemProps, MenuPopover, MenuProps, MenuSection, MenuSeparator, MenuTrigger, MenuVirtualizer, Modal, type Modality, MultipleSelect, MultipleSelectProps, NavigationTree, NavigationTreeHeader, NavigationTreeHeaderProps, NavigationTreeItem, NavigationTreeItemContent, NavigationTreeItemContentProps, NavigationTreeItemProps, NavigationTreeProps, NavigationTreeSection, NavigationTreeSectionProps, NumberField, PickerDateInput, Popover, PopoverBody, Pressable, PreviewButton, PreviewButtonProps, PreviewTrigger, type PreviewTriggerProps, ProgressBar, Radio, RadioButton, RadioField, RadioGroup, RangeCalendar, RangeCalendarProps, ResizableTableContainer, ResizableTableContainerProps, RouterProvider, SearchField, Select, SelectButton, SelectListBox, SelectListBoxItem, SelectPopover, SelectValue, SelectVirtualizer, type Selection, Size, Slider, SliderOutput, Sonner, SonnerProps, type SortDescriptor, type SortDirection, Spinner, SubmenuTrigger, Switch, SwitchButton, SwitchField, Tab, TabList, TabPanel, Table, TableAlign, TableBody, TableBodyProps, TableCell, TableCellProps, TableColumn, TableColumnProps, TableColumnResizer, TableColumnResizerProps, TableDropIndicator, TableDropIndicatorProps, TableFooter, TableFooterProps, TableHeader, TableHeaderProps, TableLayout, TableLoadMoreItem, TableLoadMoreItemProps, TableProps, TableRow, TableRowProps, Tabs, Tag, TagGroup, TagGroupProps, TagList, TagListProps, TagProps, Text, TextArea, TextColor, type TextDropItem, TextElement, TextField, TextPreset, TimeField, type TimeValue, ToastVariant, ToggleButton, ToggleButtonGroup, ToggleButtonGroupProps, ToggleButtonPreset, Token, TokenField, type TokenFieldValue, TokenInput, TokenInputProps, TokenProps, Toolbar, ToolbarProps, ToolbarSeparator, ToolbarSeparatorProps, Tree, TreeItem, TreeItemContent, TreeItemContentProps, TreeItemProps, TreeLoadMoreItem, TreeLoadMoreItemProps, TreeProps, UnstyledPopover, VerticalTable, VerticalTableAlign, VerticalTableField, VerticalTableProps, Virtualizer, WaterfallLayout, button, dateGroup, dateInput, group, heading, isTextDropItem, navigationTree, navigationTreeItem, previewButton, select, setInteractionModality, sonner, table, tableCell, tableColumn, tableRow, tagGroup, tagList, text, textField, token, tokenInput, tree, treeItem, useAsyncList, useDragAndDrop, useFilter, useListData, useTableDragAndDrop, verticalTable, verticalTableCell, verticalTableRecordHeader };
 //# sourceMappingURL=index.d.mts.map