@capra/core 1.8.1 → 1.9.0

package/dist/index.cjs

@@ -22,8 +22,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 }) : target, mod));
 //#endregion
 let react = require("react");
-let react$1 = __toESM(react, 1);
-react = __toESM(react);
+react = __toESM(react, 1);
 let _capra_icons = require("@capra/icons");
 let react_aria_components = require("react-aria-components");
 let react_aria = require("react-aria");
@@ -61,7 +60,7 @@ var Button_module_default = {
 /**
 * `forwardRef` function with proper typing to handle polymorphic components
 */
-const fixedForwardRef = react$1.forwardRef;
+const fixedForwardRef = react.forwardRef;
 //#endregion
 //#region src/components/Text/Text.module.css
 var Text_module_default = { "base": "capra-Text-module-JSrT1a-base" };
@@ -253,7 +252,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.forwardRef((props, ref) => {
+const Label = react.forwardRef((props, ref) => {
 	const [mergedProps, mergedRef] = (0, react_aria_components.useContextProps)(props, ref, react_aria_components.LabelContext);
 	const { trailingSlot, children, required, FORCE__className: classNameOverride, style, ...labelProps } = mergedProps;
 	if (!children) return null;
@@ -266,7 +265,7 @@ const Label$1 = react.forwardRef((props, ref) => {
 		"aria-hidden": true
 	}, "*"), /* @__PURE__ */ react.createElement(VisuallyHidden, null, "This field is required"))), trailingSlot && /* @__PURE__ */ react.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 = {
@@ -396,7 +395,7 @@ function AutocompleteFieldWithoutRef(props, ref) {
 		id,
 		shouldFocusWrap: true,
 		ref: comboboxRef
-	}, /* @__PURE__ */ react.default.createElement(Label$1, null, label), /* @__PURE__ */ react.default.createElement(TextInput, {
+	}, /* @__PURE__ */ react.default.createElement(Label, null, label), /* @__PURE__ */ react.default.createElement(TextInput, {
 		...inputProps,
 		ref,
 		trailingSlot: trailingContent
@@ -610,27 +609,32 @@ function BadgeLayout({ 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.default.Children.count(children) === 0) return null;
 	return /* @__PURE__ */ react.default.createElement("div", {
 		className: clsx(ListItem_module_default.slots, FORCE__className),
 		"data-trailing": trailing || void 0
-	}, react.default.Children.map(children, (child, index) => /* @__PURE__ */ react.default.createElement("div", {
-		key: index,
-		className: ListItem_module_default.slot
-	}, child)));
+	}, react.default.Children.map(children, (child, index) => {
+		if (child === "__CollapsedSlot__") return void 0;
+		return /* @__PURE__ */ react.default.createElement("div", {
+			key: index,
+			className: ListItem_module_default.slot
+		}, child);
+	}));
 };
 //#endregion
 //#region src/components/ListItem/ListItem.tsx
@@ -653,7 +657,7 @@ const Trailing = ({ children, FORCE__className }) => {
 const Content = ({ children, FORCE__className }) => {
 	return /* @__PURE__ */ react.createElement("div", { className: clsx(ListItem_module_default.content, FORCE__className) }, children);
 };
-const Label = ({ children, id }) => {
+const Label$1 = ({ children, id }) => {
 	return /* @__PURE__ */ react.createElement("div", {
 		id,
 		className: ListItem_module_default.label
@@ -672,7 +676,7 @@ const Spacer = () => {
 	});
 };
 ListItem.Content = Content;
-ListItem.Label = Label;
+ListItem.Label = Label$1;
 ListItem.Description = Description;
 ListItem.Suffix = Suffix;
 ListItem.Spacer = Spacer;
@@ -781,7 +785,7 @@ function RadioWithoutRef({ name, checked, required, disabled, value, onChange, F
 const Radio = fixedForwardRef(RadioWithoutRef);
 //#endregion
 //#region src/components/RadioTile/RadioTile.module.css
-var RadioTile_module_default = { "base": "capra-RadioTile-module-zbnLia-base" };
+var RadioTile_module_default = { "base": "capra-RadioTile-module-iEQ2jG-base" };
 //#endregion
 //#region src/components/RadioTile/RadioTile.tsx
 function RadioTileWithoutRef({ children, checked, disabled, description, icon, FORCE__className, ...props }, ref) {
@@ -1113,7 +1117,7 @@ const TextField = react.forwardRef((props, ref) => {
 		className: fieldLayout_module_default.field,
 		"data-capra-field-root": "",
 		"data-layout": layout
-	}, /* @__PURE__ */ react.createElement(Label$1, { required }, label), /* @__PURE__ */ react.createElement(TextInput, {
+	}, /* @__PURE__ */ react.createElement(Label, { required }, label), /* @__PURE__ */ react.createElement(TextInput, {
 		ref,
 		...inputRest,
 		appearance,
@@ -1217,7 +1221,7 @@ const NumberField = react.forwardRef((props, ref) => {
 		className: fieldLayout_module_default.field,
 		"data-capra-field-root": "",
 		"data-layout": layout
-	}, /* @__PURE__ */ react.createElement(Label$1, { required }, label), /* @__PURE__ */ react.createElement(react_aria_components.Group, {
+	}, /* @__PURE__ */ react.createElement(Label, { required }, label), /* @__PURE__ */ react.createElement(react_aria_components.Group, {
 		"data-capra-text-input": "",
 		"data-size": size,
 		className: clsx(TextInput_module_default.wrapper, NumberField_module_default.withStepper, classNameOverride)
@@ -2233,7 +2237,7 @@ function DatePickerFieldInner(props, ref) {
 		isInvalid,
 		shouldForceLeadingZeros: true,
 		validationBehavior: "aria"
-	}, /* @__PURE__ */ react.createElement(Label$1, { required }, label), /* @__PURE__ */ react.createElement(DatePickerFieldRow, {
+	}, /* @__PURE__ */ react.createElement(Label, { required }, label), /* @__PURE__ */ react.createElement(DatePickerFieldRow, {
 		appearance,
 		size,
 		leadingSlot,
@@ -2475,7 +2479,7 @@ function DateRangePickerFieldInner(props, ref) {
 		isInvalid,
 		shouldForceLeadingZeros: true,
 		validationBehavior: "aria"
-	}, /* @__PURE__ */ react.createElement(Label$1, { required }, label), /* @__PURE__ */ react.createElement(DateRangePickerFieldRow, {
+	}, /* @__PURE__ */ react.createElement(Label, { required }, label), /* @__PURE__ */ react.createElement(DateRangePickerFieldRow, {
 		appearance,
 		size,
 		leadingSlot,
@@ -2605,15 +2609,15 @@ function syncTextareaAutoSize(textarea, autoSize, rowsFromProps) {
 	textarea.style.overflowY = maxRows && contentHeight > maxHeight ? "auto" : "hidden";
 }
 function useTextAreaAutoSize({ config, ref, rows, value, onChange, onInput }) {
-	const textareaRef = react$1.useRef(null);
+	const textareaRef = react.useRef(null);
 	const autoSizeActive = isAutoSizeEnabled(config);
-	react$1.useImperativeHandle(ref, () => textareaRef.current);
-	const resize = react$1.useCallback(() => {
+	react.useImperativeHandle(ref, () => textareaRef.current);
+	const resize = react.useCallback(() => {
 		const el = textareaRef.current;
 		if (!el || !isAutoSizeEnabled(config)) return;
 		syncTextareaAutoSize(el, config, rows);
 	}, [config, rows]);
-	react$1.useLayoutEffect(() => {
+	react.useLayoutEffect(() => {
 		const el = textareaRef.current;
 		if (!el) return;
 		if (!autoSizeActive) {
@@ -2627,7 +2631,7 @@ function useTextAreaAutoSize({ config, ref, rows, value, onChange, onInput }) {
 		resize,
 		value
 	]);
-	react$1.useLayoutEffect(() => {
+	react.useLayoutEffect(() => {
 		if (!autoSizeActive) return;
 		const el = textareaRef.current;
 		if (!el || typeof ResizeObserver === "undefined") return;
@@ -2638,7 +2642,7 @@ function useTextAreaAutoSize({ config, ref, rows, value, onChange, onInput }) {
 	return {
 		isActive: autoSizeActive,
 		ref: textareaRef,
-		onChange: react$1.useCallback((event) => {
+		onChange: react.useCallback((event) => {
 			onChange?.(event.target.value);
 			if (autoSizeActive) queueMicrotask(resize);
 		}, [
@@ -2646,7 +2650,7 @@ function useTextAreaAutoSize({ config, ref, rows, value, onChange, onInput }) {
 			onChange,
 			resize
 		]),
-		onInput: react$1.useCallback((event) => {
+		onInput: react.useCallback((event) => {
 			onInput?.(event);
 			if (autoSizeActive) queueMicrotask(resize);
 		}, [
@@ -2704,7 +2708,7 @@ const TextArea = react.forwardRef((props, ref) => {
 		...ariaFieldProps,
 		className: fieldLayout_module_default.field,
 		"data-layout": layout
-	}, /* @__PURE__ */ react.createElement(Label$1, { required }, label), /* @__PURE__ */ react.createElement("div", {
+	}, /* @__PURE__ */ react.createElement(Label, { required }, label), /* @__PURE__ */ react.createElement("div", {
 		className: clsx(TextArea_module_default.wrapper, classNameOverride),
 		"data-has-indicator": hasIndicator,
 		"data-autosize": autoSizeActive,
@@ -2733,23 +2737,24 @@ TextArea.displayName = "TextArea";
 //#endregion
 //#region src/components/Modal/Modal.module.css
 var Modal_module_default = {
-	"confirmationActions": "capra-Modal-module-j-u8iq-confirmationActions",
-	"confirmationBody": "capra-Modal-module-j-u8iq-confirmationBody",
-	"confirmationIcon": "capra-Modal-module-j-u8iq-confirmationIcon",
-	"confirmationLayout": "capra-Modal-module-j-u8iq-confirmationLayout",
-	"confirmationMessage": "capra-Modal-module-j-u8iq-confirmationMessage",
-	"confirmationSurface": "capra-Modal-module-j-u8iq-confirmationSurface",
-	"content": "capra-Modal-module-j-u8iq-content",
-	"contentShow": "capra-Modal-module-j-u8iq-contentShow",
-	"expandedFooterLayout": "capra-Modal-module-j-u8iq-expandedFooterLayout",
-	"expandedTitleLayout": "capra-Modal-module-j-u8iq-expandedTitleLayout",
-	"footer": "capra-Modal-module-j-u8iq-footer",
-	"footerActions": "capra-Modal-module-j-u8iq-footerActions",
-	"header": "capra-Modal-module-j-u8iq-header",
-	"headerLeading": "capra-Modal-module-j-u8iq-headerLeading",
-	"overlay": "capra-Modal-module-j-u8iq-overlay",
-	"overlayShow": "capra-Modal-module-j-u8iq-overlayShow",
-	"surface": "capra-Modal-module-j-u8iq-surface"
+	"confirmationActions": "capra-Modal-module-gAoc6W-confirmationActions",
+	"confirmationBody": "capra-Modal-module-gAoc6W-confirmationBody",
+	"confirmationIcon": "capra-Modal-module-gAoc6W-confirmationIcon",
+	"confirmationLayout": "capra-Modal-module-gAoc6W-confirmationLayout",
+	"confirmationMessage": "capra-Modal-module-gAoc6W-confirmationMessage",
+	"confirmationSurface": "capra-Modal-module-gAoc6W-confirmationSurface",
+	"content": "capra-Modal-module-gAoc6W-content",
+	"contentShow": "capra-Modal-module-gAoc6W-contentShow",
+	"dialog": "capra-Modal-module-gAoc6W-dialog",
+	"expandedFooterLayout": "capra-Modal-module-gAoc6W-expandedFooterLayout",
+	"expandedTitleLayout": "capra-Modal-module-gAoc6W-expandedTitleLayout",
+	"footer": "capra-Modal-module-gAoc6W-footer",
+	"footerActions": "capra-Modal-module-gAoc6W-footerActions",
+	"header": "capra-Modal-module-gAoc6W-header",
+	"headerLeading": "capra-Modal-module-gAoc6W-headerLeading",
+	"overlay": "capra-Modal-module-gAoc6W-overlay",
+	"overlayShow": "capra-Modal-module-gAoc6W-overlayShow",
+	"surface": "capra-Modal-module-gAoc6W-surface"
 };
 //#endregion
 //#region src/components/Text/Heading.tsx
@@ -2771,10 +2776,7 @@ const Heading = react.forwardRef(function Heading(props, ref) {
 //#endregion
 //#region src/components/Modal/Modal.tsx
 function ModalInner({ children, isOpen: open, onIsOpenChange: onOpenChange, title, footer, size = "md", isDismissible = true, FORCE__className, confirmButtonText = "OK", cancelButtonText = "Cancel", onClose, onConfirm, getContainer }) {
-	const footerToDisplay = footer !== void 0 ? footer : /* @__PURE__ */ react.createElement(ModalFooterActions, null, cancelButtonText && /* @__PURE__ */ react.createElement(Button, {
-		slot: "close",
-		onPress: () => onClose?.()
-	}, cancelButtonText), /* @__PURE__ */ react.createElement(Button, {
+	const footerToDisplay = footer !== void 0 ? footer : /* @__PURE__ */ react.createElement(ModalFooterActions, null, cancelButtonText && /* @__PURE__ */ react.createElement(Button, { slot: "close" }, cancelButtonText), /* @__PURE__ */ react.createElement(Button, {
 		onPress: () => onConfirm?.(),
 		variant: "primary"
 	}, confirmButtonText));
@@ -2791,7 +2793,7 @@ function ModalInner({ children, isOpen: open, onIsOpenChange: onOpenChange, titl
 	}, /* @__PURE__ */ react.createElement(react_aria_components.Modal, {
 		className: clsx(Modal_module_default.surface, FORCE__className),
 		"data-size": size ?? "md"
-	}, /* @__PURE__ */ react.createElement(react_aria_components.Dialog, { className: "" }, (!!title || isDismissible) && /* @__PURE__ */ react.createElement("div", { className: Modal_module_default.header }, /* @__PURE__ */ react.createElement("div", { className: Modal_module_default.headerLeading }, !!title && typeof title === "string" ? /* @__PURE__ */ react.createElement(ModalHeading, null, title) : title), isDismissible && /* @__PURE__ */ react.createElement(IconButton, {
+	}, /* @__PURE__ */ react.createElement(react_aria_components.Dialog, { className: Modal_module_default.dialog }, (!!title || isDismissible) && /* @__PURE__ */ react.createElement("div", { className: Modal_module_default.header }, /* @__PURE__ */ react.createElement("div", { className: Modal_module_default.headerLeading }, !!title && typeof title === "string" ? /* @__PURE__ */ react.createElement(ModalHeading, null, title) : title), isDismissible && /* @__PURE__ */ react.createElement(IconButton, {
 		slot: "close",
 		variant: "tertiary",
 		appearance: "neutral",
@@ -2961,9 +2963,9 @@ const drawerAnimationMs = 300;
 * (via `animationend` or a duration fallback timeout).
 */
 function useDrawerExitAnimation(isOpen) {
-	const [isRendered, setIsRendered] = react$1.useState(isOpen);
-	const closeTimeoutRef = react$1.useRef(void 0);
-	const finishCloseAnimation = react$1.useCallback(() => {
+	const [isRendered, setIsRendered] = react.useState(isOpen);
+	const closeTimeoutRef = react.useRef(void 0);
+	const finishCloseAnimation = react.useCallback(() => {
 		if (isOpen) return;
 		if (closeTimeoutRef.current !== void 0) {
 			window.clearTimeout(closeTimeoutRef.current);
@@ -2971,7 +2973,7 @@ function useDrawerExitAnimation(isOpen) {
 		}
 		setIsRendered(false);
 	}, [isOpen]);
-	react$1.useEffect(() => {
+	react.useEffect(() => {
 		if (isOpen) {
 			if (closeTimeoutRef.current !== void 0) {
 				window.clearTimeout(closeTimeoutRef.current);
@@ -2998,7 +3000,7 @@ function useDrawerExitAnimation(isOpen) {
 	}, [isOpen, isRendered]);
 	return {
 		isRendered,
-		onSheetAnimationEnd: react$1.useCallback((event) => {
+		onSheetAnimationEnd: react.useCallback((event) => {
 			if (event.target !== event.currentTarget || isOpen) return;
 			finishCloseAnimation();
 		}, [finishCloseAnimation, isOpen])
@@ -4099,20 +4101,20 @@ const Toast = {
 //#endregion
 //#region src/components/Menu/Menu.module.css
 var Menu_module_default = {
-	"divider": "capra-Menu-module-y-WdTa-divider",
-	"header": "capra-Menu-module-y-WdTa-header",
-	"list": "capra-Menu-module-y-WdTa-list",
-	"menu": "capra-Menu-module-y-WdTa-menu",
-	"menuItem": "capra-Menu-module-y-WdTa-menuItem",
-	"menuItemDescription": "capra-Menu-module-y-WdTa-menuItemDescription",
-	"menuItemLabel": "capra-Menu-module-y-WdTa-menuItemLabel",
-	"menuItemLeadingGutter": "capra-Menu-module-y-WdTa-menuItemLeadingGutter",
-	"menuItemListItemShell": "capra-Menu-module-y-WdTa-menuItemListItemShell",
-	"menuItemShortcut": "capra-Menu-module-y-WdTa-menuItemShortcut",
-	"menuItemTrailingGroup": "capra-Menu-module-y-WdTa-menuItemTrailingGroup",
-	"menuItemTrailingGutter": "capra-Menu-module-y-WdTa-menuItemTrailingGutter",
-	"menuTriggerSlot": "capra-Menu-module-y-WdTa-menuTriggerSlot",
-	"section": "capra-Menu-module-y-WdTa-section"
+	"divider": "capra-Menu-module-3G4VeG-divider",
+	"header": "capra-Menu-module-3G4VeG-header",
+	"list": "capra-Menu-module-3G4VeG-list",
+	"menu": "capra-Menu-module-3G4VeG-menu",
+	"menuItem": "capra-Menu-module-3G4VeG-menuItem",
+	"menuItemDescription": "capra-Menu-module-3G4VeG-menuItemDescription",
+	"menuItemLabel": "capra-Menu-module-3G4VeG-menuItemLabel",
+	"menuItemLeadingGutter": "capra-Menu-module-3G4VeG-menuItemLeadingGutter",
+	"menuItemListItemShell": "capra-Menu-module-3G4VeG-menuItemListItemShell",
+	"menuItemShortcut": "capra-Menu-module-3G4VeG-menuItemShortcut",
+	"menuItemTrailingGroup": "capra-Menu-module-3G4VeG-menuItemTrailingGroup",
+	"menuItemTrailingGutter": "capra-Menu-module-3G4VeG-menuItemTrailingGutter",
+	"menuTriggerSlot": "capra-Menu-module-3G4VeG-menuTriggerSlot",
+	"section": "capra-Menu-module-3G4VeG-section"
 };
 //#endregion
 //#region src/components/Menu/Menu.tsx
@@ -4383,23 +4385,23 @@ const submenuPanelClassName = Menu_module_default.menu;
 //#endregion
 //#region src/components/TabNav/TabNav.module.css
 var TabNav_module_default = {
-	"dropdownIcon": "capra-TabNav-module-e0IbmW-dropdownIcon",
-	"extraContent": "capra-TabNav-module-e0IbmW-extraContent",
-	"indentSpacer": "capra-TabNav-module-e0IbmW-indentSpacer",
-	"panel": "capra-TabNav-module-e0IbmW-panel",
-	"root": "capra-TabNav-module-e0IbmW-root",
-	"subMenu": "capra-TabNav-module-e0IbmW-subMenu",
-	"subMenuItem": "capra-TabNav-module-e0IbmW-subMenuItem",
-	"subMenuItemActive": "capra-TabNav-module-e0IbmW-subMenuItemActive",
-	"subTab": "capra-TabNav-module-e0IbmW-subTab",
-	"subTabList": "capra-TabNav-module-e0IbmW-subTabList",
-	"subTabListItem": "capra-TabNav-module-e0IbmW-subTabListItem",
-	"tab": "capra-TabNav-module-e0IbmW-tab",
-	"tabBar": "capra-TabNav-module-e0IbmW-tabBar",
-	"tabGroup": "capra-TabNav-module-e0IbmW-tabGroup",
-	"tabIcon": "capra-TabNav-module-e0IbmW-tabIcon",
-	"tabLabel": "capra-TabNav-module-e0IbmW-tabLabel",
-	"tabList": "capra-TabNav-module-e0IbmW-tabList"
+	"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"
 };
 //#endregion
 //#region src/components/TabNav/TabNav.tsx
@@ -4973,6 +4975,240 @@ function ArrowSvg() {
 	}));
 }
 //#endregion
+//#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.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.useContext(TreeSelectionContext);
+	if (context?.selectionMode !== "multiple") return null;
+	const checkboxState = getCheckboxState(item.key, context.selectedKeys, context.index);
+	return /* @__PURE__ */ react.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.createElement(react_aria_components.TreeItem, {
+		id: item.key,
+		key: item.key,
+		className: Tree_module_default.item,
+		isDisabled: item.isDisabled,
+		textValue: getTextValue(item)
+	}, /* @__PURE__ */ react.createElement(react_aria_components.TreeItemContent, null, ({ hasChildItems, id, level, selectionMode }) => /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement(ListItem.Leading, null, Array.from({ length: Math.max(level - 1, 0) }).map((_, index) => /* @__PURE__ */ react.createElement("span", {
+		key: `${String(item.key)}-indent-${index}`,
+		"aria-hidden": "true",
+		className: Tree_module_default.indentSpacer
+	})), hasChildItems ? /* @__PURE__ */ react.createElement(react_aria_components.Button, {
+		slot: "chevron",
+		className: Tree_module_default.chevronButton
+	}, /* @__PURE__ */ react.createElement("span", {
+		"aria-hidden": "true",
+		className: Tree_module_default.chevronIcon
+	}, /* @__PURE__ */ react.createElement(_capra_icons.CaretRight, { size: "xs" }))) : /* @__PURE__ */ react.createElement("div", null), selectionMode === "multiple" ? /* @__PURE__ */ react.createElement(TreeSelectionCheckbox, { item }) : CollapsedSlot), /* @__PURE__ */ react.createElement("div", { className: Tree_module_default.itemContent }, /* @__PURE__ */ react.createElement("div", {
+		id: String(id),
+		className: Tree_module_default.itemLabel
+	}, item.label)), /* @__PURE__ */ react.createElement(ListItem.Trailing, null, item.suffix ? /* @__PURE__ */ react.createElement("div", { className: Tree_module_default.itemSuffix }, item.suffix) : CollapsedSlot, item.trailingSlot || "__CollapsedSlot__"))), /* @__PURE__ */ react.createElement(react_aria_components.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.useMemo(() => buildTreeIndex(items), [items]);
+	const resolvedExpandedKeys = react.useMemo(() => expandKeysWithAncestors(expandedKeys, index), [expandedKeys, index]);
+	const resolvedDefaultExpandedKeys = react.useMemo(() => expandKeysWithAncestors(defaultExpandedKeys, index), [defaultExpandedKeys, index]);
+	const [internalSelectedKeys, setInternalSelectedKeys] = react.useState(() => applySelectionChange(/* @__PURE__ */ new Set(), selectionToSet(selectedKeys ?? defaultSelectedKeys, index), index));
+	react.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.useRef(internalSelectedKeys);
+	selectedKeysRef.current = internalSelectedKeys;
+	const commitSelection = react.useCallback((nextSelectedKeys) => {
+		setInternalSelectedKeys(nextSelectedKeys);
+		onSelectionChange?.(new Set(nextSelectedKeys));
+	}, [onSelectionChange]);
+	const toggleSelection = react.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.useCallback((nextSelection) => {
+		if (selectionMode !== "multiple") {
+			commitSelection(selectionToSet(nextSelection, index));
+			return;
+		}
+		commitSelection(applySelectionChange(selectedKeysRef.current, selectionToSet(nextSelection, index), index));
+	}, [
+		commitSelection,
+		index,
+		selectionMode
+	]);
+	const selectionContext = react.useMemo(() => ({
+		index,
+		selectedKeys: internalSelectedKeys,
+		selectionMode,
+		toggleSelection
+	}), [
+		index,
+		internalSelectedKeys,
+		selectionMode,
+		toggleSelection
+	]);
+	return /* @__PURE__ */ react.createElement(TreeSelectionContext.Provider, { value: selectionContext }, /* @__PURE__ */ react.createElement(react_aria_components.Tree, {
+		...props,
+		selectionBehavior: "toggle",
+		className: clsx(Tree_module_default.root, classNameOverride),
+		items,
+		selectedKeys: internalSelectedKeys,
+		selectionMode,
+		onSelectionChange: handleSelectionChange,
+		expandedKeys: resolvedExpandedKeys,
+		defaultExpandedKeys: resolvedDefaultExpandedKeys
+	}, /* @__PURE__ */ react.createElement(react_aria_components.Collection, { items }, renderTreeItem)));
+}
+//#endregion
 exports.Alert = Alert;
 exports.Anchor = Anchor;
 exports.AutocompleteField = AutocompleteField;
@@ -4993,6 +5229,7 @@ exports.Drawer = Drawer;
 exports.EmptyState = EmptyState;
 exports.IconButton = IconButton;
 exports.InputRow = InputRow;
+exports.Label = Label;
 exports.Link = Link;
 exports.ListItem = ListItem;
 exports.Menu = Menu;
@@ -5026,6 +5263,7 @@ exports.TextField = TextField;
 exports.Toast = Toast;
 exports.Tooltip = Tooltip;
 exports.TopNav = TopNav;
+exports.Tree = Tree;
 exports.VerticalNavigation = VerticalNavigation;
 exports.VisuallyHidden = VisuallyHidden;
 exports.submenuPanelClassName = submenuPanelClassName;