@nxgt/material-vue 0.26.1 → 0.27.0

package/dist/{DropdownMenuTrigger-BHAhXGUO.js → DropdownMenuTrigger-BsuyNVzV.js}

@@ -1,27 +1,31 @@
 import { t as e } from "./utils-CykWQ0iJ.js";
-import { createBlock as t, createElementVNode as n, createVNode as r, defineComponent as i, guardReactiveProps as a, mergeProps as o, normalizeProps as s, openBlock as c, renderSlot as l, unref as u, withCtx as d } from "vue";
-import { Circle as f } from "@lucide/vue";
-import { DropdownMenuContent as p, DropdownMenuItemIndicator as m, DropdownMenuPortal as h, DropdownMenuRadioGroup as g, DropdownMenuRadioItem as _, DropdownMenuRoot as v, DropdownMenuSeparator as y, DropdownMenuTrigger as b, useForwardProps as x, useForwardPropsEmits as S } from "reka-ui";
-import { reactiveOmit as C } from "@vueuse/core";
+import { t } from "./use-inert-others-CtGqZKR8.js";
+import { createBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, guardReactiveProps as o, mergeProps as s, normalizeProps as c, openBlock as l, renderSlot as u, unref as d, withCtx as f } from "vue";
+import { Circle as p } from "@lucide/vue";
+import { DropdownMenuContent as m, DropdownMenuItemIndicator as h, DropdownMenuPortal as g, DropdownMenuRadioGroup as _, DropdownMenuRadioItem as v, DropdownMenuRoot as y, DropdownMenuSeparator as b, DropdownMenuTrigger as x, injectDropdownMenuRootContext as S, useForwardProps as C, useForwardPropsEmits as w } from "reka-ui";
+import { reactiveOmit as T } from "@vueuse/core";
 //#endregion
 //#region lib/components/ui/overlays/dropdown-menu/DropdownMenu.vue
