@nxgt/material-vue 0.37.1 → 0.39.0

package/dist/{HoverCardTrigger-jCXl6TrX.js → HoverCardTrigger-VvXPswRz.js}

@@ -1,18 +1,18 @@
 import { t as e } from "./utils-CykWQ0iJ.js";
-import { t } from "./use-material-translation-DRB6oPdF.js";
-import { t as n } from "./Button-CurFF4Zt.js";
-import { t as r } from "./use-inert-others-CtGqZKR8.js";
-import { t as i } from "./field-name-attribute-Bl7LSVK0.js";
-import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, getCurrentInstance as p, guardReactiveProps as m, isRef as h, mergeProps as g, normalizeClass as _, normalizeProps as v, onMounted as ee, onUpdated as y, openBlock as b, renderSlot as x, toDisplayString as S, unref as C, useAttrs as w, useId as T, useTemplateRef as E, vModelText as D, withCtx as O, withDirectives as k } from "vue";
-import { X as A } from "@lucide/vue";
-import { DialogClose as j, DialogContent as te, DialogDescription as ne, DialogOverlay as re, DialogPortal as ie, DialogRoot as ae, DialogTitle as oe, DialogTrigger as se, HoverCardContent as M, HoverCardPortal as N, HoverCardRoot as P, HoverCardTrigger as F, Label as I, injectDialogRootContext as L, useForwardProps as R, useForwardPropsEmits as z } from "reka-ui";
-import { defaultDocument as B, reactiveOmit as V, tryOnScopeDispose as H, unrefElement as U, useEventListener as W, useVModel as G } from "@vueuse/core";
-import { forwardEscape as K } from "@nxgt/material-core/escape-forward";
-import { describedBy as ce } from "@nxgt/material-core/described-by";
-import { layerOf as q, openerOf as le } from "@nxgt/material-core/field-blur-layers";
+import { t } from "./use-material-translation-C6xccbic.js";
+import { t as n } from "./Button-DVeAQorb.js";
+import { r, t as i } from "./in-dialog-Blhwwbyb.js";
+import { t as a } from "./field-name-attribute-Bl7LSVK0.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, getCurrentInstance as m, guardReactiveProps as h, isRef as g, mergeProps as _, normalizeClass as v, normalizeProps as y, onMounted as ee, onUpdated as b, openBlock as x, renderSlot as S, toDisplayString as C, unref as w, useAttrs as T, useId as E, useTemplateRef as D, vModelText as O, withCtx as k, withDirectives as A } from "vue";
+import { X as j } from "@lucide/vue";
+import { DialogClose as M, DialogContent as te, DialogDescription as ne, DialogOverlay as re, DialogPortal as ie, DialogRoot as ae, DialogTitle as oe, DialogTrigger as se, HoverCardContent as N, HoverCardPortal as P, HoverCardRoot as F, HoverCardTrigger as I, Label as L, injectDialogRootContext as R, useForwardProps as z, useForwardPropsEmits as B } from "reka-ui";
+import { defaultDocument as V, reactiveOmit as H, tryOnScopeDispose as U, unrefElement as W, useEventListener as G, useVModel as K } from "@vueuse/core";
+import { forwardEscape as ce } from "@nxgt/material-core/escape-forward";
+import { describedBy as le } from "@nxgt/material-core/described-by";
+import { layerOf as q, openerOf as ue } from "@nxgt/material-core/field-blur-layers";
 //#endregion
 //#region lib/components/ui/primitives/helper-text/helper-text.vue
