@questpie/admin 3.2.4 → 3.2.6

package/dist/client/components/widgets/widget-skeletons.mjs

@@ -1,6 +1,5 @@
 import { cn } from "../../lib/utils.mjs";
 import { Skeleton } from "../ui/skeleton.mjs";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/components/widgets/widget-skeletons.tsx
@@ -11,449 +10,167 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * Provides visual feedback while data is being fetched.
 */
 function StatsWidgetSkeleton() {
-	const $ = c(1);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsxs("div", {
-			className: "space-y-3",
-			children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-20" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" })]
-		});
-		$[0] = t0;
-	} else t0 = $[0];
-	return t0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-3",
+		children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-20" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" })]
+	});
 }
 function ChartWidgetSkeleton() {
-	const $ = c(1);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsxs("div", {
-			className: "flex h-48 w-full items-end gap-2 pt-4",
-			children: [
-				/* @__PURE__ */ jsx(Skeleton, { className: "h-[40%] flex-1 rounded-t-sm" }),
-				/* @__PURE__ */ jsx(Skeleton, { className: "h-[65%] flex-1 rounded-t-sm" }),
-				/* @__PURE__ */ jsx(Skeleton, { className: "h-[45%] flex-1 rounded-t-sm" }),
-				/* @__PURE__ */ jsx(Skeleton, { className: "h-[80%] flex-1 rounded-t-sm" }),
-				/* @__PURE__ */ jsx(Skeleton, { className: "h-[55%] flex-1 rounded-t-sm" }),
-				/* @__PURE__ */ jsx(Skeleton, { className: "h-[70%] flex-1 rounded-t-sm" }),
-				/* @__PURE__ */ jsx(Skeleton, { className: "h-[50%] flex-1 rounded-t-sm" }),
-				/* @__PURE__ */ jsx(Skeleton, { className: "h-[75%] flex-1 rounded-t-sm" }),
-				/* @__PURE__ */ jsx(Skeleton, { className: "h-[60%] flex-1 rounded-t-sm" }),
-				/* @__PURE__ */ jsx(Skeleton, { className: "h-[85%] flex-1 rounded-t-sm" })
-			]
-		});
-		$[0] = t0;
-	} else t0 = $[0];
-	return t0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex h-48 w-full items-end gap-2 pt-4",
+		children: [
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-[40%] flex-1 rounded-t-sm" }),
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-[65%] flex-1 rounded-t-sm" }),
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-[45%] flex-1 rounded-t-sm" }),
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-[80%] flex-1 rounded-t-sm" }),
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-[55%] flex-1 rounded-t-sm" }),
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-[70%] flex-1 rounded-t-sm" }),
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-[50%] flex-1 rounded-t-sm" }),
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-[75%] flex-1 rounded-t-sm" }),
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-[60%] flex-1 rounded-t-sm" }),
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-[85%] flex-1 rounded-t-sm" })
+		]
+	});
 }
