@datum-cloud/datum-ui 1.3.2 → 1.5.0

package/dist/{form-JM1Rqh6g.mjs → form-2pTdgtYr.mjs}

@@ -1,26 +1,27 @@
-import { t as cn } from "./cn-dlASUkDY.mjs";
-import { t as Button } from "./button-B_N7A8gv.mjs";
+import { t as cn } from "./utils-Bu32wN-x.mjs";
+import { t as Button } from "./button-A1qTjZ8U.mjs";
 import { t as Icon } from "./icon-wrapper-DKfJlJd0.mjs";
-import { t as Checkbox } from "./checkbox-BZr9bkke.mjs";
-import { t as Dialog } from "./dialog-ZmYSe4-x.mjs";
-import { t as Input } from "./input-DBzgl-pN.mjs";
-import { t as Label } from "./label-CiVSCTp9.mjs";
-import { n as RadioGroupItem, t as RadioGroup } from "./radio-group-kjKWAwdr.mjs";
-import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-DNnPDWSW.mjs";
-import { t as Tooltip } from "./tooltip-BqrOCH8l.mjs";
-import { t as Switch } from "./switch-Doft2t6-.mjs";
-import { t as Textarea } from "./textarea-BzQxX-oL.mjs";
-import { t as Autocomplete } from "./autocomplete-Bg187x6x.mjs";
-import { t as CalendarDatePicker } from "./calendar-date-picker-DAVXW7Jg.mjs";
-import { t as toast } from "./toast-qSJgeN-g.mjs";
+import { t as Checkbox } from "./checkbox-C6P12fio.mjs";
+import { t as Dialog } from "./dialog-N2pkQIc4.mjs";
+import { t as useControllableState } from "./use-controllable-state-Dna7u3r9.mjs";
+import { t as Input } from "./input-j4tbmYYz.mjs";
+import { t as Label } from "./label-Bk6FXsju.mjs";
+import { n as RadioGroupItem, t as RadioGroup } from "./radio-group-LduBVTnh.mjs";
+import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-DCU44UO6.mjs";
+import { t as Tooltip } from "./tooltip-BhatUaar.mjs";
+import { t as Switch } from "./switch-DPHr3TcN.mjs";
+import { t as Textarea } from "./textarea-B6YhjFVC.mjs";
+import { t as Autocomplete } from "./autocomplete-G24AgvxU.mjs";
 import { Autosearch } from "./autosearch/index.mjs";
+import { t as CalendarDatePicker } from "./calendar-date-picker-C52Y05ZN.mjs";
+import { t as toast } from "./toast-BUPlDkN3.mjs";
+import { t as DateTimePicker } from "./date-time-picker-BbtA6JJJ.mjs";
 import { n as useFormContext$1, t as FormProvider } from "./form-context-DzB2a-dw.mjs";
-import { t as useCopyToClipboard } from "./use-copy-to-clipboard-BOCe6C1j.mjs";
-import { t as DateTimePicker } from "./date-time-picker-BWrS9k-c.mjs";
+import { t as useCopyToClipboard } from "./use-copy-to-clipboard-DZDq_85T.mjs";
 import { n as useAdapter } from "./adapter-context-h0jCVqGO.mjs";
 import { InputWithAddons } from "./input-with-addons/index.mjs";