-var J = /* @__PURE__ */ f({
+var J = /* @__PURE__ */ p({
 	__name: "helper-text",
 	props: {
 		error: { type: Boolean },
@@ -26,18 +26,18 @@ var J = /* @__PURE__ */ f({
 	},
 	setup(t) {
 		let n = t;
-		return (r, i) => (b(), c("div", {
+		return (r, i) => (x(), l("div", {
 			"data-slot": "helper-text",
 			"data-test": "typography",
-			class: _(C(e)("overflow-auto in-[[data-state=selected]]:text-primary-foreground text-[10px] text-muted-foreground flex pl-0.5 truncate text-wrap", { "text-error-text": t.error }, n.class))
-		}, [x(r.$slots, "default")], 2));
+			class: v(w(e)("overflow-auto in-[[data-state=selected]]:text-primary-foreground text-[10px] text-muted-foreground flex pl-0.5 truncate text-wrap", { "text-error-text": t.error }, n.class))
+		}, [S(r.$slots, "default")], 2));
 	}
-}), ue = {
+}), de = {
 	key: 0,
 	"data-slot": "label-text",
 	"data-required": "",
 	class: "inline-flex"
-}, Y = /* @__PURE__ */ f({
+}, Y = /* @__PURE__ */ p({
 	__name: "Label",
 	props: {
 		for: {},
@@ -53,9 +53,9 @@ var J = /* @__PURE__ */ f({
 		withAsterisk: { type: Boolean }
 	},
 	setup(t) {
-		let n = t, r = V(n, "class", "withAsterisk");
-		return (i, a) => (b(), o(C(I), g({ "data-slot": "label" }, C(r), { class: C(e)("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", n.class) }), {
-			default: O(() => [t.withAsterisk ? (b(), c("span", ue, [x(i.$slots, "default"), a[0] ||= l("svg", {
+		let n = t, r = H(n, "class", "withAsterisk");
+		return (i, a) => (x(), s(w(L), _({ "data-slot": "label" }, w(r), { class: w(e)("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", n.class) }), {
+			default: k(() => [t.withAsterisk ? (x(), l("span", de, [S(i.$slots, "default"), a[0] ||= u("svg", {
 				"data-slot": "label-required-mark",
 				"aria-hidden": "true",
 				focusable: "false",
@@ -64,17 +64,17 @@ var J = /* @__PURE__ */ f({
 				stroke: "currentColor",
 				"stroke-width": "1.75",
 				"stroke-linecap": "round"
-			}, [l("path", { d: "M5 1v8M1.5 3l7 4M8.5 3l-7 4" })], -1)])) : x(i.$slots, "default", {}, void 0, void 0, 1)]),
+			}, [u("path", { d: "M5 1v8M1.5 3l7 4M8.5 3l-7 4" })], -1)])) : S(i.$slots, "default", {}, void 0, void 0, 1)]),
 			_: 3
 		}, 16, ["class"]));
 	}
 });
 //#endregion
 //#region lib/components/ui/overlays/dialog/use-escape-forward.ts
-function de(e = E("content")) {
+function fe(e = D("content")) {
 	return (t) => {
-		let n = U(e);
-		K(n instanceof HTMLElement ? n : null, t);
+		let n = W(e);
+		ce(n instanceof HTMLElement ? n : null, t);
 	};
 }
 //#endregion
@@ -82,22 +82,22 @@ function de(e = E("content")) {
 function X(e) {
 	let t = e;
 	if (!t) {
-		let e = L();
+		let e = R();
 		t = () => e.modal.value && e.open.value;
 	}
-	let n = E("content");
+	let n = D("content");
 	return r(n, t), {
-		onEscapeKeyDown: de(n),
-		keepToaster: fe
+		onEscapeKeyDown: fe(n),
+		keepToaster: pe
 	};
 }
-function fe(e) {
+function pe(e) {
 	let t = e.target;
 	t instanceof Element && t.closest("[data-sonner-toaster]") && e.preventDefault();
 }
 //#endregion
 //#region lib/components/ui/overlays/dialog/Dialog.vue
-var pe = /* @__PURE__ */ f({
+var me = /* @__PURE__ */ p({
 	__name: "Dialog",
 	props: {
 		open: { type: Boolean },
@@ -107,13 +107,13 @@ var pe = /* @__PURE__ */ f({
 	},
 	emits: ["update:open"],
 	setup(e, { emit: t }) {
-		let n = z(e, t);
-		return (e, t) => (b(), o(C(ae), g({ "data-slot": "dialog" }, C(n)), {
-			default: O((t) => [x(e.$slots, "default", v(m(t)))]),
+		let n = B(e, t);
+		return (e, t) => (x(), s(w(ae), _({ "data-slot": "dialog" }, w(n)), {
+			default: k((t) => [S(e.$slots, "default", y(h(t)))]),
 			_: 3
 		}, 16));
 	}
-}), Z = /* @__PURE__ */ f({
+}), Z = /* @__PURE__ */ p({
 	__name: "DialogOverlay",
 	props: {
 		forceMount: { type: Boolean },
@@ -128,13 +128,13 @@ var pe = /* @__PURE__ */ f({
 		] }
 	},
 	setup(t) {
-		let n = t, r = V(n, "class");
-		return (t, i) => (b(), o(C(re), g({ "data-slot": "dialog-overlay" }, C(r), { class: C(e)("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80", n.class) }), {
-			default: O(() => [x(t.$slots, "default")]),
+		let n = t, r = H(n, "class");
+		return (t, i) => (x(), s(w(re), _({ "data-slot": "dialog-overlay" }, w(r), { class: w(e)("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80", n.class) }), {
+			default: k(() => [S(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), me = { class: "sr-only" }, he = /* @__PURE__ */ f({
+}), he = { class: "sr-only" }, ge = /* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "DialogContent",
 	props: {
@@ -163,29 +163,31 @@ var pe = /* @__PURE__ */ f({
 		"closeAutoFocus"
 	],
 	setup(n, { emit: r }) {
-		let i = n, a = r, c = z(V(i, "class"), a), u = X(), { t: f } = t();
-		return (t, r) => (b(), o(C(ie), null, {
-			default: O(() => [d(Z), d(C(te), g({
+		let a = n, o = r, l = B(H(a, "class"), o), d = X();
+		i(!0);
+		let { t: p } = t();
+		return (t, r) => (x(), s(w(ie), null, {
+			default: k(() => [f(Z), f(w(te), _({
 				ref: "content",
 				"data-slot": "dialog-content"
 			}, {
 				...t.$attrs,
-				...C(c)
+				...w(l)
 			}, {
-				onEscapeKeyDown: C(u).onEscapeKeyDown,
-				onPointerDownOutside: C(u).keepToaster,
-				onFocusOutside: C(u).keepToaster,
-				onInteractOutside: C(u).keepToaster,
-				class: C(e)("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg max-h-[calc(100dvh-2rem)] supports-[not(height:100dvh)]:max-h-[calc(100vh-2rem)] overflow-y-auto", i.class)
+				onEscapeKeyDown: w(d).onEscapeKeyDown,
+				onPointerDownOutside: w(d).keepToaster,
+				onFocusOutside: w(d).keepToaster,
+				onInteractOutside: w(d).keepToaster,
+				class: w(e)("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg max-h-[calc(100dvh-2rem)] supports-[not(height:100dvh)]:max-h-[calc(100vh-2rem)] overflow-y-auto", a.class)
 			}), {
-				default: O(() => [x(t.$slots, "default"), n.showCloseButton ? (b(), o(C(j), {
+				default: k(() => [S(t.$slots, "default"), n.showCloseButton ? (x(), s(w(M), {
 					key: 0,
 					"data-slot": "dialog-close",
 					class: "ring-offset-background focus:ring-ring absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
 				}, {
-					default: O(() => [d(C(A)), l("span", me, S(C(f)("material.buttons.close", "Close")), 1)]),
+					default: k(() => [f(w(j)), u("span", he, C(w(p)("material.buttons.close", "Close")), 1)]),
 					_: 1
-				})) : s("", !0)]),
+				})) : c("", !0)]),
 				_: 3
 			}, 16, [
 				"onEscapeKeyDown",
@@ -197,7 +199,7 @@ var pe = /* @__PURE__ */ f({
 			_: 3
 		}));
 	}
-}), ge = /* @__PURE__ */ f({
+}), _e = /* @__PURE__ */ p({
 	__name: "DialogDescription",
 	props: {
 		asChild: { type: Boolean },
@@ -211,13 +213,13 @@ var pe = /* @__PURE__ */ f({
 		] }
 	},
 	setup(t) {
-		let n = t, r = R(V(n, "class"));
-		return (t, i) => (b(), o(C(ne), g({ "data-slot": "dialog-description" }, C(r), { class: C(e)("text-muted-foreground text-sm", n.class) }), {
-			default: O(() => [x(t.$slots, "default")]),
+		let n = t, r = z(H(n, "class"));
+		return (t, i) => (x(), s(w(ne), _({ "data-slot": "dialog-description" }, w(r), { class: w(e)("text-muted-foreground text-sm", n.class) }), {
+			default: k(() => [S(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), _e = /* @__PURE__ */ f({
+}), ve = /* @__PURE__ */ p({
 	__name: "DialogFooter",
 	props: {
 		class: { type: [
@@ -234,21 +236,21 @@ var pe = /* @__PURE__ */ f({
 	},
 	setup(r) {
 		let i = r, { t: a } = t();
-		return (t, l) => (b(), c("div", {
+		return (t, o) => (x(), l("div", {
 			"data-slot": "dialog-footer",
-			class: _(C(e)("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", i.class))
-		}, [x(t.$slots, "default"), r.showCloseButton ? (b(), o(C(j), {
+			class: v(w(e)("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", i.class))
+		}, [S(t.$slots, "default"), r.showCloseButton ? (x(), s(w(M), {
 			key: 0,
 			"as-child": ""
 		}, {
-			default: O(() => [d(C(n), { variant: "outlined" }, {
-				default: O(() => [u(S(C(a)("material.buttons.close", "Close")), 1)]),
+			default: k(() => [f(w(n), { variant: "outlined" }, {
+				default: k(() => [d(C(w(a)("material.buttons.close", "Close")), 1)]),
 				_: 1
 			})]),
 			_: 1
-		})) : s("", !0)], 2));
+		})) : c("", !0)], 2));
 	}
-}), ve = /* @__PURE__ */ f({
+}), ye = /* @__PURE__ */ p({
 	__name: "DialogTitle",
 	props: {
 		asChild: { type: Boolean },
@@ -262,13 +264,13 @@ var pe = /* @__PURE__ */ f({
 		] }
 	},
 	setup(t) {
-		let n = t, r = R(V(n, "class"));
-		return (t, i) => (b(), o(C(oe), g({ "data-slot": "dialog-title" }, C(r), { class: C(e)("text-lg leading-none font-semibold", n.class) }), {
-			default: O(() => [x(t.$slots, "default")]),
+		let n = t, r = z(H(n, "class"));
+		return (t, i) => (x(), s(w(oe), _({ "data-slot": "dialog-title" }, w(r), { class: w(e)("text-lg leading-none font-semibold", n.class) }), {
+			default: k(() => [S(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), ye = /* @__PURE__ */ f({
+}), be = /* @__PURE__ */ p({
 	__name: "DialogTrigger",
 	props: {
 		asChild: { type: Boolean },
@@ -276,12 +278,12 @@ var pe = /* @__PURE__ */ f({
 	},
 	setup(e) {
 		let t = e;
-		return (e, n) => (b(), o(C(se), g({ "data-slot": "dialog-trigger" }, t), {
-			default: O(() => [x(e.$slots, "default")]),
+		return (e, n) => (x(), s(w(se), _({ "data-slot": "dialog-trigger" }, t), {
+			default: k(() => [S(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), be = ["data-slot"], Q = /* @__PURE__ */ f({
+}), xe = ["data-slot"], Q = /* @__PURE__ */ p({
 	__name: "Input",
 	props: {
 		defaultValue: {},
@@ -296,17 +298,17 @@ var pe = /* @__PURE__ */ f({
 	},
 	emits: ["update:modelValue"],
 	setup(t, { emit: n }) {
-		let r = t, i = G(r, "modelValue", n, {
+		let r = t, i = K(r, "modelValue", n, {
 			passive: !0,
 			defaultValue: r.defaultValue
 		});
-		return (t, n) => k((b(), c("input", {
-			"onUpdate:modelValue": n[0] ||= (e) => h(i) ? i.value = e : null,
+		return (t, n) => A((x(), l("input", {
+			"onUpdate:modelValue": n[0] ||= (e) => g(i) ? i.value = e : null,
 			"data-slot": t.$attrs["data-slot"] ?? "input",
-			class: _(C(e)("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", r.class))
-		}, null, 10, be)), [[D, C(i)]]);
+			class: v(w(e)("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", r.class))
+		}, null, 10, xe)), [[O, w(i)]]);
 	}
-}), $ = /* @__PURE__ */ f({
+}), Se = /* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "text-field",
 	props: {
@@ -330,25 +332,25 @@ var pe = /* @__PURE__ */ f({
 	},
 	emits: ["update:modelValue"],
 	setup(t, { emit: n }) {
-		let r = t, i = n, f = T(), p = () => r.id ?? f, m = w(), h = T(), v = a(() => ce(m["aria-describedby"], !!r.helperText && h));
-		return (n, a) => (b(), c("div", {
+		let r = t, i = n, a = E(), p = () => r.id ?? a, m = T(), h = E(), g = o(() => le(m["aria-describedby"], !!r.helperText && h));
+		return (n, a) => (x(), l("div", {
 			"data-slot": "text-field",
-			class: _(C(e)("grid w-full gap-1.5", r.class))
+			class: v(w(e)("grid w-full gap-1.5", r.class))
 		}, [
-			t.label ? (b(), o(Y, {
+			t.label ? (x(), s(Y, {
 				key: 0,
 				"with-asterisk": t.required,
 				for: p()
 			}, {
-				default: O(() => [u(S(t.label), 1)]),
+				default: k(() => [d(C(t.label), 1)]),
 				_: 1
-			}, 8, ["with-asterisk", "for"])) : s("", !0),
-			l("div", { class: _(C(e)("relative", {
+			}, 8, ["with-asterisk", "for"])) : c("", !0),
+			u("div", { class: v(w(e)("relative", {
 				"*:first:size-8 *:first:absolute *:first:top-[calc(50%-16px)] *:first:left-1.5 [&_input]:pl-10 *:first:bg-muted/80 *:first:text-muted-foreground": !!n.$slots.leading,
 				"*:last:size-8 *:last:absolute *:last:top-[calc(50%-16px)] *:last:right-1.5 [&_input]:pr-10 *:last:bg-muted/80 *:last:text-muted-foreground": !!n.$slots.trailing
 			})) }, [
-				x(n.$slots, "leading"),
-				d(Q, g({ id: p() }, n.$attrs, {
+				S(n.$slots, "leading"),
+				f(Q, _({ id: p() }, n.$attrs, {
 					name: t.name,
 					type: t.type,
 					placeholder: t.placeholder,
@@ -356,7 +358,7 @@ var pe = /* @__PURE__ */ f({
 					required: t.required,
 					"model-value": t.modelValue,
 					"aria-invalid": t.error || void 0,
-					"aria-describedby": v.value,
+					"aria-describedby": g.value,
 					class: "transition-all hover:border-primary hover:ring-[2px] hover:ring-primary/25",
 					"onUpdate:modelValue": a[0] ||= (e) => i("update:modelValue", e)
 				}), null, 16, [
@@ -370,28 +372,28 @@ var pe = /* @__PURE__ */ f({
 					"aria-invalid",
 					"aria-describedby"
 				]),
-				x(n.$slots, "trailing")
+				S(n.$slots, "trailing")
 			], 2),
-			t.helperText ? (b(), o(J, {
+			t.helperText ? (x(), s(J, {
 				key: 1,
-				id: C(h),
+				id: w(h),
 				error: t.error
 			}, {
-				default: O(() => [u(S(t.helperText), 1)]),
+				default: k(() => [d(C(t.helperText), 1)]),
 				_: 1
-			}, 8, ["id", "error"])) : s("", !0)
+			}, 8, ["id", "error"])) : c("", !0)
 		], 2));
 	}
 });
 //#endregion
 //#region lib/components/ui/forms/use-field-blur.ts
-function xe(e) {
+function Ce(e) {
 	return e ? e instanceof Element ? e : e instanceof CharacterData ? e.nextElementSibling : null : null;
 }
-function Se(e, t = "root") {
-	let n = E(t), r = !1, a = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set(), s, c = () => {
+function $(e, t = "root") {
+	let n = D(t), r = !1, i = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set(), s, c = () => {
 		let e = n.value;
-		return xe(e instanceof Node ? e : e?.$el);
+		return Ce(e instanceof Node ? e : e?.$el);
 	};
 	function l(t) {
 		r = !1, e(t, !0);
@@ -400,7 +402,7 @@ function Se(e, t = "root") {
 		let t = c(), n = e.target;
 		if (!(!t || !(n instanceof Node))) {
 			if (clearTimeout(s), t.contains(n)) {
-				r || (a = new Set(t.ownerDocument.body.childNodes), o = /* @__PURE__ */ new Set()), r = !0;
+				r || (i = new Set(t.ownerDocument.body.childNodes), o = /* @__PURE__ */ new Set()), r = !0;
 				return;
 			}
 			r && d(t, q(n)) && l(e);
@@ -409,33 +411,33 @@ function Se(e, t = "root") {
 	function d(e, t) {
 		if (t === q(e)) return !0;
 		if (!t || o.has(t)) return !1;
-		let n = le([e], {
-			before: a,
+		let n = ue([e], {
+			before: i,
 			home: /* @__PURE__ */ new Set([q(e)]),
 			opened: o
 		}, t);
-		return n === "theirs" || !n && a.has(t) ? !0 : (o.add(t), !1);
+		return n === "theirs" || !n && i.has(t) ? !0 : (o.add(t), !1);
 	}
 	function f(e) {
 		!r || e.relatedTarget || (clearTimeout(s), s = setTimeout(() => {
-			let t = B?.activeElement;
-			r && (!t || t === B?.body) && l(e);
+			let t = V?.activeElement;
+			r && (!t || t === V?.body) && l(e);
 		}));
 	}
-	let m = p(), h = () => {
-		let e = m?.props.name;
-		typeof e == "string" && c()?.setAttribute(i, e);
+	let p = m(), h = () => {
+		let e = p?.props.name;
+		typeof e == "string" && c()?.setAttribute(a, e);
 	};
-	ee(h), y(h);
+	ee(h), b(h);
 	let g = {
 		capture: !0,
 		passive: !0
 	};
-	W(B, "focusin", u, g), W(B, "focusout", f, g), H(() => clearTimeout(s));
+	G(V, "focusin", u, g), G(V, "focusout", f, g), U(() => clearTimeout(s));
 }
 //#endregion
 //#region lib/components/ui/overlays/hover-card/HoverCard.vue
-var Ce = /* @__PURE__ */ f({
+var we = /* @__PURE__ */ p({
 	__name: "HoverCard",
 	props: {
 		defaultOpen: { type: Boolean },
@@ -446,13 +448,13 @@ var Ce = /* @__PURE__ */ f({
 	},
 	emits: ["update:open"],
 	setup(e, { emit: t }) {
-		let n = z(e, t);
-		return (e, t) => (b(), o(C(P), g({ "data-slot": "hover-card" }, C(n)), {
-			default: O((t) => [x(e.$slots, "default", v(m(t)))]),
+		let n = B(e, t);
+		return (e, t) => (x(), s(w(F), _({ "data-slot": "hover-card" }, w(n)), {
+			default: k((t) => [S(e.$slots, "default", y(h(t)))]),
 			_: 3
 		}, 16));
 	}
-}), we = /* @__PURE__ */ f({
+}), Te = /* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "HoverCardContent",
 	props: {
@@ -488,19 +490,19 @@ var Ce = /* @__PURE__ */ f({
 		] }
 	},
 	setup(t) {
-		let n = t, r = R(V(n, "class"));
-		return (t, i) => (b(), o(C(N), null, {
-			default: O(() => [d(C(M), g({ "data-slot": "hover-card-content" }, {
+		let n = t, r = z(H(n, "class"));
+		return i(!1), (t, i) => (x(), s(w(P), null, {
+			default: k(() => [f(w(N), _({ "data-slot": "hover-card-content" }, {
 				...t.$attrs,
-				...C(r)
-			}, { class: C(e)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 rounded-md border p-4 shadow-md outline-hidden", n.class) }), {
-				default: O(() => [x(t.$slots, "default")]),
+				...w(r)
+			}, { class: w(e)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 rounded-md border p-4 shadow-md outline-hidden", n.class) }), {
+				default: k(() => [S(t.$slots, "default")]),
 				_: 3
 			}, 16, ["class"])]),
 			_: 3
 		}));
 	}
-}), Te = /* @__PURE__ */ f({
+}), Ee = /* @__PURE__ */ p({
 	__name: "HoverCardTrigger",
 	props: {
 		reference: {},
@@ -509,11 +511,11 @@ var Ce = /* @__PURE__ */ f({
 	},
 	setup(e) {
 		let t = e;
-		return (e, n) => (b(), o(C(F), g({ "data-slot": "hover-card-trigger" }, t), {
-			default: O(() => [x(e.$slots, "default")]),
+		return (e, n) => (x(), s(w(I), _({ "data-slot": "hover-card-trigger" }, t), {
+			default: k(() => [S(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
 });
 //#endregion
-export { $ as a, ve as c, he as d, Z as f, J as g, Y as h, Se as i, _e as l, X as m, we as n, Q as o, pe as p, Ce as r, ye as s, Te as t, ge as u };
+export { Se as a, ye as c, ge as d, Z as f, J as g, Y as h, $ as i, ve as l, X as m, Te as n, Q as o, me as p, we as r, be as s, Ee as t, _e as u };

package/dist/{camera-CYwiFuGE.js → camera-CG6WfZNc.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./utils-CykWQ0iJ.js";
-import { _r as t, hr as n, mr as r } from "./components--v_k8diD.js";
-import { t as i } from "./use-material-translation-DRB6oPdF.js";
-import { t as a } from "./Button-CurFF4Zt.js";
-import { t as o } from "./icon-button-CIUc1bEp.js";
+import { _r as t, hr as n, mr as r } from "./components-B2kSyBK0.js";
+import { t as i } from "./use-material-translation-C6xccbic.js";
+import { t as a } from "./Button-DVeAQorb.js";
+import { t as o } from "./icon-button-CSPfP615.js";
 import { createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, openBlock as h, ref as g, renderSlot as _, shallowRef as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
 import { Pause as S, Play as C } from "@lucide/vue";
 //#region lib/components/ui/media/camera/camera-content.vue?vue&type=script&setup=true&lang.ts

package/dist/components/base-content.css

@@ -97,7 +97,7 @@
 	.form-grid-layout {
 		@apply relative flex flex-col gap-2 @container;
 		[data-slot="form-fields"] {
-			@apply grid @2xl:grid-cols-2 @4xl:grid-cols-3 @6xl:grid-cols-4 gap-2 bg-background/80 p-4 place-items-start overflow-auto;
+			@apply grid @2xl:grid-cols-2 @4xl:grid-cols-3 @6xl:grid-cols-4 gap-2 bg-background/80 p-4 place-items-start;
 
 			[data-slot="separator"] {
 				@apply col-start-full;
@@ -125,13 +125,73 @@
 				@apply col-start-full;
 			}
 		}
+		/* A focused control scrolls into view clear of the actions and a line
+		   of helper text, in any scroll box (WCAG 2.4.11 Focus Not Obscured). */
+		[data-slot="form-fields"]
+			:is(
+				input,
+				textarea,
+				select,
+				button,
+				a[href],
+				summary,
+				[tabindex],
+				[contenteditable]
+			) {
+			scroll-margin-bottom: calc(
+				var(--form-actions-clearance, 6rem) +
+				var(--form-actions-fill, 0px)
+			);
+		}
+		/* Sticky at the bottom of whatever scrolls the form: in reach. */
 		[data-slot="form-actions"] {
-			@apply flex w-full justify-end gap-2 bottom-2 p-4 max-sm:*:flex-1;
+			@apply sticky bottom-0 z-10 flex w-full justify-end gap-2 bg-background/90 p-4 backdrop-blur-sm max-sm:*:flex-1;
 		}
 	}
 
-	.form-grid-layout {
-		@apply max-h-[calc(100lvh-184px)] md:max-h-[calc(100lvh-242px)] lg:max-h-[calc(100lvh-280px)];
+	/* No height cap and no scroll of its own: the page (or the overlay) is
+	   the one scroll. A Drawer's content does not scroll: the form does. */
+	[data-slot="drawer-content"] > .form-grid-layout {
+		@apply min-h-0 overflow-y-auto;
+	}
+
+	/* In a dialog, the stuck actions sit above its bottom padding
+	   (`--form-actions-fill`: p-6 by default; set it for another one). */
+	:is([data-slot="dialog-content"], [data-slot="alert-dialog-content"]) {
+		--form-actions-fill: 1.5rem;
+		&:is(.p-0, .py-0, .pb-0) {
+			--form-actions-fill: 0px;
+		}
+		&:is(.p-4, .py-4, .pb-4) {
+			--form-actions-fill: 1rem;
+		}
+	}
+
+	/* ConfirmationDialog's form has no actions of its own: the dialog's
+	   footer (two stacked buttons on a phone) sticks instead. */
+	:is([data-slot="dialog-content"], [data-slot="alert-dialog-content"]):has(
+		.form-grid-layout
+	):not(:has([data-slot="form-actions"])) {
+		--form-actions-clearance: 7.5rem;
+		> :is([data-slot="dialog-footer"], [data-slot="alert-dialog-footer"]) {
+			@apply sticky bottom-0 z-10 bg-background/90 backdrop-blur-sm;
+		}
+	}
+
+	/* A sticky element stops at the scroll box's padding: in a dialog, an
+	   `::after` as tall as that padding fills the strip below the stuck
+	   actions, so no field shows there, and adds no overflow. */
+	:is([data-slot="dialog-content"], [data-slot="alert-dialog-content"])
+		.form-grid-layout
+		> [data-slot="form-actions"]::after,
+	:is([data-slot="dialog-content"], [data-slot="alert-dialog-content"]):has(
+			.form-grid-layout
+		):not(:has([data-slot="form-actions"]))
+		> :is(
+			[data-slot="dialog-footer"],
+			[data-slot="alert-dialog-footer"]
+		)::after {
+		@apply absolute inset-x-0 top-full h-(--form-actions-fill) bg-background content-[""];
 	}
 
 	/* No height cap on `DataTable` here (it nested a scroll in the page's):

package/dist/components/base.css

@@ -55,7 +55,9 @@
 			font-size: var(--text-xs);
 			font-weight: var(--font-weight-medium);
 		}
-		a:not(:has(> button)) {
+		/* A sidebar entry is a link styled as a menu entry: the prose link style
+		   (underline, info tint on hover and focus) must not reach it (#566). */
+		a:not(:has(> button)):not([data-slot="sidebar-menu-item"]) {
 			@apply focus:underline underline-offset-4 hover:underline cursor-pointer;
 			@apply text-info [&_svg]:data-[slot=icon]:text-info hover:bg-info/10 active:bg-info/5 focus:bg-info/15;
 		}