@capra/core 1.8.2 → 1.10.0

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import * as React$1 from "react";
 import React, { Suspense, useCallback, useState } from "react";
-import { AnglesLeft, AnglesRight, ArrowUpRightFromSquare, AttentionOutlined, AttentionSolid, CalendarNextOutlined, CalendarOutlined, CalendarPrevOutlined, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, CircleXmark, CloseOutlined, DragGrip, Exclamation, EyeInvisibleOutlined, EyeOutlined, InfoOutlined, InfoSolid, Loading, SuccessOutlined, SuccessSolid, SwapRightOutlined, WarningOutlined, WarningSolid } from "@capra/icons";
-import { Breadcrumb as Breadcrumb$1, Breadcrumbs as Breadcrumbs$1, Button as Button$1, ButtonContext, Calendar, CalendarCell, CalendarGrid, CalendarGridBody, CalendarGridHeader, CalendarHeaderCell, ComboBox, DateInput, DatePicker, DatePickerStateContext, DateRangePicker, DateRangePickerStateContext, DateSegment, Dialog, DialogTrigger, Disclosure, DisclosurePanel, Focusable, Group, Header, Heading, HeadingContext, Input, InputContext, LabelContext, Link as Link$1, ListBox, ListBoxItem, Menu as Menu$1, MenuItem, MenuSection, MenuTrigger, Modal as Modal$1, ModalOverlay, NumberField as NumberField$1, OverlayArrow, OverlayTriggerStateContext, Popover as Popover$1, Pressable, RangeCalendar, RangeCalendarStateContext, RouterProvider, Separator, SubmenuTrigger, Text as Text$1, TextArea as TextArea$1, TextContext, TextField as TextField$1, Tooltip as Tooltip$1, TooltipTrigger, composeRenderProps, useContextProps, useSlottedContext } from "react-aria-components";
+import { AnglesLeft, AnglesRight, ArrowUpRightFromSquare, AttentionOutlined, AttentionSolid, CalendarNextOutlined, CalendarOutlined, CalendarPrevOutlined, CaretRight, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, CircleXmark, CloseOutlined, DragGrip, Exclamation, EyeInvisibleOutlined, EyeOutlined, InfoOutlined, InfoSolid, Loading, SuccessOutlined, SuccessSolid, SwapRightOutlined, WarningOutlined, WarningSolid } from "@capra/icons";
+import { Breadcrumb as Breadcrumb$1, Breadcrumbs as Breadcrumbs$1, Button as Button$1, ButtonContext, Calendar, CalendarCell, CalendarGrid, CalendarGridBody, CalendarGridHeader, CalendarHeaderCell, Collection, ComboBox, DateInput, DatePicker, DatePickerStateContext, DateRangePicker, DateRangePickerStateContext, DateSegment, Dialog, DialogTrigger, Disclosure, DisclosurePanel, Focusable, Group, Header, Heading, HeadingContext, Input, InputContext, LabelContext, Link as Link$1, ListBox, ListBoxItem, Menu as Menu$1, MenuItem, MenuSection, MenuTrigger, Modal as Modal$1, ModalOverlay, NumberField as NumberField$1, OverlayArrow, OverlayTriggerStateContext, Popover as Popover$1, Pressable, RangeCalendar, RangeCalendarStateContext, RouterProvider, Separator, SubmenuTrigger, Text as Text$1, TextArea as TextArea$1, TextContext, TextField as TextField$1, Tooltip as Tooltip$1, TooltipTrigger, Tree as Tree$1, TreeItem, TreeItemContent, composeRenderProps, useContextProps, useSlottedContext } from "react-aria-components";
 import { FocusScope, UNSAFE_PortalProvider, useDateFormatter, useFocusWithin, usePreventScroll } from "react-aria";
 import { createRoot } from "react-dom/client";
 import { createPortal } from "react-dom";