-function RecentItemsWidgetSkeleton(t0) {
-	const $ = c(14);
-	const { count: t1 } = t0;
-	const count = t1 === void 0 ? 5 : t1;
-	let t2;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsx(SkeletonRow, {});
-		$[0] = t2;
-	} else t2 = $[0];
-	let t3;
-	if ($[1] !== count) {
-		t3 = count > 1 && /* @__PURE__ */ jsx(SkeletonRow, {});
-		$[1] = count;
-		$[2] = t3;
-	} else t3 = $[2];
-	let t4;
-	if ($[3] !== count) {
-		t4 = count > 2 && /* @__PURE__ */ jsx(SkeletonRow, {});
-		$[3] = count;
-		$[4] = t4;
-	} else t4 = $[4];
-	let t5;
-	if ($[5] !== count) {
-		t5 = count > 3 && /* @__PURE__ */ jsx(SkeletonRow, {});
-		$[5] = count;
-		$[6] = t5;
-	} else t5 = $[6];
-	let t6;
-	if ($[7] !== count) {
-		t6 = count > 4 && /* @__PURE__ */ jsx(SkeletonRow, {});
-		$[7] = count;
-		$[8] = t6;
-	} else t6 = $[8];
-	let t7;
-	if ($[9] !== t3 || $[10] !== t4 || $[11] !== t5 || $[12] !== t6) {
-		t7 = /* @__PURE__ */ jsxs("div", {
-			className: "space-y-1",
-			children: [
-				t2,
-				t3,
-				t4,
-				t5,
-				t6
-			]
-		});
-		$[9] = t3;
-		$[10] = t4;
-		$[11] = t5;
-		$[12] = t6;
-		$[13] = t7;
-	} else t7 = $[13];
-	return t7;
+function RecentItemsWidgetSkeleton({ count = 5 }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-1",
+		children: [
+			/* @__PURE__ */ jsx(SkeletonRow, {}),
+			count > 1 && /* @__PURE__ */ jsx(SkeletonRow, {}),
+			count > 2 && /* @__PURE__ */ jsx(SkeletonRow, {}),
+			count > 3 && /* @__PURE__ */ jsx(SkeletonRow, {}),
+			count > 4 && /* @__PURE__ */ jsx(SkeletonRow, {})
+		]
+	});
 }
 function SkeletonRow() {
-	const $ = c(1);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("div", {
-			className: "flex items-center gap-3 p-2",
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "flex-1 space-y-2",
-				children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-1/2" })]
-			})
-		});
-		$[0] = t0;
-	} else t0 = $[0];
-	return t0;
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex items-center gap-3 p-2",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex-1 space-y-2",
+			children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-1/2" })]
+		})
+	});
 }
-function TableWidgetSkeleton(t0) {
-	const $ = c(29);
-	const { rows: t1, columns: t2 } = t0;
-	const rows = t1 === void 0 ? 5 : t1;
-	const columns = t2 === void 0 ? 3 : t2;
-	let t3;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsx(Skeleton, {
-			variant: "text",
-			className: "h-4 w-24"
-		});
-		$[0] = t3;
-	} else t3 = $[0];
-	let t4;
-	if ($[1] !== columns) {
-		t4 = columns > 1 && /* @__PURE__ */ jsx(Skeleton, {
-			variant: "text",
-			className: "h-4 flex-1"
-		});
-		$[1] = columns;
-		$[2] = t4;
-	} else t4 = $[2];
-	let t5;
-	if ($[3] !== columns) {
-		t5 = columns > 2 && /* @__PURE__ */ jsx(Skeleton, {
-			variant: "text",
-			className: "h-4 flex-1"
-		});
-		$[3] = columns;
-		$[4] = t5;
-	} else t5 = $[4];
-	let t6;
-	if ($[5] !== t4 || $[6] !== t5) {
-		t6 = /* @__PURE__ */ jsxs("div", {
-			className: "border-border flex gap-4 border-b px-5 py-2",
-			children: [
-				t3,
-				t4,
-				t5
-			]
-		});
-		$[5] = t4;
-		$[6] = t5;
-		$[7] = t6;
-	} else t6 = $[7];
-	let t7;
-	if ($[8] !== columns) {
-		t7 = /* @__PURE__ */ jsx(TableSkeletonRow, { columns });
-		$[8] = columns;
-		$[9] = t7;
-	} else t7 = $[9];
-	let t8;
-	if ($[10] !== columns || $[11] !== rows) {
-		t8 = rows > 1 && /* @__PURE__ */ jsx(TableSkeletonRow, { columns });
-		$[10] = columns;
-		$[11] = rows;
-		$[12] = t8;
-	} else t8 = $[12];
-	let t9;
-	if ($[13] !== columns || $[14] !== rows) {
-		t9 = rows > 2 && /* @__PURE__ */ jsx(TableSkeletonRow, { columns });
-		$[13] = columns;
-		$[14] = rows;
-		$[15] = t9;
-	} else t9 = $[15];
-	let t10;
-	if ($[16] !== columns || $[17] !== rows) {
-		t10 = rows > 3 && /* @__PURE__ */ jsx(TableSkeletonRow, { columns });
-		$[16] = columns;
-		$[17] = rows;
-		$[18] = t10;
-	} else t10 = $[18];
-	let t11;
-	if ($[19] !== columns || $[20] !== rows) {
-		t11 = rows > 4 && /* @__PURE__ */ jsx(TableSkeletonRow, {
-			columns,
-			last: true
-		});
-		$[19] = columns;
-		$[20] = rows;
-		$[21] = t11;
-	} else t11 = $[21];
-	let t12;
-	if ($[22] !== t10 || $[23] !== t11 || $[24] !== t6 || $[25] !== t7 || $[26] !== t8 || $[27] !== t9) {
-		t12 = /* @__PURE__ */ jsxs("div", {
-			className: "-mx-5",
-			children: [
-				t6,
-				t7,
-				t8,
-				t9,
-				t10,
-				t11
-			]
-		});
-		$[22] = t10;
-		$[23] = t11;
-		$[24] = t6;
-		$[25] = t7;
-		$[26] = t8;
-		$[27] = t9;
-		$[28] = t12;
-	} else t12 = $[28];
-	return t12;
+function TableWidgetSkeleton({ rows = 5, columns = 3 }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "-mx-5",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "border-border flex gap-4 border-b px-5 py-2",
+				children: [
+					/* @__PURE__ */ jsx(Skeleton, {
+						variant: "text",
+						className: "h-4 w-24"
+					}),
+					columns > 1 && /* @__PURE__ */ jsx(Skeleton, {
+						variant: "text",
+						className: "h-4 flex-1"
+					}),
+					columns > 2 && /* @__PURE__ */ jsx(Skeleton, {
+						variant: "text",
+						className: "h-4 flex-1"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(TableSkeletonRow, { columns }),
+			rows > 1 && /* @__PURE__ */ jsx(TableSkeletonRow, { columns }),
+			rows > 2 && /* @__PURE__ */ jsx(TableSkeletonRow, { columns }),
+			rows > 3 && /* @__PURE__ */ jsx(TableSkeletonRow, { columns }),
+			rows > 4 && /* @__PURE__ */ jsx(TableSkeletonRow, {
+				columns,
+				last: true
+			})
+		]
+	});
 }
