@overvis/hmi-workspace-ui 0.0.0-stage → 0.1.0

package/dist/page-aaUiVOnk.js

@@ -0,0 +1,513 @@
+import { r as e } from "./trpc-CvJUuUXp.js";
+import { f as t, h as n, m as r, n as i } from "./i18n-BgzakKoC.js";
+import { c as a, l as o } from "./spinner-C-HPNxOc.js";
+import { t as s } from "./button-6SxPBYMz.js";
+import { r as c, t as l } from "./dialog-BIhQXcZC.js";
+import { n as u } from "./skeleton-6yk8Tdh5.js";
+import { a as d } from "./context-u9KJQmdB.js";
+import { c as f, i as p, n as ee, o as m, s as te, t as ne } from "./table-Q2-voLuw.js";
+import { a as h, c as g, d as _, o as v, s as y, u as b } from "./notice-card-DyGywFsW.js";
+import { r as x, t as S } from "./alert-B8MAoIO8.js";
+import { t as C } from "./page-header-RB2YFWlE.js";
+import { t as w } from "./query-gate-DVhNIkge.js";
+import { t as T } from "./breadcrumbs-0cjsV2cq.js";
+import { l as E, n as D } from "./catalog-list-DjZojYLJ.js";
+import { a as O, i as k, n as re, o as A, t as ie } from "./retention-BYXNpYmR.js";
+import { a as ae, i as oe, n as se, r as ce, t as le } from "./dialogs-B6BRnf3Q.js";
+import { useEffect as j, useMemo as M, useState as N } from "react";
+import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
+import { FolderIcon as ue, HardDriveIcon as de, PencilIcon as L, PlusIcon as fe, Trash2Icon as R, TriangleAlertIcon as z } from "lucide-react";
+import { formatAppDateTime as B, resolveLocalized as V } from "@overvis/hmi-shared";
+import { canManageWorkspace as pe } from "@overvis/hmi-shared/workspace";
+import { Link as H } from "@tanstack/react-router";
+//#region src/workspace/setup/storage/page.tsx
+function U(e) {
+	return e == null ? "—" : B(e);
+}
+function me({ deletion: t, onEnded: a }) {
+	let o = r(), s = n(), c = i(), l = e.useUtils(), u = e.jobs.wait.useQuery({ jobId: t.jobId }, {
+		refetchInterval: (e) => e.state.data == null || e.state.data.status === "running" ? 2e3 : !1,
+		refetchIntervalInBackground: !0
+	}).data;
+	return j(() => {
+		if (!(u == null || u.status === "running")) {
+			if (u.status === "failed") c.error(o("storage_deletion_failed"));
+			else if (u.status === "interrupted") c.warning(o("storage_deletion_interrupted"));
+			else {
+				let e = "result" in u ? u.result : void 0, t = typeof e == "object" && e && "records" in e ? Number(e.records) : 0;
+				c.success(o("storage_deletion_done", { records: O(t, s) }));
+			}
+			l.storage.invalidate(), a();
+		}
+	}, [
+		s,
+		a,
+		u,
+		o,
+		c,
+		l
+	]), /* @__PURE__ */ F(S, { children: /* @__PURE__ */ F(x, { children: o("storage_deletion_running") }) });
+}
+function W({ label: e, value: t, detail: n }) {
+	return /* @__PURE__ */ I(h, {
+		size: "sm",
+		children: [/* @__PURE__ */ I(b, { children: [/* @__PURE__ */ F(g, { children: e }), /* @__PURE__ */ F(_, {
+			className: "text-2xl tabular-nums",
+			children: t
+		})] }), /* @__PURE__ */ F(y, {
+			className: "text-xs text-muted-foreground",
+			children: n
+		})]
+	});
+}
+function he(e) {
+	switch (e) {
+		case "dashboards": return t("storage_area_dashboards");
+		case "builds": return t("storage_area_builds");
+		case "templates": return t("storage_area_templates");
+		case "uploads": return t("storage_area_uploads");
+		case "other": return t("storage_area_other");
+		case "history": return t("storage_area_history");
+	}
+}
+function ge({ workspaceId: e, area: t }) {
+	let n = r(), i = "\n    text-primary\n    hover:underline\n  ";
+	switch (t) {
+		case "dashboards":
+		case "builds": return /* @__PURE__ */ F(H, {
+			to: "/workspace/$workspaceId/setup/dashboards",
+			params: { workspaceId: e },
+			className: i,
+			children: n("setup_menu_dashboards")
+		});
+		case "uploads": return /* @__PURE__ */ F(H, {
+			to: "/workspace/$workspaceId/setup/files",
+			params: { workspaceId: e },
+			className: i,
+			children: n("setup_menu_files")
+		});
+		case "history": return /* @__PURE__ */ F(H, {
+			to: "/workspace/$workspaceId/audit",
+			params: { workspaceId: e },
+			className: i,
+			children: n("audit_menu")
+		});
+		case "templates":
+		case "other": return /* @__PURE__ */ F("span", {
+			className: "text-muted-foreground",
+			children: n("storage_area_cli")
+		});
+	}
+}
+function G({ workspaceId: t }) {
+	let i = r(), a = n(), j = e.storage.usage.useQuery({ workspaceId: t }), z = e.storage.retention.useQuery({ workspaceId: t }), H = e.parameter.listTree.useQuery({ workspaceId: t }), [G, K] = N(null), [q, ve] = N(null), [ye, be] = N(""), J = pe(d().access), Y = j.data, X = z.data, Z = H.data, Q = M(() => ({
+		parameters: new Map((Z?.parameters ?? []).map((e) => [e.id, V(e.name, a)])),
+		branches: new Map((Z?.branches ?? []).map((e) => [e.id, V(e.name, a)]))
+	}), [a, Z]), xe = M(() => X == null || Z == null ? null : re(X, Z), [X, Z]), Se = (e) => Q.branches.get(e) ?? i("storage_deleted_branch"), Ce = (e) => Q.parameters.get(e.parameterId) ?? e.name ?? i("storage_deleted_parameter"), $ = () => {
+		K(null);
+	}, we = (e) => {
+		K(null), ve({ jobId: e });
+	}, Te = j.isLoading || z.isLoading || H.isLoading, Ee = j.isError || z.isError || H.isError;
+	return /* @__PURE__ */ I(E, { children: [
+		/* @__PURE__ */ F(C, {
+			icon: /* @__PURE__ */ F(de, {}),
+			breadcrumbs: /* @__PURE__ */ F(T, { workspaceId: t }),
+			title: i("storage_title"),
+			description: i("storage_description")
+		}),
+		/* @__PURE__ */ I(D, {
+			className: "flex flex-col gap-4",
+			children: [
+				J ? null : /* @__PURE__ */ F(S, { children: /* @__PURE__ */ F(x, { children: i("storage_manage_admin_only") }) }),
+				q == null ? null : /* @__PURE__ */ F(me, {
+					deletion: q,
+					onEnded: () => {
+						ve(null);
+					}
+				}),
+				Ee ? /* @__PURE__ */ F(w, { message: i("error_request_failed") }) : Te || Y == null || X == null || Z == null || xe == null ? /* @__PURE__ */ I("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ F(u, { className: "h-24 w-full" }), /* @__PURE__ */ F(u, { className: "h-48 w-full" })]
+				}) : /* @__PURE__ */ I(P, { children: [
+					/* @__PURE__ */ I("p", {
+						className: "text-sm text-muted-foreground",
+						children: [Y.billedAt == null ? null : /* @__PURE__ */ I(P, { children: [i("storage_billed_at", { at: B(Y.billedAt) }), " "] }), Y.measuredAt == null ? i("storage_measured_never") : i("storage_measured_at", { at: B(Y.measuredAt) })]
+					}),
+					/* @__PURE__ */ I("div", {
+						className: "\n                grid gap-3\n                sm:grid-cols-2\n                lg:grid-cols-4\n              ",
+						children: [
+							/* @__PURE__ */ F(W, {
+								label: i("storage_readings_title"),
+								value: O(Y.readings.records, a),
+								detail: i("storage_records_unit")
+							}),
+							/* @__PURE__ */ F(W, {
+								label: i("storage_history_title"),
+								value: O(Y.audit.records, a),
+								detail: i("storage_records_unit")
+							}),
+							/* @__PURE__ */ F(W, {
+								label: i("storage_alarm_log_title"),
+								value: O(Y.alarmLog.records, a),
+								detail: i("storage_records_unit")
+							}),
+							/* @__PURE__ */ F(W, {
+								label: i("storage_files_title"),
+								value: k(Y.files.bytes, a),
+								detail: i("storage_files_unit")
+							})
+						]
+					}),
+					/* @__PURE__ */ I(h, { children: [/* @__PURE__ */ I(b, { children: [/* @__PURE__ */ F(_, { children: i("storage_retention_title") }), /* @__PURE__ */ F(g, { children: i("storage_retention_description") })] }), /* @__PURE__ */ I(y, {
+						className: "flex flex-col gap-3",
+						children: [
+							/* @__PURE__ */ I("div", {
+								className: "flex flex-wrap items-center justify-between gap-2",
+								children: [/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+									className: "text-sm font-medium",
+									children: i("storage_default_label")
+								}), /* @__PURE__ */ F("p", {
+									className: "text-sm text-muted-foreground",
+									children: A(X.readingsKeepDays)
+								})] }), J ? /* @__PURE__ */ I(s, {
+									type: "button",
+									size: "sm",
+									variant: "outline",
+									onClick: () => {
+										K({
+											kind: "default",
+											target: "readings"
+										});
+									},
+									children: [/* @__PURE__ */ F(L, { "data-icon": "inline-start" }), i("storage_change")]
+								}) : null]
+							}),
+							X.overrides.map((e, t) => /* @__PURE__ */ I("div", {
+								className: "flex flex-wrap items-start justify-between gap-2 border-t pt-3",
+								children: [/* @__PURE__ */ I("div", {
+									className: "flex min-w-0 flex-col gap-1",
+									children: [/* @__PURE__ */ I("p", {
+										className: "text-sm font-medium",
+										children: [
+											i("storage_rule_label", { n: String(t + 1) }),
+											" · ",
+											A(e.keepDays)
+										]
+									}), /* @__PURE__ */ I("div", {
+										className: "flex flex-wrap gap-1",
+										children: [e.branchIds.map((e) => /* @__PURE__ */ I(o, {
+											variant: "secondary",
+											children: [/* @__PURE__ */ F(ue, { "data-icon": "inline-start" }), Se(e)]
+										}, e)), e.parameterIds.map((e) => /* @__PURE__ */ F(o, {
+											variant: "outline",
+											children: Q.parameters.get(e) ?? i("storage_deleted_parameter")
+										}, e))]
+									})]
+								}), J ? /* @__PURE__ */ I("div", {
+									className: "flex gap-1",
+									children: [/* @__PURE__ */ F(s, {
+										type: "button",
+										size: "icon-sm",
+										variant: "ghost",
+										"aria-label": i("storage_rule_edit_title"),
+										onClick: () => {
+											K({
+												kind: "rule",
+												override: e
+											});
+										},
+										children: /* @__PURE__ */ F(L, {})
+									}), /* @__PURE__ */ F(s, {
+										type: "button",
+										size: "icon-sm",
+										variant: "ghost",
+										"aria-label": i("storage_rule_delete_title"),
+										onClick: () => {
+											K({
+												kind: "delete-rule",
+												override: e
+											});
+										},
+										children: /* @__PURE__ */ F(R, {})
+									})]
+								}) : null]
+							}, e.id)),
+							J ? /* @__PURE__ */ F("div", {
+								className: "border-t pt-3",
+								children: /* @__PURE__ */ I(s, {
+									type: "button",
+									size: "sm",
+									variant: "outline",
+									onClick: () => {
+										K({
+											kind: "rule",
+											override: null
+										});
+									},
+									children: [/* @__PURE__ */ F(fe, { "data-icon": "inline-start" }), i("storage_rule_add")]
+								})
+							}) : null
+						]
+					})] }),
+					/* @__PURE__ */ F(_e, {
+						usage: Y,
+						filter: ye,
+						onFilterChange: be,
+						deleting: q != null,
+						name: Ce,
+						applied: (e) => {
+							let t = xe.parameter(e);
+							return {
+								short: A(t.keepDays),
+								text: ie(t, Se)
+							};
+						},
+						onDelete: J ? (e) => {
+							K({
+								kind: "delete-readings",
+								scope: e
+							});
+						} : null
+					}),
+					/* @__PURE__ */ I(h, { children: [/* @__PURE__ */ I(b, { children: [
+						/* @__PURE__ */ F(_, { children: i("storage_history_title") }),
+						/* @__PURE__ */ F(g, { children: i("storage_history_description") }),
+						J ? /* @__PURE__ */ F(v, { children: /* @__PURE__ */ I(s, {
+							type: "button",
+							size: "sm",
+							variant: "outline",
+							disabled: q != null,
+							onClick: () => {
+								K({
+									kind: "delete-history",
+									target: "audit"
+								});
+							},
+							children: [/* @__PURE__ */ F(R, { "data-icon": "inline-start" }), i("storage_delete_history_action")]
+						}) }) : null
+					] }), /* @__PURE__ */ I(y, {
+						className: "flex flex-wrap items-center justify-between gap-2",
+						children: [/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+							className: "text-sm",
+							children: i("storage_history_summary", {
+								records: O(Y.audit.records, a),
+								since: U(Y.audit.firstAt)
+							})
+						}), /* @__PURE__ */ F("p", {
+							className: "text-sm text-muted-foreground",
+							children: A(X.auditKeepDays)
+						})] }), J ? /* @__PURE__ */ I(s, {
+							type: "button",
+							size: "sm",
+							variant: "outline",
+							onClick: () => {
+								K({
+									kind: "default",
+									target: "audit"
+								});
+							},
+							children: [/* @__PURE__ */ F(L, { "data-icon": "inline-start" }), i("storage_change")]
+						}) : null]
+					})] }),
+					/* @__PURE__ */ I(h, { children: [/* @__PURE__ */ I(b, { children: [
+						/* @__PURE__ */ F(_, { children: i("storage_alarm_log_title") }),
+						/* @__PURE__ */ F(g, { children: i("storage_alarm_log_description") }),
+						J ? /* @__PURE__ */ F(v, { children: /* @__PURE__ */ I(s, {
+							type: "button",
+							size: "sm",
+							variant: "outline",
+							disabled: q != null,
+							onClick: () => {
+								K({
+									kind: "delete-history",
+									target: "alarm_log"
+								});
+							},
+							children: [/* @__PURE__ */ F(R, { "data-icon": "inline-start" }), i("storage_delete_alarm_log_action")]
+						}) }) : null
+					] }), /* @__PURE__ */ I(y, {
+						className: "flex flex-wrap items-center justify-between gap-2",
+						children: [/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("p", {
+							className: "text-sm",
+							children: i("storage_alarm_log_summary", {
+								records: O(Y.alarmLog.records, a),
+								since: U(Y.alarmLog.firstAt)
+							})
+						}), /* @__PURE__ */ F("p", {
+							className: "text-sm text-muted-foreground",
+							children: A(X.alarmLogKeepDays)
+						})] }), J ? /* @__PURE__ */ I(s, {
+							type: "button",
+							size: "sm",
+							variant: "outline",
+							onClick: () => {
+								K({
+									kind: "default",
+									target: "alarm_log"
+								});
+							},
+							children: [/* @__PURE__ */ F(L, { "data-icon": "inline-start" }), i("storage_change")]
+						}) : null]
+					})] }),
+					/* @__PURE__ */ I(h, { children: [/* @__PURE__ */ I(b, { children: [/* @__PURE__ */ F(_, { children: i("storage_files_title") }), /* @__PURE__ */ F(g, { children: i("storage_files_description") })] }), /* @__PURE__ */ F(y, { children: Y.files.areas.length === 0 ? /* @__PURE__ */ F("p", {
+						className: "text-sm text-muted-foreground",
+						children: i("storage_files_empty")
+					}) : /* @__PURE__ */ I(ne, { children: [/* @__PURE__ */ F(te, { children: /* @__PURE__ */ I(f, { children: [
+						/* @__PURE__ */ F(m, { children: i("storage_files_area") }),
+						/* @__PURE__ */ F(m, {
+							className: "text-right",
+							children: i("storage_files_count")
+						}),
+						/* @__PURE__ */ F(m, {
+							className: "text-right",
+							children: i("storage_files_size")
+						}),
+						/* @__PURE__ */ F(m, { children: i("storage_files_managed") })
+					] }) }), /* @__PURE__ */ F(ee, { children: Y.files.areas.map((e) => /* @__PURE__ */ I(f, { children: [
+						/* @__PURE__ */ F(p, { children: he(e.area) }),
+						/* @__PURE__ */ F(p, {
+							className: "text-right tabular-nums",
+							children: O(e.files, a)
+						}),
+						/* @__PURE__ */ F(p, {
+							className: "text-right tabular-nums",
+							children: k(e.bytes, a)
+						}),
+						/* @__PURE__ */ F(p, { children: /* @__PURE__ */ F(ge, {
+							workspaceId: t,
+							area: e.area
+						}) })
+					] }, e.area)) })] }) })] })
+				] })
+			]
+		}),
+		/* @__PURE__ */ F(l, {
+			open: G != null,
+			onOpenChange: (e) => {
+				e || $();
+			},
+			children: /* @__PURE__ */ F(c, { children: G == null || X == null || Z == null ? null : G.kind === "default" ? /* @__PURE__ */ F(oe, {
+				workspaceId: t,
+				kind: G.target,
+				retention: X,
+				onCancel: $,
+				onDone: $
+			}) : G.kind === "rule" ? /* @__PURE__ */ F(ae, {
+				workspaceId: t,
+				retention: X,
+				override: G.override,
+				tree: Z,
+				onCancel: $,
+				onDone: $
+			}) : G.kind === "delete-rule" ? /* @__PURE__ */ F(ce, {
+				workspaceId: t,
+				override: G.override,
+				onCancel: $,
+				onDone: $
+			}) : G.kind === "delete-readings" ? /* @__PURE__ */ F(se, {
+				workspaceId: t,
+				scope: G.scope,
+				onCancel: $,
+				onStarted: we
+			}) : /* @__PURE__ */ F(le, {
+				workspaceId: t,
+				kind: G.target,
+				onCancel: $,
+				onStarted: we
+			}) })
+		})
+	] });
+}
+function _e({ usage: e, filter: t, onFilterChange: i, deleting: o, name: c, applied: l, onDelete: u }) {
+	let d = r(), C = n(), w = t.trim().toLocaleLowerCase(C), T = (e) => w === "" || c(e).toLocaleLowerCase(C).includes(w), E = e.readings.parameters.filter((e) => e.live && T(e)), D = e.readings.parameters.filter((e) => !e.live && T(e)), k = (e, t) => /* @__PURE__ */ I(ne, { children: [/* @__PURE__ */ F(te, { children: /* @__PURE__ */ I(f, { children: [
+		/* @__PURE__ */ F(m, { children: d("storage_column_parameter") }),
+		/* @__PURE__ */ F(m, {
+			className: "text-right",
+			children: d("storage_column_records")
+		}),
+		/* @__PURE__ */ F(m, { children: d("storage_column_oldest") }),
+		/* @__PURE__ */ F(m, { children: d("storage_column_newest") }),
+		t ? /* @__PURE__ */ F(m, { children: d("storage_column_retention") }) : null,
+		u == null ? null : /* @__PURE__ */ F(m, { className: "w-10" })
+	] }) }), /* @__PURE__ */ F(ee, { children: e.map((e) => /* @__PURE__ */ I(f, { children: [
+		/* @__PURE__ */ F(p, {
+			className: "max-w-64 truncate",
+			children: c(e)
+		}),
+		/* @__PURE__ */ F(p, {
+			className: "text-right tabular-nums",
+			children: O(e.records, C)
+		}),
+		/* @__PURE__ */ F(p, {
+			className: "tabular-nums",
+			children: U(e.firstAt)
+		}),
+		/* @__PURE__ */ F(p, {
+			className: "tabular-nums",
+			children: U(e.lastAt)
+		}),
+		t ? /* @__PURE__ */ F(p, {
+			className: "text-muted-foreground",
+			title: l(e.parameterId).text,
+			children: l(e.parameterId).short
+		}) : null,
+		u == null ? null : /* @__PURE__ */ F(p, { children: /* @__PURE__ */ F(s, {
+			type: "button",
+			size: "icon-sm",
+			variant: "ghost",
+			disabled: o,
+			"aria-label": d("storage_delete_readings_title", { name: c(e) }),
+			onClick: () => {
+				u({
+					kind: "parameters",
+					parameterIds: [e.parameterId],
+					label: c(e)
+				});
+			},
+			children: /* @__PURE__ */ F(R, {})
+		}) })
+	] }, e.parameterId)) })] });
+	return /* @__PURE__ */ I(h, { children: [/* @__PURE__ */ I(b, { children: [
+		/* @__PURE__ */ F(_, { children: d("storage_readings_title") }),
+		/* @__PURE__ */ F(g, { children: d("storage_readings_description") }),
+		u == null ? null : /* @__PURE__ */ F(v, { children: /* @__PURE__ */ I(s, {
+			type: "button",
+			size: "sm",
+			variant: "outline",
+			disabled: o,
+			onClick: () => {
+				u({ kind: "workspace" });
+			},
+			children: [/* @__PURE__ */ F(R, { "data-icon": "inline-start" }), d("storage_delete_readings_action")]
+		}) })
+	] }), /* @__PURE__ */ F(y, {
+		className: "flex flex-col gap-3",
+		children: e.readings.parameters.length === 0 ? /* @__PURE__ */ F("p", {
+			className: "text-sm text-muted-foreground",
+			children: d("storage_readings_empty")
+		}) : /* @__PURE__ */ I(P, { children: [
+			/* @__PURE__ */ F(a, {
+				value: t,
+				placeholder: d("storage_filter_placeholder"),
+				className: "\n                h-8\n                sm:max-w-xs\n              ",
+				onChange: (e) => {
+					i(e.target.value);
+				}
+			}),
+			E.length > 0 ? k(E, !0) : null,
+			D.length > 0 ? /* @__PURE__ */ I("div", {
+				className: "flex flex-col gap-2",
+				children: [
+					/* @__PURE__ */ F("p", {
+						className: "text-sm font-medium",
+						children: d("storage_deleted_title")
+					}),
+					/* @__PURE__ */ I(S, { children: [/* @__PURE__ */ F(z, {}), /* @__PURE__ */ F(x, { children: d("storage_deleted_warning") })] }),
+					k(D, !1)
+				]
+			}) : null
+		] })
+	})] });
+}
+//#endregion
+export { G as SetupStoragePage };