@@ -229,7 +229,7 @@ const VisuallyHidden = ({ children, ...props }) => {
 //#endregion
 //#region src/components/input-helpers/Label.tsx
 /** Label text and optional required indicator for form fields, aligned with Capra field layouts. */
-const Label$1 = React$1.forwardRef((props, ref) => {
+const Label = React$1.forwardRef((props, ref) => {
 	const [mergedProps, mergedRef] = useContextProps(props, ref, LabelContext);
 	const { trailingSlot, children, required, FORCE__className: classNameOverride, style, ...labelProps } = mergedProps;
 	if (!children) return null;
@@ -242,7 +242,7 @@ const Label$1 = React$1.forwardRef((props, ref) => {
 		"aria-hidden": true
 	}, "*"), /* @__PURE__ */ React$1.createElement(VisuallyHidden, null, "This field is required"))), trailingSlot && /* @__PURE__ */ React$1.createElement("span", { className: Label_module_default.trailingSlot }, trailingSlot));
 });
-Label$1.displayName = "Label";
+Label.displayName = "Label";
 //#endregion
 //#region src/components/TextInput/TextInput.module.css
 var TextInput_module_default = {
@@ -372,7 +372,7 @@ function AutocompleteFieldWithoutRef(props, ref) {
 		id,
 		shouldFocusWrap: true,
 		ref: comboboxRef
-	}, /* @__PURE__ */ React.createElement(Label$1, null, label), /* @__PURE__ */ React.createElement(TextInput, {
+	}, /* @__PURE__ */ React.createElement(Label, null, label), /* @__PURE__ */ React.createElement(TextInput, {
 		...inputProps,
 		ref,
 		trailingSlot: trailingContent
@@ -554,15 +554,15 @@ const Card = Object.assign(CardRoot, {
 //#endregion
 //#region src/components/Badge/Badge.module.css
 var Badge_module_default = {
-	"badge": "capra-Badge-module-yecu4W-badge",
-	"base": "capra-Badge-module-yecu4W-base"
+	"badge": "capra-Badge-module-_3WihW-badge",
+	"base": "capra-Badge-module-_3WihW-base"
 };
 //#endregion
 //#region src/components/Badge/Badge.tsx
 /**
 * Badges display an indicator/counter on an associated component.
 */
-function Badge({ appearance = "danger", variant, count = 0, showZero = false, overflowCount = 99, FORCE__className, ...props }) {
+function Badge({ appearance = "danger", variant = "counter", size = "md", count = 0, showZero = false, overflowCount = 99, FORCE__className, style, ...props }) {
 	if (variant === "counter" && !showZero && !count) return null;
 	const getBadgeContent = () => {
 		if (variant === "dot") return null;
@@ -570,43 +570,55 @@ function Badge({ appearance = "danger", variant, count = 0, showZero = false, ov
 		return value > overflowCount ? `${overflowCount}+` : value;
 	};
 	return /* @__PURE__ */ React$1.createElement("span", {
-		role: "status",
 		className: clsx(Badge_module_default.badge, FORCE__className),
 		"data-appearance": appearance,
+		"data-size": size,
 		"data-variant": variant,
+		style,
 		...props
 	}, getBadgeContent());
 }
 /**
 * A convenience component allowing you to easily attach a badge to another component.
 */
-function BadgeLayout({ children }) {
-	return /* @__PURE__ */ React$1.createElement("div", { className: Badge_module_default.base }, children);
+function BadgeLayout({ children, offset = [0, 0] }) {
+	return /* @__PURE__ */ React$1.createElement("div", {
+		className: Badge_module_default.base,
+		style: {
+			"--_badge-offset-x": `${offset[0]}px`,
+			"--_badge-offset-y": `${offset[1]}px`
+		}
+	}, children);
 }
 //#endregion
 //#region src/components/ListItem/ListItem.module.css
 var ListItem_module_default = {
-	"content": "capra-ListItem-module-VUh15W-content",
-	"description": "capra-ListItem-module-VUh15W-description",
-	"label": "capra-ListItem-module-VUh15W-label",
-	"leading": "capra-ListItem-module-VUh15W-leading",
-	"listItem": "capra-ListItem-module-VUh15W-listItem",
-	"slot": "capra-ListItem-module-VUh15W-slot",
-	"slots": "capra-ListItem-module-VUh15W-slots",
-	"suffix": "capra-ListItem-module-VUh15W-suffix",
-	"trailing": "capra-ListItem-module-VUh15W-trailing"
+	"__listItem-layout": "capra-ListItem-module-QN6vFW-__listItem-layout",
+	"content": "capra-ListItem-module-QN6vFW-content",
+	"description": "capra-ListItem-module-QN6vFW-description",
+	"label": "capra-ListItem-module-QN6vFW-label",
+	"leading": "capra-ListItem-module-QN6vFW-leading",
+	"listItem": "capra-ListItem-module-QN6vFW-listItem capra-ListItem-module-QN6vFW-__listItem-layout",
+	"slot": "capra-ListItem-module-QN6vFW-slot",
+	"slots": "capra-ListItem-module-QN6vFW-slots",
+	"suffix": "capra-ListItem-module-QN6vFW-suffix",
+	"trailing": "capra-ListItem-module-QN6vFW-trailing"
 };
 //#endregion
 //#region src/components/ListItem/ListItemSlots.tsx
+const CollapsedSlot = "__CollapsedSlot__";
 const ListItemSlots = ({ children, trailing = false, FORCE__className }) => {
 	if (React.Children.count(children) === 0) return null;
 	return /* @__PURE__ */ React.createElement("div", {
 		className: clsx(ListItem_module_default.slots, FORCE__className),
 		"data-trailing": trailing || void 0
-	}, React.Children.map(children, (child, index) => /* @__PURE__ */ React.createElement("div", {
-		key: index,
-		className: ListItem_module_default.slot
-	}, child)));
+	}, React.Children.map(children, (child, index) => {
+		if (child === "__CollapsedSlot__") return void 0;
+		return /* @__PURE__ */ React.createElement("div", {
+			key: index,
+			className: ListItem_module_default.slot
+		}, child);
+	}));
 };
 //#endregion
 //#region src/components/ListItem/ListItem.tsx
@@ -629,7 +641,7 @@ const Trailing = ({ children, FORCE__className }) => {
 const Content = ({ children, FORCE__className }) => {
 	return /* @__PURE__ */ React$1.createElement("div", { className: clsx(ListItem_module_default.content, FORCE__className) }, children);
 };
-const Label = ({ children, id }) => {
+const Label$1 = ({ children, id }) => {
 	return /* @__PURE__ */ React$1.createElement("div", {
 		id,
 		className: ListItem_module_default.label
@@ -648,7 +660,7 @@ const Spacer = () => {
 	});
 };
 ListItem.Content = Content;
-ListItem.Label = Label;
+ListItem.Label = Label$1;
 ListItem.Description = Description;
 ListItem.Suffix = Suffix;
 ListItem.Spacer = Spacer;
@@ -1089,7 +1101,7 @@ const TextField = React$1.forwardRef((props, ref) => {
 		className: fieldLayout_module_default.field,
 		"data-capra-field-root": "",
 		"data-layout": layout
-	}, /* @__PURE__ */ React$1.createElement(Label$1, { required }, label), /* @__PURE__ */ React$1.createElement(TextInput, {
+	}, /* @__PURE__ */ React$1.createElement(Label, { required }, label), /* @__PURE__ */ React$1.createElement(TextInput, {
 		ref,
 		...inputRest,
 		appearance,
@@ -1193,7 +1205,7 @@ const NumberField = React$1.forwardRef((props, ref) => {
 		className: fieldLayout_module_default.field,
 		"data-capra-field-root": "",
 		"data-layout": layout
-	}, /* @__PURE__ */ React$1.createElement(Label$1, { required }, label), /* @__PURE__ */ React$1.createElement(Group, {
+	}, /* @__PURE__ */ React$1.createElement(Label, { required }, label), /* @__PURE__ */ React$1.createElement(Group, {
 		"data-capra-text-input": "",
 		"data-size": size,
 		className: clsx(TextInput_module_default.wrapper, NumberField_module_default.withStepper, classNameOverride)
@@ -2209,7 +2221,7 @@ function DatePickerFieldInner(props, ref) {
 		isInvalid,
 		shouldForceLeadingZeros: true,
 		validationBehavior: "aria"
-	}, /* @__PURE__ */ React$1.createElement(Label$1, { required }, label), /* @__PURE__ */ React$1.createElement(DatePickerFieldRow, {
+	}, /* @__PURE__ */ React$1.createElement(Label, { required }, label), /* @__PURE__ */ React$1.createElement(DatePickerFieldRow, {
 		appearance,
 		size,
 		leadingSlot,
@@ -2451,7 +2463,7 @@ function DateRangePickerFieldInner(props, ref) {
 		isInvalid,
 		shouldForceLeadingZeros: true,
 		validationBehavior: "aria"
-	}, /* @__PURE__ */ React$1.createElement(Label$1, { required }, label), /* @__PURE__ */ React$1.createElement(DateRangePickerFieldRow, {
+	}, /* @__PURE__ */ React$1.createElement(Label, { required }, label), /* @__PURE__ */ React$1.createElement(DateRangePickerFieldRow, {
 		appearance,
 		size,
 		leadingSlot,
@@ -2680,7 +2692,7 @@ const TextArea = React$1.forwardRef((props, ref) => {
 		...ariaFieldProps,
 		className: fieldLayout_module_default.field,
 		"data-layout": layout
-	}, /* @__PURE__ */ React$1.createElement(Label$1, { required }, label), /* @__PURE__ */ React$1.createElement("div", {
+	}, /* @__PURE__ */ React$1.createElement(Label, { required }, label), /* @__PURE__ */ React$1.createElement("div", {
 		className: clsx(TextArea_module_default.wrapper, classNameOverride),
 		"data-has-indicator": hasIndicator,
 		"data-autosize": autoSizeActive,
@@ -4357,23 +4369,23 @@ const submenuPanelClassName = Menu_module_default.menu;
 //#endregion
 //#region src/components/TabNav/TabNav.module.css
 var TabNav_module_default = {
-	"dropdownIcon": "capra-TabNav-module-qqfvea-dropdownIcon",
-	"extraContent": "capra-TabNav-module-qqfvea-extraContent",
-	"indentSpacer": "capra-TabNav-module-qqfvea-indentSpacer",
-	"panel": "capra-TabNav-module-qqfvea-panel",
-	"root": "capra-TabNav-module-qqfvea-root",
-	"subMenu": "capra-TabNav-module-qqfvea-subMenu",
-	"subMenuItem": "capra-TabNav-module-qqfvea-subMenuItem",
-	"subMenuItemActive": "capra-TabNav-module-qqfvea-subMenuItemActive",
-	"subTab": "capra-TabNav-module-qqfvea-subTab",
-	"subTabList": "capra-TabNav-module-qqfvea-subTabList",
-	"subTabListItem": "capra-TabNav-module-qqfvea-subTabListItem",
-	"tab": "capra-TabNav-module-qqfvea-tab",
-	"tabBar": "capra-TabNav-module-qqfvea-tabBar",
-	"tabGroup": "capra-TabNav-module-qqfvea-tabGroup",
-	"tabIcon": "capra-TabNav-module-qqfvea-tabIcon",
-	"tabLabel": "capra-TabNav-module-qqfvea-tabLabel",
-	"tabList": "capra-TabNav-module-qqfvea-tabList"
+	"dropdownIcon": "capra-TabNav-module-pLDWhG-dropdownIcon",
+	"extraContent": "capra-TabNav-module-pLDWhG-extraContent",
+	"indentSpacer": "capra-TabNav-module-pLDWhG-indentSpacer",
+	"panel": "capra-TabNav-module-pLDWhG-panel",
+	"root": "capra-TabNav-module-pLDWhG-root",
+	"subMenu": "capra-TabNav-module-pLDWhG-subMenu",
+	"subMenuItem": "capra-TabNav-module-pLDWhG-subMenuItem",
+	"subMenuItemActive": "capra-TabNav-module-pLDWhG-subMenuItemActive",
+	"subTab": "capra-TabNav-module-pLDWhG-subTab",
+	"subTabList": "capra-TabNav-module-pLDWhG-subTabList",
+	"subTabListItem": "capra-TabNav-module-pLDWhG-subTabListItem",
+	"tab": "capra-TabNav-module-pLDWhG-tab",
+	"tabBar": "capra-TabNav-module-pLDWhG-tabBar",
+	"tabGroup": "capra-TabNav-module-pLDWhG-tabGroup",
+	"tabIcon": "capra-TabNav-module-pLDWhG-tabIcon",
+	"tabLabel": "capra-TabNav-module-pLDWhG-tabLabel",
+	"tabList": "capra-TabNav-module-pLDWhG-tabList"
 };
 //#endregion
 //#region src/components/TabNav/TabNav.tsx
@@ -4947,4 +4959,238 @@ function ArrowSvg() {
 	}));
 }
 //#endregion
-export { Alert, Anchor, AutocompleteField, Badge, BadgeLayout, Breadcrumb, Breadcrumbs, Button, ButtonLink, Card, Checkbox, Collapse, CustomTooltipTrigger, DatePickerField, DateRangePickerField, Divider, Drawer, EmptyState, IconButton, InputRow, Link, ListItem, Menu, Modal, NumberField, Pagination, PasswordField, Pill, Popover, Radio, RadioGroup, RadioTile, Ribbon, RouterProvider, SKELETON_SIZE, SKELETON_SIZE_TOKENS, Skeleton, SkeletonGroup, Spinner, Switch, TabNav, Tag, Text, TextArea, TextField, Toast, Tooltip, TopNav, VerticalNavigation, VisuallyHidden, submenuPanelClassName, tagColors };
+//#region src/components/Tree/Tree.module.css
+var Tree_module_default = {
+	"chevronButton": "capra-Tree-module--hXpBa-chevronButton",
+	"chevronIcon": "capra-Tree-module--hXpBa-chevronIcon",
+	"indentSpacer": "capra-Tree-module--hXpBa-indentSpacer",
+	"item": "capra-Tree-module--hXpBa-item capra-ListItem-module-QN6vFW-__listItem-layout",
+	"itemContent": "capra-Tree-module--hXpBa-itemContent capra-ListItem-module-QN6vFW-content",
+	"itemLabel": "capra-Tree-module--hXpBa-itemLabel capra-ListItem-module-QN6vFW-label",
+	"itemSuffix": "capra-Tree-module--hXpBa-itemSuffix capra-ListItem-module-QN6vFW-suffix",
+	"label": "capra-Tree-module--hXpBa-label",
+	"root": "capra-Tree-module--hXpBa-root",
+	"selectionCheckbox": "capra-Tree-module--hXpBa-selectionCheckbox",
+	"suffix": "capra-Tree-module--hXpBa-suffix"
+};
+//#endregion
+//#region src/components/Tree/Tree.tsx
+const TreeSelectionContext = React$1.createContext(null);
+function getTextValue(item) {
+	return typeof item.label === "string" ? item.label : String(item.key);
+}
+function buildTreeIndex(items) {
+	const parentByKey = /* @__PURE__ */ new Map();
+	const descendantsByKey = /* @__PURE__ */ new Map();
+	const selectableDescendantsByKey = /* @__PURE__ */ new Map();
+	const disabledKeys = /* @__PURE__ */ new Set();
+	const selectableKeys = /* @__PURE__ */ new Set();
+	const visit = (item, parent) => {
+		parentByKey.set(item.key, parent);
+		if (item.isDisabled) disabledKeys.add(item.key);
+		else selectableKeys.add(item.key);
+		const descendants = [];
+		const selectableDescendants = [];
+		for (const child of item.children ?? []) {
+			visit(child, item.key);
+			descendants.push(child.key, ...descendantsByKey.get(child.key) ?? []);
+			if (!child.isDisabled) selectableDescendants.push(child.key);
+			for (const descendant of selectableDescendantsByKey.get(child.key) ?? []) selectableDescendants.push(descendant);
+		}
+		descendantsByKey.set(item.key, descendants);
+		selectableDescendantsByKey.set(item.key, selectableDescendants);
+	};
+	for (const item of items) visit(item, null);
+	return {
+		parentByKey,
+		descendantsByKey,
+		selectableDescendantsByKey,
+		disabledKeys,
+		selectableKeys
+	};
+}
+function sanitizeSelection(selection, index) {
+	const next = /* @__PURE__ */ new Set();
+	for (const key of selection) if (index.parentByKey.has(key) && !index.disabledKeys.has(key)) next.add(key);
+	return next;
+}
+function reconcileParentKeys(selection, index) {
+	const next = new Set(selection);
+	for (const [key, selectableDescendants] of index.selectableDescendantsByKey) {
+		if (selectableDescendants.length === 0) continue;
+		if (!selectableDescendants.every((descendantKey) => next.has(descendantKey))) next.delete(key);
+	}
+	return next;
+}
+function selectionToSet(selection, index) {
+	if (selection === "all") return new Set(index.selectableKeys);
+	if (selection == null) return /* @__PURE__ */ new Set();
+	return sanitizeSelection(selection, index);
+}
+function expandKeysWithAncestors(keys, index) {
+	if (keys == null) return;
+	const expanded = /* @__PURE__ */ new Set();
+	for (const key of keys) {
+		if (!index.parentByKey.has(key)) continue;
+		let current = key;
+		while (current != null) {
+			expanded.add(current);
+			current = index.parentByKey.get(current) ?? null;
+		}
+	}
+	return expanded;
+}
+function getCheckboxState(key, selectedKeys, index) {
+	const selectableDescendants = index.selectableDescendantsByKey.get(key) ?? [];
+	if (selectableDescendants.length === 0) return {
+		checked: selectedKeys.has(key),
+		indeterminate: false
+	};
+	const selectedDescendantCount = selectableDescendants.filter((descendantKey) => selectedKeys.has(descendantKey)).length;
+	const allSelectableDescendantsSelected = selectedDescendantCount === selectableDescendants.length;
+	const someSelectableDescendantsSelected = selectedDescendantCount > 0;
+	if (allSelectableDescendantsSelected || selectedKeys.has(key)) return {
+		checked: true,
+		indeterminate: false
+	};
+	return {
+		checked: false,
+		indeterminate: someSelectableDescendantsSelected
+	};
+}
+function applySelectionChange(prev, next, index) {
+	const cascadedSelection = sanitizeSelection(next, index);
+	for (const key of next) {
+		if (prev.has(key) || index.disabledKeys.has(key)) continue;
+		if ((index.descendantsByKey.get(key) ?? []).length === 0) continue;
+		cascadedSelection.add(key);
+		for (const descendantKey of index.selectableDescendantsByKey.get(key) ?? []) cascadedSelection.add(descendantKey);
+	}
+	for (const key of prev) {
+		if (next.has(key) || index.disabledKeys.has(key)) continue;
+		if ((index.descendantsByKey.get(key) ?? []).length === 0) continue;
+		cascadedSelection.delete(key);
+		for (const descendantKey of index.descendantsByKey.get(key) ?? []) cascadedSelection.delete(descendantKey);
+	}
+	return reconcileParentKeys(cascadedSelection, index);
+}
+function TreeSelectionCheckbox({ item }) {
+	const context = React$1.useContext(TreeSelectionContext);
+	if (context?.selectionMode !== "multiple") return null;
+	const checkboxState = getCheckboxState(item.key, context.selectedKeys, context.index);
+	return /* @__PURE__ */ React$1.createElement(Checkbox, {
+		"aria-checked": checkboxState.indeterminate ? "mixed" : checkboxState.checked ? "true" : "false",
+		"aria-label": getTextValue(item),
+		checked: checkboxState.checked,
+		disabled: context.index.disabledKeys.has(item.key),
+		indeterminate: checkboxState.indeterminate,
+		FORCE__className: Tree_module_default.selectionCheckbox,
+		onChange: (event) => {
+			event.stopPropagation();
+			context.toggleSelection(item.key);
+		},
+		onClick: (event) => {
+			event.stopPropagation();
+		},
+		onMouseDown: (event) => {
+			event.stopPropagation();
+		},
+		onKeyDown: (event) => {
+			event.stopPropagation();
+		},
+		onPointerDown: (event) => {
+			event.stopPropagation();
+		}
+	});
+}
+function renderTreeItem(item) {
+	return /* @__PURE__ */ React$1.createElement(TreeItem, {
+		id: item.key,
+		key: item.key,
+		className: Tree_module_default.item,
+		isDisabled: item.isDisabled,
+		textValue: getTextValue(item)
+	}, /* @__PURE__ */ React$1.createElement(TreeItemContent, null, ({ hasChildItems, id, level, selectionMode }) => /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(ListItem.Leading, null, Array.from({ length: Math.max(level - 1, 0) }).map((_, index) => /* @__PURE__ */ React$1.createElement("span", {
+		key: `${String(item.key)}-indent-${index}`,
+		"aria-hidden": "true",
+		className: Tree_module_default.indentSpacer
+	})), hasChildItems ? /* @__PURE__ */ React$1.createElement(Button$1, {
+		slot: "chevron",
+		className: Tree_module_default.chevronButton
+	}, /* @__PURE__ */ React$1.createElement("span", {
+		"aria-hidden": "true",
+		className: Tree_module_default.chevronIcon
+	}, /* @__PURE__ */ React$1.createElement(CaretRight, { size: "xs" }))) : /* @__PURE__ */ React$1.createElement("div", null), selectionMode === "multiple" ? /* @__PURE__ */ React$1.createElement(TreeSelectionCheckbox, { item }) : CollapsedSlot), /* @__PURE__ */ React$1.createElement("div", { className: Tree_module_default.itemContent }, /* @__PURE__ */ React$1.createElement("div", {
+		id: String(id),
+		className: Tree_module_default.itemLabel
+	}, item.label)), /* @__PURE__ */ React$1.createElement(ListItem.Trailing, null, item.suffix ? /* @__PURE__ */ React$1.createElement("div", { className: Tree_module_default.itemSuffix }, item.suffix) : CollapsedSlot, item.trailingSlot || "__CollapsedSlot__"))), /* @__PURE__ */ React$1.createElement(Collection, { items: item.children }, renderTreeItem));
+}
+/**
+* A hierarchical tree with cascading multi-select and Capra ListItem row layout.
+*/
+function Tree({ FORCE__className: classNameOverride, items, selectionMode = "multiple", defaultSelectedKeys, selectedKeys, onSelectionChange, expandedKeys, defaultExpandedKeys, ...props }) {
+	const index = React$1.useMemo(() => buildTreeIndex(items), [items]);
+	const resolvedExpandedKeys = React$1.useMemo(() => expandKeysWithAncestors(expandedKeys, index), [expandedKeys, index]);
+	const resolvedDefaultExpandedKeys = React$1.useMemo(() => expandKeysWithAncestors(defaultExpandedKeys, index), [defaultExpandedKeys, index]);
+	const [internalSelectedKeys, setInternalSelectedKeys] = React$1.useState(() => applySelectionChange(/* @__PURE__ */ new Set(), selectionToSet(selectedKeys ?? defaultSelectedKeys, index), index));
+	React$1.useEffect(() => {
+		const nextSelectedKeys = selectedKeys != null ? applySelectionChange(/* @__PURE__ */ new Set(), selectionToSet(selectedKeys, index), index) : reconcileParentKeys(sanitizeSelection(internalSelectedKeys, index), index);
+		if (nextSelectedKeys.size !== internalSelectedKeys.size || Array.from(nextSelectedKeys).some((key) => !internalSelectedKeys.has(key))) setInternalSelectedKeys(nextSelectedKeys);
+	}, [
+		index,
+		internalSelectedKeys,
+		selectedKeys
+	]);
+	const selectedKeysRef = React$1.useRef(internalSelectedKeys);
+	selectedKeysRef.current = internalSelectedKeys;
+	const commitSelection = React$1.useCallback((nextSelectedKeys) => {
+		setInternalSelectedKeys(nextSelectedKeys);
+		onSelectionChange?.(new Set(nextSelectedKeys));
+	}, [onSelectionChange]);
+	const toggleSelection = React$1.useCallback((key) => {
+		if (selectionMode !== "multiple" || index.disabledKeys.has(key)) return;
+		const nextSelectedKeys = new Set(selectedKeysRef.current);
+		if (nextSelectedKeys.has(key)) nextSelectedKeys.delete(key);
+		else nextSelectedKeys.add(key);
+		commitSelection(applySelectionChange(selectedKeysRef.current, nextSelectedKeys, index));
+	}, [
+		commitSelection,
+		index,
+		selectionMode
+	]);
+	const handleSelectionChange = React$1.useCallback((nextSelection) => {
+		if (selectionMode !== "multiple") {
+			commitSelection(selectionToSet(nextSelection, index));
+			return;
+		}
+		commitSelection(applySelectionChange(selectedKeysRef.current, selectionToSet(nextSelection, index), index));
+	}, [
+		commitSelection,
+		index,
+		selectionMode
+	]);
+	const selectionContext = React$1.useMemo(() => ({
+		index,
+		selectedKeys: internalSelectedKeys,
+		selectionMode,
+		toggleSelection
+	}), [
+		index,
+		internalSelectedKeys,
+		selectionMode,
+		toggleSelection
+	]);
+	return /* @__PURE__ */ React$1.createElement(TreeSelectionContext.Provider, { value: selectionContext }, /* @__PURE__ */ React$1.createElement(Tree$1, {
+		...props,
+		selectionBehavior: "toggle",
+		className: clsx(Tree_module_default.root, classNameOverride),
+		items,
+		selectedKeys: internalSelectedKeys,
+		selectionMode,
+		onSelectionChange: handleSelectionChange,
+		expandedKeys: resolvedExpandedKeys,
+		defaultExpandedKeys: resolvedDefaultExpandedKeys
+	}, /* @__PURE__ */ React$1.createElement(Collection, { items }, renderTreeItem)));
+}
+//#endregion
+export { Alert, Anchor, AutocompleteField, Badge, BadgeLayout, Breadcrumb, Breadcrumbs, Button, ButtonLink, Card, Checkbox, Collapse, CustomTooltipTrigger, DatePickerField, DateRangePickerField, Divider, Drawer, EmptyState, IconButton, InputRow, Label, Link, ListItem, Menu, Modal, NumberField, Pagination, PasswordField, Pill, Popover, Radio, RadioGroup, RadioTile, Ribbon, RouterProvider, SKELETON_SIZE, SKELETON_SIZE_TOKENS, Skeleton, SkeletonGroup, Spinner, Switch, TabNav, Tag, Text, TextArea, TextField, Toast, Tooltip, TopNav, Tree, VerticalNavigation, VisuallyHidden, submenuPanelClassName, tagColors };