-function TableSkeletonRow(t0) {
-	const $ = c(11);
-	const { columns: t1, last: t2 } = t0;
-	const columns = t1 === void 0 ? 3 : t1;
-	const t3 = (t2 === void 0 ? false : t2) && "border-0";
-	let t4;
-	if ($[0] !== t3) {
-		t4 = cn("border-border flex gap-4 border-b px-5 py-3", t3);
-		$[0] = t3;
-		$[1] = t4;
-	} else t4 = $[1];
-	let t5;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ jsx(Skeleton, {
-			variant: "text",
-			className: "h-4 w-20"
-		});
-		$[2] = t5;
-	} else t5 = $[2];
-	let t6;
-	if ($[3] !== columns) {
-		t6 = columns > 1 && /* @__PURE__ */ jsx(Skeleton, {
-			variant: "text",
-			className: "h-4 flex-1"
-		});
-		$[3] = columns;
-		$[4] = t6;
-	} else t6 = $[4];
-	let t7;
-	if ($[5] !== columns) {
-		t7 = columns > 2 && /* @__PURE__ */ jsx(Skeleton, {
-			variant: "text",
-			className: "h-4 flex-1"
-		});
-		$[5] = columns;
-		$[6] = t7;
-	} else t7 = $[6];
-	let t8;
-	if ($[7] !== t4 || $[8] !== t6 || $[9] !== t7) {
-		t8 = /* @__PURE__ */ jsxs("div", {
-			className: t4,
-			children: [
-				t5,
-				t6,
-				t7
-			]
-		});
-		$[7] = t4;
-		$[8] = t6;
-		$[9] = t7;
-		$[10] = t8;
-	} else t8 = $[10];
-	return t8;
+function TableSkeletonRow({ columns = 3, last = false }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("border-border flex gap-4 border-b px-5 py-3", last && "border-0"),
+		children: [
+			/* @__PURE__ */ jsx(Skeleton, {
+				variant: "text",
+				className: "h-4 w-20"
+			}),
+			columns > 1 && /* @__PURE__ */ jsx(Skeleton, {
+				variant: "text",
+				className: "h-4 flex-1"
+			}),
+			columns > 2 && /* @__PURE__ */ jsx(Skeleton, {
+				variant: "text",
+				className: "h-4 flex-1"
+			})
+		]
+	});
 }