package/dist/page-header-RB2YFWlE.js

@@ -0,0 +1,55 @@
+import { t as e } from "./utils-CX-Pz5p6.js";
+import { q as t } from "./spinner-C-HPNxOc.js";
+import { t as n } from "./page-title-CdCbiLt8.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/ui/page-header.tsx
+function a({ icon: a, breadcrumbs: o, title: s, description: c, titleActions: l, actions: u, children: d, className: f, ...p }) {
+	return /* @__PURE__ */ i("header", {
+		"data-slot": "page-header",
+		className: e("flex flex-col gap-3 px-4 py-3", f),
+		...p,
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: "flex flex-wrap items-center gap-x-4 gap-y-2",
+				children: [/* @__PURE__ */ i("div", {
+					className: "flex min-w-0 flex-1 basis-56 flex-col gap-0.5",
+					children: [
+						o == null ? null : /* @__PURE__ */ r("div", {
+							className: "min-w-0 pb-0.5",
+							children: o
+						}),
+						/* @__PURE__ */ i("div", {
+							className: "flex w-fit max-w-full min-w-0 items-center gap-2.5",
+							children: [
+								a == null ? null : /* @__PURE__ */ r("span", {
+									className: "\n                  flex shrink-0 text-muted-foreground\n                  [&_svg]:size-6\n                ",
+									children: a
+								}),
+								/* @__PURE__ */ r(n, {
+									size: "large",
+									className: "w-fit max-w-full truncate",
+									children: s
+								}),
+								l == null ? null : /* @__PURE__ */ r("div", {
+									className: "flex shrink-0 items-center gap-1.5",
+									children: l
+								})
+							]
+						}),
+						c == null ? null : /* @__PURE__ */ r("div", {
+							className: e("min-w-0 text-[13px] text-muted-foreground", a != null && "sm:pl-8.5"),
+							children: c
+						})
+					]
+				}), u == null ? null : /* @__PURE__ */ r("div", {
+					className: "ml-auto flex shrink-0 flex-wrap items-center gap-1.5",
+					children: u
+				})]
+			}),
+			d,
+			/* @__PURE__ */ r(t, {})
+		]
+	});
+}
+//#endregion
+export { a as t };

package/dist/page-title-CdCbiLt8.js

@@ -0,0 +1,14 @@
+import { t as e } from "./utils-CX-Pz5p6.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/ui/page-title.tsx
+function n({ className: n, size: r = "default", ...i }) {
+	return /* @__PURE__ */ t("h1", {
+		"data-slot": "page-title",
+		"data-size": r,
+		className: e("min-w-0 font-heading leading-tight font-semibold tracking-tight text-balance", r === "compact" ? "text-base" : r === "large" ? "text-2xl" : "text-lg", n),
+		...i
+	});
+}
+//#endregion
+export { n as t };