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

package/dist/alarm-rule-lists-C5v1Kf7A.js

@@ -0,0 +1,344 @@
+import { f as e, m as t } from "./i18n-BgzakKoC.js";
+import { $ as n, g as r } from "./mutation-form-validators-BNz5bsv1.js";
+import { A as i, H as a, L as o, M as s, Y as c, c as l } from "./spinner-C-HPNxOc.js";
+import { t as u } from "./button-6SxPBYMz.js";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { PlusIcon as p, Trash2Icon as m } from "lucide-react";
+import { alarmRuleFormVariable as h, alarmRuleFormVariableKinds as g, automationAlarmInputStates as _ } from "@overvis/hmi-shared/automation";
+//#region src/workspace/access-label.ts
+function v(t) {
+	switch (t) {
+		case "view_only": return e("workspace_access_view_only");
+		case "operator": return e("workspace_access_operator");
+		case "editor": return e("workspace_access_editor");
+		case "admin": return e("workspace_access_admin");
+		case "owner": return e("workspace_access_owner");
+	}
+}
+//#endregion
+//#region src/workspace/setup/automations/alarm-rule-lists.tsx
+function y({ texts: e }) {
+	return e === void 0 || e.length === 0 ? null : /* @__PURE__ */ d("ul", {
+		className: "flex flex-col gap-0.5 text-sm text-destructive",
+		children: e.map((e) => /* @__PURE__ */ d("li", { children: e }, e))
+	});
+}
+function b({ value: e, onChange: c, formulaLanguage: v, data: b, workspaceId: x, at: S, newKey: C }) {
+	let w = t(), T = (t, n) => {
+		let r = e[t];
+		r !== void 0 && c({
+			...e,
+			[t]: {
+				...r,
+				...n
+			}
+		});
+	}, E = (e, t, n, r, c) => /* @__PURE__ */ f(o, { children: [/* @__PURE__ */ d(a, {
+		htmlFor: e,
+		children: t
+	}), /* @__PURE__ */ f(i, {
+		id: e,
+		value: n,
+		onChange: (e) => {
+			c(e.target.value);
+		},
+		children: [/* @__PURE__ */ d(s, {
+			value: "",
+			children: w("alarm_rule_choose")
+		}), r.map((e) => /* @__PURE__ */ d(s, {
+			value: e.id,
+			children: e.name
+		}, e.id))]
+	})] }), D = (e, t, n) => /* @__PURE__ */ f(o, { children: [/* @__PURE__ */ d(a, {
+		htmlFor: `${e}-state`,
+		children: w("alarm_rule_variable_alarm_state")
+	}), /* @__PURE__ */ f(i, {
+		id: `${e}-state`,
+		value: n.alarmState,
+		onChange: (e) => {
+			let n = _.find((t) => t === e.target.value);
+			n !== void 0 && T(t, { alarmState: n });
+		},
+		children: [/* @__PURE__ */ d(s, {
+			value: "active",
+			children: w("alarm_rule_variable_alarm_state_active")
+		}), /* @__PURE__ */ d(s, {
+			value: "unacknowledged",
+			children: w("alarm_rule_variable_alarm_state_unacknowledged")
+		})]
+	})] }), O = (e, t) => {
+		let i = `alarm-rule-variable-${e}`;
+		switch (t.kind) {
+			case "parameter": return /* @__PURE__ */ d(r, {
+				label: w("alarm_rule_variable_parameter"),
+				workspaceId: x,
+				value: t.parameterId,
+				onChange: (t) => {
+					T(e, { parameterId: t });
+				}
+			});
+			case "endpoint": return E(`${i}-endpoint`, w("alarm_rule_variable_endpoint"), t.endpointId, b.endpoints, (t) => {
+				T(e, { endpointId: t });
+			});
+			case "alarmRule": return /* @__PURE__ */ f("div", {
+				className: "grid grid-cols-[minmax(0,1fr)_minmax(0,10rem)] items-end gap-2",
+				children: [E(`${i}-alarm-rule`, w("alarm_rule_variable_alarm_rule"), t.alarmRuleId, b.alarmRules, (t) => {
+					T(e, { alarmRuleId: t });
+				}), D(i, e, t)]
+			});
+			case "automationAlarm": return /* @__PURE__ */ f("div", {
+				className: "grid grid-cols-[minmax(0,1fr)_minmax(0,8rem)] items-end gap-2",
+				children: [
+					E(`${i}-automation`, w("alarm_rule_variable_automation"), t.automationId, b.automations, (t) => {
+						T(e, { automationId: t });
+					}),
+					/* @__PURE__ */ f(o, { children: [/* @__PURE__ */ d(a, {
+						htmlFor: `${i}-key`,
+						children: w("alarm_rule_variable_alarm_key")
+					}), /* @__PURE__ */ d(l, {
+						id: `${i}-key`,
+						className: "font-mono",
+						value: t.alarmKey,
+						onChange: (t) => {
+							T(e, { alarmKey: t.target.value });
+						}
+					})] }),
+					/* @__PURE__ */ d("div", {
+						className: "col-span-2",
+						children: D(i, e, t)
+					})
+				]
+			});
+			case "calc": return /* @__PURE__ */ f(o, { children: [/* @__PURE__ */ d(a, {
+				id: `${i}-formula-label`,
+				htmlFor: `${i}-formula`,
+				children: w("alarm_rule_variable_formula")
+			}), /* @__PURE__ */ d(n, {
+				id: `${i}-formula`,
+				labelId: `${i}-formula-label`,
+				value: t.formula,
+				language: v,
+				onChange: (t) => {
+					T(e, { formula: t });
+				}
+			})] });
+		}
+	};
+	return /* @__PURE__ */ f("div", {
+		className: "flex flex-col gap-3",
+		children: [
+			Object.entries(e).map(([t, n]) => /* @__PURE__ */ f("div", {
+				className: "flex flex-col gap-2 rounded-md border p-3",
+				children: [/* @__PURE__ */ f("div", {
+					className: "\n              grid grid-cols-1 gap-2\n              sm:grid-cols-[minmax(0,10rem)_minmax(0,1fr)_auto] sm:items-end\n            ",
+					children: [
+						/* @__PURE__ */ f(o, { children: [/* @__PURE__ */ d(a, {
+							htmlFor: `alarm-rule-variable-${t}-name`,
+							children: w("alarm_rule_variable_name")
+						}), /* @__PURE__ */ d(l, {
+							id: `alarm-rule-variable-${t}-name`,
+							className: "font-mono",
+							spellCheck: !1,
+							autoComplete: "off",
+							value: n.name,
+							onChange: (e) => {
+								T(t, { name: e.target.value });
+							}
+						})] }),
+						/* @__PURE__ */ f(o, { children: [/* @__PURE__ */ d(a, {
+							htmlFor: `alarm-rule-variable-${t}-kind`,
+							children: w("alarm_rule_variable_kind")
+						}), /* @__PURE__ */ f(i, {
+							id: `alarm-rule-variable-${t}-kind`,
+							value: n.kind,
+							onChange: (e) => {
+								let n = g.find((t) => t === e.target.value);
+								n !== void 0 && T(t, { kind: n });
+							},
+							children: [
+								/* @__PURE__ */ d(s, {
+									value: "parameter",
+									children: w("alarm_rule_variable_parameter")
+								}),
+								/* @__PURE__ */ d(s, {
+									value: "endpoint",
+									children: w("alarm_rule_variable_endpoint")
+								}),
+								/* @__PURE__ */ d(s, {
+									value: "alarmRule",
+									children: w("alarm_rule_variable_alarm_rule")
+								}),
+								/* @__PURE__ */ d(s, {
+									value: "automationAlarm",
+									children: w("alarm_rule_variable_automation_alarm")
+								}),
+								/* @__PURE__ */ d(s, {
+									value: "calc",
+									children: w("alarm_rule_variable_calc")
+								})
+							]
+						})] }),
+						/* @__PURE__ */ d("div", {
+							className: "sm:col-span-full sm:row-start-2",
+							children: O(t, n)
+						}),
+						/* @__PURE__ */ d(u, {
+							type: "button",
+							variant: "ghost",
+							size: "icon-sm",
+							"aria-label": w("alarm_rule_variable_remove"),
+							onClick: () => {
+								c(Object.fromEntries(Object.entries(e).filter(([e]) => e !== t)));
+							},
+							children: /* @__PURE__ */ d(m, {})
+						})
+					]
+				}), /* @__PURE__ */ d(y, { texts: S(`variables.${t}`) })]
+			}, t)),
+			/* @__PURE__ */ d(y, { texts: S("variables") }),
+			/* @__PURE__ */ f(u, {
+				type: "button",
+				variant: "outline",
+				size: "sm",
+				className: "self-start",
+				disabled: Object.keys(e).length >= 50,
+				onClick: () => {
+					c({
+						...e,
+						[C()]: h()
+					});
+				},
+				children: [/* @__PURE__ */ d(p, { "data-icon": "inline-start" }), w("alarm_rule_variable_add")]
+			})
+		]
+	});
+}
+function x({ value: e, onChange: r, formulaLanguage: i, at: s, newKey: c }) {
+	let h = t(), g = (t, n) => {
+		let i = e[t];
+		i !== void 0 && r({
+			...e,
+			[t]: {
+				...i,
+				...n
+			}
+		});
+	};
+	return /* @__PURE__ */ f("div", {
+		className: "flex flex-col gap-2",
+		children: [
+			/* @__PURE__ */ d("p", {
+				className: "text-sm font-medium",
+				children: h("alarm_rule_params")
+			}),
+			Object.entries(e).map(([t, c]) => /* @__PURE__ */ f("div", {
+				className: "flex flex-col gap-1",
+				children: [/* @__PURE__ */ f("div", {
+					className: "grid grid-cols-[minmax(0,10rem)_minmax(0,1fr)_auto] items-end gap-2",
+					children: [
+						/* @__PURE__ */ f(o, { children: [/* @__PURE__ */ d(a, {
+							htmlFor: `alarm-rule-param-${t}-name`,
+							children: h("alarm_rule_param_name")
+						}), /* @__PURE__ */ d(l, {
+							id: `alarm-rule-param-${t}-name`,
+							className: "font-mono",
+							spellCheck: !1,
+							autoComplete: "off",
+							value: c.name,
+							onChange: (e) => {
+								g(t, { name: e.target.value });
+							}
+						})] }),
+						/* @__PURE__ */ f(o, { children: [/* @__PURE__ */ d(a, {
+							id: `alarm-rule-param-${t}-formula-label`,
+							htmlFor: `alarm-rule-param-${t}-formula`,
+							children: h("alarm_rule_param_formula")
+						}), /* @__PURE__ */ d(n, {
+							id: `alarm-rule-param-${t}-formula`,
+							labelId: `alarm-rule-param-${t}-formula-label`,
+							value: c.formula,
+							language: i,
+							onChange: (e) => {
+								g(t, { formula: e });
+							}
+						})] }),
+						/* @__PURE__ */ d(u, {
+							type: "button",
+							variant: "ghost",
+							size: "icon-sm",
+							"aria-label": h("alarm_rule_param_remove"),
+							onClick: () => {
+								r(Object.fromEntries(Object.entries(e).filter(([e]) => e !== t)));
+							},
+							children: /* @__PURE__ */ d(m, {})
+						})
+					]
+				}), /* @__PURE__ */ d(y, { texts: s(`params.${t}`) })]
+			}, t)),
+			/* @__PURE__ */ d(y, { texts: s("params") }),
+			/* @__PURE__ */ f(u, {
+				type: "button",
+				variant: "outline",
+				size: "sm",
+				className: "self-start",
+				disabled: Object.keys(e).length >= 20,
+				onClick: () => {
+					r({
+						...e,
+						[c()]: {
+							name: "",
+							formula: ""
+						}
+					});
+				},
+				children: [/* @__PURE__ */ d(p, { "data-icon": "inline-start" }), h("alarm_rule_param_add")]
+			})
+		]
+	});
+}
+function S({ members: e, value: n, onChange: r }) {
+	let i = t(), a = new Set(e.map((e) => e.userId)), o = n.filter((e) => !a.has(e)), s = (e, t) => {
+		r(t ? [...n, e] : n.filter((t) => t !== e));
+	};
+	return /* @__PURE__ */ f("fieldset", {
+		className: "flex flex-col gap-1",
+		children: [/* @__PURE__ */ d("legend", {
+			className: "sr-only",
+			children: i("alarm_rule_recipients_members")
+		}), /* @__PURE__ */ f("div", {
+			className: "flex max-h-56 flex-col gap-0.5 overflow-y-auto rounded-md border p-2",
+			children: [e.map((e) => /* @__PURE__ */ f("label", {
+				className: "\n              flex items-center gap-2 rounded-sm p-1 text-sm\n              hover:bg-muted/40\n            ",
+				children: [
+					/* @__PURE__ */ d(c, {
+						checked: n.includes(e.userId),
+						onCheckedChange: (t) => {
+							s(e.userId, t);
+						}
+					}),
+					/* @__PURE__ */ d("span", {
+						className: "min-w-0 flex-1 truncate",
+						children: e.name.trim() === "" ? i("alarm_rule_member_unnamed") : e.name
+					}),
+					/* @__PURE__ */ d("span", {
+						className: "shrink-0 text-xs text-muted-foreground",
+						children: v(e.role)
+					})
+				]
+			}, e.userId)), o.map((e) => /* @__PURE__ */ f("label", {
+				className: "flex items-center gap-2 rounded-sm p-1 text-sm",
+				children: [/* @__PURE__ */ d(c, {
+					checked: !0,
+					onCheckedChange: (t) => {
+						s(e, t);
+					}
+				}), /* @__PURE__ */ d("span", {
+					className: "min-w-0 flex-1 truncate text-muted-foreground",
+					children: i("alarm_rule_member_former")
+				})]
+			}, e))]
+		})]
+	});
+}
+//#endregion
+export { v as a, b as i, x as n, y as r, S as t };

