@questpie/admin 3.2.4 → 3.2.5

package/dist/client/views/dashboard/dashboard-grid.mjs

@@ -8,7 +8,6 @@ import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "..
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../components/ui/tabs.mjs";
 import { AdminViewHeader } from "../layout/admin-view-layout.mjs";
 import { DashboardWidget } from "./dashboard-widget.mjs";
-import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
@@ -163,49 +162,35 @@ function getLayoutItemKey(item, index) {
 	}
 	return `item-${index}`;
 }
-function DashboardHeader(t0) {
-	const $ = c(18);
-	const { title, description, actions, navigate, resolveText } = t0;
+function DashboardHeader({ title, description, actions, navigate, resolveText }) {
 	if (!title && !description && !actions?.length) return null;
-	let t1;
-	if ($[0] !== navigate) {
-		t1 = (action) => {
-			if (action.onClick) action.onClick();
-			else if (action.href && navigate) navigate(action.href);
-		};
-		$[0] = navigate;
-		$[1] = t1;
-	} else t1 = $[1];
-	const handleActionClick = t1;
-	let T0;
-	let t2;
-	let t3;
-	let t4;
-	let t5;
-	if ($[2] !== actions || $[3] !== description || $[4] !== handleActionClick || $[5] !== resolveText || $[6] !== title) {
-		const primaryAction = actions?.find(_temp) || actions?.[0];
-		const secondaryActions = actions?.filter((a_0) => a_0 !== primaryAction) || [];
-		T0 = AdminViewHeader;
-		t2 = "qa-dashboard__header mb-4";
-		t3 = title;
-		t4 = description;
-		t5 = actions && actions.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+	const handleActionClick = (action) => {
+		if (action.onClick) action.onClick();
+		else if (action.href && navigate) navigate(action.href);
+	};
+	const primaryAction = actions?.find((a) => a.variant === "primary") || actions?.[0];
+	const secondaryActions = actions?.filter((a) => a !== primaryAction) || [];
+	return /* @__PURE__ */ jsx(AdminViewHeader, {
+		className: "qa-dashboard__header mb-4",
+		title,
+		description,
+		actions: actions && actions.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
 			primaryAction && /* @__PURE__ */ jsxs(Button, {
 				variant: primaryAction.variant === "primary" ? "default" : primaryAction.variant || "default",
 				size: "sm",
 				onClick: () => handleActionClick(primaryAction),
 				children: [resolveIconElement(primaryAction.icon, { "data-icon": "inline-start" }), resolveText(primaryAction.label)]
 			}, primaryAction.id),
-			secondaryActions.map((action_0) => {
-				const iconElement = resolveIconElement(action_0.icon, { "data-icon": "inline-start" });
-				const variant = action_0.variant || "default";
+			secondaryActions.map((action) => {
+				const iconElement = resolveIconElement(action.icon, { "data-icon": "inline-start" });
+				const variant = action.variant || "default";
 				return /* @__PURE__ */ jsxs(Button, {
 					variant: variant === "primary" ? "default" : variant,
 					size: "sm",
-					onClick: () => handleActionClick(action_0),
+					onClick: () => handleActionClick(action),
 					className: "hidden md:inline-flex",
-					children: [iconElement, resolveText(action_0.label)]
-				}, action_0.id);
+					children: [iconElement, resolveText(action.label)]
+				}, action.id);
 			}),
 			secondaryActions.length > 0 && /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, { render: /* @__PURE__ */ jsx(Button, {
 				variant: "outline",
@@ -217,314 +202,140 @@ function DashboardHeader(t0) {
 				})
 			}) }), /* @__PURE__ */ jsx(DropdownMenuContent, {
 				align: "end",
-				children: secondaryActions.map((action_1) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
-					onClick: () => handleActionClick(action_1),
-					children: [resolveIconElement(action_1.icon, { className: "size-4 mr-2" }), resolveText(action_1.label)]
-				}, action_1.id))
+				children: secondaryActions.map((action) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
+					onClick: () => handleActionClick(action),
+					children: [resolveIconElement(action.icon, { className: "size-4 mr-2" }), resolveText(action.label)]
+				}, action.id))
 			})] })
-		] }) : void 0;
-		$[2] = actions;
-		$[3] = description;
-		$[4] = handleActionClick;
-		$[5] = resolveText;
-		$[6] = title;
-		$[7] = T0;
-		$[8] = t2;
-		$[9] = t3;
-		$[10] = t4;
-		$[11] = t5;
-	} else {
-		T0 = $[7];
-		t2 = $[8];
-		t3 = $[9];
-		t4 = $[10];
-		t5 = $[11];
-	}
-	let t6;
-	if ($[12] !== T0 || $[13] !== t2 || $[14] !== t3 || $[15] !== t4 || $[16] !== t5) {
-		t6 = /* @__PURE__ */ jsx(T0, {
-			className: t2,
-			title: t3,
-			description: t4,
-			actions: t5
-		});
-		$[12] = T0;
-		$[13] = t2;
-		$[14] = t3;
-		$[15] = t4;
-		$[16] = t5;
-		$[17] = t6;
-	} else t6 = $[17];
-	return t6;
-}
-function _temp(a) {
-	return a.variant === "primary";
+		] }) : void 0
+	});
 }
