themelia-react-ui 1.0.2 → 2.0.1

package/dist/data-display-DafIvCl5.js

@@ -0,0 +1,960 @@
+"use client";
+import { s as e } from "./ui-provider-1D_NSYzO.js";
+import { useStrings as t } from "./lib/strings.js";
+import { t as n } from "./utils-l5LpDw2z.js";
+import { a as r, o as i, s as a } from "./typography-DTRkE9zL.js";
+import { r as o, t as s } from "./structure-DC2dygdA.js";
+import { i as c, o as l, r as u, s as d } from "./feedback-qNuMBtRH.js";
+import { _ as f, m as p } from "./primitives-B-CkiEMU.js";
+import { t as m } from "./badge-MrKVNzW9.js";
+import { t as h } from "./separator-C8DlRGwF.js";
+import { n as g } from "./display-DsQTVzMz.js";
+import { c as _, n as v, o as y, r as b, t as x, u as S } from "./item-DEmDiTlD.js";
+import { forwardRef as C, useId as w } from "react";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { Search as O } from "lucide-react";
+//#region src/components/blocks/data-display/dense-info-card/helpers.tsx
+function k({ value: e, max: t = 5, label: r }) {
+	return /* @__PURE__ */ D("div", {
+		className: n("helpers--component", "flex items-center gap-space-md"),
+		children: [/* @__PURE__ */ E("div", {
+			className: "flex items-center gap-space-xs",
+			children: Array.from({ length: t }, (t, r) => /* @__PURE__ */ E("div", { className: n("h-1.5 w-3 rounded-full", r < e ? "bg-muted-foreground" : "bg-muted") }, r))
+		}), !!r && /* @__PURE__ */ E(a, {
+			size: "xs",
+			type: "secondary",
+			children: r
+		})]
+	});
+}
+function A({ label: e, value: t, badge: n, badgeTone: r }) {
+	return /* @__PURE__ */ D(s, {
+		direction: "horizontal",
+		align: "center",
+		justify: "between",
+		gap: "md",
+		children: [
+			/* @__PURE__ */ E(a, {
+				size: "xs",
+				className: "shrink-0 text-muted-foreground",
+				children: e
+			}),
+			!!n && /* @__PURE__ */ E(m, {
+				tone: r ?? "secondary",
+				children: n
+			}),
+			!!t && !n && /* @__PURE__ */ E(a, {
+				weight: "semibold",
+				className: "text-right tabular-nums",
+				children: t
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/blocks/data-display/dense-info-card/partials/dense-info-dashboard.tsx
+function j({ title: e, description: t, statusBadges: r, rows: i, secondaryRows: o, scale: c, footerBadges: l, footerText: u, actions: d, className: f }) {
+	return /* @__PURE__ */ E(g, {
+		title: e,
+		description: t,
+		titleSuffix: r.length > 0 ? /* @__PURE__ */ E(s, {
+			direction: "horizontal",
+			wrap: !0,
+			align: "center",
+			gap: "sm",
+			children: r.map((e) => /* @__PURE__ */ E(m, {
+				tone: e.tone,
+				children: e.label
+			}, e.label))
+		}) : void 0,
+		actions: d,
+		className: n("dense-info-dashboard--component", f),
+		children: /* @__PURE__ */ D(s, {
+			gap: "2xl",
+			children: [
+				/* @__PURE__ */ D(s, {
+					gap: "md",
+					children: [i.map((e) => /* @__PURE__ */ E(A, { ...e }, e.label)), !!c && /* @__PURE__ */ D("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ E(a, {
+							size: "xs",
+							className: "text-muted-foreground",
+							children: c.label
+						}), /* @__PURE__ */ E(k, {
+							value: c.value,
+							max: c.max,
+							label: `${String(c.value)}/${String(c.max ?? 5)}`
+						})]
+					})]
+				}),
+				!!o && o.length > 0 && /* @__PURE__ */ E(s, {
+					gap: "md",
+					children: o.map((e) => /* @__PURE__ */ E(A, { ...e }, e.label))
+				}),
+				(!!l || !!u) && /* @__PURE__ */ D(s, {
+					direction: "horizontal",
+					wrap: !0,
+					align: "center",
+					gap: "md",
+					children: [!!l && l.map((e) => /* @__PURE__ */ E(m, {
+						tone: e.tone,
+						children: e.label
+					}, e.label)), !!u && /* @__PURE__ */ E(a, {
+						size: "xs",
+						className: "text-muted-foreground",
+						children: u
+					})]
+				})
+			]
+		})
+	});
+}
+j.displayName = "DenseInfoDashboard";
+//#endregion
+//#region src/components/blocks/data-display/inline-stat/inline-stat.tsx
+function M({ label: e, value: t, layout: i = "between", mono: a = !1, className: o, labelClassName: c, valueClassName: l }) {
+	let u = a ? p : f, d = E(typeof e == "string" || typeof e == "number" ? r : "span", {
+		className: c,
+		children: e
+	});
+	return i === "stacked" ? /* @__PURE__ */ D(s, {
+		gap: "2xs",
+		className: n("inline-stat--component", o),
+		children: [d, /* @__PURE__ */ E(u, {
+			size: "inherit",
+			className: n("text-sm leading-snug", a && "tabular-nums", l),
+			children: t
+		})]
+	}) : /* @__PURE__ */ D(s, {
+		direction: "horizontal",
+		gap: "md",
+		justify: i === "between" ? "between" : "start",
+		wrap: !1,
+		className: n("inline-stat--component", o),
+		children: [d, /* @__PURE__ */ E(u, {
+			size: "inherit",
+			className: n("text-sm leading-snug", a && "tabular-nums", l),
+			children: t
+		})]
+	});
+}
+M.displayName = "InlineStat";
+//#endregion
+//#region src/components/blocks/data-display/dense-info-card/dense-info.strings.ts
+var N = {
+	total: "Total",
+	tasks: "tasks",
+	priority: "priority"
+};
+//#endregion
+//#region src/components/blocks/data-display/dense-info-card/partials/dense-info-classification.tsx
+function P({ title: e, description: r, stats: c, items: l, totalLabel: u, totalValue: d, footerBadges: p, footerText: C, actions: w, className: O, strings: k }) {
+	let A = t(N, k);
+	return /* @__PURE__ */ E(g, {
+		title: e,
+		description: r,
+		actions: w,
+		className: n("dense-info-classification--component", O),
+		children: /* @__PURE__ */ D(s, {
+			gap: "2xl",
+			children: [
+				/* @__PURE__ */ E(o, {
+					columns: {
+						base: 2,
+						sm: 3
+					},
+					gap: "xl",
+					children: c.map((e) => /* @__PURE__ */ D(s, {
+						gap: "dense",
+						className: "min-w-0 items-start",
+						children: [
+							/* @__PURE__ */ E(i, {
+								tag: "h4",
+								className: "border-none pb-0 text-base font-semibold tabular-nums",
+								children: e.value
+							}),
+							/* @__PURE__ */ E(a, {
+								size: "xs",
+								type: "secondary",
+								weight: "medium",
+								children: e.label
+							}),
+							!!e.trendBadge && /* @__PURE__ */ E(m, {
+								tone: e.trendTone ?? "secondary",
+								className: "self-start",
+								children: e.trendBadge
+							})
+						]
+					}, e.label))
+				}),
+				/* @__PURE__ */ D(s, {
+					gap: "md",
+					children: [/* @__PURE__ */ E(y, { children: l.map((e) => /* @__PURE__ */ D(x, {
+						size: "sm",
+						role: "listitem",
+						children: [
+							/* @__PURE__ */ E(_, { children: /* @__PURE__ */ E("span", { className: n("h-2 w-2 shrink-0 rounded-full", e.dotColor) }) }),
+							/* @__PURE__ */ E(b, { children: /* @__PURE__ */ D(S, {
+								bold: !1,
+								className: "gap-space-md",
+								children: [e.label, !!e.badge && /* @__PURE__ */ E(m, {
+									tone: e.badgeTone ?? "secondary",
+									children: e.badge
+								})]
+							}) }),
+							/* @__PURE__ */ E(v, { children: /* @__PURE__ */ E(f, {
+								weight: "semibold",
+								className: "tabular-nums",
+								children: e.value
+							}) })
+						]
+					}, e.label)) }), !!d && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(h, {}), /* @__PURE__ */ E(M, {
+						label: /* @__PURE__ */ E(a, {
+							tag: "span",
+							weight: "bold",
+							lineHeight: "tight",
+							children: u ?? A.total
+						}),
+						value: d,
+						valueClassName: "text-sm font-bold tabular-nums"
+					})] })]
+				}),
+				(!!p || !!C) && /* @__PURE__ */ D(s, {
+					direction: "horizontal",
+					wrap: !0,
+					align: "center",
+					gap: "md",
+					children: [!!p && p.map((e) => /* @__PURE__ */ E(m, {
+						tone: e.tone,
+						children: e.label
+					}, e.label)), !!C && /* @__PURE__ */ E(a, {
+						size: "xs",
+						className: "text-muted-foreground",
+						children: C
+					})]
+				})
+			]
+		})
+	});
+}
+P.displayName = "DenseInfoClassification";
+//#endregion
+//#region src/components/blocks/data-display/dense-info-card/partials/dense-info-financial.tsx
+function F({ title: e, description: r, headerBadges: i, lineItems: o, totalLabel: c, totalAmount: l, footerBadges: u, footerText: d, actions: p, className: _, strings: C }) {
+	let w = t(N, C);
+	return /* @__PURE__ */ E(g, {
+		title: e,
+		description: r,
+		titleSuffix: i.length > 0 ? /* @__PURE__ */ E(s, {
+			direction: "horizontal",
+			wrap: !0,
+			align: "center",
+			gap: "sm",
+			children: i.map((e) => /* @__PURE__ */ E(m, {
+				tone: e.tone,
+				children: e.label
+			}, e.label))
+		}) : void 0,
+		actions: p,
+		className: n("dense-info-financial--component", _),
+		children: /* @__PURE__ */ D(s, {
+			gap: "2xl",
+			children: [/* @__PURE__ */ D(s, {
+				gap: "md",
+				children: [/* @__PURE__ */ E(y, { children: o.map((e) => /* @__PURE__ */ D(x, {
+					size: "sm",
+					role: "listitem",
+					children: [/* @__PURE__ */ E(b, { children: /* @__PURE__ */ D(S, {
+						className: "gap-space-md",
+						children: [e.label, !!e.badge && /* @__PURE__ */ E(m, {
+							tone: e.badgeTone ?? "secondary",
+							children: e.badge
+						})]
+					}) }), /* @__PURE__ */ E(v, { children: /* @__PURE__ */ E(f, {
+						weight: "semibold",
+						className: "tabular-nums",
+						children: e.amount
+					}) })]
+				}, e.label)) }), !!l && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(h, {}), /* @__PURE__ */ E(M, {
+					label: /* @__PURE__ */ E(a, {
+						tag: "span",
+						weight: "semibold",
+						lineHeight: "tight",
+						children: c ?? w.total
+					}),
+					value: l,
+					valueClassName: "text-sm font-semibold tabular-nums"
+				})] })]
+			}), (!!u || !!d) && /* @__PURE__ */ D(s, {
+				direction: "horizontal",
+				wrap: !0,
+				align: "center",
+				gap: "md",
+				children: [!!u && u.map((e) => /* @__PURE__ */ E(m, {
+					tone: e.tone,
+					children: e.label
+				}, e.label)), !!d && /* @__PURE__ */ E(a, {
+					size: "xs",
+					className: "text-muted-foreground",
+					children: d
+				})]
+			})]
+		})
+	});
+}
+F.displayName = "DenseInfoFinancial";
+//#endregion
+//#region src/components/blocks/data-display/dense-info-card/partials/dense-info-project.tsx
+function I({ title: e, description: r, statusLabel: o, statusTone: c, metaPairs: l, date: u, priority: d, completedTasks: f, totalTasks: p, actions: h, className: _, strings: v }) {
+	let y = t(N, v), b = p > 0 ? Math.round(f / p * 100) : 0, x = 2 * Math.PI * 7, S = x - b / 100 * x;
+	return /* @__PURE__ */ E(g, {
+		padding: "md",
+		actions: h,
+		className: n("dense-info-project-card--component", _),
+		children: /* @__PURE__ */ D(s, {
+			gap: "lg",
+			children: [
+				/* @__PURE__ */ D(s, {
+					gap: "normal",
+					children: [/* @__PURE__ */ D(s, {
+						direction: "horizontal",
+						wrap: !0,
+						align: "center",
+						gap: "sm",
+						children: [/* @__PURE__ */ E(i, {
+							tag: "h5",
+							className: "font-bold border-none pb-0",
+							children: e
+						}), /* @__PURE__ */ E(m, {
+							tone: c,
+							dot: !0,
+							children: o
+						})]
+					}), !!r && /* @__PURE__ */ E(a, {
+						type: "secondary",
+						className: "line-clamp-2",
+						children: r
+					})]
+				}),
+				!!l && l.length > 0 && /* @__PURE__ */ E(s, {
+					direction: "horizontal",
+					wrap: !0,
+					align: "center",
+					gap: "sm",
+					children: l.map((e, t) => /* @__PURE__ */ D("span", {
+						className: "flex items-center gap-space-xs",
+						children: [
+							t > 0 && /* @__PURE__ */ E(a, {
+								tag: "span",
+								type: "discrete",
+								children: "•"
+							}),
+							!!e.icon && /* @__PURE__ */ E("span", {
+								className: "text-muted-foreground",
+								children: e.icon
+							}),
+							/* @__PURE__ */ E(a, {
+								size: "xs",
+								type: "secondary",
+								children: e.label
+							})
+						]
+					}, e.label))
+				}),
+				(!!u || !!d) && /* @__PURE__ */ D(s, {
+					direction: "horizontal",
+					align: "center",
+					justify: "between",
+					gap: "md",
+					children: [!!u && /* @__PURE__ */ E(a, {
+						size: "xs",
+						type: "secondary",
+						children: u
+					}), !!d && /* @__PURE__ */ D(a, {
+						size: "xs",
+						type: "secondary",
+						children: [
+							d,
+							" ",
+							y.priority
+						]
+					})]
+				}),
+				/* @__PURE__ */ D("div", {
+					className: "flex items-center gap-space-md",
+					children: [/* @__PURE__ */ D("svg", {
+						width: "20",
+						height: "20",
+						viewBox: "0 0 20 20",
+						className: "shrink-0",
+						"aria-hidden": "true",
+						children: [/* @__PURE__ */ E("circle", {
+							cx: "10",
+							cy: "10",
+							r: "7",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							className: "stroke-border"
+						}), /* @__PURE__ */ E("circle", {
+							cx: "10",
+							cy: "10",
+							r: "7",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							strokeDasharray: x,
+							strokeDashoffset: S,
+							strokeLinecap: "round",
+							className: "text-primary-accent",
+							transform: "rotate(-90 10 10)"
+						})]
+					}), /* @__PURE__ */ D(a, {
+						size: "xs",
+						weight: "medium",
+						children: [
+							f,
+							"/",
+							p,
+							" ",
+							y.tasks
+						]
+					})]
+				})
+			]
+		})
+	});
+}
+I.displayName = "DenseInfoProjectCard";
+//#endregion
+//#region src/components/blocks/data-display/dense-info-card/partials/dense-info-score.tsx
+function L({ title: e, description: t, statusBadges: r, score: o, scoreLevel: c, scoreFilled: l, scoreTotal: u = 10, rows: d, footerBadges: f, actions: p, className: h }) {
+	let _ = c === "good" ? "bg-success" : c === "medium" ? "bg-warning" : "bg-destructive";
+	return /* @__PURE__ */ E(g, {
+		title: e,
+		description: t,
+		titleSuffix: r.length > 0 ? /* @__PURE__ */ E(s, {
+			direction: "horizontal",
+			wrap: !0,
+			align: "center",
+			gap: "sm",
+			children: r.map((e) => /* @__PURE__ */ E(m, {
+				tone: e.tone,
+				children: e.label
+			}, e.label))
+		}) : void 0,
+		actions: p,
+		className: n("dense-info-score-card--component", h),
+		children: /* @__PURE__ */ D(s, {
+			gap: "2xl",
+			children: [
+				/* @__PURE__ */ D(s, {
+					gap: "md",
+					align: "center",
+					children: [/* @__PURE__ */ E(i, {
+						tag: "h2",
+						className: "text-base font-bold tabular-nums border-none pb-0",
+						children: String(o)
+					}), /* @__PURE__ */ E(s, {
+						direction: "horizontal",
+						align: "center",
+						justify: "center",
+						gap: "xs",
+						children: Array.from({ length: u }, (e, t) => /* @__PURE__ */ E("div", { className: n("h-5 w-2 rounded-radius-sm", t < l ? _ : "bg-muted") }, t))
+					})]
+				}),
+				/* @__PURE__ */ E(s, {
+					gap: "md",
+					children: d.map((e) => /* @__PURE__ */ E(M, {
+						label: /* @__PURE__ */ E(a, {
+							tag: "span",
+							size: "xs",
+							type: "secondary",
+							weight: "medium",
+							lineHeight: "tight",
+							children: e.label
+						}),
+						value: e.value,
+						valueClassName: "text-sm font-semibold text-right tabular-nums"
+					}, e.label))
+				}),
+				!!f && f.length > 0 && /* @__PURE__ */ E(s, {
+					direction: "horizontal",
+					wrap: !0,
+					align: "center",
+					gap: "md",
+					children: f.map((e) => /* @__PURE__ */ E(m, {
+						tone: e.tone,
+						children: e.label
+					}, e.label))
+				})
+			]
+		})
+	});
+}
+L.displayName = "DenseInfoScoreCard";
+//#endregion
+//#region src/components/blocks/data-display/empty-state/empty-state.strings.ts
+var R = {
+	title: "Nothing here yet",
+	description: "Once data lands, it will show up in this view.",
+	ariaLabel: "Empty state"
+}, z = {
+	sm: "!p-surface-xs",
+	md: "!p-surface",
+	lg: "!p-surface-lg"
+}, B = {
+	none: "default",
+	icon: "icon",
+	"icon-soft": "icon",
+	illustration: "default"
+}, V = {
+	none: void 0,
+	icon: void 0,
+	"icon-soft": "bg-muted/50 text-muted-foreground",
+	illustration: "mb-space-xl"
+}, H = C(function({ title: r, description: o, media: f, mediaVariant: p = "none", renderMedia: m, actions: h, footer: g, padding: _, border: v = !1, className: y, strings: b, ariaLabel: x }, S) {
+	let C = t(R, b), { defaultScale: w } = e(), T = _ ?? w ?? "md", O = r ?? C.title, k = o === !1 ? null : o ?? C.description, A = m ? m({ mediaVariant: p }) : f, j = !!A;
+	return /* @__PURE__ */ D(u, {
+		ref: S,
+		role: "status",
+		"aria-label": x ?? C.ariaLabel,
+		className: n("empty-state--component", z[T], v ? "border-border border border-dashed" : "border-border border-0", y),
+		children: [/* @__PURE__ */ D(l, {
+			className: "empty-state--header",
+			children: [
+				!!j && /* @__PURE__ */ E(d, {
+					variant: B[p],
+					className: n("empty-state--media", V[p]),
+					children: A
+				}),
+				/* @__PURE__ */ E(i, {
+					tag: "h3",
+					align: "center",
+					className: "empty-state--title border-0 pb-0",
+					"data-slot": "empty-title",
+					children: O
+				}),
+				!!k && /* @__PURE__ */ E(a, {
+					type: "secondary",
+					align: "center",
+					className: "empty-state--description leading-relaxed [&>a]:text-primary-accent [&>a]:underline [&>a]:underline-offset-4 hover:[&>a]:no-underline",
+					"data-slot": "empty-description",
+					children: k
+				})
+			]
+		}), (!!h || !!g) && /* @__PURE__ */ D(c, {
+			className: "empty-state--content",
+			children: [!!h && /* @__PURE__ */ E(s, {
+				direction: "horizontal",
+				gap: "md",
+				justify: "center",
+				className: "empty-state--actions",
+				children: h
+			}), !!g && /* @__PURE__ */ E(a, {
+				tag: "div",
+				size: "xs",
+				type: "secondary",
+				align: "center",
+				className: "empty-state--footer",
+				children: g
+			})]
+		})]
+	});
+});
+H.displayName = "EmptyState";
+//#endregion
+//#region src/components/blocks/data-display/empty-state/partials/illustrations/document-stack.tsx
+function U({ className: e }) {
+	return /* @__PURE__ */ E("div", {
+		className: n("document-stack-illustration--component relative h-24 w-32", e),
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ D("svg", {
+			viewBox: "0 0 128 96",
+			className: "h-full w-full overflow-visible",
+			focusable: "false",
+			children: [/* @__PURE__ */ D("g", {
+				transform: "rotate(-6 44 44)",
+				children: [
+					/* @__PURE__ */ E("rect", {
+						x: 4.5,
+						y: 4.5,
+						width: 79,
+						height: 79,
+						style: { rx: "var(--radius-md)" },
+						className: "fill-muted/70 dark:fill-muted/40 stroke-border/50 drop-shadow-xs"
+					}),
+					/* @__PURE__ */ E("rect", {
+						x: 13,
+						y: 13,
+						width: 48,
+						height: 8,
+						rx: 4,
+						className: "fill-muted"
+					}),
+					/* @__PURE__ */ E("rect", {
+						x: 13,
+						y: 27,
+						width: 40,
+						height: 6,
+						rx: 3,
+						className: "fill-muted/60"
+					}),
+					/* @__PURE__ */ E("rect", {
+						x: 13,
+						y: 39,
+						width: 36,
+						height: 6,
+						rx: 3,
+						className: "fill-muted/60"
+					})
+				]
+			}), /* @__PURE__ */ D("g", {
+				transform: "rotate(3 84 48)",
+				children: [
+					/* @__PURE__ */ E("rect", {
+						x: 44.5,
+						y: 8.5,
+						width: 79,
+						height: 79,
+						style: { rx: "var(--radius-md)" },
+						className: "fill-background stroke-border drop-shadow-xs"
+					}),
+					/* @__PURE__ */ E("rect", {
+						x: 53,
+						y: 17,
+						width: 48,
+						height: 8,
+						rx: 4,
+						className: "fill-muted"
+					}),
+					/* @__PURE__ */ E("rect", {
+						x: 53,
+						y: 31,
+						width: 40,
+						height: 6,
+						rx: 3,
+						className: "fill-muted/60"
+					}),
+					/* @__PURE__ */ E("rect", {
+						x: 53,
+						y: 43,
+						width: 36,
+						height: 6,
+						rx: 3,
+						className: "fill-muted/60"
+					}),
+					/* @__PURE__ */ E("circle", {
+						cx: 56,
+						cy: 76,
+						r: 3,
+						className: "fill-success"
+					}),
+					/* @__PURE__ */ E("rect", {
+						x: 63,
+						y: 73,
+						width: 32,
+						height: 6,
+						rx: 3,
+						className: "fill-muted/60"
+					})
+				]
+			})]
+		})
+	});
+}
+U.displayName = "DocumentStackIllustration";
+//#endregion
+//#region src/components/blocks/data-display/empty-state/partials/illustrations/inbox-clean.tsx
+function W({ className: e }) {
+	let t = w();
+	return /* @__PURE__ */ E("div", {
+		className: n("inbox-clean-illustration--component relative h-24 w-32", e),
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ D("svg", {
+			viewBox: "0 0 128 96",
+			className: "h-full w-full overflow-visible",
+			focusable: "false",
+			children: [
+				/* @__PURE__ */ E("defs", { children: /* @__PURE__ */ E("clipPath", {
+					id: t,
+					children: /* @__PURE__ */ E("rect", {
+						x: .5,
+						y: 40.5,
+						width: 127,
+						height: 55,
+						style: { rx: "var(--radius)" }
+					})
+				}) }),
+				/* @__PURE__ */ E("circle", {
+					cx: 64,
+					cy: 16,
+					r: 15.5,
+					className: "fill-success/12 stroke-success/30"
+				}),
+				/* @__PURE__ */ E("path", {
+					d: "M59 16l3 3 7-7",
+					fill: "none",
+					className: "stroke-success",
+					strokeWidth: 2,
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				}),
+				/* @__PURE__ */ E("rect", {
+					x: .5,
+					y: 40.5,
+					width: 127,
+					height: 55,
+					style: { rx: "var(--radius)" },
+					className: "fill-background drop-shadow-xs"
+				}),
+				/* @__PURE__ */ D("g", {
+					clipPath: `url(#${t})`,
+					children: [
+						/* @__PURE__ */ E("rect", {
+							x: 1,
+							y: 41,
+							width: 126,
+							height: 12,
+							className: "fill-muted/30"
+						}),
+						/* @__PURE__ */ E("rect", {
+							x: 13,
+							y: 66,
+							width: 48,
+							height: 6,
+							rx: 3,
+							className: "fill-muted/60"
+						}),
+						/* @__PURE__ */ E("rect", {
+							x: 13,
+							y: 76,
+							width: 32,
+							height: 6,
+							rx: 3,
+							className: "fill-muted/40"
+						}),
+						/* @__PURE__ */ E("circle", {
+							cx: 109,
+							cy: 74,
+							r: 6,
+							className: "fill-muted/40"
+						})
+					]
+				}),
+				/* @__PURE__ */ E("rect", {
+					x: .5,
+					y: 40.5,
+					width: 127,
+					height: 55,
+					style: { rx: "var(--radius)" },
+					fill: "none",
+					className: "stroke-border"
+				})
+			]
+		})
+	});
+}
+W.displayName = "InboxCleanIllustration";
+//#endregion
+//#region src/components/blocks/data-display/empty-state/partials/illustrations/search-glass.tsx
+function G({ className: e }) {
+	return /* @__PURE__ */ E("div", {
+		className: n("search-glass-illustration--component", "flex size-20 items-center justify-center rounded-full bg-muted/50 ring-8 ring-muted/30", e),
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ E(O, { className: "size-8 text-muted-foreground" })
+	});
+}
+G.displayName = "SearchGlassIllustration";
+//#endregion
+//#region src/components/blocks/data-display/empty-state/partials/illustrations/stacked-cards.tsx
+function K({ className: e }) {
+	let t = w();
+	return /* @__PURE__ */ E("div", {
+		className: n("stacked-cards-illustration--component relative h-24 w-52", e),
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ D("svg", {
+			viewBox: "0 0 208 96",
+			className: "h-full w-full overflow-visible",
+			focusable: "false",
+			children: [
+				/* @__PURE__ */ E("defs", { children: /* @__PURE__ */ D("linearGradient", {
+					id: t,
+					x1: "0",
+					y1: "0",
+					x2: "0",
+					y2: "1",
+					children: [
+						/* @__PURE__ */ E("stop", {
+							stopColor: "var(--background)",
+							stopOpacity: 0
+						}),
+						/* @__PURE__ */ E("stop", {
+							offset: "0.5",
+							stopColor: "var(--background)",
+							stopOpacity: .6
+						}),
+						/* @__PURE__ */ E("stop", {
+							offset: "1",
+							stopColor: "var(--background)"
+						})
+					]
+				}) }),
+				/* @__PURE__ */ E("rect", {
+					x: 24.5,
+					y: .5,
+					width: 159,
+					height: 23,
+					style: { rx: "var(--radius)" },
+					className: "fill-muted/60 dark:fill-muted/30 stroke-border/50"
+				}),
+				/* @__PURE__ */ E("rect", {
+					x: 12.5,
+					y: 12.5,
+					width: 183,
+					height: 23,
+					style: { rx: "var(--radius)" },
+					className: "fill-muted/80 dark:fill-muted/50 stroke-border/60"
+				}),
+				/* @__PURE__ */ E("rect", {
+					x: .5,
+					y: 24.5,
+					width: 207,
+					height: 63,
+					style: { rx: "var(--radius)" },
+					className: "fill-background stroke-border drop-shadow-xs"
+				}),
+				/* @__PURE__ */ E("rect", {
+					x: 17,
+					y: 40,
+					width: 32,
+					height: 32,
+					rx: 4,
+					className: "fill-muted"
+				}),
+				/* @__PURE__ */ E("rect", {
+					x: 61,
+					y: 44,
+					width: 97.5,
+					height: 10,
+					rx: 4,
+					className: "fill-muted"
+				}),
+				/* @__PURE__ */ E("rect", {
+					x: 61,
+					y: 60,
+					width: 65,
+					height: 8,
+					rx: 4,
+					className: "fill-muted/60"
+				}),
+				/* @__PURE__ */ E("rect", {
+					y: 64,
+					width: 208,
+					height: 32,
+					fill: `url(#${t})`
+				})
+			]
+		})
+	});
+}
+K.displayName = "StackedCardsIllustration";
+//#endregion
+//#region src/components/blocks/data-display/empty-state/partials/illustrations/users-circle.tsx
+function q({ className: e }) {
+	return /* @__PURE__ */ D("div", {
+		className: n("users-circle-illustration--component relative flex h-24 w-32 items-center justify-center", e),
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ E("div", { className: "bg-muted/50 border-border absolute left-2 size-12 rounded-full border-2" }),
+			/* @__PURE__ */ E("div", { className: "bg-muted border-border z-10 size-14 rounded-full border-2 shadow-sm" }),
+			/* @__PURE__ */ E("div", { className: "bg-muted/50 border-border absolute right-2 size-10 rounded-full border-2" })
+		]
+	});
+}
+q.displayName = "UsersCircleIllustration";
+//#endregion
+//#region src/components/blocks/data-display/relationship-card-frame.tsx
+function J(e) {
+	return e ? typeof e == "object" && !Array.isArray(e) && "label" in e ? /* @__PURE__ */ E(m, {
+		inline: !0,
+		tone: e.tone ?? "secondary",
+		size: e.size,
+		children: e.label
+	}) : e : null;
+}
+var Y = C(function({ icon: e, title: t, titleBadge: r, alertSlot: i, metadataSlot: o, primaryActionSlot: c, overflowActionSlot: l, selectorSlot: u, detailsSlot: d, className: f, headerClassName: p, bodyClassName: m, ...h }, g) {
+	let _ = !!i || !!o || !!c || !!u || !!d;
+	return /* @__PURE__ */ D(s, {
+		ref: g,
+		className: n("relationship-card-frame--component", f),
+		...h,
+		children: [/* @__PURE__ */ D(s, {
+			direction: "horizontal",
+			gap: "md",
+			align: "start",
+			justify: "between",
+			wrap: !1,
+			className: n("relationship-card-frame--header", p),
+			children: [/* @__PURE__ */ D(s, {
+				direction: "horizontal",
+				gap: "md",
+				align: "start",
+				wrap: !1,
+				className: "relationship-card-frame--header-start",
+				children: [!!e && /* @__PURE__ */ E("div", {
+					className: "relationship-card-frame--icon mt-space-2xs inline-flex shrink-0 items-center text-muted-foreground",
+					children: e
+				}), /* @__PURE__ */ E("div", {
+					className: "min-w-0",
+					children: /* @__PURE__ */ D(s, {
+						direction: "horizontal",
+						gap: "sm",
+						className: "relationship-card-frame--title-row",
+						children: [/* @__PURE__ */ E(a, {
+							tag: "div",
+							weight: "medium",
+							className: "relationship-card-frame--title truncate",
+							children: t
+						}), !!r && /* @__PURE__ */ E("span", {
+							className: "relationship-card-frame--title-badge inline-flex",
+							children: J(r)
+						})]
+					})
+				})]
+			}), !!l && /* @__PURE__ */ E("div", {
+				className: "relationship-card-frame--overflow shrink-0",
+				children: l
+			})]
+		}), !!_ && /* @__PURE__ */ D(s, {
+			className: n("relationship-card-frame--body", m),
+			children: [
+				!!i && /* @__PURE__ */ E("div", {
+					className: "relationship-card-frame--alert",
+					children: i
+				}),
+				!!u && /* @__PURE__ */ E("div", {
+					className: "relationship-card-frame--selector",
+					children: u
+				}),
+				!!o && /* @__PURE__ */ E("div", {
+					className: "relationship-card-frame--metadata",
+					children: o
+				}),
+				!!c && /* @__PURE__ */ E("div", {
+					className: "relationship-card-frame--primary-action",
+					children: c
+				}),
+				!!d && /* @__PURE__ */ E("div", {
+					className: "relationship-card-frame--details",
+					children: d
+				})
+			]
+		})]
+	});
+});
+Y.displayName = "RelationshipCardFrame";
+//#endregion
+export { W as a, R as c, F as d, P as f, j as h, G as i, L as l, M as m, q as n, U as o, N as p, K as r, H as s, Y as t, I as u };
+
+//# sourceMappingURL=data-display-DafIvCl5.js.map