package/dist/alarm-rules-page-CqFzofPd.js

@@ -0,0 +1,121 @@
+import { r as e } from "./trpc-CvJUuUXp.js";
+import { h as t, m as n, n as r } from "./i18n-BgzakKoC.js";
+import { l as i } from "./spinner-C-HPNxOc.js";
+import { t as a } from "./button-6SxPBYMz.js";
+import { n as o } from "./skeleton-6yk8Tdh5.js";
+import { n as s } from "./api-error-9rQmUN5L.js";
+import { t as c } from "./page-header-RB2YFWlE.js";
+import { r as l, t as u } from "./query-gate-DVhNIkge.js";
+import { t as d } from "./breadcrumbs-0cjsV2cq.js";
+import { a as f, c as p, d as m, i as h, l as g, n as _, o as v, r as y, s as b, t as x, u as S } from "./catalog-list-DjZojYLJ.js";
+import { i as C } from "./run-text-DvaO8LDF.js";
+import { n as w } from "./entity-controls-D1K4Ot3O.js";
+import { AutomationSectionTabs as T, DeleteDialog as E, ProblemBadges as D, t as O, useDashboardNames as k } from "./list-page-CvsdZb86.js";
+import { useState as A } from "react";
+import { jsx as j, jsxs as M } from "react/jsx-runtime";
+import { LayoutTemplateIcon as N, PlusIcon as P, Trash2Icon as F, WorkflowIcon as I } from "lucide-react";
+import { resolveLocalized as L } from "@overvis/hmi-shared";
+import { useNavigate as R } from "@tanstack/react-router";
+//#region src/workspace/setup/automations/alarm-rules-page.tsx
+function z({ workspaceId: z }) {
+	let B = n(), V = r(), H = t(), U = R(), W = e.alarmRule.list.useQuery({ workspaceId: z }), G = k(z), [K, q] = A(null), [J, Y] = A(!1);
+	return /* @__PURE__ */ M(g, { children: [
+		/* @__PURE__ */ j(c, {
+			icon: /* @__PURE__ */ j(I, {}),
+			breadcrumbs: /* @__PURE__ */ j(d, { workspaceId: z }),
+			title: B("setup_automations_title"),
+			description: B("setup_alarm_rules_description"),
+			actions: /* @__PURE__ */ M("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ M(a, {
+					type: "button",
+					size: "sm",
+					variant: "outline",
+					onClick: () => {
+						Y(!0);
+					},
+					children: [/* @__PURE__ */ j(N, { "data-icon": "inline-start" }), B("automation_starter_action")]
+				}), /* @__PURE__ */ M(a, {
+					type: "button",
+					size: "sm",
+					onClick: () => {
+						U({
+							to: "/workspace/$workspaceId/setup/automations/alarm-rules/new",
+							params: { workspaceId: z }
+						});
+					},
+					children: [/* @__PURE__ */ j(P, { "data-icon": "inline-start" }), B("alarm_rule_create_action")]
+				})]
+			})
+		}),
+		/* @__PURE__ */ M(_, { children: [/* @__PURE__ */ j(T, {
+			workspaceId: z,
+			active: "alarm-rules"
+		}), /* @__PURE__ */ j(l, {
+			query: W,
+			loading: /* @__PURE__ */ M("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ j(o, { className: "h-10 w-full" }), /* @__PURE__ */ j(o, { className: "h-10 w-4/5" })]
+			}),
+			error: (e) => /* @__PURE__ */ j(u, { message: s(e) }),
+			isEmpty: (e) => e.items.length === 0,
+			empty: /* @__PURE__ */ j(y, { children: B("setup_alarm_rules_empty") }),
+			children: ({ items: e }) => /* @__PURE__ */ j(f, { children: e.map((e) => {
+				let t = G(e.dashboardId);
+				return /* @__PURE__ */ M(S, { children: [/* @__PURE__ */ M(p, {
+					to: "/workspace/$workspaceId/setup/automations/alarm-rules/$alarmRuleId",
+					params: {
+						workspaceId: z,
+						alarmRuleId: e.id
+					},
+					className: "sm:flex-col sm:items-start",
+					children: [/* @__PURE__ */ M("div", {
+						className: "flex min-w-0 flex-wrap items-center gap-2",
+						children: [
+							/* @__PURE__ */ j(b, { children: L(e.name, H) }),
+							/* @__PURE__ */ j(i, {
+								variant: e.severity === "urgent" ? "destructive" : "secondary",
+								children: C(e.severity)
+							}),
+							/* @__PURE__ */ j(D, {
+								errors: e.errorCount,
+								warnings: e.warningCount
+							})
+						]
+					}), t == null ? null : /* @__PURE__ */ j(v, { children: B("automation_owned_by", { owner: t }) })]
+				}), /* @__PURE__ */ M(x, { children: [/* @__PURE__ */ j(w, {
+					workspaceId: z,
+					entity: e,
+					kind: "alarmRule"
+				}), /* @__PURE__ */ j(h, { children: /* @__PURE__ */ j(m, {
+					tone: "destructive",
+					"aria-label": B("alarm_rule_delete_action"),
+					onClick: () => {
+						q(e);
+					},
+					children: /* @__PURE__ */ j(F, {})
+				}) })] })] }, e.id);
+			}) })
+		})] }),
+		/* @__PURE__ */ j(E, {
+			workspaceId: z,
+			kind: "alarmRule",
+			entity: K,
+			onClose: () => {
+				q(null);
+			},
+			onDeleted: () => {
+				q(null), V.success(B("alarm_rule_delete_toast"));
+			}
+		}),
+		J ? /* @__PURE__ */ j(O, {
+			workspaceId: z,
+			kind: "alarmRule",
+			onClose: () => {
+				Y(!1);
+			}
+		}) : null
+	] });
+}
+//#endregion
+export { z as SetupAlarmRulesPage };