-function TimelineWidgetSkeleton(t0) {
-	const $ = c(14);
-	const { count: t1 } = t0;
-	const count = t1 === void 0 ? 5 : t1;
-	let t2;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsx(TimelineSkeletonItem, {});
-		$[0] = t2;
-	} else t2 = $[0];
-	let t3;
-	if ($[1] !== count) {
-		t3 = count > 1 && /* @__PURE__ */ jsx(TimelineSkeletonItem, {});
-		$[1] = count;
-		$[2] = t3;
-	} else t3 = $[2];
-	let t4;
-	if ($[3] !== count) {
-		t4 = count > 2 && /* @__PURE__ */ jsx(TimelineSkeletonItem, {});
-		$[3] = count;
-		$[4] = t4;
-	} else t4 = $[4];
-	let t5;
-	if ($[5] !== count) {
-		t5 = count > 3 && /* @__PURE__ */ jsx(TimelineSkeletonItem, {});
-		$[5] = count;
-		$[6] = t5;
-	} else t5 = $[6];
-	let t6;
-	if ($[7] !== count) {
-		t6 = count > 4 && /* @__PURE__ */ jsx(TimelineSkeletonItem, { last: true });
-		$[7] = count;
-		$[8] = t6;
-	} else t6 = $[8];
-	let t7;
-	if ($[9] !== t3 || $[10] !== t4 || $[11] !== t5 || $[12] !== t6) {
-		t7 = /* @__PURE__ */ jsxs("div", {
-			className: "space-y-4",
-			children: [
-				t2,
-				t3,
-				t4,
-				t5,
-				t6
-			]
-		});
-		$[9] = t3;
-		$[10] = t4;
-		$[11] = t5;
-		$[12] = t6;
-		$[13] = t7;
-	} else t7 = $[13];
-	return t7;
+function TimelineWidgetSkeleton({ count = 5 }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-4",
+		children: [
+			/* @__PURE__ */ jsx(TimelineSkeletonItem, {}),
+			count > 1 && /* @__PURE__ */ jsx(TimelineSkeletonItem, {}),
+			count > 2 && /* @__PURE__ */ jsx(TimelineSkeletonItem, {}),
+			count > 3 && /* @__PURE__ */ jsx(TimelineSkeletonItem, {}),
+			count > 4 && /* @__PURE__ */ jsx(TimelineSkeletonItem, { last: true })
+		]
+	});
 }