-function LayoutItemRenderer(t0) {
-	const $ = c(32);
-	const { item, rowHeight, gap, basePath, navigate, widgetRegistry, resolveText, dashboardRealtime } = t0;
+function LayoutItemRenderer({ item, columns, rowHeight, gap, basePath, navigate, widgetRegistry, resolveText, dashboardRealtime }) {
 	if (isWidgetConfig(item)) {
-		let t1;
-		let t2;
-		let widgetConfig;
-		if ($[0] !== dashboardRealtime || $[1] !== item) {
-			const spanClass = getSpanClass(getWidgetSpan(item));
-			const rowSpan = getWidgetRowSpan(item);
-			widgetConfig = dashboardRealtime !== void 0 && item.realtime === void 0 ? {
-				...item,
-				realtime: dashboardRealtime
-			} : item;
-			t1 = cn("qa-dashboard__tile h-full min-h-0 min-w-0", spanClass, item.className);
-			t2 = getWidgetStyle(rowSpan);
-			$[0] = dashboardRealtime;
-			$[1] = item;
-			$[2] = t1;
-			$[3] = t2;
-			$[4] = widgetConfig;
-		} else {
-			t1 = $[2];
-			t2 = $[3];
-			widgetConfig = $[4];
-		}
-		let t3;
-		if ($[5] !== basePath || $[6] !== navigate || $[7] !== widgetConfig || $[8] !== widgetRegistry) {
-			t3 = /* @__PURE__ */ jsx(DashboardWidget, {
+		const spanClass = getSpanClass(getWidgetSpan(item));
+		const rowSpan = getWidgetRowSpan(item);
+		const widgetConfig = dashboardRealtime !== void 0 && item.realtime === void 0 ? {
+			...item,
+			realtime: dashboardRealtime
+		} : item;
+		return /* @__PURE__ */ jsx("div", {
+			className: cn("qa-dashboard__tile h-full min-h-0 min-w-0", spanClass, item.className),
+			style: getWidgetStyle(rowSpan),
+			children: /* @__PURE__ */ jsx(DashboardWidget, {
 				config: widgetConfig,
 				basePath,
 				navigate,
 				widgetRegistry
-			});
-			$[5] = basePath;
-			$[6] = navigate;
-			$[7] = widgetConfig;
-			$[8] = widgetRegistry;
-			$[9] = t3;
-		} else t3 = $[9];
-		let t4;
-		if ($[10] !== t1 || $[11] !== t2 || $[12] !== t3) {
-			t4 = /* @__PURE__ */ jsx("div", {
-				className: t1,
-				style: t2,
-				children: t3
-			});
-			$[10] = t1;
-			$[11] = t2;
-			$[12] = t3;
-			$[13] = t4;
-		} else t4 = $[13];
-		return t4;
-	}
-	if (isSectionConfig(item)) {
-		let t1;
-		if ($[14] !== basePath || $[15] !== dashboardRealtime || $[16] !== gap || $[17] !== item || $[18] !== navigate || $[19] !== resolveText || $[20] !== rowHeight || $[21] !== widgetRegistry) {
-			t1 = /* @__PURE__ */ jsx(SectionRenderer, {
-				section: item,
-				basePath,
-				navigate,
-				widgetRegistry,
-				resolveText,
-				dashboardRealtime,
-				rowHeight,
-				gap
-			});
-			$[14] = basePath;
-			$[15] = dashboardRealtime;
-			$[16] = gap;
-			$[17] = item;
-			$[18] = navigate;
-			$[19] = resolveText;
-			$[20] = rowHeight;
-			$[21] = widgetRegistry;
-			$[22] = t1;
-		} else t1 = $[22];
-		return t1;
-	}
-	if (isTabsConfig(item)) {
-		let t1;
-		if ($[23] !== basePath || $[24] !== dashboardRealtime || $[25] !== gap || $[26] !== item || $[27] !== navigate || $[28] !== resolveText || $[29] !== rowHeight || $[30] !== widgetRegistry) {
-			t1 = /* @__PURE__ */ jsx(TabsRenderer, {
-				tabs: item,
-				basePath,
-				navigate,
-				widgetRegistry,
-				resolveText,
-				dashboardRealtime,
-				rowHeight,
-				gap
-			});
-			$[23] = basePath;
-			$[24] = dashboardRealtime;
-			$[25] = gap;
-			$[26] = item;
-			$[27] = navigate;
-			$[28] = resolveText;
-			$[29] = rowHeight;
-			$[30] = widgetRegistry;
-			$[31] = t1;
-		} else t1 = $[31];
-		return t1;
+			})
+		});
 	}
+	if (isSectionConfig(item)) return /* @__PURE__ */ jsx(SectionRenderer, {
+		section: item,
+		basePath,
+		navigate,
+		widgetRegistry,
+		resolveText,
+		dashboardRealtime,
+		rowHeight,
+		gap
+	});
+	if (isTabsConfig(item)) return /* @__PURE__ */ jsx(TabsRenderer, {
+		tabs: item,
+		basePath,
+		navigate,
+		widgetRegistry,
+		resolveText,
+		dashboardRealtime,
+		rowHeight,
+		gap
+	});
 	return null;
 }
-function WidgetGridGroup(t0) {
-	const $ = c(28);
-	const { items, columns, rowHeight, gap, basePath, navigate, widgetRegistry, resolveText, dashboardRealtime } = t0;
-	let t1;
-	if ($[0] !== columns) {
-		t1 = cn("@container grid items-stretch gap-4", getGridClass(columns));
-		$[0] = columns;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== gap || $[3] !== rowHeight) {
-		t2 = getGridStyle(rowHeight, gap);
-		$[2] = gap;
-		$[3] = rowHeight;
-		$[4] = t2;
-	} else t2 = $[4];
-	let t3;
-	if ($[5] !== basePath || $[6] !== columns || $[7] !== dashboardRealtime || $[8] !== gap || $[9] !== items || $[10] !== navigate || $[11] !== resolveText || $[12] !== rowHeight || $[13] !== widgetRegistry) {
-		let t4$1;
-		if ($[15] !== basePath || $[16] !== columns || $[17] !== dashboardRealtime || $[18] !== gap || $[19] !== navigate || $[20] !== resolveText || $[21] !== rowHeight || $[22] !== widgetRegistry) {
-			t4$1 = (item, index) => /* @__PURE__ */ jsx(LayoutItemRenderer, {
-				item,
-				index,
-				columns,
-				basePath,
-				navigate,
-				widgetRegistry,
-				resolveText,
-				dashboardRealtime,
-				rowHeight,
-				gap
-			}, getLayoutItemKey(item, index));
-			$[15] = basePath;
-			$[16] = columns;
-			$[17] = dashboardRealtime;
-			$[18] = gap;
-			$[19] = navigate;
-			$[20] = resolveText;
-			$[21] = rowHeight;
-			$[22] = widgetRegistry;
-			$[23] = t4$1;
-		} else t4$1 = $[23];
-		t3 = items.map(t4$1);
-		$[5] = basePath;
-		$[6] = columns;
-		$[7] = dashboardRealtime;
-		$[8] = gap;
-		$[9] = items;
-		$[10] = navigate;
-		$[11] = resolveText;
-		$[12] = rowHeight;
-		$[13] = widgetRegistry;
-		$[14] = t3;
-	} else t3 = $[14];
-	let t4;
-	if ($[24] !== t1 || $[25] !== t2 || $[26] !== t3) {
-		t4 = /* @__PURE__ */ jsx("div", {
-			className: t1,
-			style: t2,
-			children: t3
-		});
-		$[24] = t1;
-		$[25] = t2;
-		$[26] = t3;
-		$[27] = t4;
-	} else t4 = $[27];
-	return t4;
+function WidgetGridGroup({ items, columns, rowHeight, gap, basePath, navigate, widgetRegistry, resolveText, dashboardRealtime }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("@container grid items-stretch gap-4", getGridClass(columns)),
+		style: getGridStyle(rowHeight, gap),
+		children: items.map((item, index) => /* @__PURE__ */ jsx(LayoutItemRenderer, {
+			item,
+			index,
+			columns,
+			basePath,
+			navigate,
+			widgetRegistry,
+			resolveText,
+			dashboardRealtime,
+			rowHeight,
+			gap
+		}, getLayoutItemKey(item, index)))
+	});
 }
