themelia-react-ui 2.0.3 → 2.0.5

package/dist/{usage-card-BhO5eqkX.js → usage-card-BeSLY0i0.js}

@@ -1,26 +1,27 @@
 "use client";
-import { c as e } from "./ui-provider-C_U0Xma4.js";
+import { f as e } from "./ui-provider-C-74NVLc.js";
 import { useStrings as t } from "./lib/strings.js";
-import { t as n } from "./utils-BRhFDwuU.js";
-import { n as r } from "./buttons-DPZekJFu.js";
-import { c as i, o as a } from "./typography-UTnveOEy.js";
-import { r as o, t as s } from "./structure-BmisBK-3.js";
-import { t as c } from "./smart-card-DiC5aac3.js";
-import { i as l, t as u } from "./progress-B1VnCT0K.js";
-import { n as d, t as f } from "./number-DbV1Dija.js";
-import { i as p, n as m, r as h, t as g } from "./tabs-CDocW5D1.js";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { t as n } from "./utils-B6kKb8jB.js";
+import { n as r } from "./buttons-BedGfygC.js";
+import { c as i, o as a } from "./typography-BQnine1k.js";
+import { r as o, t as s } from "./structure-DuxKl954.js";
+import { t as c } from "./smart-card-CW0hjetE.js";
+import { i as l, t as u } from "./progress-BJhQP9WX.js";
+import { n as d } from "./composition.recipes-COdiFhxB.js";
+import { n as f, t as p } from "./number-CRU3kGuk.js";
+import { i as m, n as h, r as g, t as _ } from "./tabs-e7ko9S2o.js";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region src/components/blocks/analytics/usage-card/usage-card.data.ts
-function b(e) {
+function x(e) {
 	return typeof e == "number" && Number.isFinite(e) && e >= 0 ? e : null;
 }
-function x(e, t, n = 1) {
-	if (b(e) === null || b(t) === null) return !0;
+function S(e, t, n = 1) {
+	if (x(e) === null || x(t) === null) return !0;
 	let r = Math.max(e, t) * 2 ** -52 * Math.max(1, n);
 	return e - t > r;
 }
-function S(e, t) {
-	let n = b(e), r = b(t), i = n === null ? "unavailable" : t === null ? "unlimited" : r === null ? "unavailable" : "limited", a = n !== null && r !== null && r > 0 ? n / r * 100 : n === 0 && r === 0 ? 0 : null;
+function C(e, t) {
+	let n = x(e), r = x(t), i = n === null ? "unavailable" : t === null ? "unlimited" : r === null ? "unavailable" : "limited", a = n !== null && r !== null && r > 0 ? n / r * 100 : n === 0 && r === 0 ? 0 : null;
 	return {
 		kind: i,
 		used: n,
@@ -31,8 +32,8 @@ function S(e, t) {
 		excess: i === "limited" ? Math.max(0, (n ?? 0) - (r ?? 0)) : null
 	};
 }
-function C(e) {
-	let t = e.map((e) => b(e.value)), n = t.length > 0 && t.every((e) => e !== null), r = t.reduce((e, t) => Math.max(e, t ?? 0), 0);
+function w(e) {
+	let t = e.map((e) => x(e.value)), n = t.length > 0 && t.every((e) => e !== null), r = t.reduce((e, t) => Math.max(e, t ?? 0), 0);
 	return {
 		values: t,
 		average: n ? t.reduce((e, n) => e + (n ?? 0) / t.length, 0) : null,
@@ -41,7 +42,7 @@ function C(e) {
 }
 //#endregion
 //#region src/components/blocks/analytics/usage-card/usage-card.strings.ts
-var w = {
+var T = {
 	title: "Usage",
 	usage: "Usage",
 	used: "used",
@@ -55,34 +56,35 @@ var w = {
 	daily: "Daily usage",
 	average: "Average",
 	perDay: "per day",
+	averageUnavailable: "Average unavailable",
 	resources: "Resources",
 	periods: "Usage period",
 	loading: "Loading usage",
 	error: "Unable to load usage",
 	empty: "No usage data",
 	retry: "Retry"
-}, T = [
+}, E = [
 	"bg-chart-1",
 	"bg-chart-2",
 	"bg-chart-3",
 	"bg-chart-4",
 	"bg-chart-5"
 ];
-function E(e, t) {
-	return T[(e.color === void 0 ? t : e.color - 1) % T.length];
+function D(e, t) {
+	return E[(e.color === void 0 ? t : e.color - 1) % E.length];
 }
-function D({ quota: e, strings: t, prominent: n = !1 }) {
-	let r = S(e.used, e.limit);
-	return /* @__PURE__ */ y(s, {
+function O({ quota: e, strings: t, prominent: n = !1 }) {
+	let r = C(e.used, e.limit);
+	return /* @__PURE__ */ b(s, {
 		gap: "dense",
 		className: "usage-card--quota",
 		children: [
-			/* @__PURE__ */ y(s, {
+			/* @__PURE__ */ b(s, {
 				direction: "horizontal",
 				gap: "xs",
 				align: "baseline",
 				children: [
-					/* @__PURE__ */ v(f, {
+					/* @__PURE__ */ y(p, {
 						type: "inherit",
 						value: r.used,
 						emptyLabel: t.unavailable,
@@ -90,21 +92,21 @@ function D({ quota: e, strings: t, prominent: n = !1 }) {
 						weight: n ? "semibold" : "medium",
 						align: "left"
 					}),
-					!n && r.kind === "limited" && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(i, {
+					!n && r.kind === "limited" && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(i, {
 						tag: "span",
 						type: "secondary",
 						children: t.of
-					}), /* @__PURE__ */ v(f, {
+					}), /* @__PURE__ */ y(p, {
 						value: r.limit,
 						type: "secondary",
 						align: "left"
 					})] }),
-					e.unit && /* @__PURE__ */ v(i, {
+					e.unit && /* @__PURE__ */ y(i, {
 						tag: "span",
 						type: "secondary",
 						children: e.unit
 					}),
-					n && r.used !== null && /* @__PURE__ */ v(i, {
+					n && r.used !== null && /* @__PURE__ */ y(i, {
 						tag: "span",
 						size: "xs",
 						type: "secondary",
@@ -112,29 +114,29 @@ function D({ quota: e, strings: t, prominent: n = !1 }) {
 					})
 				]
 			}),
-			n && r.kind === "limited" && /* @__PURE__ */ y(s, {
+			n && r.kind === "limited" && /* @__PURE__ */ b(s, {
 				direction: "horizontal",
 				gap: "xs",
 				align: "baseline",
-				children: [/* @__PURE__ */ v(i, {
+				children: [/* @__PURE__ */ y(i, {
 					tag: "span",
 					size: "xs",
 					type: "secondary",
 					children: t.of
-				}), /* @__PURE__ */ v(f, {
+				}), /* @__PURE__ */ y(p, {
 					value: r.limit,
 					size: "xs",
 					type: "secondary",
 					align: "left"
 				})]
 			}),
-			r.kind === "unlimited" && /* @__PURE__ */ v(i, {
+			r.kind === "unlimited" && /* @__PURE__ */ y(i, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
 				children: t.unlimited
 			}),
-			r.kind === "unavailable" && r.used !== null && /* @__PURE__ */ v(i, {
+			r.kind === "unavailable" && r.used !== null && /* @__PURE__ */ y(i, {
 				tag: "span",
 				size: "xs",
 				type: "secondary",
@@ -143,59 +145,65 @@ function D({ quota: e, strings: t, prominent: n = !1 }) {
 		]
 	});
 }
-function O({ quota: t, label: r, strings: i, categories: a }) {
-	let o = S(t.used, t.limit), s = e();
+function k({ quota: t, label: r, strings: i, categories: a }) {
+	let o = C(t.used, t.limit), s = e();
 	if (o.kind !== "limited") return null;
-	let c = a?.reduce((e, t) => e + (b(t.value) ?? 0), 0) ?? 0, d = !!a?.length && a.every((e) => b(e.value) !== null) && !x(c, o.used ?? 0, a.length), f = Math.max(o.limit ?? 0, o.used ?? 0), p = f > 0 ? f : 1, m = x(o.used ?? 0, c, a?.length) ? (o.used ?? 0) - c : 0, h = new Intl.NumberFormat(s.locale);
-	return /* @__PURE__ */ v(u, {
+	let c = a?.reduce((e, t) => e + (x(t.value) ?? 0), 0) ?? 0, d = !!a?.length && a.every((e) => x(e.value) !== null) && !S(c, o.used ?? 0, a.length), f = Math.max(o.limit ?? 0, o.used ?? 0), p = f > 0 ? f : 1, m = S(o.used ?? 0, c, a?.length) ? (o.used ?? 0) - c : 0, h = new Intl.NumberFormat(s.locale);
+	return /* @__PURE__ */ y(u, {
 		value: o.progress ?? 0,
 		"aria-label": r,
 		getAriaValueText: () => `${h.format(o.used ?? 0)} ${i.of} ${h.format(o.limit ?? 0)} ${t.unit ?? ""} ${i.used}`,
 		tone: o.excess ? "destructive" : "primary",
-		trackSlot: d ? /* @__PURE__ */ y(l, { children: [a?.map((e, t) => /* @__PURE__ */ v("span", {
+		trackSlot: d ? /* @__PURE__ */ b(l, { children: [a?.map((e, t) => /* @__PURE__ */ y("span", {
 			"aria-hidden": "true",
-			className: n("h-full shrink-0", E(e, t)),
+			className: n("h-full shrink-0", D(e, t)),
 			style: { width: `${(e.value ?? 0) / p * 100}%` }
-		}, e.id)), m > 0 && /* @__PURE__ */ v("span", {
+		}, e.id)), m > 0 && /* @__PURE__ */ y("span", {
 			"aria-hidden": "true",
 			className: "h-full shrink-0 bg-primary",
 			style: { width: `${m / p * 100}%` }
 		})] }) : void 0
 	});
 }
-function k({ days: e, unit: t, strings: n }) {
-	let r = C(e);
-	return /* @__PURE__ */ y(s, {
+function A({ days: e, unit: t, strings: n }) {
+	let r = w(e), o = r.values.filter((e) => e !== null).length >= 2;
+	return /* @__PURE__ */ b(s, {
 		gap: "sm",
 		className: "usage-card--daily",
 		children: [
-			/* @__PURE__ */ y(s, {
+			/* @__PURE__ */ b(s, {
 				direction: "horizontal",
 				justify: "between",
 				align: "baseline",
 				gap: "sm",
-				children: [/* @__PURE__ */ v(a, {
+				children: [/* @__PURE__ */ y(a, {
 					className: "text-inherit",
 					children: n.daily
-				}), /* @__PURE__ */ y(s, {
+				}), r.average === null ? /* @__PURE__ */ y(i, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					className: "usage-card--average",
+					children: n.averageUnavailable ?? T.averageUnavailable
+				}) : /* @__PURE__ */ b(s, {
 					direction: "horizontal",
 					gap: "xs",
 					align: "baseline",
+					className: "usage-card--average",
 					children: [
-						/* @__PURE__ */ v(i, {
+						/* @__PURE__ */ y(i, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
 							children: n.average
 						}),
-						/* @__PURE__ */ v(f, {
+						/* @__PURE__ */ y(p, {
 							type: "inherit",
 							value: r.average,
-							emptyLabel: n.unavailable,
 							options: { maximumFractionDigits: 0 },
 							weight: "medium"
 						}),
-						/* @__PURE__ */ v(i, {
+						/* @__PURE__ */ y(i, {
 							tag: "span",
 							size: "xs",
 							type: "secondary",
@@ -204,42 +212,42 @@ function k({ days: e, unit: t, strings: n }) {
 					]
 				})]
 			}),
-			e.length > 0 && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("svg", {
+			o && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("svg", {
 				viewBox: `0 0 ${e.length * 10} 40`,
 				preserveAspectRatio: "none",
 				"aria-hidden": "true",
 				className: "usage-card--daily-chart h-control-lg w-full overflow-visible",
-				children: r.values.map((e, t) => e === null ? null : /* @__PURE__ */ v("rect", {
+				children: r.values.map((e, t) => e === null ? null : /* @__PURE__ */ y("rect", {
 					x: t * 10 + 1,
 					y: 40 - e / r.maximum * 40,
 					width: 8,
 					height: e / r.maximum * 40,
 					className: "fill-chart-1"
 				}, t))
-			}), /* @__PURE__ */ y(s, {
+			}), /* @__PURE__ */ b(s, {
 				direction: "horizontal",
 				justify: "between",
 				gap: "sm",
 				"aria-hidden": "true",
-				children: [/* @__PURE__ */ v(i, {
+				children: [/* @__PURE__ */ y(i, {
 					size: "xs",
 					type: "secondary",
 					children: e[0]?.label
-				}), e.length > 1 && /* @__PURE__ */ v(i, {
+				}), e.length > 1 && /* @__PURE__ */ y(i, {
 					size: "xs",
 					type: "secondary",
 					children: e[e.length - 1]?.label
 				})]
 			})] }),
-			/* @__PURE__ */ v("ol", {
+			/* @__PURE__ */ y("ol", {
 				className: "sr-only",
 				"aria-label": n.daily,
-				children: e.map((e, r) => /* @__PURE__ */ y("li", { children: [
+				children: e.map((e, r) => /* @__PURE__ */ b("li", { children: [
 					e.label,
 					": ",
-					/* @__PURE__ */ v(f, {
+					/* @__PURE__ */ y(p, {
 						type: "inherit",
-						value: b(e.value),
+						value: x(e.value),
 						emptyLabel: n.unavailable
 					}),
 					" ",
@@ -249,25 +257,25 @@ function k({ days: e, unit: t, strings: n }) {
 		]
 	});
 }
-function A({ data: e, strings: t }) {
-	let r = S(e.used, e.limit), c = e.categories?.reduce((e, t) => e + (b(t.value) ?? 0), 0) ?? 0, l = r.used !== null && x(c, r.used, e.categories?.length);
-	return /* @__PURE__ */ y(s, {
+function j({ data: e, strings: t }) {
+	let r = C(e.used, e.limit), c = e.categories?.reduce((e, t) => e + (x(t.value) ?? 0), 0) ?? 0, l = r.used !== null && S(c, r.used, e.categories?.length);
+	return /* @__PURE__ */ b(s, {
 		gap: "lg",
 		children: [
-			/* @__PURE__ */ y(s, {
+			/* @__PURE__ */ b(s, {
 				gap: "md",
 				className: "usage-card--summary",
 				children: [
-					/* @__PURE__ */ y(s, {
+					/* @__PURE__ */ b(s, {
 						direction: "horizontal",
 						justify: "between",
 						align: "start",
 						gap: "sm",
-						children: [/* @__PURE__ */ v(D, {
+						children: [/* @__PURE__ */ y(O, {
 							quota: e,
 							strings: t,
 							prominent: !0
-						}), r.percent !== null && /* @__PURE__ */ v(d, {
+						}), r.percent !== null && /* @__PURE__ */ y(f, {
 							value: r.percent,
 							scaled: !0,
 							size: "lg",
@@ -276,46 +284,46 @@ function A({ data: e, strings: t }) {
 							options: { maximumFractionDigits: 0 }
 						})]
 					}),
-					/* @__PURE__ */ v(O, {
+					/* @__PURE__ */ y(k, {
 						quota: e,
 						label: t.usage,
 						strings: t,
 						categories: e.categories
 					}),
-					!!e.categories?.length && /* @__PURE__ */ v(o, {
-						render: /* @__PURE__ */ v("ul", { "aria-label": t.breakdown }),
+					!!e.categories?.length && /* @__PURE__ */ y(o, {
+						render: /* @__PURE__ */ y("ul", { "aria-label": t.breakdown }),
 						columns: 3,
 						gap: "sm",
 						className: "m-0 list-none p-0 font-sans usage-card--categories grid-cols-[minmax(0,1fr)_auto_minmax(5ch,max-content)]",
 						children: e.categories.map((e, a) => {
-							let o = b(e.value), c = r.used === null || o === null || l ? null : r.used === 0 ? 0 : o / r.used;
-							return /* @__PURE__ */ y("li", {
+							let o = x(e.value), c = r.used === null || o === null || l ? null : r.used === 0 ? 0 : o / r.used;
+							return /* @__PURE__ */ b("li", {
 								className: "usage-card--category col-span-full grid grid-cols-subgrid items-baseline",
 								children: [
-									/* @__PURE__ */ y(s, {
+									/* @__PURE__ */ b(s, {
 										direction: "horizontal",
 										gap: "sm",
 										align: "center",
 										wrap: !1,
 										className: "min-w-0",
-										children: [/* @__PURE__ */ v("span", {
+										children: [/* @__PURE__ */ y("span", {
 											"aria-hidden": "true",
-											className: n("size-icon-sm shrink-0 rounded-full", E(e, a))
-										}), /* @__PURE__ */ v(i, {
+											className: n("size-icon-sm shrink-0 rounded-full", D(e, a))
+										}), /* @__PURE__ */ y(i, {
 											type: "inherit",
 											tag: "span",
 											className: "break-words",
 											children: e.label
 										})]
 									}),
-									/* @__PURE__ */ v(f, {
+									/* @__PURE__ */ y(p, {
 										type: "inherit",
 										value: o,
 										emptyLabel: t.unavailable,
 										weight: "medium",
 										className: "usage-card--category-value"
 									}),
-									/* @__PURE__ */ v(d, {
+									/* @__PURE__ */ y(f, {
 										value: c,
 										emptyLabel: t.unavailable,
 										type: "secondary",
@@ -326,44 +334,44 @@ function A({ data: e, strings: t }) {
 							}, e.id);
 						})
 					}),
-					l && /* @__PURE__ */ v(i, {
+					l && /* @__PURE__ */ y(i, {
 						size: "xs",
 						type: "secondary",
 						children: t.inconsistentBreakdown
 					})
 				]
 			}),
-			e.daily && /* @__PURE__ */ v(k, {
+			e.daily && /* @__PURE__ */ y(A, {
 				days: e.daily,
 				unit: e.unit,
 				strings: t
 			}),
-			!!e.resources?.length && /* @__PURE__ */ y(s, {
-				gap: "sm",
-				children: [/* @__PURE__ */ v(a, {
+			!!e.resources?.length && /* @__PURE__ */ b(s, {
+				gap: "md",
+				children: [/* @__PURE__ */ y(a, {
 					className: "text-inherit",
 					children: t.resources
-				}), /* @__PURE__ */ v(o, {
+				}), /* @__PURE__ */ y(o, {
 					columns: 1,
 					gap: "md",
 					className: "usage-card--resources @sm/card:grid-cols-3",
-					children: e.resources.map((e) => /* @__PURE__ */ y(s, {
+					children: e.resources.map((e) => /* @__PURE__ */ b(s, {
 						gap: "sm",
 						className: "usage-card--resource min-w-0",
 						role: "group",
 						"aria-label": e.label,
 						children: [
-							/* @__PURE__ */ v(i, {
-								type: "inherit",
+							/* @__PURE__ */ y(i, {
+								type: "secondary",
 								tag: "span",
-								weight: "medium",
+								size: "xs",
 								children: e.label
 							}),
-							/* @__PURE__ */ v(D, {
+							/* @__PURE__ */ y(O, {
 								quota: e,
 								strings: t
 							}),
-							/* @__PURE__ */ v(O, {
+							/* @__PURE__ */ y(k, {
 								quota: e,
 								label: e.label,
 								strings: t
@@ -375,98 +383,98 @@ function A({ data: e, strings: t }) {
 		]
 	});
 }
-function j({ data: e, status: a = "ready", periods: o, period: l, onPeriodChange: u, onRetry: d, loadingSlot: _, errorSlot: b, emptySlot: x, footerAction: C, strings: T, ...E }) {
-	let D = t(w, T), O = a === "ready" && !!e, k = O ? S(e.used, e.limit) : null, j = l ?? o?.[0]?.value ?? "", M = !!o?.length, N;
-	N = a === "loading" ? /* @__PURE__ */ v("div", {
+function M({ data: e, status: a = "ready", periods: o, period: l, onPeriodChange: u, onRetry: f, loadingSlot: v, errorSlot: x, emptySlot: S, footerAction: w, strings: E, ...D }) {
+	let O = t(T, E), k = a === "ready" && !!e, A = k ? C(e.used, e.limit) : null, M = l ?? o?.[0]?.value ?? "", N = !!o?.length, P;
+	P = a === "loading" ? /* @__PURE__ */ y("div", {
 		role: "status",
-		children: _ ?? /* @__PURE__ */ v(i, {
+		children: v ?? /* @__PURE__ */ y(i, {
 			type: "secondary",
-			children: D.loading
+			children: O.loading
 		})
-	}) : a === "error" ? /* @__PURE__ */ y(s, {
+	}) : a === "error" ? /* @__PURE__ */ b(s, {
 		role: "alert",
 		gap: "sm",
-		children: [b ?? /* @__PURE__ */ v(i, {
+		children: [x ?? /* @__PURE__ */ y(i, {
 			type: "inherit",
-			children: D.error
-		}), d && /* @__PURE__ */ v(r, {
+			children: O.error
+		}), f && /* @__PURE__ */ y(r, {
 			tone: "secondary",
-			onClick: d,
-			children: D.retry
+			onClick: f,
+			children: O.retry
 		})]
-	}) : O ? /* @__PURE__ */ v(A, {
+	}) : k ? /* @__PURE__ */ y(j, {
 		data: e,
-		strings: D
-	}) : /* @__PURE__ */ v("div", { children: x ?? /* @__PURE__ */ v(i, {
+		strings: O
+	}) : /* @__PURE__ */ y("div", { children: S ?? /* @__PURE__ */ y(i, {
 		type: "secondary",
-		children: D.empty
+		children: O.empty
 	}) });
-	let P = (k?.kind === "limited" || C) && /* @__PURE__ */ y(s, {
+	let F = (A?.kind === "limited" || w) && /* @__PURE__ */ b(s, {
 		direction: "horizontal",
 		justify: "between",
 		align: "center",
 		gap: "md",
-		children: [k?.kind === "limited" && /* @__PURE__ */ y(s, {
+		children: [A?.kind === "limited" && /* @__PURE__ */ b(s, {
 			direction: "horizontal",
 			gap: "xs",
 			align: "baseline",
 			children: [
-				/* @__PURE__ */ v(f, {
+				/* @__PURE__ */ y(p, {
 					type: "inherit",
-					value: k.excess ? k.excess : k.remaining,
+					value: A.excess ? A.excess : A.remaining,
 					weight: "medium"
 				}),
-				e?.unit && /* @__PURE__ */ v(i, {
+				e?.unit && /* @__PURE__ */ y(i, {
 					tag: "span",
 					type: "secondary",
 					children: e.unit
 				}),
-				/* @__PURE__ */ v(i, {
+				/* @__PURE__ */ y(i, {
 					tag: "span",
 					type: "secondary",
-					children: k.excess ? D.overLimit : D.remaining
+					children: A.excess ? O.overLimit : O.remaining
 				})
 			]
-		}), C]
-	}), F = /* @__PURE__ */ v(c, {
-		...E,
-		title: E.title ?? D.title,
-		className: n("usage-card--component min-w-0", E.className),
+		}), w]
+	}), I = /* @__PURE__ */ y(c, {
+		...D,
+		title: D.title ?? O.title,
+		className: n("usage-card--component min-w-0", D.className),
 		"data-component": "usage-card",
 		"data-slot": "usage-card",
 		"aria-busy": a === "loading" || void 0,
-		headerAction: M ? /* @__PURE__ */ y(s, {
+		headerAction: N ? /* @__PURE__ */ b(s, {
 			direction: "horizontal",
-			gap: "sm",
+			gap: d.commands,
 			align: "center",
 			className: "usage-card--header-actions max-w-full",
-			children: [/* @__PURE__ */ v(h, {
+			children: [/* @__PURE__ */ y(g, {
 				scrollable: !0,
-				"aria-label": D.periods,
-				children: o.map((e) => /* @__PURE__ */ v(p, {
+				"aria-label": O.periods,
+				children: o.map((e) => /* @__PURE__ */ y(m, {
 					value: e.value,
 					disabled: e.disabled || !u,
 					children: e.label
 				}, e.value))
-			}), E.headerAction]
-		}) : E.headerAction,
-		footerSlot: P,
-		children: M ? /* @__PURE__ */ v(m, {
-			value: j,
-			children: N
-		}) : N
+			}), D.headerAction]
+		}) : D.headerAction,
+		footerSlot: F,
+		children: N ? /* @__PURE__ */ y(h, {
+			value: M,
+			children: P
+		}) : P
 	});
-	return M ? /* @__PURE__ */ v(g, {
-		value: j,
+	return N ? /* @__PURE__ */ y(_, {
+		value: M,
 		onValueChange: (e) => {
 			typeof e == "string" && u?.(e);
 		},
 		className: "min-w-0",
-		children: F
-	}) : F;
+		children: I
+	}) : I;
 }
-j.displayName = "UsageCard";
+M.displayName = "UsageCard";
 //#endregion
-export { w as n, j as t };
+export { T as n, M as t };
 
-//# sourceMappingURL=usage-card-BhO5eqkX.js.map
+//# sourceMappingURL=usage-card-BeSLY0i0.js.map