-function TimelineSkeletonItem(t0) {
-	const $ = c(8);
-	const { last: t1 } = t0;
-	const last = t1 === void 0 ? false : t1;
-	let t2;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsx(Skeleton, {
-			variant: "avatar",
-			className: "h-3 w-3"
-		});
-		$[0] = t2;
-	} else t2 = $[0];
-	let t3;
-	if ($[1] !== last) {
-		t3 = !last && /* @__PURE__ */ jsx(Skeleton, { className: "mt-1 w-0.5 flex-1" });
-		$[1] = last;
-		$[2] = t3;
-	} else t3 = $[2];
-	let t4;
-	if ($[3] !== t3) {
-		t4 = /* @__PURE__ */ jsxs("div", {
+function TimelineSkeletonItem({ last = false }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex gap-3",
+		children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex flex-col items-center",
-			children: [t2, t3]
-		});
-		$[3] = t3;
-		$[4] = t4;
-	} else t4 = $[4];
-	let t5;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ jsxs("div", {
+			children: [/* @__PURE__ */ jsx(Skeleton, {
+				variant: "avatar",
+				className: "h-3 w-3"
+			}), !last && /* @__PURE__ */ jsx(Skeleton, { className: "mt-1 w-0.5 flex-1" })]
+		}), /* @__PURE__ */ jsxs("div", {
 			className: "flex-1 space-y-1 pb-4",
 			children: [
 				/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" }),
 				/* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-1/2" }),
 				/* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-20" })
 			]
-		});
-		$[5] = t5;
-	} else t5 = $[5];
-	let t6;
-	if ($[6] !== t4) {
-		t6 = /* @__PURE__ */ jsxs("div", {
-			className: "flex gap-3",
-			children: [t4, t5]
-		});
-		$[6] = t4;
-		$[7] = t6;
-	} else t6 = $[7];
-	return t6;
+		})]
+	});
 }
 function ProgressWidgetSkeleton() {
-	const $ = c(1);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsxs("div", {
-			className: "space-y-3",
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ jsx(Skeleton, {
-						variant: "text",
-						className: "h-4 w-32"
-					}), /* @__PURE__ */ jsx(Skeleton, {
-						variant: "text",
-						className: "h-4 w-12"
-					})]
-				}),
-				/* @__PURE__ */ jsx(Skeleton, {
-					variant: "chip",
-					className: "h-2 w-full"
-				}),
-				/* @__PURE__ */ jsx(Skeleton, {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-3",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ jsx(Skeleton, {
 					variant: "text",
-					className: "h-3 w-24"
-				})
-			]
-		});
-		$[0] = t0;
-	} else t0 = $[0];
-	return t0;
+					className: "h-4 w-32"
+				}), /* @__PURE__ */ jsx(Skeleton, {
+					variant: "text",
+					className: "h-4 w-12"
+				})]
+			}),
+			/* @__PURE__ */ jsx(Skeleton, {
+				variant: "chip",
+				className: "h-2 w-full"
+			}),
+			/* @__PURE__ */ jsx(Skeleton, {
+				variant: "text",
+				className: "h-3 w-24"
+			})
+		]
+	});
 }
-function ValueWidgetSkeleton(t0) {
-	const $ = c(9);
-	const { featured: t1 } = t0;
-	const featured = t1 === void 0 ? false : t1;
-	let t2;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-10 shrink-0" });
-		$[0] = t2;
-	} else t2 = $[0];
-	let t3;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" });
-		$[1] = t3;
-	} else t3 = $[1];
-	const t4 = featured ? "w-40" : "w-24";
-	let t5;
-	if ($[2] !== t4) {
-		t5 = cn("h-8", t4);
-		$[2] = t4;
-		$[3] = t5;
-	} else t5 = $[3];
-	let t6;
-	if ($[4] !== t5) {
-		t6 = /* @__PURE__ */ jsxs("div", {
+function ValueWidgetSkeleton({ featured = false }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-3",
+		children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex items-start gap-3",
-			children: [t2, /* @__PURE__ */ jsxs("div", {
+			children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-10 shrink-0" }), /* @__PURE__ */ jsxs("div", {
 				className: "flex-1 space-y-2",
-				children: [t3, /* @__PURE__ */ jsx(Skeleton, { className: t5 })]
+				children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }), /* @__PURE__ */ jsx(Skeleton, { className: cn("h-8", featured ? "w-40" : "w-24") })]
 			})]
-		});
-		$[4] = t5;
-		$[5] = t6;
-	} else t6 = $[5];
-	let t7;
-	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-32" });
-		$[6] = t7;
-	} else t7 = $[6];
-	let t8;
-	if ($[7] !== t6) {
-		t8 = /* @__PURE__ */ jsxs("div", {
-			className: "space-y-3",
-			children: [t6, t7]
-		});
-		$[7] = t6;
-		$[8] = t8;
-	} else t8 = $[8];
-	return t8;
+		}), /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-32" })]
+	});
 }
 
 //#endregion