@capra/core 1.13.0 → 1.14.0

package/dist/index.cjs

@@ -269,12 +269,12 @@ Label.displayName = "Label";
 //#endregion
 //#region src/components/TextInput/TextInput.module.css
 var TextInput_module_default = {
-	"errorIndicator": "capra-TextInput-module-pTHfnG-errorIndicator",
-	"input": "capra-TextInput-module-pTHfnG-input",
-	"leadingSlot": "capra-TextInput-module-pTHfnG-leadingSlot",
-	"trailingSlot": "capra-TextInput-module-pTHfnG-trailingSlot",
-	"warningIndicator": "capra-TextInput-module-pTHfnG-warningIndicator",
-	"wrapper": "capra-TextInput-module-pTHfnG-wrapper"
+	"errorIndicator": "capra-TextInput-module--5NVeG-errorIndicator",
+	"input": "capra-TextInput-module--5NVeG-input",
+	"leadingSlot": "capra-TextInput-module--5NVeG-leadingSlot",
+	"trailingSlot": "capra-TextInput-module--5NVeG-trailingSlot",
+	"warningIndicator": "capra-TextInput-module--5NVeG-warningIndicator",
+	"wrapper": "capra-TextInput-module--5NVeG-wrapper"
 };
 //#endregion
 //#region src/components/TextInput/TextInput.tsx
