@lolmath/ui 9.0.0 → 9.1.0

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { Autocomplete, Autocomplete as Autocomplete$1, AutocompleteContext, AutocompleteStateContext, Breadcrumb as Breadcrumb$1, Breadcrumbs as Breadcrumbs$1, Button as Button$1, Cell, CheckboxButton as CheckboxButton$1, CheckboxField as CheckboxField$1, Collection, Column, ColumnResizer, Dialog, Dialog as Dialog$1, DialogTrigger, Disclosure as Disclosure$1, DisclosureGroup as DisclosureGroup$1, DisclosurePanel as DisclosurePanel$1, FieldError, GridLayout, Group, Header, Heading as Heading$1, Input, Label as Label$1, Link, ListBox, ListBoxItem, ListBoxItem as ListBoxItem$1, ListLayout, ListLayout as ListLayout$1, Menu as Menu$1, MenuItem as MenuItem$1, MenuSection as MenuSection$1, MenuTrigger as MenuTrigger$1, Modal as Modal$1, ModalOverlay, NumberField as NumberField$1, OverlayArrow, Popover as Popover$1, Popover as UnstyledPopover, ProgressBar as ProgressBar$1, RadioButton as RadioButton$1, RadioField as RadioField$1, RadioGroup as RadioGroup$1, ResizableTableContainer, RouterProvider, Row, SearchField as SearchField$1, Select, Select as Select$1, SelectValue, SelectValue as SelectValue$1, SelectionIndicator, Separator, Size, Slider as Slider$1, SliderFill, SliderOutput as SliderOutput$1, SliderThumb, SliderTrack, SubmenuTrigger as SubmenuTrigger$1, SwitchButton as SwitchButton$1, SwitchField as SwitchField$1, Tab as Tab$1, TabList as TabList$1, TabPanel as TabPanel$1, Table as Table$1, TableBody as TableBody$1, TableFooter as TableFooter$1, TableHeader, TableLayout, Tabs as Tabs$1, Tag as Tag$1, TagGroup as TagGroup$1, TagList as TagList$1, Text as Text$1, TextArea as TextArea$1, TextField as TextField$1, ToggleButton as ToggleButton$1, Virtualizer, Virtualizer as Virtualizer$1, WaterfallLayout, composeRenderProps, useFilter, useFilter as useFilter$1 } from "react-aria-components";
+import { Autocomplete, Autocomplete as Autocomplete$1, AutocompleteContext, AutocompleteStateContext, Breadcrumb as Breadcrumb$1, Breadcrumbs as Breadcrumbs$1, Button as Button$1, Cell, CheckboxButton as CheckboxButton$1, CheckboxField as CheckboxField$1, Collection, Column, ColumnResizer, Dialog, Dialog as Dialog$1, DialogTrigger, Disclosure as Disclosure$1, DisclosureGroup as DisclosureGroup$1, DisclosurePanel as DisclosurePanel$1, FieldError, GridLayout, Group, Header, Heading as Heading$1, Input, Label as Label$1, Link, ListBox, ListBoxItem, ListBoxItem as ListBoxItem$1, ListLayout, ListLayout as ListLayout$1, Menu as Menu$1, MenuItem as MenuItem$1, MenuSection as MenuSection$1, MenuTrigger as MenuTrigger$1, Modal as Modal$1, ModalOverlay, NumberField as NumberField$1, OverlayArrow, Popover as Popover$1, Popover as UnstyledPopover, ProgressBar as ProgressBar$1, RadioButton as RadioButton$1, RadioField as RadioField$1, RadioGroup as RadioGroup$1, ResizableTableContainer, RouterProvider, Row, SearchField as SearchField$1, Select, Select as Select$1, SelectValue, SelectValue as SelectValue$1, SelectionIndicator, Separator, Size, Slider as Slider$1, SliderFill, SliderOutput as SliderOutput$1, SliderThumb, SliderTrack, SubmenuTrigger as SubmenuTrigger$1, SwitchButton as SwitchButton$1, SwitchField as SwitchField$1, Tab as Tab$1, TabList as TabList$1, TabPanel as TabPanel$1, Table as Table$1, TableBody as TableBody$1, TableFooter as TableFooter$1, TableHeader, TableLayout, Tabs as Tabs$1, Tag as Tag$1, TagGroup as TagGroup$1, TagList as TagList$1, Text as Text$1, TextArea as TextArea$1, TextField as TextField$1, ToggleButton as ToggleButton$1, ToggleButtonGroup as ToggleButtonGroup$1, Toolbar as Toolbar$1, Tree as Tree$1, TreeItem as TreeItem$1, TreeItemContent as TreeItemContent$1, TreeLoadMoreItem as TreeLoadMoreItem$1, Virtualizer, Virtualizer as Virtualizer$1, WaterfallLayout, composeRenderProps, useFilter, useFilter as useFilter$1 } from "react-aria-components";
 import { cva, cx } from "cva";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React, { createElement, useMemo } from "react";