-function LayoutItemsRenderer(t0) {
-	const $ = c(10);
-	const { items, columns, rowHeight, gap, basePath, navigate, widgetRegistry, resolveText, dashboardRealtime } = t0;
-	let t1;
-	if ($[0] !== basePath || $[1] !== columns || $[2] !== dashboardRealtime || $[3] !== gap || $[4] !== items || $[5] !== navigate || $[6] !== resolveText || $[7] !== rowHeight || $[8] !== widgetRegistry) {
-		const blocks = [];
-		let widgetGroup = [];
-		let widgetGroupStart = 0;
-		const flushWidgetGroup = () => {
-			if (widgetGroup.length === 0) return;
-			blocks.push(/* @__PURE__ */ jsx(WidgetGridGroup, {
-				items: widgetGroup,
-				columns,
-				rowHeight,
-				gap,
-				basePath,
-				navigate,
-				widgetRegistry,
-				resolveText,
-				dashboardRealtime
-			}, `widgets-${widgetGroupStart}`));
-			widgetGroup = [];
-		};
-		items.forEach((item, index) => {
-			if (isWidgetConfig(item)) {
-				if (widgetGroup.length === 0) widgetGroupStart = index;
-				widgetGroup.push(item);
-				return;
-			}
-			flushWidgetGroup();
-			blocks.push(/* @__PURE__ */ jsx(LayoutItemRenderer, {
-				item,
-				index,
-				columns,
-				basePath,
-				navigate,
-				widgetRegistry,
-				resolveText,
-				dashboardRealtime,
-				rowHeight,
-				gap
-			}, getLayoutItemKey(item, index)));
-		});
+function LayoutItemsRenderer({ items, columns, rowHeight, gap, basePath, navigate, widgetRegistry, resolveText, dashboardRealtime }) {
+	const blocks = [];
+	let widgetGroup = [];
+	let widgetGroupStart = 0;
+	const flushWidgetGroup = () => {
+		if (widgetGroup.length === 0) return;
+		blocks.push(/* @__PURE__ */ jsx(WidgetGridGroup, {
+			items: widgetGroup,
+			columns,
+			rowHeight,
+			gap,
+			basePath,
+			navigate,
+			widgetRegistry,
+			resolveText,
+			dashboardRealtime
+		}, `widgets-${widgetGroupStart}`));
+		widgetGroup = [];
+	};
+	items.forEach((item, index) => {
+		if (isWidgetConfig(item)) {
+			if (widgetGroup.length === 0) widgetGroupStart = index;
+			widgetGroup.push(item);
+			return;
+		}
 		flushWidgetGroup();
-		t1 = /* @__PURE__ */ jsx("div", {
-			className: "qa-dashboard__stack flex flex-col gap-7",
-			children: blocks
-		});
-		$[0] = basePath;
-		$[1] = columns;
-		$[2] = dashboardRealtime;
-		$[3] = gap;
-		$[4] = items;
-		$[5] = navigate;
-		$[6] = resolveText;
-		$[7] = rowHeight;
-		$[8] = widgetRegistry;
-		$[9] = t1;
-	} else t1 = $[9];
-	return t1;
+		blocks.push(/* @__PURE__ */ jsx(LayoutItemRenderer, {
+			item,
+			index,
+			columns,
+			basePath,
+			navigate,
+			widgetRegistry,
+			resolveText,
+			dashboardRealtime,
+			rowHeight,
+			gap
+		}, getLayoutItemKey(item, index)));
+	});
+	flushWidgetGroup();
+	return /* @__PURE__ */ jsx("div", {
+		className: "qa-dashboard__stack flex flex-col gap-7",
+		children: blocks
+	});
 }
-function SectionRenderer(t0) {
-	const $ = c(57);
-	const { section, basePath, navigate, widgetRegistry, resolveText, dashboardRealtime, rowHeight: inheritedRowHeight, gap: inheritedGap } = t0;
-	const { label, description, wrapper: t1, defaultCollapsed: t2, layout: t3, columns: t4, gap: sectionGap, rowHeight: sectionRowHeight, items, className } = section;
-	const wrapper = t1 === void 0 ? "flat" : t1;
-	const defaultCollapsed = t2 === void 0 ? false : t2;
-	const layout = t3 === void 0 ? "grid" : t3;
-	const columns = t4 === void 0 ? 4 : t4;
+function SectionRenderer({ section, basePath, navigate, widgetRegistry, resolveText, dashboardRealtime, rowHeight: inheritedRowHeight, gap: inheritedGap }) {
+	const { label, description, wrapper = "flat", defaultCollapsed = false, layout = "grid", columns = 4, gap: sectionGap, rowHeight: sectionRowHeight, items, className } = section;
 	const rowHeight = sectionRowHeight ?? inheritedRowHeight;
 	const gap = sectionGap ?? inheritedGap;
-	let t5;
-	if ($[0] !== label || $[1] !== resolveText) {
-		t5 = label ? resolveText(label) : void 0;
-		$[0] = label;
-		$[1] = resolveText;
-		$[2] = t5;
-	} else t5 = $[2];
-	const sectionLabel = t5;
-	let t6;
-	if ($[3] !== description || $[4] !== resolveText) {
-		t6 = description ? resolveText(description) : void 0;
-		$[3] = description;
-		$[4] = resolveText;
-		$[5] = t6;
-	} else t6 = $[5];
-	const sectionDescription = t6;
-	let t7;
-	if ($[6] !== basePath || $[7] !== columns || $[8] !== dashboardRealtime || $[9] !== gap || $[10] !== items || $[11] !== layout || $[12] !== navigate || $[13] !== resolveText || $[14] !== rowHeight || $[15] !== widgetRegistry) {
-		t7 = layout === "grid" ? /* @__PURE__ */ jsx(LayoutItemsRenderer, {
-			items,
+	const sectionLabel = label ? resolveText(label) : void 0;
+	const sectionDescription = description ? resolveText(description) : void 0;
+	const itemsContent = layout === "grid" ? /* @__PURE__ */ jsx(LayoutItemsRenderer, {
+		items,
+		columns,
+		basePath,
+		navigate,
+		widgetRegistry,
+		resolveText,
+		dashboardRealtime,
+		rowHeight,
+		gap
+	}) : /* @__PURE__ */ jsx("div", {
+		className: "@container flex flex-col gap-4",
+		style: getStackStyle(gap),
+		children: items.map((item, index) => /* @__PURE__ */ jsx(LayoutItemRenderer, {
+			item,
+			index,
 			columns,
 			basePath,
 			navigate,
@@ -533,322 +344,112 @@ function SectionRenderer(t0) {
 			dashboardRealtime,
 			rowHeight,
 			gap
-		}) : /* @__PURE__ */ jsx("div", {
-			className: "@container flex flex-col gap-4",
-			style: getStackStyle(gap),
-			children: items.map((item, index) => /* @__PURE__ */ jsx(LayoutItemRenderer, {
-				item,
-				index,
-				columns,
-				basePath,
-				navigate,
-				widgetRegistry,
-				resolveText,
-				dashboardRealtime,
-				rowHeight,
-				gap
-			}, getLayoutItemKey(item, index)))
-		});
-		$[6] = basePath;
-		$[7] = columns;
-		$[8] = dashboardRealtime;
-		$[9] = gap;
-		$[10] = items;
-		$[11] = layout;
-		$[12] = navigate;
-		$[13] = resolveText;
-		$[14] = rowHeight;
-		$[15] = widgetRegistry;
-		$[16] = t7;
-	} else t7 = $[16];
-	const itemsContent = t7;
-	if (wrapper === "flat") {
-		let t8;
-		if ($[17] !== className) {
-			t8 = cn("min-w-0", className);
-			$[17] = className;
-			$[18] = t8;
-		} else t8 = $[18];
-		let t9;
-		if ($[19] !== sectionDescription || $[20] !== sectionLabel) {
-			t9 = (sectionLabel || sectionDescription) && /* @__PURE__ */ jsxs("div", {
-				className: "mb-4",
-				children: [sectionLabel && /* @__PURE__ */ jsx("h2", {
-					className: "text-base font-semibold text-balance",
-					children: sectionLabel
-				}), sectionDescription && /* @__PURE__ */ jsx("p", {
-					className: "text-muted-foreground mt-1 text-sm text-pretty",
-					children: sectionDescription
-				})]
-			});
-			$[19] = sectionDescription;
-			$[20] = sectionLabel;
-			$[21] = t9;
-		} else t9 = $[21];
-		let t10;
-		if ($[22] !== itemsContent || $[23] !== t8 || $[24] !== t9) {
-			t10 = /* @__PURE__ */ jsxs("section", {
-				className: t8,
-				children: [t9, itemsContent]
-			});
-			$[22] = itemsContent;
-			$[23] = t8;
-			$[24] = t9;
-			$[25] = t10;
-		} else t10 = $[25];
-		return t10;
-	}
-	if (wrapper === "card") {
-		let t8;
-		if ($[26] !== className) {
-			t8 = cn("min-w-0", className);
-			$[26] = className;
-			$[27] = t8;
-		} else t8 = $[27];
-		let t9;
-		if ($[28] !== sectionDescription || $[29] !== sectionLabel) {
-			t9 = (sectionLabel || sectionDescription) && /* @__PURE__ */ jsxs(CardHeader, { children: [sectionLabel && /* @__PURE__ */ jsx(CardTitle, { children: sectionLabel }), sectionDescription && /* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground text-sm",
-				children: sectionDescription
-			})] });
-			$[28] = sectionDescription;
-			$[29] = sectionLabel;
-			$[30] = t9;
-		} else t9 = $[30];
-		let t10;
-		if ($[31] !== itemsContent) {
-			t10 = /* @__PURE__ */ jsx(CardContent, {
-				className: "min-w-0",
-				children: itemsContent
-			});
-			$[31] = itemsContent;
-			$[32] = t10;
-		} else t10 = $[32];
-		let t11;
-		if ($[33] !== t10 || $[34] !== t8 || $[35] !== t9) {
-			t11 = /* @__PURE__ */ jsxs(Card, {
-				className: t8,
-				children: [t9, t10]
-			});
-			$[33] = t10;
-			$[34] = t8;
-			$[35] = t9;
-			$[36] = t11;
-		} else t11 = $[36];
-		return t11;
-	}
-	if (wrapper === "collapsible") {
-		let t8;
-		if ($[37] !== defaultCollapsed) {
-			t8 = defaultCollapsed ? [] : [0];
-			$[37] = defaultCollapsed;
-			$[38] = t8;
-		} else t8 = $[38];
-		let t9;
-		if ($[39] !== className) {
-			t9 = cn("min-w-0", className);
-			$[39] = className;
-			$[40] = t9;
-		} else t9 = $[40];
-		let t10;
-		if ($[41] !== sectionLabel) {
-			t10 = sectionLabel && /* @__PURE__ */ jsx("span", {
-				className: "text-lg font-semibold",
+		}, getLayoutItemKey(item, index)))
+	});
+	if (wrapper === "flat") return /* @__PURE__ */ jsxs("section", {
+		className: cn("min-w-0", className),
+		children: [(sectionLabel || sectionDescription) && /* @__PURE__ */ jsxs("div", {
+			className: "mb-4",
+			children: [sectionLabel && /* @__PURE__ */ jsx("h2", {
+				className: "text-base font-semibold text-balance",
 				children: sectionLabel
-			});
-			$[41] = sectionLabel;
-			$[42] = t10;
-		} else t10 = $[42];
-		let t11;
-		if ($[43] !== sectionDescription) {
-			t11 = sectionDescription && /* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground text-sm font-normal",
+			}), sectionDescription && /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground mt-1 text-sm text-pretty",
 				children: sectionDescription
-			});
-			$[43] = sectionDescription;
-			$[44] = t11;
-		} else t11 = $[44];
-		let t12;
-		if ($[45] !== t10 || $[46] !== t11) {
-			t12 = /* @__PURE__ */ jsx(AccordionTrigger, {
+			})]
+		}), itemsContent]
+	});
+	if (wrapper === "card") return /* @__PURE__ */ jsxs(Card, {
+		className: cn("min-w-0", className),
+		children: [(sectionLabel || sectionDescription) && /* @__PURE__ */ jsxs(CardHeader, { children: [sectionLabel && /* @__PURE__ */ jsx(CardTitle, { children: sectionLabel }), sectionDescription && /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground text-sm",
+			children: sectionDescription
+		})] }), /* @__PURE__ */ jsx(CardContent, {
+			className: "min-w-0",
+			children: itemsContent
+		})]
+	});
+	if (wrapper === "collapsible") return /* @__PURE__ */ jsx(Accordion, {
+		defaultValue: defaultCollapsed ? [] : [0],
+		className: cn("min-w-0", className),
+		children: /* @__PURE__ */ jsxs(AccordionItem, {
+			className: "border-none",
+			children: [/* @__PURE__ */ jsx(AccordionTrigger, {
 				className: "py-2 hover:no-underline",
 				children: /* @__PURE__ */ jsxs("div", {
 					className: "text-left",
-					children: [t10, t11]
+					children: [sectionLabel && /* @__PURE__ */ jsx("span", {
+						className: "text-lg font-semibold",
+						children: sectionLabel
+					}), sectionDescription && /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground text-sm font-normal",
+						children: sectionDescription
+					})]
 				})
-			});
-			$[45] = t10;
-			$[46] = t11;
-			$[47] = t12;
-		} else t12 = $[47];
-		let t13;
-		if ($[48] !== itemsContent) {
-			t13 = /* @__PURE__ */ jsx(AccordionContent, {
+			}), /* @__PURE__ */ jsx(AccordionContent, {
 				className: "pt-4",
 				children: itemsContent
-			});
-			$[48] = itemsContent;
-			$[49] = t13;
-		} else t13 = $[49];
-		let t14;
-		if ($[50] !== t12 || $[51] !== t13) {
-			t14 = /* @__PURE__ */ jsxs(AccordionItem, {
-				className: "border-none",
-				children: [t12, t13]
-			});
-			$[50] = t12;
-			$[51] = t13;
-			$[52] = t14;
-		} else t14 = $[52];
-		let t15;
-		if ($[53] !== t14 || $[54] !== t8 || $[55] !== t9) {
-			t15 = /* @__PURE__ */ jsx(Accordion, {
-				defaultValue: t8,
-				className: t9,
-				children: t14
-			});
-			$[53] = t14;
-			$[54] = t8;
-			$[55] = t9;
-			$[56] = t15;
-		} else t15 = $[56];
-		return t15;
-	}
+			})]
+		})
+	});
 	return itemsContent;
 }
-function TabsRenderer(t0) {
-	const $ = c(26);
-	const { tabs, basePath, navigate, widgetRegistry, resolveText, dashboardRealtime, columns: t1, rowHeight, gap } = t0;
-	const columns = t1 === void 0 ? 4 : t1;
+function TabsRenderer({ tabs, basePath, navigate, widgetRegistry, resolveText, dashboardRealtime, columns = 4, rowHeight, gap }) {
 	const { tabs: tabConfigs, defaultTab } = tabs;
-	let t2;
-	let t3;
-	if ($[0] !== basePath || $[1] !== columns || $[2] !== dashboardRealtime || $[3] !== defaultTab || $[4] !== gap || $[5] !== navigate || $[6] !== resolveText || $[7] !== rowHeight || $[8] !== tabConfigs || $[9] !== tabs.className || $[10] !== widgetRegistry) {
-		t3 = Symbol.for("react.early_return_sentinel");
-		bb0: {
-			const visibleTabs = tabConfigs.filter(_temp2);
-			if (visibleTabs.length === 0) {
-				t3 = null;
-				break bb0;
-			}
-			const defaultValue = visibleTabs.some((tab_0) => tab_0.id === defaultTab) ? defaultTab : visibleTabs[0]?.id;
-			let t4;
-			if ($[13] !== tabs.className) {
-				t4 = cn("min-w-0", tabs.className);
-				$[13] = tabs.className;
-				$[14] = t4;
-			} else t4 = $[14];
-			let t5;
-			if ($[15] !== resolveText) {
-				t5 = (tab_1) => /* @__PURE__ */ jsxs(TabsTrigger, {
-					value: tab_1.id,
+	const visibleTabs = tabConfigs.filter((tab) => tab.items.length > 0);
+	if (visibleTabs.length === 0) return null;
+	return /* @__PURE__ */ jsxs(Tabs, {
+		defaultValue: visibleTabs.some((tab) => tab.id === defaultTab) ? defaultTab : visibleTabs[0]?.id,
+		className: cn("min-w-0", tabs.className),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "mb-4 max-w-full overflow-x-auto",
+			children: /* @__PURE__ */ jsx(TabsList, {
+				className: "w-full min-w-max",
+				children: visibleTabs.map((tab) => /* @__PURE__ */ jsxs(TabsTrigger, {
+					value: tab.id,
 					className: "flex-1",
 					children: [
-						resolveIconElement(tab_1.icon, { className: "size-3.5" }),
-						resolveText(tab_1.label),
-						tab_1.badge !== void 0 && /* @__PURE__ */ jsx("span", {
+						resolveIconElement(tab.icon, { className: "size-3.5" }),
+						resolveText(tab.label),
+						tab.badge !== void 0 && /* @__PURE__ */ jsx("span", {
 							className: "bg-foreground text-background ml-1.5 rounded-full px-1.5 py-0.5 text-xs tabular-nums",
-							children: tab_1.badge
+							children: tab.badge
 						})
 					]
-				}, tab_1.id);
-				$[15] = resolveText;
-				$[16] = t5;
-			} else t5 = $[16];
-			let t6;
-			if ($[17] !== basePath || $[18] !== columns || $[19] !== dashboardRealtime || $[20] !== gap || $[21] !== navigate || $[22] !== resolveText || $[23] !== rowHeight || $[24] !== widgetRegistry) {
-				t6 = (tab_2) => /* @__PURE__ */ jsx(TabsContent, {
-					value: tab_2.id,
-					className: "min-w-0",
-					children: /* @__PURE__ */ jsx(TabContentRenderer, {
-						tab: tab_2,
-						columns,
-						basePath,
-						navigate,
-						widgetRegistry,
-						resolveText,
-						dashboardRealtime,
-						rowHeight,
-						gap
-					})
-				}, tab_2.id);
-				$[17] = basePath;
-				$[18] = columns;
-				$[19] = dashboardRealtime;
-				$[20] = gap;
-				$[21] = navigate;
-				$[22] = resolveText;
-				$[23] = rowHeight;
-				$[24] = widgetRegistry;
-				$[25] = t6;
-			} else t6 = $[25];
-			t2 = /* @__PURE__ */ jsxs(Tabs, {
-				defaultValue,
-				className: t4,
-				children: [/* @__PURE__ */ jsx("div", {
-					className: "mb-4 max-w-full overflow-x-auto",
-					children: /* @__PURE__ */ jsx(TabsList, {
-						className: "w-full min-w-max",
-						children: visibleTabs.map(t5)
-					})
-				}), visibleTabs.map(t6)]
-			});
-		}
-		$[0] = basePath;
-		$[1] = columns;
-		$[2] = dashboardRealtime;
-		$[3] = defaultTab;
-		$[4] = gap;
-		$[5] = navigate;
-		$[6] = resolveText;
-		$[7] = rowHeight;
-		$[8] = tabConfigs;
-		$[9] = tabs.className;
-		$[10] = widgetRegistry;
-		$[11] = t2;
-		$[12] = t3;
-	} else {
-		t2 = $[11];
-		t3 = $[12];
-	}
-	if (t3 !== Symbol.for("react.early_return_sentinel")) return t3;
-	return t2;
-}
-function _temp2(tab) {
-	return tab.items.length > 0;
+				}, tab.id))
+			})
+		}), visibleTabs.map((tab) => /* @__PURE__ */ jsx(TabsContent, {
+			value: tab.id,
+			className: "min-w-0",
+			children: /* @__PURE__ */ jsx(TabContentRenderer, {
+				tab,
+				columns,
+				basePath,
+				navigate,
+				widgetRegistry,
+				resolveText,
+				dashboardRealtime,
+				rowHeight,
+				gap
+			})
+		}, tab.id))]
+	});
 }
-function TabContentRenderer(t0) {
-	const $ = c(10);
-	const { tab, columns: t1, basePath, navigate, widgetRegistry, resolveText, dashboardRealtime, rowHeight: inheritedRowHeight, gap: inheritedGap } = t0;
-	const inheritedColumns = t1 === void 0 ? 4 : t1;
+function TabContentRenderer({ tab, columns: inheritedColumns = 4, basePath, navigate, widgetRegistry, resolveText, dashboardRealtime, rowHeight: inheritedRowHeight, gap: inheritedGap }) {
 	const columns = tab.columns ?? inheritedColumns;
 	const rowHeight = tab.rowHeight ?? inheritedRowHeight;
 	const gap = tab.gap ?? inheritedGap;
-	let t2;
-	if ($[0] !== basePath || $[1] !== columns || $[2] !== dashboardRealtime || $[3] !== gap || $[4] !== navigate || $[5] !== resolveText || $[6] !== rowHeight || $[7] !== tab.items || $[8] !== widgetRegistry) {
-		t2 = /* @__PURE__ */ jsx(LayoutItemsRenderer, {
-			items: tab.items,
-			columns,
-			basePath,
-			navigate,
-			widgetRegistry,
-			resolveText,
-			dashboardRealtime,
-			rowHeight,
-			gap
-		});
-		$[0] = basePath;
-		$[1] = columns;
-		$[2] = dashboardRealtime;
-		$[3] = gap;
-		$[4] = navigate;
-		$[5] = resolveText;
-		$[6] = rowHeight;
-		$[7] = tab.items;
-		$[8] = widgetRegistry;
-		$[9] = t2;
-	} else t2 = $[9];
-	return t2;
+	return /* @__PURE__ */ jsx(LayoutItemsRenderer, {
+		items: tab.items,
+		columns,
+		basePath,
+		navigate,
+		widgetRegistry,
+		resolveText,
+		dashboardRealtime,
+		rowHeight,
+		gap
+	});
 }
 /**
 * DashboardGrid - Renders a configurable grid of dashboard widgets
@@ -883,142 +484,44 @@ function TabContentRenderer(t0) {
 * <DashboardGrid config={dashboardConfig} basePath="/admin" navigate={navigate} />
 * ```
 */
-function DashboardGrid(t0) {
-	const $ = c(54);
-	const { config, basePath: t1, navigate, widgetRegistry, className } = t0;
-	const basePath = t1 === void 0 ? "/admin" : t1;
+function DashboardGrid({ config, basePath = "/admin", navigate, widgetRegistry, className }) {
 	const resolveText = useResolveText();
 	const { t } = useTranslation();
-	const { title, description, columns: t2, rowHeight, gap, realtime: dashboardRealtime } = config;
-	const columns = t2 === void 0 ? 4 : t2;
-	let t3;
-	if ($[0] !== config.items || $[1] !== config.widgets) {
-		t3 = config.items || config.widgets || [];
-		$[0] = config.items;
-		$[1] = config.widgets;
-		$[2] = t3;
-	} else t3 = $[2];
-	const layoutItems = t3;
-	let t4;
-	if ($[3] !== resolveText || $[4] !== title) {
-		t4 = title ? resolveText(title) : void 0;
-		$[3] = resolveText;
-		$[4] = title;
-		$[5] = t4;
-	} else t4 = $[5];
-	const resolvedTitle = t4;
-	let t5;
-	if ($[6] !== description || $[7] !== resolveText) {
-		t5 = description ? resolveText(description) : void 0;
-		$[6] = description;
-		$[7] = resolveText;
-		$[8] = t5;
-	} else t5 = $[8];
-	const resolvedDescription = t5;
-	if (layoutItems.length === 0) {
-		let t6$1;
-		if ($[9] !== className) {
-			t6$1 = cn("qa-dashboard @container", className);
-			$[9] = className;
-			$[10] = t6$1;
-		} else t6$1 = $[10];
-		let t7$1;
-		if ($[11] !== config.actions || $[12] !== navigate || $[13] !== resolveText || $[14] !== resolvedDescription || $[15] !== resolvedTitle) {
-			t7$1 = /* @__PURE__ */ jsx(DashboardHeader, {
-				title: resolvedTitle,
-				description: resolvedDescription,
-				actions: config.actions,
-				navigate,
-				resolveText
-			});
-			$[11] = config.actions;
-			$[12] = navigate;
-			$[13] = resolveText;
-			$[14] = resolvedDescription;
-			$[15] = resolvedTitle;
-			$[16] = t7$1;
-		} else t7$1 = $[16];
-		let t8$1;
-		if ($[17] !== t) {
-			t8$1 = t("dashboard.noWidgets");
-			$[17] = t;
-			$[18] = t8$1;
-		} else t8$1 = $[18];
-		let t9$1;
-		if ($[19] !== t8$1) {
-			t9$1 = /* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground font-medium",
-				children: t8$1
-			});
-			$[19] = t8$1;
-			$[20] = t9$1;
-		} else t9$1 = $[20];
-		let t10;
-		if ($[21] !== t) {
-			t10 = t("dashboard.noWidgetsDescription");
-			$[21] = t;
-			$[22] = t10;
-		} else t10 = $[22];
-		let t11;
-		if ($[23] !== t10) {
-			t11 = /* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground mt-1 text-sm",
-				children: t10
-			});
-			$[23] = t10;
-			$[24] = t11;
-		} else t11 = $[24];
-		let t12;
-		if ($[25] !== t11 || $[26] !== t9$1) {
-			t12 = /* @__PURE__ */ jsx("div", {
-				className: "flex h-48 items-center justify-center",
-				children: /* @__PURE__ */ jsxs("div", {
-					className: "text-center",
-					children: [t9$1, t11]
-				})
-			});
-			$[25] = t11;
-			$[26] = t9$1;
-			$[27] = t12;
-		} else t12 = $[27];
-		let t13;
-		if ($[28] !== t12 || $[29] !== t6$1 || $[30] !== t7$1) {
-			t13 = /* @__PURE__ */ jsxs("div", {
-				className: t6$1,
-				children: [t7$1, t12]
-			});
-			$[28] = t12;
-			$[29] = t6$1;
-			$[30] = t7$1;
-			$[31] = t13;
-		} else t13 = $[31];
-		return t13;
-	}
-	let t6;
-	if ($[32] !== className) {
-		t6 = cn("qa-dashboard @container", className);
-		$[32] = className;
-		$[33] = t6;
-	} else t6 = $[33];
-	let t7;
-	if ($[34] !== config.actions || $[35] !== navigate || $[36] !== resolveText || $[37] !== resolvedDescription || $[38] !== resolvedTitle) {
-		t7 = /* @__PURE__ */ jsx(DashboardHeader, {
+	const { title, description, columns = 4, rowHeight, gap, realtime: dashboardRealtime } = config;
+	const layoutItems = config.items || config.widgets || [];
+	const resolvedTitle = title ? resolveText(title) : void 0;
+	const resolvedDescription = description ? resolveText(description) : void 0;
+	if (layoutItems.length === 0) return /* @__PURE__ */ jsxs("div", {
+		className: cn("qa-dashboard @container", className),
+		children: [/* @__PURE__ */ jsx(DashboardHeader, {
 			title: resolvedTitle,
 			description: resolvedDescription,
 			actions: config.actions,
 			navigate,
 			resolveText
-		});
-		$[34] = config.actions;
-		$[35] = navigate;
-		$[36] = resolveText;
-		$[37] = resolvedDescription;
-		$[38] = resolvedTitle;
-		$[39] = t7;
-	} else t7 = $[39];
-	let t8;
-	if ($[40] !== basePath || $[41] !== columns || $[42] !== dashboardRealtime || $[43] !== gap || $[44] !== layoutItems || $[45] !== navigate || $[46] !== resolveText || $[47] !== rowHeight || $[48] !== widgetRegistry) {
-		t8 = /* @__PURE__ */ jsx(LayoutItemsRenderer, {
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex h-48 items-center justify-center",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "text-center",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground font-medium",
+					children: t("dashboard.noWidgets")
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground mt-1 text-sm",
+					children: t("dashboard.noWidgetsDescription")
+				})]
+			})
+		})]
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("qa-dashboard @container", className),
+		children: [/* @__PURE__ */ jsx(DashboardHeader, {
+			title: resolvedTitle,
+			description: resolvedDescription,
+			actions: config.actions,
+			navigate,
+			resolveText
+		}), /* @__PURE__ */ jsx(LayoutItemsRenderer, {
 			items: layoutItems,
 			columns,
 			rowHeight,
@@ -1028,30 +531,8 @@ function DashboardGrid(t0) {
 			widgetRegistry,
 			resolveText,
 			dashboardRealtime
-		});
-		$[40] = basePath;
-		$[41] = columns;
-		$[42] = dashboardRealtime;
-		$[43] = gap;
-		$[44] = layoutItems;
-		$[45] = navigate;
-		$[46] = resolveText;
-		$[47] = rowHeight;
-		$[48] = widgetRegistry;
-		$[49] = t8;
-	} else t8 = $[49];
-	let t9;
-	if ($[50] !== t6 || $[51] !== t7 || $[52] !== t8) {
-		t9 = /* @__PURE__ */ jsxs("div", {
-			className: t6,
-			children: [t7, t8]
-		});
-		$[50] = t6;
-		$[51] = t7;
-		$[52] = t8;
-		$[53] = t9;
-	} else t9 = $[53];
-	return t9;
+		})]
+	});
 }
 
 //#endregion