package/dist/alert-B8MAoIO8.js

@@ -0,0 +1,45 @@
+import { t as e } from "./utils-CX-Pz5p6.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+import { cva as n } from "class-variance-authority";
+//#region src/ui/alert.tsx
+var r = n("\n    group/alert relative grid w-full gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm\n    has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18\n    has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2\n    *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current\n    *:[svg:not([class*='size-'])]:size-4\n  ", {
+	variants: { variant: {
+		default: "bg-card text-card-foreground",
+		destructive: "\n          bg-card text-destructive\n          *:data-[slot=alert-description]:text-destructive/90\n          *:[svg]:text-current\n        ",
+		warning: "\n          border-amber-500/40 bg-amber-500/10 text-amber-950\n          *:data-[slot=alert-description]:text-amber-950/80\n          dark:border-amber-500/30 dark:bg-amber-500/10 dark:text-amber-100\n          dark:*:data-[slot=alert-description]:text-amber-100/80\n          *:[svg]:text-amber-700\n          dark:*:[svg]:text-amber-300\n        ",
+		info: "\n          border-sky-500/40 bg-sky-500/10 text-sky-950\n          *:data-[slot=alert-description]:text-sky-950/80\n          dark:border-sky-500/30 dark:bg-sky-500/10 dark:text-sky-100\n          dark:*:data-[slot=alert-description]:text-sky-100/80\n          *:[svg]:text-sky-700\n          dark:*:[svg]:text-sky-300\n        "
+	} },
+	defaultVariants: { variant: "default" }
+});
+function i({ className: n, variant: i, ...a }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "alert",
+		role: "alert",
+		className: e(r({ variant: i }), n),
+		...a
+	});
+}
+function a({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "alert-title",
+		className: e("\n          font-medium\n          group-has-[>svg]/alert:col-start-2\n          [&_a]:underline [&_a]:underline-offset-3\n          [&_a]:hover:text-foreground\n        ", n),
+		...r
+	});
+}
+function o({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "alert-description",
+		className: e("\n          text-sm text-balance text-muted-foreground\n          md:text-pretty\n          [&_a]:underline [&_a]:underline-offset-3\n          [&_a]:hover:text-foreground\n          [&_p:not(:last-child)]:mb-4\n        ", n),
+		...r
+	});
+}
+function s({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "alert-action",
+		className: e("absolute top-2 right-2", n),
+		...r
+	});
+}
+//#endregion
+export { a as i, s as n, o as r, i as t };