@@ -39,20 +39,21 @@ function Breadcrumb({ className, children, href, ...props }) {
 //#endregion
 //#region src/components/button.module.css
 var button_module_default = {
-	"round": "_round_16wcl_2",
-	"square": "_square_16wcl_7",
-	"button": "_button_16wcl_13",
-	"thin": "_thin_16wcl_17",
-	"small": "_small_16wcl_48",
-	"medium": "_medium_16wcl_53",
-	"large": "_large_16wcl_58",
-	"primary": "_primary_16wcl_84",
-	"secondary": "_secondary_16wcl_85",
-	"hextech": "_hextech_16wcl_86",
-	"dimmed": "_dimmed_16wcl_87",
-	"text": "_text_16wcl_103",
-	"normal": "_normal_16wcl_114",
-	"selected": "_selected_16wcl_161"
+	"round": "_round_1k1xc_2",
+	"square": "_square_1k1xc_7",
+	"button": "_button_1k1xc_13",
+	"thin": "_thin_1k1xc_17",
+	"small": "_small_1k1xc_48",
+	"medium": "_medium_1k1xc_53",
+	"large": "_large_1k1xc_58",
+	"toggleButtonGroup": "_toggleButtonGroup_1k1xc_90",
+	"primary": "_primary_1k1xc_126",
+	"secondary": "_secondary_1k1xc_127",
+	"hextech": "_hextech_1k1xc_128",
+	"dimmed": "_dimmed_1k1xc_129",
+	"text": "_text_1k1xc_145",
+	"normal": "_normal_1k1xc_156",
+	"selected": "_selected_1k1xc_203"
 };
 //#endregion
 //#region src/components/button.tsx
@@ -1315,6 +1316,107 @@ function ToggleButton({ children, className, preset = "secondary", shape = "norm
 	});
 }
 //#endregion