@@ -589,18 +589,23 @@ var Badge_module_default = {
 /**
 * Badges display an indicator/counter on an associated component.
 */
-function Badge({ appearance = "danger", variant = "counter", size = "md", count = 0, showZero = false, overflowCount = 99, FORCE__className, style, ...props }) {
+function Badge({ appearance = "danger", variant = "counter", size = "md", count = 0, showZero = false, overflowCount = 99, decorative, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, FORCE__className, style, ...props }) {
 	if (variant === "counter" && !showZero && !count) return null;
 	const getBadgeContent = () => {
 		if (variant === "dot") return null;
 		const value = Math.max(count, 0);
 		return value > overflowCount ? `${overflowCount}+` : value;
 	};
+	const role = decorative ? void 0 : variant === "dot" ? "img" : "status";
 	return /* @__PURE__ */ react.createElement("span", {
+		"aria-hidden": decorative || void 0,
+		"aria-label": decorative ? void 0 : ariaLabel,
+		"aria-labelledby": decorative ? void 0 : ariaLabelledBy,
 		className: clsx(Badge_module_default.badge, FORCE__className),
 		"data-appearance": appearance,
 		"data-size": size,
 		"data-variant": variant,
+		role,
 		style,
 		...props
 	}, getBadgeContent());
@@ -948,9 +953,11 @@ function Tag({ draggable, color = "default", icon: Icon, children, size = "md",
 //#endregion
 //#region src/components/Checkbox/Checkbox.module.css
 var Checkbox_module_default = {
-	"base": "capra-Checkbox-module-EcGsRq-base",
-	"input": "capra-Checkbox-module-EcGsRq-input",
-	"label": "capra-Checkbox-module-EcGsRq-label"
+	"base": "capra-Checkbox-module-IniPuq-base",
+	"inner": "capra-Checkbox-module-IniPuq-inner",
+	"input": "capra-Checkbox-module-IniPuq-input",
+	"label": "capra-Checkbox-module-IniPuq-label",
+	"text": "capra-Checkbox-module-IniPuq-text"
 };
 //#endregion
 //#region src/components/Checkbox/Checkbox.tsx
@@ -1018,6 +1025,27 @@ const Checkbox = react.forwardRef((props, ref) => {
 	}, children));
 });
 Checkbox.displayName = "Checkbox";
+const RACCheckbox = react.forwardRef((props, ref) => {
+	const { indeterminate, disabled, checked, defaultChecked, children, onChange, id, name, value, slot, FORCE__className: classNameOverride } = props;
+	const hasLabel = Boolean(children);
+	const inputRef = react.useRef(null);
+	react.useImperativeHandle(ref, () => inputRef.current);
+	return /* @__PURE__ */ react.createElement(react_aria_components.Checkbox, {
+		id,
+		name,
+		value: value?.toString(),
+		slot,
+		className: clsx(Checkbox_module_default.base, classNameOverride),
+		isSelected: checked,
+		defaultSelected: defaultChecked,
+		isIndeterminate: indeterminate,
+		isDisabled: disabled,
+		"data-has-label": hasLabel ? "true" : "false",
+		onChange,
+		inputRef
+	}, ({ isIndeterminate, isSelected }) => /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement("div", { className: Checkbox_module_default.input }, /* @__PURE__ */ react.createElement("div", { className: Checkbox_module_default.inner }), isIndeterminate ? /* @__PURE__ */ react.createElement(IndeterminateIcon, null) : isSelected ? /* @__PURE__ */ react.createElement(CheckedIcon, null) : null), /* @__PURE__ */ react.createElement("div", { className: Checkbox_module_default.text }, children)));
+});
+RACCheckbox.displayName = "RACCheckbox";
 //#endregion
 //#region src/components/Collapse/Collapse.module.css
 var Collapse_module_default = {
@@ -1182,12 +1210,12 @@ PasswordField.displayName = "PasswordField";
 //#endregion
 //#region src/components/NumberField/NumberField.module.css
 var NumberField_module_default = {
-	"slotAlign": "capra-NumberField-module-crO5za-slotAlign",
-	"stepButton": "capra-NumberField-module-crO5za-stepButton",
-	"stepDivider": "capra-NumberField-module-crO5za-stepDivider",
-	"stepIcon": "capra-NumberField-module-crO5za-stepIcon",
-	"stepper": "capra-NumberField-module-crO5za-stepper",
-	"withStepper": "capra-NumberField-module-crO5za-withStepper"
+	"slotAlign": "capra-NumberField-module-IscOzq-slotAlign",
+	"stepButton": "capra-NumberField-module-IscOzq-stepButton",
+	"stepDivider": "capra-NumberField-module-IscOzq-stepDivider",
+	"stepIcon": "capra-NumberField-module-IscOzq-stepIcon",
+	"stepper": "capra-NumberField-module-IscOzq-stepper",
+	"withStepper": "capra-NumberField-module-IscOzq-withStepper"
 };
 //#endregion
 //#region src/components/NumberField/NumberField.tsx
@@ -2319,33 +2347,33 @@ const DatePickerField = DatePickerFieldWithRef;
 //#endregion
 //#region src/components/SelectField/SelectField.module.css
 var SelectField_module_default = {
-	"chevron": "capra-SelectField-module-1X4diq-chevron",
-	"dropdownPanel": "capra-SelectField-module-1X4diq-dropdownPanel",
-	"emptyState": "capra-SelectField-module-1X4diq-emptyState",
-	"errorIndicator": "capra-SelectField-module-1X4diq-errorIndicator",
-	"header": "capra-SelectField-module-1X4diq-header",
-	"item": "capra-SelectField-module-1X4diq-item",
-	"itemCheck": "capra-SelectField-module-1X4diq-itemCheck",
-	"itemContent": "capra-SelectField-module-1X4diq-itemContent",
-	"leadingSlot": "capra-SelectField-module-1X4diq-leadingSlot",
-	"listbox": "capra-SelectField-module-1X4diq-listbox",
-	"multipleOpenButton": "capra-SelectField-module-1X4diq-multipleOpenButton",
-	"multipleTrigger": "capra-SelectField-module-1X4diq-multipleTrigger",
-	"search": "capra-SelectField-module-1X4diq-search",
-	"section": "capra-SelectField-module-1X4diq-section",
-	"singleTrigger": "capra-SelectField-module-1X4diq-singleTrigger",
-	"tag": "capra-SelectField-module-1X4diq-tag",
-	"tagGroup": "capra-SelectField-module-1X4diq-tagGroup",
-	"tagIcon": "capra-SelectField-module-1X4diq-tagIcon",
-	"tagLabel": "capra-SelectField-module-1X4diq-tagLabel",
-	"tagList": "capra-SelectField-module-1X4diq-tagList",
-	"tagRemove": "capra-SelectField-module-1X4diq-tagRemove",
-	"trailingSlot": "capra-SelectField-module-1X4diq-trailingSlot",
-	"triggerShell": "capra-SelectField-module-1X4diq-triggerShell",
-	"value": "capra-SelectField-module-1X4diq-value",
-	"valueIcon": "capra-SelectField-module-1X4diq-valueIcon",
-	"valueText": "capra-SelectField-module-1X4diq-valueText",
-	"warningIndicator": "capra-SelectField-module-1X4diq-warningIndicator"
+	"chevron": "capra-SelectField-module-KwnLuW-chevron",
+	"dropdownPanel": "capra-SelectField-module-KwnLuW-dropdownPanel",
+	"emptyState": "capra-SelectField-module-KwnLuW-emptyState",
+	"errorIndicator": "capra-SelectField-module-KwnLuW-errorIndicator",
+	"header": "capra-SelectField-module-KwnLuW-header",
+	"item": "capra-SelectField-module-KwnLuW-item",
+	"itemCheck": "capra-SelectField-module-KwnLuW-itemCheck",
+	"itemContent": "capra-SelectField-module-KwnLuW-itemContent",
+	"leadingSlot": "capra-SelectField-module-KwnLuW-leadingSlot",
+	"listbox": "capra-SelectField-module-KwnLuW-listbox",
+	"multipleOpenButton": "capra-SelectField-module-KwnLuW-multipleOpenButton",
+	"multipleTrigger": "capra-SelectField-module-KwnLuW-multipleTrigger",
+	"search": "capra-SelectField-module-KwnLuW-search",
+	"section": "capra-SelectField-module-KwnLuW-section",
+	"singleTrigger": "capra-SelectField-module-KwnLuW-singleTrigger",
+	"tag": "capra-SelectField-module-KwnLuW-tag",
+	"tagGroup": "capra-SelectField-module-KwnLuW-tagGroup",
+	"tagIcon": "capra-SelectField-module-KwnLuW-tagIcon",
+	"tagLabel": "capra-SelectField-module-KwnLuW-tagLabel",
+	"tagList": "capra-SelectField-module-KwnLuW-tagList",
+	"tagRemove": "capra-SelectField-module-KwnLuW-tagRemove",
+	"trailingSlot": "capra-SelectField-module-KwnLuW-trailingSlot",
+	"triggerShell": "capra-SelectField-module-KwnLuW-triggerShell",
+	"value": "capra-SelectField-module-KwnLuW-value",
+	"valueIcon": "capra-SelectField-module-KwnLuW-valueIcon",
+	"valueText": "capra-SelectField-module-KwnLuW-valueText",
+	"warningIndicator": "capra-SelectField-module-KwnLuW-warningIndicator"
 };
 //#endregion
 //#region src/components/SelectField/SelectField.tsx
@@ -3687,8 +3715,61 @@ function ButtonLinkWithoutRef({ appearance = "default", as: asComponent, block,
 */
 const ButtonLink = fixedForwardRef(ButtonLinkWithoutRef);
 //#endregion
+//#region src/components/ToggleButtonGroup/ToggleButtonGroup.module.css
+var ToggleButtonGroup_module_default = { "base": "capra-ToggleButtonGroup-module-cS5LeW-base" };
+//#endregion
+//#region src/components/ToggleButtonGroup/ToggleButtonGroup.tsx
+function isIconOnlyItem(item) {
+	return !("text" in item);
+}
+function renderToggleButtonItem(item, size, groupDisabled) {
+	const isDisabled = groupDisabled || item.disabled;
+	if (isIconOnlyItem(item)) {
+		const Icon = item.icon;
+		return /* @__PURE__ */ react.createElement(react_aria_components.ToggleButton, {
+			key: item.key,
+			id: item.key,
+			isDisabled,
+			"aria-label": item["aria-label"],
+			className: clsx(Button_module_default.base, Button_module_default.icon),
+			"data-variant": "secondary",
+			"data-appearance": "default",
+			"data-size": size
+		}, /* @__PURE__ */ react.createElement(Icon, { size: "sm" }));
+	}
+	const LeadingIcon = item.icon;
+	return /* @__PURE__ */ react.createElement(react_aria_components.ToggleButton, {
+		key: item.key,
+		id: item.key,
+		isDisabled,
+		"aria-label": item["aria-label"],
+		className: Button_module_default.base,
+		"data-variant": "secondary",
+		"data-appearance": "default",
+		"data-size": size
+	}, LeadingIcon ? /* @__PURE__ */ react.createElement("span", { className: Button_module_default.iconLayout }, /* @__PURE__ */ react.createElement(LeadingIcon, { size: "sm" })) : null, /* @__PURE__ */ react.createElement("span", { className: Button_module_default.textLayout }, /* @__PURE__ */ react.createElement(Text, {
+		color: "inherit",
+		variant: "body"
+	}, item.text)));
+}
+/**
+* A group of toggle buttons for choosing one or more options from a set.
+*/
+function ToggleButtonGroup({ items, size = "md", disabled = false, selectionMode = "single", selectedKeys, defaultSelectedKeys, onSelectionChange, disallowEmptySelection, FORCE__className: classNameOverride, ...props }) {
+	return /* @__PURE__ */ react.createElement(react_aria_components.ToggleButtonGroup, {
+		...props,
+		isDisabled: disabled,
+		selectionMode,
+		selectedKeys,
+		defaultSelectedKeys,
+		onSelectionChange,
+		disallowEmptySelection,
+		className: clsx(ToggleButtonGroup_module_default.base, classNameOverride)
+	}, items.map((item) => renderToggleButtonItem(item, size, disabled)));
+}
+//#endregion
 //#region src/components/Link/Link.module.css
-var Link_module_default = { "base": "capra-Link-module-7lYr7a-base" };
+var Link_module_default = { "base": "capra-Link-module-OvXy7G-base" };
 //#endregion
 //#region src/components/Link/Link.tsx
 function LinkWithoutRef({ as: asComponent, children, isExternal = false, FORCE__className: classNameOverride, ...rest }, ref) {
@@ -4548,21 +4629,21 @@ const Toast = {
 //#endregion
 //#region src/components/Menu/Menu.module.css
 var Menu_module_default = {
-	"divider": "capra-Menu-module-HIhAFW-divider",
-	"header": "capra-Menu-module-HIhAFW-header",
-	"list": "capra-Menu-module-HIhAFW-list",
-	"menu": "capra-Menu-module-HIhAFW-menu",
-	"menuItem": "capra-Menu-module-HIhAFW-menuItem",
-	"menuItemDescription": "capra-Menu-module-HIhAFW-menuItemDescription",
-	"menuItemLabel": "capra-Menu-module-HIhAFW-menuItemLabel",
-	"menuItemLeadingGutter": "capra-Menu-module-HIhAFW-menuItemLeadingGutter",
-	"menuItemListItemShell": "capra-Menu-module-HIhAFW-menuItemListItemShell",
-	"menuItemShortcut": "capra-Menu-module-HIhAFW-menuItemShortcut",
-	"menuItemTrailingGroup": "capra-Menu-module-HIhAFW-menuItemTrailingGroup",
-	"menuItemTrailingGutter": "capra-Menu-module-HIhAFW-menuItemTrailingGutter",
-	"menuTriggerSlot": "capra-Menu-module-HIhAFW-menuTriggerSlot",
-	"section": "capra-Menu-module-HIhAFW-section",
-	"slot": "capra-Menu-module-HIhAFW-slot"
+	"divider": "capra-Menu-module-eTI_TG-divider",
+	"header": "capra-Menu-module-eTI_TG-header",
+	"list": "capra-Menu-module-eTI_TG-list",
+	"menu": "capra-Menu-module-eTI_TG-menu",
+	"menuItem": "capra-Menu-module-eTI_TG-menuItem",
+	"menuItemDescription": "capra-Menu-module-eTI_TG-menuItemDescription",
+	"menuItemLabel": "capra-Menu-module-eTI_TG-menuItemLabel",
+	"menuItemLeadingGutter": "capra-Menu-module-eTI_TG-menuItemLeadingGutter",
+	"menuItemListItemShell": "capra-Menu-module-eTI_TG-menuItemListItemShell",
+	"menuItemShortcut": "capra-Menu-module-eTI_TG-menuItemShortcut",
+	"menuItemTrailingGroup": "capra-Menu-module-eTI_TG-menuItemTrailingGroup",
+	"menuItemTrailingGutter": "capra-Menu-module-eTI_TG-menuItemTrailingGutter",
+	"menuTriggerSlot": "capra-Menu-module-eTI_TG-menuTriggerSlot",
+	"section": "capra-Menu-module-eTI_TG-section",
+	"slot": "capra-Menu-module-eTI_TG-slot"
 };
 //#endregion
 //#region src/components/Menu/Menu.tsx
@@ -4646,7 +4727,7 @@ const MenuSection = ({ children, "aria-label": ariaLabel, "aria-labelledby": ari
 	}, resolvedChildren));
 };
 MenuSection.displayName = "Menu.Section";
-const MenuItem = ({ as: Component, label, description, ariaLabel, href, disabled = false, active = false, variant = "default", icon, indent: indentProp, shortcut, parent = false, onPress, onClick, FORCE__className, children, ...rest }) => {
+const MenuItem = ({ as: Component, label, description, ariaLabel, href, disabled = false, active = false, variant = "default", icon, indent: indentProp, shortcut, parent = false, onPress, onClick, FORCE__className, children, allowItemLineWrap = false, ...rest }) => {
 	const indentFromSectionHeader = react.useContext(MenuSectionIndentContext);
 	const indent = indentProp !== void 0 ? indentProp : indentFromSectionHeader ? true : false;
 	const labelContent = children ?? label;
@@ -4674,6 +4755,7 @@ const MenuItem = ({ as: Component, label, description, ariaLabel, href, disabled
 		"aria-label": ariaLabel,
 		"aria-current": active ? "page" : void 0,
 		className: clsx(Menu_module_default.menuItem, FORCE__className),
+		"data-allow-line-wrap": allowItemLineWrap,
 		"data-variant": variant,
 		"data-active": active || void 0,
 		"data-indent": indent || void 0,
@@ -5386,6 +5468,199 @@ function ArrowSvg() {
 	}));
 }
 //#endregion
+//#region src/components/FilterToolbar/FilterToolbar.module.css
+var FilterToolbar_module_default = { "toolbar": "capra-FilterToolbar-module-1TgfVW-toolbar" };
+//#endregion
+//#region src/components/FilterToolbar/FilterToolbar.tsx
+function FilterToolbar({ filterInputProps, renderActions, renderBulkEditText, renderBulkEditActions, selectedKeys }) {
+	return selectedKeys === "all" || selectedKeys.size > 0 ? /* @__PURE__ */ react.createElement("div", {
+		className: FilterToolbar_module_default.toolbar,
+		"data-mode": "bulk-edit"
+	}, /* @__PURE__ */ react.createElement("div", null, renderBulkEditText?.()), /* @__PURE__ */ react.createElement("div", null, renderBulkEditActions?.())) : /* @__PURE__ */ react.createElement("div", { className: FilterToolbar_module_default.toolbar }, /* @__PURE__ */ react.createElement("div", null, /* @__PURE__ */ react.createElement(TextField, {
+		placeholder: "Filter value",
+		...filterInputProps,
+		leadingSlot: /* @__PURE__ */ react.createElement(_capra_icons.FilterOutlined, {
+			size: "sm",
+			color: "var(--cds2-color-foreground-subtle)"
+		}),
+		size: "sm"
+	})), /* @__PURE__ */ react.createElement("div", null, renderActions?.()));
+}
+//#endregion
+//#region src/components/Table/Table.module.css
+var Table_module_default = {
+	"base": "capra-Table-module-YRCV0q-base",
+	"cell": "capra-Table-module-YRCV0q-cell",
+	"column": "capra-Table-module-YRCV0q-column",
+	"columnDivider": "capra-Table-module-YRCV0q-columnDivider",
+	"columnHeader": "capra-Table-module-YRCV0q-columnHeader",
+	"columnName": "capra-Table-module-YRCV0q-columnName",
+	"dropIndicator": "capra-Table-module-YRCV0q-dropIndicator",
+	"header": "capra-Table-module-YRCV0q-header",
+	"row": "capra-Table-module-YRCV0q-row",
+	"sortIcons": "capra-Table-module-YRCV0q-sortIcons"
+};
+//#endregion
+//#region src/components/Table/Table.tsx
+const EMPTY_CELL_PLACEHOLDER = "--";
+function isEmptyValue(value) {
+	return value === null || value === void 0 || value === "";
+}
+function defineColumns(columns) {
+	return columns;
+}
+function TableWithoutRef({ FORCE__className: classNameOverride, items, columns, visibleColumns, sortDescriptor, density = "default", appearance = "zebra", onSortChange, selectedKeys, onSelectionChange, isLoading = false, enableDragAndDrop = false, renderActionColumn, ...props }, ref) {
+	const columnsToRender = react.useMemo(() => {
+		return visibleColumns.map((id) => columns.find((c) => c.id === id)).filter((c) => c != null);
+	}, [columns, visibleColumns]);
+	const [dndItems, setDndItems] = react.useState(items);
+	react.useEffect(() => {
+		setDndItems(items);
+	}, [items]);
+	const { dragAndDropHooks } = (0, react_aria_components.useDragAndDrop)({
+		getItems(keys) {
+			return [...keys].map((key) => ({ "text/plain": String(key) }));
+		},
+		onReorder(e) {
+			setDndItems((prev) => {
+				const movedItems = [...e.keys].map((key) => prev.find((item) => item.id === key));
+				const filtered = prev.filter((item) => !e.keys.has(item.id));
+				const targetIndex = filtered.findIndex((item) => item.id === e.target.key);
+				if (e.target.dropPosition === "before") filtered.splice(targetIndex, 0, ...movedItems);
+				else filtered.splice(targetIndex + 1, 0, ...movedItems);
+				return filtered;
+			});
+		},
+		renderDropIndicator(target) {
+			return /* @__PURE__ */ react.createElement(react_aria_components.DropIndicator, {
+				target,
+				className: Table_module_default.dropIndicator
+			});
+		}
+	});
+	const skeletonItems = react.useMemo(() => Array.from({ length: 5 }, (_, i) => ({ id: `skeleton-${i}` })), []);
+	return /* @__PURE__ */ react.createElement(react_aria_components.Table, {
+		...props,
+		ref,
+		sortDescriptor,
+		selectedKeys,
+		onSelectionChange,
+		className: clsx(Table_module_default.base, classNameOverride),
+		"data-density": density,
+		"data-appearance": appearance,
+		onSortChange,
+		dragAndDropHooks: enableDragAndDrop ? dragAndDropHooks : void 0
+	}, /* @__PURE__ */ react.createElement(TableHeader, {
+		columns: columnsToRender,
+		className: Table_module_default.header,
+		shouldShowActionColumn: !!renderActionColumn
+	}, (column) => {
+		return /* @__PURE__ */ react.createElement(Column, {
+			isRowHeader: true,
+			key: column.id,
+			id: column.id,
+			allowsSorting: !enableDragAndDrop && column.allowsSorting,
+			textValue: column.label
+		}, column.label);
+	}), /* @__PURE__ */ react.createElement(react_aria_components.TableBody, {
+		items: isLoading ? skeletonItems : enableDragAndDrop ? dndItems : items,
+		dependencies: [columnsToRender, isLoading],
+		className: Table_module_default.body
+	}, (_item) => {
+		const item = _item;
+		return /* @__PURE__ */ react.createElement(Row, {
+			isDisabled: item.isDisabled === true ? true : false,
+			key: item.id,
+			id: item.id,
+			columns: columnsToRender,
+			className: Table_module_default.row,
+			actionColumn: !isLoading && renderActionColumn ? renderActionColumn(item) : void 0
+		}, (column) => {
+			return /* @__PURE__ */ react.createElement(Cell, {
+				key: column.id,
+				id: `${item.id}__${column.id}`,
+				className: Table_module_default.cell
+			}, isLoading ? /* @__PURE__ */ react.createElement(Skeleton, {
+				title: false,
+				paragraph: { rows: 1 },
+				active: true
+			}) : isEmptyValue(item[column.id]) ? /* @__PURE__ */ react.createElement("span", null, "--") : column.render ? column.render(item[column.id], item) : /* @__PURE__ */ react.createElement("span", null, item[column.id]));
+		});
+	}));
+}
+/**
+* A component for rendering tabular data
+*/
+const Table = fixedForwardRef(TableWithoutRef);
+function Column(props) {
+	return /* @__PURE__ */ react.createElement(react_aria_components.Column, {
+		...props,
+		className: Table_module_default.column
+	}, ({ allowsSorting, sortDirection }) => {
+		return /* @__PURE__ */ react.createElement(react.Fragment, null, /* @__PURE__ */ react.createElement("div", { className: Table_module_default.columnHeader }, /* @__PURE__ */ react.createElement(react_aria_components.Group, {
+			role: "presentation",
+			tabIndex: -1,
+			className: Table_module_default.columnName
+		}, props.children), allowsSorting && (sortDirection ? /* @__PURE__ */ react.createElement(SortedIcons, { sortDirection }) : /* @__PURE__ */ react.createElement(NonSortedIcons, null)), props.allowsResizing && /* @__PURE__ */ react.createElement(react_aria_components.ColumnResizer, null)), /* @__PURE__ */ react.createElement("div", { className: Table_module_default.columnDivider }));
+	});
+}
+function TableHeader({ columns, children, shouldShowActionColumn, ...otherProps }) {
+	const { selectionBehavior, selectionMode, allowsDragging } = (0, react_aria_components.useTableOptions)();
+	return /* @__PURE__ */ react.createElement(react_aria_components.TableHeader, otherProps, allowsDragging && /* @__PURE__ */ react.createElement(react_aria_components.Column, {
+		width: 20,
+		minWidth: 20,
+		style: { width: 20 },
+		className: Table_module_default.column
+	}, /* @__PURE__ */ react.createElement("div", { className: Table_module_default.columnDivider })), selectionBehavior === "toggle" && /* @__PURE__ */ react.createElement(react_aria_components.Column, {
+		width: 32,
+		minWidth: 32,
+		style: { width: 32 },
+		className: Table_module_default.column
+	}, selectionMode === "multiple" && /* @__PURE__ */ react.createElement(RACCheckbox, { slot: "selection" }), /* @__PURE__ */ react.createElement("div", { className: Table_module_default.columnDivider })), /* @__PURE__ */ react.createElement(react_aria_components.Collection, { items: columns }, children), shouldShowActionColumn && /* @__PURE__ */ react.createElement(react_aria_components.Column, { className: Table_module_default.column }, "Actions"));
+}
+function Row({ id, columns, children, actionColumn, ...otherProps }) {
+	const { selectionBehavior, allowsDragging } = (0, react_aria_components.useTableOptions)();
+	return /* @__PURE__ */ react.createElement(react_aria_components.Row, {
+		id,
+		...otherProps
+	}, allowsDragging && /* @__PURE__ */ react.createElement(Cell, {
+		className: Table_module_default.cell,
+		"data-padding": "reduced"
+	}, /* @__PURE__ */ react.createElement(IconButton, {
+		slot: "drag",
+		appearance: "neutral",
+		variant: "tertiary",
+		size: "xs",
+		icon: _capra_icons.DragGrip,
+		"aria-label": "Drag"
+	})), selectionBehavior === "toggle" && /* @__PURE__ */ react.createElement(Cell, {
+		className: Table_module_default.cell,
+		"data-padding": "reduced"
+	}, /* @__PURE__ */ react.createElement(RACCheckbox, { slot: "selection" })), /* @__PURE__ */ react.createElement(react_aria_components.Collection, { items: columns }, children), actionColumn && /* @__PURE__ */ react.createElement(Cell, { className: Table_module_default.cell }, actionColumn));
+}
+const INTERACTIVE_ELEMENT_SELECTOR = "a[href], button, input, select, textarea, [role=\"button\"], [role=\"checkbox\"], [role=\"combobox\"], [role=\"link\"], [role=\"slider\"], [role=\"spinbutton\"], [role=\"switch\"], [role=\"textbox\"]";
+function Cell(props) {
+	return /* @__PURE__ */ react.createElement(react_aria_components.Cell, {
+		...props,
+		onPointerDown: (e) => {
+			if (e.target.closest(INTERACTIVE_ELEMENT_SELECTOR)) e.stopPropagation();
+		}
+	}, (0, react_aria_components.composeRenderProps)(props.children, (children, { hasChildItems, isTreeColumn }) => /* @__PURE__ */ react.createElement(react.Fragment, null, isTreeColumn && hasChildItems && /* @__PURE__ */ react.createElement(IconButton, {
+		slot: "chevron",
+		icon: _capra_icons.ChevronRight,
+		"aria-label": "Chevron"
+	}), children)));
+}
+function NonSortedIcons() {
+	return /* @__PURE__ */ react.createElement("div", { className: Table_module_default.sortIcons }, /* @__PURE__ */ react.createElement(_capra_icons.CaretUp, { size: "sm" }), /* @__PURE__ */ react.createElement(_capra_icons.CaretDown, { size: "sm" }));
+}
+function SortedIcons(props) {
+	return /* @__PURE__ */ react.createElement("div", {
+		className: Table_module_default.sortIcons,
+		"data-sort-direction": props.sortDirection
+	}, /* @__PURE__ */ react.createElement(_capra_icons.CaretUp, { size: "sm" }), /* @__PURE__ */ react.createElement(_capra_icons.CaretDown, { size: "sm" }));
+}
+//#endregion
 //#region src/components/Tree/Tree.module.css
 var Tree_module_default = {
 	"chevronButton": "capra-Tree-module--hXpBa-chevronButton",
@@ -5637,7 +5912,9 @@ exports.DatePickerField = DatePickerField;
 exports.DateRangePickerField = DateRangePickerField;
 exports.Divider = Divider;
 exports.Drawer = Drawer;
+exports.EMPTY_CELL_PLACEHOLDER = EMPTY_CELL_PLACEHOLDER;
 exports.EmptyState = EmptyState;
+exports.FilterToolbar = FilterToolbar;
 exports.IconButton = IconButton;
 exports.InputRow = InputRow;
 exports.Label = Label;
@@ -5668,15 +5945,18 @@ exports.SkeletonGroup = SkeletonGroup;
 exports.Spinner = Spinner;
 exports.Switch = Switch;
 exports.TabNav = TabNav;
+exports.Table = Table;
 exports.Tag = Tag;
 exports.Text = Text;
 exports.TextArea = TextArea;
 exports.TextField = TextField;
 exports.Toast = Toast;
+exports.ToggleButtonGroup = ToggleButtonGroup;
 exports.Tooltip = Tooltip;
 exports.TopNav = TopNav;
 exports.Tree = Tree;
 exports.VerticalNavigation = VerticalNavigation;
 exports.VisuallyHidden = VisuallyHidden;
+exports.defineColumns = defineColumns;
 exports.submenuPanelClassName = submenuPanelClassName;
 exports.tagColors = tagColors;