package/dist/alert-dialog-CYkuMg5D.js

@@ -0,0 +1,129 @@
+import { t as e } from "./utils-CX-Pz5p6.js";
+import { t } from "./button-6SxPBYMz.js";
+import { b as n, d as r, h as i, m as a, y as o } from "./dialog-BIhQXcZC.js";
+import * as s from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Dialog as u } from "@base-ui/react/dialog";
+//#region src/ui/alert-dialog.tsx
+var d = s.createContext(null);
+function f(e, t) {
+	typeof e == "function" ? e(t) : e != null && (e.current = t);
+}
+function p({ onOpenChange: e, ...t }) {
+	let n = s.useRef(null);
+	return /* @__PURE__ */ c(d.Provider, {
+		value: n,
+		children: /* @__PURE__ */ c(u.Root, {
+			"data-slot": "alert-dialog",
+			...r({
+				...t,
+				disablePointerDismissal: !0,
+				modal: !1,
+				onOpenChange: (t, r) => {
+					t || n.current?.focus(), e?.(t, r);
+				}
+			})
+		})
+	});
+}
+function m({ ref: e, ...t }) {
+	let n = s.useContext(d);
+	return /* @__PURE__ */ c(u.Trigger, {
+		"data-slot": "alert-dialog-trigger",
+		...t,
+		ref: (t) => {
+			n != null && (n.current = t), f(e, t);
+		}
+	});
+}
+function h({ ...e }) {
+	let t = n(), r = t?.container;
+	return t != null && r == null ? null : /* @__PURE__ */ c(u.Portal, {
+		"data-slot": "alert-dialog-portal",
+		container: r ?? void 0,
+		...e
+	});
+}
+function g({ className: t, ...r }) {
+	o();
+	let i = n();
+	return /* @__PURE__ */ c(u.Backdrop, {
+		"data-slot": "alert-dialog-overlay",
+		forceRender: !0,
+		className: e("\n          inset-0 isolate z-50 bg-black/10 duration-100\n          supports-backdrop-filter:backdrop-blur-xs\n          data-open:animate-in data-open:fade-in-0\n          data-closed:animate-out data-closed:fade-out-0\n        ", i?.container == null ? "fixed" : "absolute", t),
+		...r
+	});
+}
+function _({ className: t, size: r = "default", onKeyDown: o, ...s }) {
+	let d = n(), f = a();
+	return /* @__PURE__ */ l(h, { children: [/* @__PURE__ */ c(g, {}), /* @__PURE__ */ c(u.Popup, {
+		"data-slot": "alert-dialog-content",
+		"data-theme": f,
+		"data-size": r,
+		className: e("\n            group/alert-dialog-content top-1/2 left-1/2 z-50 grid max-h-[calc(100%-2rem)] w-full\n            -translate-1/2 gap-4 overflow-y-auto rounded-xl border bg-popover p-4\n            text-popover-foreground shadow-xl duration-100 outline-none\n            data-[size=default]:max-w-xs\n            data-[size=sm]:max-w-xs\n            data-[size=default]:sm:max-w-sm\n            data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95\n            data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\n          ", d?.container == null ? "fixed" : "absolute", t),
+		onKeyDown: (e) => {
+			i(e, e.currentTarget), o?.(e);
+		},
+		...s,
+		role: "alertdialog"
+	})] });
+}
+function v({ className: t, ...n }) {
+	return /* @__PURE__ */ c("div", {
+		"data-slot": "alert-dialog-header",
+		className: e("\n          grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center\n          has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr]\n          has-data-[slot=alert-dialog-media]:gap-x-4\n          sm:group-data-[size=default]/alert-dialog-content:place-items-start\n          sm:group-data-[size=default]/alert-dialog-content:text-left\n          sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]\n        ", t),
+		...n
+	});
+}
+function y({ className: t, ...n }) {
+	return /* @__PURE__ */ c("div", {
+		"data-slot": "alert-dialog-footer",
+		className: e("\n          -mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4\n          group-data-[size=sm]/alert-dialog-content:grid\n          group-data-[size=sm]/alert-dialog-content:grid-cols-2\n          sm:flex-row sm:justify-end\n        ", t),
+		...n
+	});
+}
+function b({ className: t, ...n }) {
+	return /* @__PURE__ */ c("div", {
+		"data-slot": "alert-dialog-media",
+		className: e("\n          mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted\n          sm:group-data-[size=default]/alert-dialog-content:row-span-2\n          *:[svg:not([class*='size-'])]:size-6\n        ", t),
+		...n
+	});
+}
+function x({ className: t, ...n }) {
+	return /* @__PURE__ */ c(u.Title, {
+		"data-slot": "alert-dialog-title",
+		className: e("\n          text-base font-medium\n          sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2\n        ", t),
+		...n
+	});
+}
+function S({ className: t, ...n }) {
+	return /* @__PURE__ */ c(u.Description, {
+		"data-slot": "alert-dialog-description",
+		className: e("\n          text-sm text-balance text-muted-foreground\n          md:text-pretty\n          *:[a]:underline *:[a]:underline-offset-3\n          *:[a]:hover:text-foreground\n        ", t),
+		...n
+	});
+}
+function C({ className: n, variant: r = "default", size: i = "default", ...a }) {
+	return /* @__PURE__ */ c(u.Close, {
+		"data-slot": "alert-dialog-action",
+		className: e(n),
+		render: /* @__PURE__ */ c(t, {
+			variant: r,
+			size: i
+		}),
+		...a
+	});
+}
+function w({ className: n, variant: r = "outline", size: i = "default", ...a }) {
+	return /* @__PURE__ */ c(u.Close, {
+		"data-slot": "alert-dialog-cancel",
+		className: e(n),
+		render: /* @__PURE__ */ c(t, {
+			variant: r,
+			size: i
+		}),
+		...a
+	});
+}
+//#endregion
+export { S as a, b as c, x as d, m as f, _ as i, g as l, C as n, y as o, w as r, v as s, p as t, h as u };