dishui 0.0.72 → 0.0.73

package/dist/components/Card/index.js

@@ -1,100 +1,101 @@
 import { cn as e } from "../../utils/cn.js";
+import { CardMetric as t } from "./Metric2.js";
 import "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/Card/index.tsx
-var r = ({ children: n, variant: r, bordered: i = !1, dash: a = !1, side: o = !1, imageFull: s = !1, compact: c = !1, hover: l = !0, glass: u = !0, size: d = "sm", className: f = "" }) => {
+var i = ({ children: t, variant: r, bordered: i = !1, dash: a = !1, side: o = !1, imageFull: s = !1, compact: c = !1, hover: l = !0, glass: u = !0, size: d = "sm", className: f = "" }) => {
 	let p = u && !r ? "glass shadow-lg" : "", m = r ? `bg-${r} text-${r}-content shadow-md` : "", h = i ? "card-bordered" : "", g = a ? "card-dash" : "", _ = o ? "card-side" : "", v = s ? "image-full" : "", y = c ? "card-compact" : "", b = l ? "hover:shadow-xl transition-shadow duration-300" : "", x = d ? `card-${d}` : "";
 	f.includes("w-") || f.match(/max-w-|min-w-/);
 	let S = e("card", "", p, m, h, g, _, v, y, b, x, f);
-	return /* @__PURE__ */ t("div", {
+	return /* @__PURE__ */ n("div", {
 		className: S,
-		children: n
+		children: t
 	});
-}, i = ({ children: n, className: r = "" }) => {
+}, a = ({ children: t, className: r = "" }) => {
 	let i = e("card-title", r);
-	return /* @__PURE__ */ t("h2", {
+	return /* @__PURE__ */ n("h2", {
 		className: i,
-		children: n
+		children: t
 	});
-}, a = ({ children: n, className: r = "" }) => {
+}, o = ({ children: t, className: r = "" }) => {
 	let i = e("card-body", r);
-	return /* @__PURE__ */ t("div", {
+	return /* @__PURE__ */ n("div", {
 		className: i,
-		children: n
+		children: t
 	});
-}, o = ({ children: n, className: r = "", justify: i = "end" }) => {
+}, s = ({ children: t, className: r = "", justify: i = "end" }) => {
 	let a = e("card-actions", i && `justify-${i}`, r);
-	return /* @__PURE__ */ t("div", {
+	return /* @__PURE__ */ n("div", {
 		className: a,
-		children: n
+		children: t
 	});
-}, s = {
+}, c = {
 	cover: "[&>img]:object-cover",
 	contain: "[&>img]:object-contain",
 	fill: "[&>img]:object-fill"
-}, c = (e) => typeof e == "number" ? `${e}px` : e, l = ({ children: n, className: r = "", fit: i = "cover", fill: a = !1, height: o }) => {
-	let l = e("figure", s[i], a && "w-full h-full [&>img]:h-full [&>img]:w-full", o !== void 0 && "w-full [&>img]:h-full [&>img]:w-full", r);
-	return /* @__PURE__ */ t("figure", {
-		className: l,
-		style: o === void 0 ? void 0 : { height: c(o) },
-		children: n
+}, l = (e) => typeof e == "number" ? `${e}px` : e, u = ({ children: t, className: r = "", fit: i = "cover", fill: a = !1, height: o }) => {
+	let s = e("figure", c[i], a && "w-full h-full [&>img]:h-full [&>img]:w-full", o !== void 0 && "w-full [&>img]:h-full [&>img]:w-full", r);
+	return /* @__PURE__ */ n("figure", {
+		className: s,
+		style: o === void 0 ? void 0 : { height: l(o) },
+		children: t
 	});
-}, u = ({ variant: t, bordered: n = !1, glass: r = !0, className: i = "" }) => {
+}, d = ({ variant: t, bordered: n = !1, glass: r = !0, className: i = "" }) => {
 	let a = r && !t ? "glass shadow-lg" : "", o = t ? `bg-${t} text-${t}-content shadow-md` : "";
 	return e("card", a, o, n && "card-bordered", i);
-}, d = ({ className: r }) => /* @__PURE__ */ n("svg", {
+}, f = ({ className: t }) => /* @__PURE__ */ r("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
-	className: e("h-4 w-4", r),
+	className: e("h-4 w-4", t),
 	fill: "none",
 	viewBox: "0 0 24 24",
 	stroke: "currentColor",
 	strokeWidth: 2,
-	children: [/* @__PURE__ */ t("circle", {
+	children: [/* @__PURE__ */ n("circle", {
 		cx: "12",
 		cy: "12",
 		r: "9"
-	}), /* @__PURE__ */ t("path", {
+	}), /* @__PURE__ */ n("path", {
 		strokeLinecap: "round",
 		d: "M12 7v5l3 2"
 	})]
-}), f = ({ icon: r, title: i, description: a, layout: o = "vertical", iconShape: s, children: c, variant: l, bordered: d, glass: f = !0, className: p = "", onClick: m }) => {
-	let h = r && /* @__PURE__ */ t("span", {
+}), p = ({ icon: t, title: i, description: a, layout: o = "vertical", iconShape: s, children: c, variant: l, bordered: u, glass: f = !0, className: p = "", onClick: m }) => {
+	let h = t && /* @__PURE__ */ n("span", {
 		className: e("flex shrink-0 items-center justify-center bg-primary/10 text-primary", o === "vertical" ? "size-16" : "size-12", (s ?? (o === "vertical" ? "circle" : "square")) === "circle" ? "rounded-full" : "rounded-xl"),
-		children: r
+		children: t
 	});
-	return /* @__PURE__ */ t("div", {
-		className: u({
+	return /* @__PURE__ */ n("div", {
+		className: d({
 			variant: l,
-			bordered: d,
+			bordered: u,
 			glass: f,
 			className: p
 		}),
 		onClick: m,
-		children: o === "horizontal" ? /* @__PURE__ */ n("div", {
+		children: o === "horizontal" ? /* @__PURE__ */ r("div", {
 			className: "card-body flex-row items-center gap-4",
-			children: [h, /* @__PURE__ */ n("div", {
+			children: [h, /* @__PURE__ */ r("div", {
 				className: "min-w-0 flex-1",
 				children: [
-					/* @__PURE__ */ t("h3", {
+					/* @__PURE__ */ n("h3", {
 						className: "font-semibold text-base-content",
 						children: i
 					}),
-					a && /* @__PURE__ */ t("p", {
+					a && /* @__PURE__ */ n("p", {
 						className: "mt-0.5 text-sm text-base-content/70",
 						children: a
 					}),
 					c
 				]
 			})]
-		}) : /* @__PURE__ */ n("div", {
+		}) : /* @__PURE__ */ r("div", {
 			className: "card-body items-center gap-3 text-center",
 			children: [
 				h,
-				/* @__PURE__ */ t("h3", {
+				/* @__PURE__ */ n("h3", {
 					className: "text-lg font-bold text-base-content",
 					children: i
 				}),
-				a && /* @__PURE__ */ t("p", {
+				a && /* @__PURE__ */ n("p", {
 					className: "text-sm leading-relaxed text-base-content/70",
 					children: a
 				}),
@@ -102,78 +103,78 @@ var r = ({ children: n, variant: r, bordered: i = !1, dash: a = !1, side: o = !1
 			]
 		})
 	});
-}, p = ({ children: r, author: i, avatar: a, date: o, quoteMark: s = !0, divider: c = !0, variant: l, bordered: f, glass: p = !0, className: m = "", onClick: h }) => /* @__PURE__ */ n("div", {
-	className: e(u({
+}, m = ({ children: t, author: i, avatar: a, date: o, quoteMark: s = !0, divider: c = !0, variant: l, bordered: u, glass: p = !0, className: m = "", onClick: h }) => /* @__PURE__ */ r("div", {
+	className: e(d({
 		variant: l,
-		bordered: f,
+		bordered: u,
 		glass: p,
 		className: m
 	}), "relative overflow-hidden"),
 	onClick: h,
-	children: [s && /* @__PURE__ */ t("span", {
+	children: [s && /* @__PURE__ */ n("span", {
 		"aria-hidden": "true",
 		className: "pointer-events-none absolute right-5 top-2 select-none font-serif text-6xl leading-none text-primary/25",
 		children: "”"
-	}), /* @__PURE__ */ n("div", {
+	}), /* @__PURE__ */ r("div", {
 		className: "card-body gap-0 p-6",
-		children: [/* @__PURE__ */ t("div", {
+		children: [/* @__PURE__ */ n("div", {
 			className: "relative z-10 text-lg text-base-content",
-			children: r
-		}), /* @__PURE__ */ n("div", {
+			children: t
+		}), /* @__PURE__ */ r("div", {
 			className: e("mt-4 flex items-center justify-between gap-3", c && "border-t border-base-300 pt-3.5"),
-			children: [/* @__PURE__ */ n("div", {
+			children: [/* @__PURE__ */ r("div", {
 				className: "flex min-w-0 items-center gap-2.5",
-				children: [a && /* @__PURE__ */ t("span", {
+				children: [a && /* @__PURE__ */ n("span", {
 					className: "size-8 shrink-0 overflow-hidden rounded-full",
 					children: a
-				}), i && /* @__PURE__ */ t("span", {
+				}), i && /* @__PURE__ */ n("span", {
 					className: "truncate text-sm font-medium text-primary",
 					children: i
 				})]
-			}), o && /* @__PURE__ */ n("span", {
+			}), o && /* @__PURE__ */ r("span", {
 				className: "flex shrink-0 items-center gap-1.5 text-sm text-base-content/55",
-				children: [/* @__PURE__ */ t(d, {}), o]
+				children: [/* @__PURE__ */ n(f, {}), o]
 			})]
 		})]
 	})]
-}), m = ({ title: e, badge: r, children: i, footerLeft: a, footerRight: o, variant: s, bordered: c, glass: l = !0, className: d = "", onClick: f }) => /* @__PURE__ */ t("div", {
-	className: u({
+}), h = ({ title: e, badge: t, children: i, footerLeft: a, footerRight: o, variant: s, bordered: c, glass: l = !0, className: u = "", onClick: f }) => /* @__PURE__ */ n("div", {
+	className: d({
 		variant: s,
 		bordered: c,
 		glass: l,
-		className: d
+		className: u
 	}),
 	onClick: f,
-	children: /* @__PURE__ */ n("div", {
+	children: /* @__PURE__ */ r("div", {
 		className: "card-body gap-2.5 p-6",
 		children: [
-			/* @__PURE__ */ n("div", {
+			/* @__PURE__ */ r("div", {
 				className: "flex items-center justify-between gap-3",
-				children: [/* @__PURE__ */ t("h3", {
+				children: [/* @__PURE__ */ n("h3", {
 					className: "min-w-0 flex-1 truncate text-lg font-bold text-base-content",
 					children: e
-				}), r && /* @__PURE__ */ t("span", {
+				}), t && /* @__PURE__ */ n("span", {
 					className: "shrink-0",
-					children: r
+					children: t
 				})]
 			}),
-			i && /* @__PURE__ */ t("div", {
+			i && /* @__PURE__ */ n("div", {
 				className: "text-sm text-base-content/75",
 				children: i
 			}),
-			(a || o) && /* @__PURE__ */ n("div", {
+			(a || o) && /* @__PURE__ */ r("div", {
 				className: "mt-1.5 flex items-center justify-between gap-3 text-sm text-base-content/55",
-				children: [/* @__PURE__ */ t("span", {
+				children: [/* @__PURE__ */ n("span", {
 					className: "min-w-0 truncate",
 					children: a
-				}), /* @__PURE__ */ t("span", {
+				}), /* @__PURE__ */ n("span", {
 					className: "shrink-0",
 					children: o
 				})]
 			})
 		]
 	})
-}), h = {
+}), g = {
 	primary: {
 		text: "text-primary",
 		bg: "bg-primary/10"
@@ -198,126 +199,126 @@ var r = ({ children: n, variant: r, bordered: i = !1, dash: a = !1, side: o = !1
 		text: "text-base-content/70",
 		bg: "bg-base-content/5"
 	}
-}, g = ({ label: r, value: i, icon: a, iconPosition: o = "top", iconShape: s = "square", iconBoxed: c = !0, tone: l = "primary", hint: d, loading: f = !1, variant: p, bordered: m = !0, glass: g = !1, className: _ = "", onClick: v }) => {
-	let y = h[l], b = u({
+}, _ = ({ label: t, value: i, icon: a, iconPosition: o = "top", iconShape: s = "square", iconBoxed: c = !0, tone: l = "primary", hint: u, loading: f = !1, variant: p, bordered: m = !0, glass: h = !1, className: _ = "", onClick: v }) => {
+	let y = g[l], b = d({
 		variant: p,
 		bordered: m,
-		glass: g,
+		glass: h,
 		className: e("bg-base-200 p-4", _)
-	}), x = a && /* @__PURE__ */ t("span", {
+	}), x = a && /* @__PURE__ */ n("span", {
 		className: e(o === "left" ? "flex shrink-0 items-center justify-center p-2.5 [&>svg]:h-5 [&>svg]:w-5" : "p-1.5 [&>svg]:h-4 [&>svg]:w-4", s === "circle" ? "rounded-full" : o === "left" ? "rounded-lg" : "rounded-md", y.bg, y.text),
 		children: a
-	}), S = a && /* @__PURE__ */ t("span", {
+	}), S = a && /* @__PURE__ */ n("span", {
 		className: e(o === "left" ? "flex shrink-0" : "inline-flex", "[&>svg]:h-6 [&>svg]:w-6", y.text),
 		children: a
 	});
-	return o === "left" ? /* @__PURE__ */ t("div", {
+	return o === "left" ? /* @__PURE__ */ n("div", {
 		className: e(b, "transition-shadow duration-300 hover:shadow-xl"),
 		onClick: v,
-		children: /* @__PURE__ */ n("div", {
+		children: /* @__PURE__ */ r("div", {
 			className: "flex items-center gap-3",
-			children: [c ? x : S, /* @__PURE__ */ n("div", {
+			children: [c ? x : S, /* @__PURE__ */ r("div", {
 				className: "min-w-0 flex-1",
 				children: [
-					/* @__PURE__ */ t("span", {
+					/* @__PURE__ */ n("span", {
 						className: "block truncate text-xs font-medium text-base-content/60",
-						children: r
+						children: t
 					}),
-					f ? /* @__PURE__ */ t("div", { className: "mt-1 h-6 w-14 animate-pulse rounded bg-base-content/10" }) : /* @__PURE__ */ t("p", {
+					f ? /* @__PURE__ */ n("div", { className: "mt-1 h-6 w-14 animate-pulse rounded bg-base-content/10" }) : /* @__PURE__ */ n("p", {
 						className: "truncate text-xl font-bold leading-tight text-base-content",
 						children: i
 					}),
-					d && /* @__PURE__ */ t("p", {
+					u && /* @__PURE__ */ n("p", {
 						className: "mt-0.5 truncate text-[11px] text-base-content/50",
-						children: d
+						children: u
 					})
 				]
 			})]
 		})
-	}) : /* @__PURE__ */ n("div", {
+	}) : /* @__PURE__ */ r("div", {
 		className: e(b, "transition-shadow duration-300 hover:shadow-xl"),
 		onClick: v,
 		children: [
-			/* @__PURE__ */ n("div", {
+			/* @__PURE__ */ r("div", {
 				className: "mb-2 flex items-center justify-between gap-2",
-				children: [/* @__PURE__ */ t("span", {
+				children: [/* @__PURE__ */ n("span", {
 					className: "truncate text-xs font-medium text-base-content/60",
-					children: r
+					children: t
 				}), c ? x : S]
 			}),
-			f ? /* @__PURE__ */ t("div", { className: "h-7 w-14 animate-pulse rounded bg-base-content/10" }) : /* @__PURE__ */ t("p", {
+			f ? /* @__PURE__ */ n("div", { className: "h-7 w-14 animate-pulse rounded bg-base-content/10" }) : /* @__PURE__ */ n("p", {
 				className: "text-2xl font-bold leading-none text-base-content",
 				children: i
 			}),
-			d && /* @__PURE__ */ t("p", {
+			u && /* @__PURE__ */ n("p", {
 				className: "mt-1.5 text-[11px] text-base-content/50",
-				children: d
+				children: u
 			})
 		]
 	});
-}, _ = {
+}, v = {
 	primary: "text-primary",
 	success: "text-success",
 	warning: "text-warning",
 	info: "text-info",
 	error: "text-error",
 	neutral: "text-base-content/70"
-}, v = {
+}, y = {
 	primary: "bg-primary text-primary-content",
 	success: "bg-success text-success-content",
 	warning: "bg-warning text-warning-content",
 	info: "bg-info text-info-content",
 	error: "bg-error text-error-content",
 	neutral: "bg-neutral text-neutral-content"
-}, y = {
+}, b = {
 	md: "text-2xl",
 	lg: "text-4xl",
 	xl: "text-5xl",
 	"2xl": "text-6xl"
-}, b = (e) => e === "neutral" ? "var(--color-base-content)" : `var(--color-${e})`, x = ({ data: e, type: r, height: i }) => {
+}, x = (e) => e === "neutral" ? "var(--color-base-content)" : `var(--color-${e})`, S = ({ data: e, type: t, height: i }) => {
 	if (!e || e.length < 2) return null;
 	let a = Math.min(...e), o = Math.max(...e) - a || 1, s = (t) => t / (e.length - 1) * 100, c = (e) => i - 3 - (e - a) / o * (i - 6), l = e.map((e, t) => `${s(t).toFixed(2)},${c(e).toFixed(2)}`);
-	if (r === "bar") {
-		let n = 100 / e.length;
-		return /* @__PURE__ */ t("svg", {
+	if (t === "bar") {
+		let t = 100 / e.length;
+		return /* @__PURE__ */ n("svg", {
 			viewBox: `0 0 100 ${i}`,
 			preserveAspectRatio: "none",
 			className: "block w-full",
 			style: { height: i },
 			"aria-hidden": "true",
-			children: e.map((e, r) => /* @__PURE__ */ t("rect", {
-				x: s(r) - n / 2,
+			children: e.map((e, r) => /* @__PURE__ */ n("rect", {
+				x: s(r) - t / 2,
 				y: c(e),
-				width: n * .8,
+				width: t * .8,
 				height: Math.max(1, i - 3 - c(e)),
 				fill: "currentColor"
 			}, r))
 		});
 	}
-	return r === "area" ? /* @__PURE__ */ n("svg", {
+	return t === "area" ? /* @__PURE__ */ r("svg", {
 		viewBox: `0 0 100 ${i}`,
 		preserveAspectRatio: "none",
 		className: "block w-full",
 		style: { height: i },
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ t("path", {
+		children: [/* @__PURE__ */ n("path", {
 			d: `M0,${i} L${l.join(" L")} L100,${i} Z`,
 			fill: "currentColor",
 			opacity: .18
-		}), /* @__PURE__ */ t("polyline", {
+		}), /* @__PURE__ */ n("polyline", {
 			points: l.join(" "),
 			fill: "none",
 			stroke: "currentColor",
 			strokeWidth: 1.5,
 			vectorEffect: "non-scaling-stroke"
 		})]
-	}) : /* @__PURE__ */ t("svg", {
+	}) : /* @__PURE__ */ n("svg", {
 		viewBox: `0 0 100 ${i}`,
 		preserveAspectRatio: "none",
 		className: "block w-full",
 		style: { height: i },
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ t("polyline", {
+		children: /* @__PURE__ */ n("polyline", {
 			points: l.join(" "),
 			fill: "none",
 			stroke: "currentColor",
@@ -325,47 +326,47 @@ var r = ({ children: n, variant: r, bordered: i = !1, dash: a = !1, side: o = !1
 			vectorEffect: "non-scaling-stroke"
 		})
 	});
-}, S = ({ label: e, value: r, tone: i = "primary", loading: a = !1, className: o = "", unit: s, valueSize: c = "xl", align: l = "left", sparkline: u, sparklineData: d, sparklineType: f = "line", sparklineHeight: p = 36, indicator: m = !1, filled: h = !1, onClick: g }) => {
-	let S = u ?? (d && d.length >= 2 ? /* @__PURE__ */ t(x, {
+}, C = ({ label: e, value: t, tone: i = "primary", loading: a = !1, className: o = "", unit: s, valueSize: c = "xl", align: l = "left", sparkline: u, sparklineData: d, sparklineType: f = "line", sparklineHeight: p = 36, indicator: m = !1, filled: h = !1, onClick: g }) => {
+	let _ = u ?? (d && d.length >= 2 ? /* @__PURE__ */ n(S, {
 		data: d,
 		type: f,
 		height: p
-	}) : null), C = h ? "" : _[i], w = h ? "opacity-80" : "text-base-content/60";
-	return /* @__PURE__ */ n("div", {
+	}) : null), C = h ? "" : v[i], w = h ? "opacity-80" : "text-base-content/60";
+	return /* @__PURE__ */ r("div", {
 		onClick: g,
-		className: `relative flex flex-col overflow-hidden rounded-lg p-3 ${h ? v[i] : "border border-base-300/60 bg-base-200"} ${g ? "cursor-pointer transition-colors hover:border-primary/40" : ""} ${o}`.trim(),
+		className: `relative flex flex-col overflow-hidden rounded-lg p-3 ${h ? y[i] : "border border-base-300/60 bg-base-200"} ${g ? "cursor-pointer transition-colors hover:border-primary/40" : ""} ${o}`.trim(),
 		children: [
-			m && !h && /* @__PURE__ */ t("span", {
+			m && !h && /* @__PURE__ */ n("span", {
 				"aria-hidden": "true",
 				className: "absolute right-0 top-0 h-0 w-0",
 				style: {
-					borderTop: "14px solid " + b(i),
+					borderTop: "14px solid " + x(i),
 					borderLeft: "14px solid transparent"
 				}
 			}),
-			/* @__PURE__ */ t("div", {
+			/* @__PURE__ */ n("div", {
 				className: `truncate text-xs font-medium ${w} ${l === "center" ? "text-center" : ""}`.trim(),
 				children: e
 			}),
-			/* @__PURE__ */ t("div", {
+			/* @__PURE__ */ n("div", {
 				className: `flex min-h-[3rem] flex-1 items-center py-1 ${l === "center" ? "justify-center" : "justify-start"}`,
-				children: a ? /* @__PURE__ */ t("span", { className: `inline-block h-8 w-16 animate-pulse rounded ${h ? "bg-white/25" : "bg-base-content/10"}` }) : /* @__PURE__ */ n("span", {
-					className: `leading-none tracking-tight ${y[c]} font-semibold ${h ? "" : C}`.trim(),
-					children: [r, s != null && s !== "" && /* @__PURE__ */ t("span", {
+				children: a ? /* @__PURE__ */ n("span", { className: `inline-block h-8 w-16 animate-pulse rounded ${h ? "bg-white/25" : "bg-base-content/10"}` }) : /* @__PURE__ */ r("span", {
+					className: `leading-none tracking-tight ${b[c]} font-semibold ${h ? "" : C}`.trim(),
+					children: [t, s != null && s !== "" && /* @__PURE__ */ n("span", {
 						className: "ml-0.5 text-[0.45em] font-semibold",
 						children: s
 					})]
 				})
 			}),
-			S && /* @__PURE__ */ t("div", {
-				className: `-mx-3 -mb-3 mt-1 ${h ? "text-white" : _[i]}`,
-				children: S
+			_ && /* @__PURE__ */ n("div", {
+				className: `-mx-3 -mb-3 mt-1 ${h ? "text-white" : v[i]}`,
+				children: _
 			})
 		]
 	});
-}, C = r;
-C.Title = i, C.Body = a, C.Actions = o, C.Figure = l, C.Feature = f, C.Quote = p, C.Meta = m, C.Info = g, C.Stat = S;
+}, w = i;
+w.Title = a, w.Body = o, w.Actions = s, w.Figure = u, w.Feature = p, w.Quote = m, w.Meta = h, w.Info = _, w.Stat = C, w.Metric = t;
 //#endregion
-export { C as default };
+export { w as default };
 
 //# sourceMappingURL=index.js.map