-export { Autocomplete, AutocompleteContext, AutocompleteStateContext, Breadcrumb, Breadcrumbs, Button, ButtonLink, Checkbox, CheckboxButton, CheckboxField, Collection, Dialog, DialogButtons, DialogHeading, DialogTrigger, Disclosure, DisclosureButton, DisclosureGroup, DisclosurePanel, Divider, FieldError, GridLayout, Heading, Label, ListBoxItem, ListLayout, Menu, MenuHeader, MenuItem, MenuPopover, MenuSection, MenuSeparator, MenuTrigger, MenuVirtualizer, Modal, MultipleSelect, NumberField, Popover, ProgressBar, Radio, RadioButton, RadioField, RadioGroup, ResizableTableContainer, RouterProvider, SearchField, Select, SelectButton, SelectListBox, SelectListBoxItem, SelectPopover, SelectValue, SelectVirtualizer, Size, Slider, SliderOutput, Sonner, Spinner, SubmenuTrigger, Switch, SwitchButton, SwitchField, Tab, TabList, TabPanel, Table, TableBody, TableCell, TableColumn, TableColumnResizer, TableFooter, TableHeader, TableLayout, TableRow, Tabs, Tag, TagGroup, TagList, Text, TextArea, TextField, ToggleButton, UnstyledPopover, Virtualizer, WaterfallLayout, button, heading, select, sonner, table, tableCell, tableColumn, tableRow, tagGroup, tagList, text, textField, useFilter };
+//#region src/components/toggle-button-group.tsx
+function ToggleButtonGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ToggleButtonGroup$1, {
+		...props,
+		className: composeRenderProps(className, (className) => cx(button_module_default.toggleButtonGroup, className))
+	});
+}
+//#endregion
+//#region src/components/toolbar.module.css
+var toolbar_module_default = {
+	"toolbar": "_toolbar_pv0cj_2",
+	"separator": "_separator_pv0cj_17"
+};
+//#endregion
+//#region src/components/toolbar.tsx
+function Toolbar({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toolbar$1, {
+		...props,
+		className: composeRenderProps(className, (className) => cx(toolbar_module_default.toolbar, className))
+	});
+}
+/**
+* Separates groups of controls inside a `Toolbar`. Defaults to the orientation
+* that crosses a horizontal toolbar; pass `orientation="horizontal"` when the
+* toolbar itself is vertical.
+*/
+function ToolbarSeparator({ className, orientation = "vertical", ...props }) {
+	return /* @__PURE__ */ jsx(Separator, {
+		...props,
+		orientation,
+		className: cx(toolbar_module_default.separator, className)
+	});
+}
+//#endregion
+//#region src/components/tree/tree.module.css
+var tree_module_default = {
+	"tree": "_tree_1jyu5_2",
+	"item": "_item_1jyu5_21",
+	"chevron": "_chevron_1jyu5_108",
+	"chevronSpacer": "_chevronSpacer_1jyu5_131",
+	"label": "_label_1jyu5_151",
+	"empty": "_empty_1jyu5_159",
+	"loadMore": "_loadMore_1jyu5_164",
+	"spinner": "_spinner_1jyu5_170"
+};
+//#endregion
+//#region src/components/tree/tree.tsx
+const tree = cva({ base: tree_module_default.tree });
+function Tree({ className, emptyState = "No results found", renderEmptyState, ...props }) {
+	return /* @__PURE__ */ jsx(Tree$1, {
+		...props,
+		className: composeRenderProps(className, (className) => tree({ className })),
+		renderEmptyState: renderEmptyState ?? (() => /* @__PURE__ */ jsx("div", {
+			className: text({
+				color: "grey150",
+				preset: "base",
+				className: tree_module_default.empty
+			}),
+			children: emptyState
+		}))
+	});
+}
+const treeItem = cva({ base: tree_module_default.item });
+function TreeItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TreeItem$1, {
+		...props,
+		className: composeRenderProps(className, (className) => treeItem({ className }))
+	});
+}
+/**
+* The row of a `TreeItem`, holding everything but its nested items.
+*
+* The expand chevron is added for items that have children, and a selection
+* checkbox for trees with `selectionMode="multiple"`. Setting
+* `selectionBehavior="replace"` drops the checkbox in favour of highlighting
+* the row, like the ladder in the League client.
+*/
+function TreeItemContent({ children }) {
+	return /* @__PURE__ */ jsx(TreeItemContent$1, { children: composeRenderProps(children, (children, { hasChildItems, selectionBehavior, selectionMode }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+		hasChildItems ? /* @__PURE__ */ jsx(Button$1, {
+			className: tree_module_default.chevron,
+			slot: "chevron"
+		}) : /* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			className: tree_module_default.chevronSpacer
+		}),
+		selectionMode === "multiple" && selectionBehavior === "toggle" && /* @__PURE__ */ jsx(Checkbox, { slot: "selection" }),
+		/* @__PURE__ */ jsx("span", {
+			className: tree_module_default.label,
+			children
+		})
+	] })) });
+}
+function TreeLoadMoreItem({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx(TreeLoadMoreItem$1, {
+		...props,
+		className: composeRenderProps(className, (className) => cx(tree_module_default.loadMore, className)),
+		children: children ?? /* @__PURE__ */ jsx(Spinner, { className: tree_module_default.spinner })
+	});
+}
+//#endregion
+export { Autocomplete, AutocompleteContext, AutocompleteStateContext, Breadcrumb, Breadcrumbs, Button, ButtonLink, Checkbox, CheckboxButton, CheckboxField, Collection, Dialog, DialogButtons, DialogHeading, DialogTrigger, Disclosure, DisclosureButton, DisclosureGroup, DisclosurePanel, Divider, FieldError, GridLayout, Heading, Label, ListBoxItem, ListLayout, Menu, MenuHeader, MenuItem, MenuPopover, MenuSection, MenuSeparator, MenuTrigger, MenuVirtualizer, Modal, MultipleSelect, NumberField, Popover, ProgressBar, Radio, RadioButton, RadioField, RadioGroup, ResizableTableContainer, RouterProvider, SearchField, Select, SelectButton, SelectListBox, SelectListBoxItem, SelectPopover, SelectValue, SelectVirtualizer, Size, Slider, SliderOutput, Sonner, Spinner, SubmenuTrigger, Switch, SwitchButton, SwitchField, Tab, TabList, TabPanel, Table, TableBody, TableCell, TableColumn, TableColumnResizer, TableFooter, TableHeader, TableLayout, TableRow, Tabs, Tag, TagGroup, TagList, Text, TextArea, TextField, ToggleButton, ToggleButtonGroup, Toolbar, ToolbarSeparator, Tree, TreeItem, TreeItemContent, TreeLoadMoreItem, UnstyledPopover, Virtualizer, WaterfallLayout, button, heading, select, sonner, table, tableCell, tableColumn, tableRow, tagGroup, tagList, text, textField, tree, treeItem, useFilter };
 
 //# sourceMappingURL=index.mjs.map