-var w = /* @__PURE__ */ i({
+var E = /* @__PURE__ */ a({
 	__name: "DropdownMenu",
 	props: {
 		defaultOpen: { type: Boolean },
 		open: { type: Boolean },
 		dir: {},
-		modal: { type: Boolean }
+		modal: {
+			type: Boolean,
+			default: !1
+		}
 	},
 	emits: ["update:open"],
-	setup(e, { emit: n }) {
-		let r = S(e, n);
-		return (e, n) => (c(), t(u(v), o({ "data-slot": "dropdown-menu" }, u(r)), {
-			default: d((t) => [l(e.$slots, "default", s(a(t)))]),
+	setup(e, { emit: t }) {
+		let r = e, i = w(r, t);
+		return (e, t) => (l(), n(d(y), s({ "data-slot": "dropdown-menu" }, d(i), { modal: r.modal }), {
+			default: f((t) => [u(e.$slots, "default", c(o(t)))]),
 			_: 3
-		}, 16));
+		}, 16, ["modal"]));
 	}
-}), T = /* @__PURE__ */ i({
+}), D = /* @__PURE__ */ a({
 	inheritAttrs: !1,
 	__name: "DropdownMenuContent",
 	props: {
@@ -64,20 +68,23 @@ var w = /* @__PURE__ */ i({
 		"interactOutside",
 		"closeAutoFocus"
 	],
-	setup(n, { emit: i }) {
-		let a = n, s = i, f = S(C(a, "class", "to"), s);
-		return (i, s) => (c(), t(u(h), { to: n.to }, {
-			default: d(() => [r(u(p), o({ "data-slot": "dropdown-menu-content" }, {
-				...i.$attrs,
-				...u(f)
-			}, { class: u(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 max-h-(--reka-dropdown-menu-content-available-height) min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", a.class) }), {
-				default: d(() => [l(i.$slots, "default")]),
+	setup(r, { emit: a }) {
+		let o = r, c = a, p = w(T(o, "class", "to"), c), h = S();
+		return t("content", () => h.modal.value && h.open.value), (t, a) => (l(), n(d(g), { to: r.to }, {
+			default: f(() => [i(d(m), s({
+				ref: "content",
+				"data-slot": "dropdown-menu-content"
+			}, {
+				...t.$attrs,
+				...d(p)
+			}, { class: d(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 max-h-(--reka-dropdown-menu-content-available-height) min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", o.class) }), {
+				default: f(() => [u(t.$slots, "default")]),
 				_: 3
 			}, 16, ["class"])]),
 			_: 3
 		}, 8, ["to"]));
 	}
-}), E = /* @__PURE__ */ i({
+}), O = /* @__PURE__ */ a({
 	__name: "DropdownMenuRadioGroup",
 	props: {
 		modelValue: {},
@@ -85,14 +92,14 @@ var w = /* @__PURE__ */ i({
 		as: {}
 	},
 	emits: ["update:modelValue"],
-	setup(e, { emit: n }) {
-		let r = S(e, n);
-		return (e, n) => (c(), t(u(g), o({ "data-slot": "dropdown-menu-radio-group" }, u(r)), {
-			default: d(() => [l(e.$slots, "default")]),
+	setup(e, { emit: t }) {
+		let r = w(e, t);
+		return (e, t) => (l(), n(d(_), s({ "data-slot": "dropdown-menu-radio-group" }, d(r)), {
+			default: f(() => [u(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), D = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" }, O = /* @__PURE__ */ i({
+}), k = { class: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" }, A = /* @__PURE__ */ a({
 	__name: "DropdownMenuRadioItem",
 	props: {
 		value: {},
@@ -109,17 +116,17 @@ var w = /* @__PURE__ */ i({
 		] }
 	},
 	emits: ["select"],
-	setup(i, { emit: a }) {
-		let s = i, p = a, h = S(C(s, "class"), p);
-		return (i, a) => (c(), t(u(_), o({ "data-slot": "dropdown-menu-radio-item" }, u(h), { class: u(e)("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", s.class) }), {
-			default: d(() => [n("span", D, [r(u(m), null, {
-				default: d(() => [l(i.$slots, "indicator-icon", {}, () => [r(u(f), { class: "size-2 fill-current" })])]),
+	setup(t, { emit: a }) {
+		let o = t, c = a, m = w(T(o, "class"), c);
+		return (t, a) => (l(), n(d(v), s({ "data-slot": "dropdown-menu-radio-item" }, d(m), { class: d(e)("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", o.class) }), {
+			default: f(() => [r("span", k, [i(d(h), null, {
+				default: f(() => [u(t.$slots, "indicator-icon", {}, () => [i(d(p), { class: "size-2 fill-current" })])]),
 				_: 3
-			})]), l(i.$slots, "default")]),
+			})]), u(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), k = /* @__PURE__ */ i({
+}), j = /* @__PURE__ */ a({
 	__name: "DropdownMenuSeparator",
 	props: {
 		asChild: { type: Boolean },
@@ -132,11 +139,11 @@ var w = /* @__PURE__ */ i({
 			Array
 		] }
 	},
-	setup(n) {
-		let r = n, i = C(r, "class");
-		return (n, a) => (c(), t(u(y), o({ "data-slot": "dropdown-menu-separator" }, u(i), { class: u(e)("bg-border -mx-1 my-1 h-px", r.class) }), null, 16, ["class"]));
+	setup(t) {
+		let r = t, i = T(r, "class");
+		return (t, a) => (l(), n(d(b), s({ "data-slot": "dropdown-menu-separator" }, d(i), { class: d(e)("bg-border -mx-1 my-1 h-px", r.class) }), null, 16, ["class"]));
 	}
-}), A = /* @__PURE__ */ i({
+}), M = /* @__PURE__ */ a({
 	__name: "DropdownMenuTrigger",
 	props: {
 		disabled: { type: Boolean },
@@ -144,12 +151,12 @@ var w = /* @__PURE__ */ i({
 		as: {}
 	},
 	setup(e) {
-		let n = x(e);
-		return (e, r) => (c(), t(u(b), o({ "data-slot": "dropdown-menu-trigger" }, u(n)), {
-			default: d(() => [l(e.$slots, "default")]),
+		let t = C(e);
+		return (e, r) => (l(), n(d(x), s({ "data-slot": "dropdown-menu-trigger" }, d(t)), {
+			default: f(() => [u(e.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
 });
 //#endregion
-export { T as a, E as i, k as n, w as o, O as r, A as t };
+export { D as a, O as i, j as n, E as o, A as r, M as t };

package/dist/HoverCardTrigger-TDll55LP.js

@@ -0,0 +1,510 @@
+import { t as e } from "./utils-CykWQ0iJ.js";
+import { t } from "./use-material-translation-BHtgyMz3.js";
+import { t as n } from "./Button-DEUkxkrJ.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";
+//#endregion
+//#region lib/components/ui/primitives/helper-text/helper-text.vue
+var J = /* @__PURE__ */ f({
+	__name: "helper-text",
+	props: {
+		error: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t;
+		return (r, i) => (b(), c("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));
+	}
+}), ue = {
+	key: 0,
+	"data-slot": "label-text",
+	"data-required": "",
+	class: "inline-flex"
+}, Y = /* @__PURE__ */ f({
+	__name: "Label",
+	props: {
+		for: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		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")])) : x(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")) {
+	return (t) => {
+		let n = U(e);
+		K(n instanceof HTMLElement ? n : null, t);
+	};
+}
+//#endregion
+//#region lib/components/ui/overlays/dialog/use-modal-content.ts
+function X(e) {
+	let t = e;
+	if (!t) {
+		let e = L();
+		t = () => e.modal.value && e.open.value;
+	}
+	let n = E("content");
+	return r(n, t), {
+		onEscapeKeyDown: de(n),
+		keepToaster: fe
+	};
+}
+function fe(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({
+	__name: "Dialog",
+	props: {
+		open: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		modal: { type: Boolean },
+		unmountOnHide: { type: Boolean }
+	},
+	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)))]),
+			_: 3
+		}, 16));
+	}
+}), Z = /* @__PURE__ */ f({
+	__name: "DialogOverlay",
+	props: {
+		forceMount: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	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")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), me = { class: "sr-only" }, he = /* @__PURE__ */ f({
+	inheritAttrs: !1,
+	__name: "DialogContent",
+	props: {
+		forceMount: { type: Boolean },
+		disableOutsidePointerEvents: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		showCloseButton: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"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({
+				ref: "content",
+				"data-slot": "dialog-content"
+			}, {
+				...t.$attrs,
+				...C(c)
+			}, {
+				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", i.class)
+			}), {
+				default: O(() => [x(t.$slots, "default"), n.showCloseButton ? (b(), o(C(j), {
+					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)]),
+					_: 1
+				})) : s("", !0)]),
+				_: 3
+			}, 16, [
+				"onEscapeKeyDown",
+				"onPointerDownOutside",
+				"onFocusOutside",
+				"onInteractOutside",
+				"class"
+			])]),
+			_: 3
+		}));
+	}
+}), ge = /* @__PURE__ */ f({
+	__name: "DialogDescription",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	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")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), _e = /* @__PURE__ */ f({
+	__name: "DialogFooter",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		showCloseButton: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(r) {
+		let i = r, { t: a } = t();
+		return (t, l) => (b(), c("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), {
+			key: 0,
+			"as-child": ""
+		}, {
+			default: O(() => [d(C(n), { variant: "outlined" }, {
+				default: O(() => [u(S(C(a)("material.buttons.close", "Close")), 1)]),
+				_: 1
+			})]),
+			_: 1
+		})) : s("", !0)], 2));
+	}
+}), ve = /* @__PURE__ */ f({
+	__name: "DialogTitle",
+	props: {
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	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")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), ye = /* @__PURE__ */ f({
+	__name: "DialogTrigger",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), o(C(se), g({ "data-slot": "dialog-trigger" }, t), {
+			default: O(() => [x(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), be = ["data-slot"], Q = /* @__PURE__ */ f({
+	__name: "Input",
+	props: {
+		defaultValue: {},
+		modelValue: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: n }) {
+		let r = t, i = G(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,
+			"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)]]);
+	}
+}), $ = /* @__PURE__ */ f({
+	inheritAttrs: !1,
+	__name: "text-field",
+	props: {
+		label: {},
+		helperText: {},
+		error: { type: Boolean },
+		required: { type: Boolean },
+		disabled: { type: Boolean },
+		id: {},
+		name: {},
+		placeholder: {},
+		type: {},
+		modelValue: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	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", {
+			"data-slot": "text-field",
+			class: _(C(e)("grid w-full gap-1.5", r.class))
+		}, [
+			t.label ? (b(), o(Y, {
+				key: 0,
+				"with-asterisk": t.required,
+				for: p()
+			}, {
+				default: O(() => [u(S(t.label), 1)]),
+				_: 1
+			}, 8, ["with-asterisk", "for"])) : s("", !0),
+			l("div", { class: _(C(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, {
+					name: t.name,
+					type: t.type,
+					placeholder: t.placeholder,
+					disabled: t.disabled,
+					required: t.required,
+					"model-value": t.modelValue,
+					"aria-invalid": t.error || void 0,
+					"aria-describedby": v.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, [
+					"id",
+					"name",
+					"type",
+					"placeholder",
+					"disabled",
+					"required",
+					"model-value",
+					"aria-invalid",
+					"aria-describedby"
+				]),
+				x(n.$slots, "trailing")
+			], 2),
+			t.helperText ? (b(), o(J, {
+				key: 1,
+				id: C(h),
+				error: t.error
+			}, {
+				default: O(() => [u(S(t.helperText), 1)]),
+				_: 1
+			}, 8, ["id", "error"])) : s("", !0)
+		], 2));
+	}
+});
+//#endregion
+//#region lib/components/ui/forms/use-field-blur.ts
+function xe(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 = () => {
+		let e = n.value;
+		return xe(e instanceof Node ? e : e?.$el);
+	};
+	function l(t) {
+		r = !1, e(t, !0);
+	}
+	function u(e) {
+		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;
+				return;
+			}
+			r && d(t, q(n)) && l(e);
+		}
+	}
+	function d(e, t) {
+		if (t === q(e)) return !0;
+		if (!t || o.has(t)) return !1;
+		let n = le([e], {
+			before: a,
+			home: /* @__PURE__ */ new Set([q(e)]),
+			opened: o
+		}, t);
+		return n === "theirs" || !n && a.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 m = p(), h = () => {
+		let e = m?.props.name;
+		typeof e == "string" && c()?.setAttribute(i, e);
+	};
+	ee(h), y(h);
+	let g = {
+		capture: !0,
+		passive: !0
+	};
+	W(B, "focusin", u, g), W(B, "focusout", f, g), H(() => clearTimeout(s));
+}
+//#endregion
+//#region lib/components/ui/overlays/hover-card/HoverCard.vue
+var Ce = /* @__PURE__ */ f({
+	__name: "HoverCard",
+	props: {
+		defaultOpen: { type: Boolean },
+		open: { type: Boolean },
+		openDelay: {},
+		closeDelay: {},
+		enableTouch: { type: Boolean }
+	},
+	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)))]),
+			_: 3
+		}, 16));
+	}
+}), we = /* @__PURE__ */ f({
+	inheritAttrs: !1,
+	__name: "HoverCardContent",
+	props: {
+		forceMount: { type: Boolean },
+		memoDependencies: {},
+		side: {},
+		sideOffset: { default: 4 },
+		sideFlip: { type: Boolean },
+		align: {},
+		alignOffset: {},
+		alignFlip: { type: Boolean },
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: {},
+		arrowPadding: {},
+		hideShiftedArrow: { type: Boolean },
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
+		updatePositionStrategy: {},
+		disableUpdateOnLayoutShift: { type: Boolean },
+		prioritizePosition: { type: Boolean },
+		reference: {},
+		dir: {},
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	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" }, {
+				...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")]),
+				_: 3
+			}, 16, ["class"])]),
+			_: 3
+		}));
+	}
+}), Te = /* @__PURE__ */ f({
+	__name: "HoverCardTrigger",
+	props: {
+		reference: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	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")]),
+			_: 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 };

package/dist/{camera-DvKuqT4L.js → camera-UJXnnFeb.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./utils-CykWQ0iJ.js";
-import { gr as t, mr as n, pr as r } from "./components-CCWod7cJ.js";
-import { t as i } from "./use-material-translation-CONqD9wJ.js";
-import { t as a } from "./Button-16J7vTpE.js";
-import { t as o } from "./icon-button-CDdNsZuZ.js";
+import { gr as t, mr as n, pr as r } from "./components-BZ1XAK37.js";
+import { t as i } from "./use-material-translation-BHtgyMz3.js";
+import { t as a } from "./Button-DEUkxkrJ.js";
+import { t as o } from "./icon-button-jHB4MhQ5.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