-import { t as TimePicker } from "./time-picker-B52KLKGe.mjs";
-import { t as Transfer } from "./transfer-Dp6tTYeN.mjs";
+import { t as TimePicker } from "./time-picker-Bgt6R1fU.mjs";
+import { t as Transfer } from "./transfer-CEq9AhL7.mjs";
 import { CheckIcon, CircleHelp, CopyIcon } from "lucide-react";
 import * as React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -292,8 +293,8 @@ function FormCopyBox({ variant = "default", className, contentClassName, buttonC
 	const displayValue = value || placeholder;
 	const copyToClipboard = () => {
 		if (!value) return;
-		copy(value).then(() => {
-			toast.success("Copied to clipboard");
+		copy(value).then((didCopy) => {
+			if (didCopy) toast.success("Copied to clipboard");
 		});
 	};
 	return /* @__PURE__ */ jsxs("div", {
@@ -308,6 +309,8 @@ function FormCopyBox({ variant = "default", className, contentClassName, buttonC
 			className: "flex items-center py-2 pr-3",
 			children: variant === "icon-only" ? /* @__PURE__ */ jsx("button", {
 				type: "button",
+				"aria-label": copied ? "Copied to clipboard" : "Copy to clipboard",
+				title: copied ? "Copied" : "Copy",
 				className: cn("text-muted-foreground hover:text-foreground flex size-7 items-center justify-center rounded-sm transition-colors", buttonClassName),
 				onClick: copyToClipboard,
 				children: copied ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) : /* @__PURE__ */ jsx(CopyIcon, { className: "size-4" })
@@ -386,7 +389,13 @@ function FormDatePicker({ placeholder, disabled, className, triggerClassName, nu
 				to: date
 			};
 		}
-		if (typeof val === "object" && "from" in val) return val;
+		if (typeof val === "object" && "from" in val) {
+			const range = val;
+			return {
+				from: range.from ? new Date(range.from) : void 0,
+				to: range.to ? new Date(range.to) : void 0
+			};
+		}
 		return {
 			from: void 0,
 			to: void 0
@@ -538,31 +547,26 @@ FormDescription.displayName = "Form.Description";
 * ```
 */
 function FormDialog({ open, onOpenChange, defaultOpen, title, description, trigger, schema, defaultValues, onSubmit, onSuccess, onError, submitText = "Submit", submitTextLoading = "Submitting...", cancelText = "Cancel", showCancel = true, submitType = "primary", loading, formComponent, telemetry, className, formClassName, showHeaderClose = true, children }) {
-	const [internalOpen, setInternalOpen] = React.useState(defaultOpen ?? false);
-	const [internalIsSubmitting, setInternalIsSubmitting] = React.useState(false);
-	const isSubmitting = loading ?? internalIsSubmitting;
-	const isControlled = open !== void 0;
-	const isOpen = isControlled ? open : internalOpen;
+	const [isOpen, setOpen] = useControllableState(open, defaultOpen ?? false, onOpenChange);
+	const [isSubmitting, setIsSubmitting] = useControllableState(loading, false);
 	const handleOpenChange = React.useCallback((value) => {
 		if (!value && isSubmitting) return;
-		if (!isControlled) setInternalOpen(value);
-		onOpenChange?.(value);
-	}, [
-		isControlled,
-		isSubmitting,
-		onOpenChange
-	]);
+		setOpen(value);
+	}, [isSubmitting, setOpen]);
 	const handleSubmit = React.useCallback(async (data) => {
-		if (loading === void 0) setInternalIsSubmitting(true);
+		setIsSubmitting(true);
 		try {
 			await onSubmit?.(data);
 			onSuccess?.(data);
 		} finally {
-			if (loading === void 0) setInternalIsSubmitting(false);
+			setIsSubmitting(false);
 		}
+		if (!loading) setOpen(false);
 	}, [
 		onSubmit,
 		onSuccess,
+		setIsSubmitting,
+		setOpen,
 		loading
 	]);
 	const handleCancel = React.useCallback(() => {
@@ -1004,13 +1008,12 @@ FormRadioItem.displayName = "Form.RadioItem";
 */
 function FormRoot({ schema, children, onSubmit, action, method = "POST", formComponent: FormComp = "form", id, name, defaultValues, mode = "onChange", isSubmitting: externalIsSubmitting, onError, onSuccess, telemetry, className }) {
 	const adapter = useAdapter();
-	const [internalIsSubmitting, setInternalIsSubmitting] = React.useState(false);
-	const isSubmitting = externalIsSubmitting ?? internalIsSubmitting;
+	const [isSubmitting, setIsSubmitting] = useControllableState(externalIsSubmitting, false);
 	const [isSubmitted, setIsSubmitted] = React.useState(false);
 	const [submitCount, setSubmitCount] = React.useState(0);
 	const formRef = React.useRef(null);
 	const wrappedOnSubmit = React.useCallback(async (data) => {
-		setInternalIsSubmitting(true);
+		setIsSubmitting(true);
 		setIsSubmitted(true);
 		setSubmitCount((prev) => prev + 1);
 		try {
@@ -1022,6 +1025,7 @@ function FormRoot({ schema, children, onSubmit, action, method = "POST", formCom
 			onSuccess?.(data);
 		} catch (error) {
 			const err = error instanceof Error ? error : new Error(String(error));
+			const handled = Boolean(telemetry?.onError || telemetry?.captureError || onError);
 			telemetry?.onError?.({
 				formName: name ?? "",
 				formId: id,
@@ -1032,8 +1036,9 @@ function FormRoot({ schema, children, onSubmit, action, method = "POST", formCom
 				formId: id
 			});
 			onError?.(error);
+			if (!handled) throw err;
 		} finally {
-			setInternalIsSubmitting(false);
+			setIsSubmitting(false);
 		}
 	}, [
 		onSubmit,
@@ -1041,7 +1046,8 @@ function FormRoot({ schema, children, onSubmit, action, method = "POST", formCom
 		onError,
 		telemetry,
 		name,
-		id
+		id,
+		setIsSubmitting
 	]);
 	const instance = adapter.useCreateForm({
 		schema,
@@ -1110,11 +1116,21 @@ function FormRoot({ schema, children, onSubmit, action, method = "POST", formCom
 				onSubmit: (e) => {
 					const submitter = e.nativeEvent.submitter;
 					e.stopPropagation();
-					if (submitter && !submitter.hidden) instance.markAllFieldsTouched();
+					const isUserSubmit = submitter && !submitter.hidden;
+					if (isUserSubmit) instance.markAllFieldsTouched();
 					telemetry?.onSubmit?.({
 						formName: name ?? "",
 						formId: id
 					});
+					if (isUserSubmit && !onSubmit) {
+						setIsSubmitted(true);
+						setSubmitCount((prev) => prev + 1);
+						telemetry?.onSuccess?.({
+							formName: name ?? "",
+							formId: id
+						});
+						onSuccess?.(instance.getValues());
+					}
 					const adapterSubmit = instance.formProps.onSubmit;
 					adapterSubmit?.(e);
 				},

package/dist/grid/index.mjs

@@ -1,2 +1,2 @@
-import { a as getResponsiveValue, c as GRID_COLUMNS, d as RESPONSIVE_MAP, i as getGutter, l as GRID_PREFIX, n as Row, o as registerMediaQuery, r as RowContext, s as GRID_BREAKPOINTS, t as Col, u as RESPONSIVE_ARRAY } from "../col-DlpHgWOq.mjs";
+import { a as getResponsiveValue, c as GRID_COLUMNS, d as RESPONSIVE_MAP, i as getGutter, l as GRID_PREFIX, n as Row, o as registerMediaQuery, r as RowContext, s as GRID_BREAKPOINTS, t as Col, u as RESPONSIVE_ARRAY } from "../col-BYGWTB4j.mjs";
 export { Col, GRID_BREAKPOINTS, GRID_COLUMNS, GRID_PREFIX, RESPONSIVE_ARRAY, RESPONSIVE_MAP, Row, RowContext, getGutter, getResponsiveValue, registerMediaQuery };

package/dist/grouped-table/index.mjs

@@ -1,352 +1,2 @@
-import { t as cn } from "../cn-dlASUkDY.mjs";
-import { t as Icon } from "../icon-wrapper-DKfJlJd0.mjs";
-import { n as CollapsibleContent, r as CollapsibleTrigger, t as Collapsible } from "../collapsible-BeCdkxTJ.mjs";
-import { t as Input } from "../input-DBzgl-pN.mjs";
-import { t as Skeleton } from "../skeleton-CGU89HPB.mjs";
-import { c as TableRow, i as TableCell, n as TableBody, o as TableHead, s as TableHeader } from "../table-BR3mwU8X.mjs";
-import { f as rowMatchesSearch, h as createSelectionColumn, m as DataTableColumnHeader, p as DataTableRowActions } from "../data-table-BYhWsINw.mjs";
-import { ChevronRight } from "lucide-react";
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { flexRender, getCoreRowModel, getFilteredRowModel, useReactTable } from "@tanstack/react-table";
-//#region src/components/features/grouped-table/components/grouped-skeleton.tsx
-function GroupedSkeleton({ columns = 4, groups = 2, rowsPerGroup = 3 }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "gt-skeleton",
-		children: Array.from({ length: groups }, (_, g) => /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
-			"data-slot": "gt-skeleton-band",
-			className: "flex items-center gap-2 bg-muted/40 px-3 py-2 [&:not(:first-child)]:border-t",
-			children: [/* @__PURE__ */ jsx(Skeleton, { className: "size-4 rounded" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" })]
-		}), Array.from({ length: rowsPerGroup }, (_, r) => /* @__PURE__ */ jsx("div", {
-			"data-slot": "gt-skeleton-row",
-			className: "flex items-center gap-3 px-3 py-2 [&:not(:last-child)]:border-b",
-			children: Array.from({ length: columns }, (_, c) => /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }, c))
-		}, r))] }, g))
-	});
-}
-//#endregion
-//#region src/components/features/grouped-table/components/grouped-toolbar.tsx
-const DEFAULT_DEBOUNCE_MS = 300;
-function GroupedToolbar({ search, onSearchChange, placeholder = "Search...", debounceMs = DEFAULT_DEBOUNCE_MS, className }) {
-	const [value, setValue] = useState(search);
-	useEffect(() => {
-		setValue(search);
-	}, [search]);
-	useEffect(() => {
-		const timer = setTimeout(() => {
-			if (value !== search) onSearchChange(value);
-		}, debounceMs);
-		return () => clearTimeout(timer);
-	}, [
-		value,
-		debounceMs,
-		search,
-		onSearchChange
-	]);
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("pb-3", className),
-		"data-slot": "gt-toolbar",
-		children: /* @__PURE__ */ jsx(Input, {
-			placeholder,
-			value,
-			onChange: (e) => setValue(e.target.value),
-			"aria-label": placeholder,
-			"data-slot": "gt-search"
-		})
-	});
-}
-//#endregion
-//#region src/components/features/grouped-table/lib/bucket-rows.ts
-/**
-* Build per-group buckets of `filteredRows`, preserving the filtered order.
-* `coreRows` are the unfiltered rows in group-concatenated order; we use their
-* positions to learn which row id belongs to which group, so bucketing is correct
-* regardless of a custom getRowId.
-*/
-function bucketRows(groups, coreRows, filteredRows) {
-	const idToGroup = /* @__PURE__ */ new Map();
-	let offset = 0;
-	for (const group of groups) {
-		for (let i = 0; i < group.rows.length; i++) {
-			const core = coreRows[offset + i];
-			if (core) idToGroup.set(core.id, group.id);
-		}
-		offset += group.rows.length;
-	}
-	const buckets = new Map(groups.map((g) => [g.id, []]));
-	for (const row of filteredRows) {
-		const groupId = idToGroup.get(row.id);
-		if (groupId) buckets.get(groupId).push(row);
-	}
-	return buckets;
-}
-//#endregion
-//#region src/components/features/grouped-table/lib/compose-columns.tsx
-/** Wrap plain string headers in the sortable header; leave all other columns untouched. */
-function withSortableHeaders(columns) {
-	return columns.map((col) => {
-		if (typeof col.header !== "string") return col;
-		const title = col.header;
-		return {
-			...col,
-			enableSorting: col.enableSorting ?? true,
-			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
-				column,
-				title
-			})
-		};
-	});
-}
-function composeColumns(columns, options) {
-	const { enableRowSelection, enableSorting, rowActions, rowActionsSheetTitle } = options;
-	let cols = columns;
-	if (enableSorting) cols = withSortableHeaders(cols);
-	if (enableRowSelection) cols = [createSelectionColumn(typeof enableRowSelection === "object" ? enableRowSelection : {}), ...cols];
-	if (rowActions) cols = [...cols, {
-		id: "actions",
-		size: 44,
-		enableSorting: false,
-		cell: ({ row }) => /* @__PURE__ */ jsx(DataTableRowActions, {
-			row,
-			actions: rowActions(row.original),
-			sheetTitle: rowActionsSheetTitle
-		})
-	}];
-	return cols;
-}
-//#endregion
-//#region src/components/features/grouped-table/lib/sort-rows.ts
-function compare(a, b) {
-	if (a == null && b == null) return 0;
-	if (a == null) return -1;
-	if (b == null) return 1;
-	if (typeof a === "number" && typeof b === "number") return a - b;
-	return String(a).localeCompare(String(b));
-}
-/**
-* Sort a single group's rows by the active sort (first entry; v1 is single-sort).
-* Returns the same reference when there is no sort, so React can skip re-renders.
-*/
-function sortRows(rows, sorting) {
-	if (sorting.length === 0) return rows;
-	const { id, desc } = sorting[0];
-	const sorted = [...rows].sort((ra, rb) => compare(ra.getValue(id), rb.getValue(id)));
-	if (desc) sorted.reverse();
-	return sorted;
-}
-//#endregion
-//#region src/components/features/grouped-table/lib/use-controllable-state.ts
-/**
-* Uncontrolled-by-default state with an optional controlled override.
-* When `controlled` is undefined the hook owns the value; otherwise the prop wins.
-* `onChange` always fires. Accepts TanStack-style updater functions.
-*/
-function useControllableState(controlled, defaultValue, onChange) {
-	const [internal, setInternal] = useState(defaultValue);
-	const isControlled = controlled !== void 0;
-	const value = isControlled ? controlled : internal;
-	return [value, useCallback((next) => {
-		const resolved = typeof next === "function" ? next(value) : next;
-		if (!isControlled) setInternal(resolved);
-		onChange?.(resolved);
-	}, [
-		isControlled,
-		onChange,
-		value
-	])];
-}
-//#endregion
-//#region src/components/features/grouped-table/use-grouped-expansion.ts
-function defaultFor(group, def) {
-	const fallback = def === "all" ? true : def === "none" ? false : Array.isArray(def) ? def.includes(group.id) : true;
-	return group.defaultOpen ?? fallback;
-}
-function useGroupedExpansion(groups, opts) {
-	const { defaultExpanded = "all", expanded, onExpandedChange } = opts;
-	const controlled = expanded !== void 0;
-	const [overrides, setOverrides] = useState({});
-	const isOpen = useCallback((id) => {
-		if (controlled) return expanded.includes(id);
-		if (id in overrides) return overrides[id];
-		const g = groups.find((x) => x.id === id);
-		return g ? defaultFor(g, defaultExpanded) : false;
-	}, [
-		controlled,
-		expanded,
-		overrides,
-		groups,
-		defaultExpanded
-	]);
-	return {
-		isOpen,
-		toggle: useCallback((id) => {
-			const now = isOpen(id);
-			if (!controlled) setOverrides((o) => ({
-				...o,
-				[id]: !now
-			}));
-			const next = groups.filter((g) => g.id === id ? !now : isOpen(g.id)).map((g) => g.id);
-			onExpandedChange?.(next);
-		}, [
-			controlled,
-			groups,
-			isOpen,
-			onExpandedChange
-		])
-	};
-}
-//#endregion
-//#region src/components/features/grouped-table/grouped-table.tsx
-/** Floor width for unsized (flex) columns so they keep their share instead of collapsing on narrow viewports. */
-const MIN_FLEX_COLUMN_WIDTH = 120;
-function columnWidth(col) {
-	return typeof col.size === "number" ? `${col.size}px` : "auto";
-}
-/** Minimum width the table track needs so every column keeps a usable size; below this the area scrolls horizontally. */
-function trackMinWidth(resolvedColumns) {
-	return resolvedColumns.reduce((total, col) => total + (typeof col.size === "number" ? col.size : MIN_FLEX_COLUMN_WIDTH), 0);
-}
-function renderColGroup(resolvedColumns) {
-	return /* @__PURE__ */ jsx("colgroup", { children: resolvedColumns.map((col, i) => /* @__PURE__ */ jsx("col", { style: { width: columnWidth(col) } }, `col-${i}`)) });
-}
-/** Resolve a static or per-item className override (mirrors data-table). */
-function resolveClassName(value, item) {
-	return typeof value === "function" ? value(item) : value;
-}
-function GroupedTable(props) {
-	const { columns, groups, defaultExpanded, expanded, onExpandedChange, getRowId, enableRowSelection, rowSelection: rowSelectionProp, onRowSelectionChange, rowActions, rowActionsSheetTitle, enableSorting, sorting: sortingProp, onSortingChange, enableSearch, searchPlaceholder, searchableColumns, searchFn, search: searchProp, onSearchChange, searchDebounceMs, isLoading, empty, className, toolbarClassName, tableClassName, headerRowClassName, headerCellClassName, groupHeaderClassName, bodyClassName, rowClassName, cellClassName } = props;
-	const [sorting, setSorting] = useControllableState(sortingProp, [], onSortingChange);
-	const [rowSelection, setRowSelection] = useControllableState(rowSelectionProp, {}, onRowSelectionChange);
-	const [search, setSearch] = useControllableState(searchProp, "", onSearchChange);
-	const isSearching = search.trim().length > 0;
-	const { isOpen, toggle } = useGroupedExpansion(groups, {
-		defaultExpanded,
-		expanded,
-		onExpandedChange
-	});
-	const resolvedColumns = useMemo(() => composeColumns(columns, {
-		enableRowSelection,
-		enableSorting,
-		rowActions,
-		rowActionsSheetTitle
-	}), [
-		columns,
-		enableRowSelection,
-		enableSorting,
-		rowActions,
-		rowActionsSheetTitle
-	]);
-	const minWidth = useMemo(() => trackMinWidth(resolvedColumns), [resolvedColumns]);
-	const flatData = useMemo(() => groups.flatMap((g) => g.rows), [groups]);
-	const table = useReactTable({
-		data: flatData,
-		columns: resolvedColumns,
-		state: {
-			sorting,
-			rowSelection,
-			globalFilter: search
-		},
-		onSortingChange: setSorting,
-		onRowSelectionChange: setRowSelection,
-		onGlobalFilterChange: setSearch,
-		enableRowSelection: Boolean(enableRowSelection),
-		manualSorting: true,
-		enableMultiSort: false,
-		globalFilterFn: (row, _columnId, value) => rowMatchesSearch(row.original, String(value ?? ""), {
-			searchFn,
-			searchableColumns
-		}),
-		getRowId,
-		getCoreRowModel: getCoreRowModel(),
-		getFilteredRowModel: getFilteredRowModel()
-	});
-	const headerGroups = table.getHeaderGroups();
-	const coreRows = table.getCoreRowModel().rows;
-	const filteredRows = table.getRowModel().rows;
-	const buckets = useMemo(() => bucketRows(groups, coreRows, filteredRows), [
-		groups,
-		coreRows,
-		filteredRows
-	]);
-	const slices = useMemo(() => groups.map((g) => ({
-		group: g,
-		id: g.id,
-		title: g.title,
-		meta: g.meta,
-		rows: sortRows(buckets.get(g.id) ?? [], sorting)
-	})), [
-		groups,
-		buckets,
-		sorting
-	]);
-	const visibleSlices = isSearching ? slices.filter((s) => s.rows.length > 0) : slices;
-	const renderShell = (body, scrollable) => /* @__PURE__ */ jsxs("div", {
-		className: cn("w-full", className),
-		children: [enableSearch && /* @__PURE__ */ jsx(GroupedToolbar, {
-			search,
-			onSearchChange: setSearch,
-			placeholder: searchPlaceholder,
-			debounceMs: searchDebounceMs,
-			className: toolbarClassName
-		}), /* @__PURE__ */ jsx("div", {
-			className: cn("w-full rounded-md border", scrollable ? "overflow-x-auto" : "overflow-hidden"),
-			children: scrollable ? /* @__PURE__ */ jsx("div", {
-				style: { minWidth },
-				children: body
-			}) : body
-		})]
-	});
-	if (isLoading) return renderShell(/* @__PURE__ */ jsx(GroupedSkeleton, { columns: resolvedColumns.length }), false);
-	if (flatData.length === 0 || isSearching && visibleSlices.length === 0) return renderShell(empty ?? null, false);
-	return renderShell(/* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("table", {
-		className: cn("w-full table-fixed text-sm", tableClassName),
-		children: [renderColGroup(resolvedColumns), /* @__PURE__ */ jsx(TableHeader, { children: headerGroups.map((hg) => /* @__PURE__ */ jsx(TableRow, {
-			className: headerRowClassName,
-			children: hg.headers.map((header) => /* @__PURE__ */ jsx(TableHead, {
-				scope: "col",
-				className: headerCellClassName,
-				children: header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())
-			}, header.id))
-		}, hg.id)) })]
-	}), visibleSlices.map((slice) => {
-		const open = isSearching ? true : isOpen(slice.id);
-		return /* @__PURE__ */ jsxs(Collapsible, {
-			open,
-			onOpenChange: () => toggle(slice.id),
-			children: [/* @__PURE__ */ jsxs(CollapsibleTrigger, {
-				className: cn("flex h-10 w-full items-center gap-2 border-b bg-muted/40 px-2 text-left align-middle text-sm font-medium text-muted-foreground transition-colors hover:bg-muted/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", resolveClassName(groupHeaderClassName, slice.group)),
-				children: [
-					/* @__PURE__ */ jsx(Icon, {
-						icon: ChevronRight,
-						"aria-hidden": true,
-						className: cn("size-4 shrink-0 transition-transform", open && "rotate-90")
-					}),
-					/* @__PURE__ */ jsx("span", { children: slice.title }),
-					slice.meta != null && /* @__PURE__ */ jsx("span", {
-						className: "ml-auto flex items-center gap-2 font-medium",
-						children: slice.meta
-					})
-				]
-			}), /* @__PURE__ */ jsx(CollapsibleContent, {
-				className: "overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
-				children: /* @__PURE__ */ jsxs("table", {
-					className: cn("w-full table-fixed text-sm", tableClassName),
-					"aria-label": typeof slice.title === "string" ? slice.title : void 0,
-					children: [renderColGroup(resolvedColumns), /* @__PURE__ */ jsx(TableBody, {
-						className: bodyClassName,
-						children: slice.rows.map((row) => /* @__PURE__ */ jsx(TableRow, {
-							"data-state": row.getIsSelected() ? "selected" : void 0,
-							className: resolveClassName(rowClassName, row),
-							children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(TableCell, {
-								className: resolveClassName(cellClassName, cell),
-								children: flexRender(cell.column.columnDef.cell, cell.getContext())
-							}, cell.id))
-						}, row.id))
-					})]
-				})
-			})]
-		}, slice.id);
-	})] }), true);
-}
-//#endregion
+import { t as GroupedTable } from "../grouped-table-CPF8Jijv.mjs";
 export { GroupedTable };