@aures5g/vue-component-library 3.74.0 → 3.76.0

package/dist/vue-component-library.js

@@ -1,4 +1,4 @@
-import { A as e, C as t, D as n, E as r, M as i, N as a, O as o, S as s, T as c, _ as l, a as u, b as d, c as f, d as p, f as m, g as h, h as g, i as _, j as v, k as y, l as ee, m as b, n as x, o as te, p as ne, r as re, s as ie, t as ae, u as S, v as oe, w as se, x as ce, y as le } from "./UIMenu-BOUmpwbY.js";
+import { A as e, C as t, D as n, E as r, M as i, N as a, O as o, S as s, T as c, _ as l, a as u, b as d, c as f, d as p, f as m, g as ee, h, i as g, j as _, k as v, l as y, m as te, n as b, o as x, p as ne, r as re, s as ie, t as ae, u as S, v as oe, w as se, x as ce, y as le } from "./UIMenu-BOUmpwbY.js";
 import { n as ue, t as de } from "./UICheckbox-CO51kllT.js";
 import { Fragment as C, Teleport as fe, Transition as pe, computed as w, createBlock as T, createCommentVNode as E, createElementBlock as D, createElementVNode as O, createSlots as me, createTextVNode as he, createVNode as k, defineAsyncComponent as ge, defineComponent as A, effectScope as _e, h as ve, isRef as ye, mergeDefaults as be, mergeModels as j, mergeProps as M, nextTick as xe, normalizeClass as N, normalizeStyle as Se, onActivated as Ce, onDeactivated as we, onUpdated as Te, onWatcherCleanup as Ee, openBlock as P, reactive as De, ref as F, renderList as I, renderSlot as L, resolveComponent as Oe, resolveDirective as ke, resolveDynamicComponent as Ae, shallowRef as je, toDisplayString as R, toRefs as Me, toValue as Ne, unref as z, useAttrs as Pe, useId as Fe, useModel as B, useSlots as Ie, useTemplateRef as Le, vModelDynamic as Re, vModelText as ze, vShow as Be, watch as V, withCtx as H, withDirectives as Ve, withKeys as He, withModifiers as Ue } from "vue";
 import { FontAwesomeIcon as U } from "@fortawesome/vue-fontawesome";
@@ -57,17 +57,17 @@ var Wt = {
 		label: { default: "" },
 		leadingIcon: { default: void 0 },
 		trailingIcon: { default: void 0 },
-		placement: { default: _.LIGHT }
+		placement: { default: g.LIGHT }
 	},
 	setup(e) {
 		let t = e, n = w(() => ({
 			[Wt.FILLED]: {
-				root: [t.placement === _.LIGHT ? "bg-primary text-on-primary disabled:bg-on-surface/12 disabled:text-on-surface" : t.placement === _.PRIMARY ? "bg-on-primary text-primary disabled:bg-on-primary/12" : t.placement === _.ERROR ? "bg-on-error text-error disabled:bg-on-error/12" : "bg-surface-container-lowest text-on-surface-variant disabled:bg-surface-container-lowest/12 disabled:text-surface-container-lowest", "eh:shadow-1"],
-				state: [t.placement === _.LIGHT ? "group-hover/button:group-enabled/button:bg-on-primary/8" : "group-hover/button:group-enabled/button:bg-on-surface-variant/8"]
+				root: [t.placement === g.LIGHT ? "bg-primary text-on-primary disabled:bg-on-surface/12 disabled:text-on-surface" : t.placement === g.PRIMARY ? "bg-on-primary text-primary disabled:bg-on-primary/12" : t.placement === g.ERROR ? "bg-on-error text-error disabled:bg-on-error/12" : "bg-surface-container-lowest text-on-surface-variant disabled:bg-surface-container-lowest/12 disabled:text-surface-container-lowest", "eh:shadow-1"],
+				state: [t.placement === g.LIGHT ? "group-hover/button:group-enabled/button:bg-on-primary/8" : "group-hover/button:group-enabled/button:bg-on-surface-variant/8"]
 			},
 			[Wt.OUTLINED]: {
-				root: ["border", t.placement === _.LIGHT ? "border-outline text-primary disabled:border-on-surface/12 disabled:text-on-surface" : "border-surface-container-lowest/16 text-surface-container-lowest"],
-				state: [t.placement === _.LIGHT ? "group-hover/button:group-enabled/button:bg-primary/8" : "group-hover/button:group-enabled/button:bg-surface-container-lowest/8"]
+				root: ["border", t.placement === g.LIGHT ? "border-outline text-primary disabled:border-on-surface/12 disabled:text-on-surface" : "border-surface-container-lowest/16 text-surface-container-lowest"],
+				state: [t.placement === g.LIGHT ? "group-hover/button:group-enabled/button:bg-primary/8" : "group-hover/button:group-enabled/button:bg-surface-container-lowest/8"]
 			},
 			[Wt.TEXT]: {
 				root: ["text-current disabled:text-on-surface"],
@@ -336,12 +336,12 @@ var ln = {
 					S.load(i?.css, W({ name: "primitive-variables" }, this.$styleOptions)), S.load(a?.css, W({ name: "semantic-variables" }, this.$styleOptions)), S.load(o?.css, W({ name: "global-variables" }, this.$styleOptions)), S.loadStyle(W({ name: "global-style" }, this.$styleOptions), s), m.setLoadedStyleName("common");
 				}
 				if (!m.isStyleNameLoaded(this.$style?.name) && (e = this.$style) != null && e.name) {
-					var c, l, u, d, f = ((c = this.$style) == null || (l = c.getComponentTheme) == null ? void 0 : l.call(c)) || {}, p = f.css, h = f.style;
-					(u = this.$style) == null || u.load(p, W({ name: `${this.$style.name}-variables` }, this.$styleOptions)), (d = this.$style) == null || d.loadStyle(W({ name: `${this.$style.name}-style` }, this.$styleOptions), h), m.setLoadedStyleName(this.$style.name);
+					var c, l, u, d, f = ((c = this.$style) == null || (l = c.getComponentTheme) == null ? void 0 : l.call(c)) || {}, p = f.css, ee = f.style;
+					(u = this.$style) == null || u.load(p, W({ name: `${this.$style.name}-variables` }, this.$styleOptions)), (d = this.$style) == null || d.loadStyle(W({ name: `${this.$style.name}-style` }, this.$styleOptions), ee), m.setLoadedStyleName(this.$style.name);
 				}
 				if (!m.isStyleNameLoaded("layer-order")) {
-					var g, _, v = (g = this.$style) == null || (_ = g.getLayerOrderThemeCSS) == null ? void 0 : _.call(g);
-					S.load(v, W({
+					var h, g, _ = (h = this.$style) == null || (g = h.getLayerOrderThemeCSS) == null ? void 0 : g.call(h);
+					S.load(_, W({
 						name: "layer-order",
 						first: !0
 					}, this.$styleOptions)), m.setLoadedStyleName("layer-order");
@@ -443,13 +443,13 @@ var ln = {
 		globalPT: function() {
 			var e = this;
 			return this._getPT(this.$primevueConfig?.pt, void 0, function(t) {
-				return v(t, { instance: e });
+				return _(t, { instance: e });
 			});
 		},
 		defaultPT: function() {
 			var e = this;
 			return this._getPT(this.$primevueConfig?.pt, void 0, function(t) {
-				return e._getOptionValue(t, e.$name, W({}, e.$params)) || v(t, W({}, e.$params));
+				return e._getOptionValue(t, e.$name, W({}, e.$params)) || _(t, W({}, e.$params));
 			});
 		},
 		isUnstyled: function() {
@@ -840,7 +840,7 @@ function Wn(e, t) {
 }
 var K = {
 	_getMeta: function() {
-		return [y(arguments.length <= 0 ? void 0 : arguments[0]) || arguments.length <= 0 ? void 0 : arguments[0], v(y(arguments.length <= 0 ? void 0 : arguments[0]) ? arguments.length <= 0 ? void 0 : arguments[0] : arguments.length <= 1 ? void 0 : arguments[1])];
+		return [v(arguments.length <= 0 ? void 0 : arguments[0]) || arguments.length <= 0 ? void 0 : arguments[0], _(v(arguments.length <= 0 ? void 0 : arguments[0]) ? arguments.length <= 0 ? void 0 : arguments[0] : arguments.length <= 1 ? void 0 : arguments[1])];
 	},
 	_getConfig: function(e, t) {
 		var n, r;
@@ -851,8 +851,8 @@ var K = {
 		var e, t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "", a = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {}, o = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : !0, s = function() {
 			var e = K._getOptionValue.apply(K, arguments);
 			return r(e) || se(e) ? { class: e } : e;
-		}, c = ((e = t.binding) == null || (e = e.value) == null ? void 0 : e.ptOptions) || t.$primevueConfig?.ptOptions || {}, l = c.mergeSections, u = l === void 0 || l, d = c.mergeProps, f = d !== void 0 && d, p = o ? K._useDefaultPT(t, t.defaultPT(), s, i, a) : void 0, m = K._usePT(t, K._getPT(n, t.$name), s, i, G(G({}, a), {}, { global: p || {} })), h = K._getPTDatasets(t, i);
-		return u || !u && m ? f ? K._mergeProps(t, f, p, m, h) : G(G(G({}, p), m), h) : G(G({}, m), h);
+		}, c = ((e = t.binding) == null || (e = e.value) == null ? void 0 : e.ptOptions) || t.$primevueConfig?.ptOptions || {}, l = c.mergeSections, u = l === void 0 || l, d = c.mergeProps, f = d !== void 0 && d, p = o ? K._useDefaultPT(t, t.defaultPT(), s, i, a) : void 0, m = K._usePT(t, K._getPT(n, t.$name), s, i, G(G({}, a), {}, { global: p || {} })), ee = K._getPTDatasets(t, i);
+		return u || !u && m ? f ? K._mergeProps(t, f, p, m, ee) : G(G(G({}, p), m), ee) : G(G({}, m), ee);
 	},
 	_getPTDatasets: function() {
 		var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "", n = "data-pc-";
@@ -904,12 +904,12 @@ var K = {
 				S.load(s?.css, G({ name: "primitive-variables" }, r)), S.load(c?.css, G({ name: "semantic-variables" }, r)), S.load(l?.css, G({ name: "global-variables" }, r)), S.loadStyle(G({ name: "global-style" }, r), u), m.setLoadedStyleName("common");
 			}
 			if (!m.isStyleNameLoaded(n.$style?.name) && (t = n.$style) != null && t.name) {
-				var d, f, p, h, g = ((d = n.$style) == null || (f = d.getDirectiveTheme) == null ? void 0 : f.call(d)) || {}, _ = g.css, v = g.style;
-				(p = n.$style) == null || p.load(_, G({ name: `${n.$style.name}-variables` }, r)), (h = n.$style) == null || h.loadStyle(G({ name: `${n.$style.name}-style` }, r), v), m.setLoadedStyleName(n.$style.name);
+				var d, f, p, ee, h = ((d = n.$style) == null || (f = d.getDirectiveTheme) == null ? void 0 : f.call(d)) || {}, g = h.css, _ = h.style;
+				(p = n.$style) == null || p.load(g, G({ name: `${n.$style.name}-variables` }, r)), (ee = n.$style) == null || ee.loadStyle(G({ name: `${n.$style.name}-style` }, r), _), m.setLoadedStyleName(n.$style.name);
 			}
 			if (!m.isStyleNameLoaded("layer-order")) {
-				var y, ee, b = (y = n.$style) == null || (ee = y.getLayerOrderThemeCSS) == null ? void 0 : ee.call(y);
-				S.load(b, G({
+				var v, y, te = (v = n.$style) == null || (y = v.getLayerOrderThemeCSS) == null ? void 0 : y.call(v);
+				S.load(te, G({
 					name: "layer-order",
 					first: !0
 				}, r)), m.setLoadedStyleName("layer-order");
@@ -1014,10 +1014,10 @@ var K = {
 			a.$watchersCallback = {
 				config: s,
 				"config.ripple": c
-			}, o == null || (n = o.config) == null || n.call(a, a?.$primevueConfig), ee.on("config:change", s), o == null || (r = o["config.ripple"]) == null || r.call(a, a == null || (i = a.$primevueConfig) == null ? void 0 : i.ripple), ee.on("config:ripple:change", c);
+			}, o == null || (n = o.config) == null || n.call(a, a?.$primevueConfig), y.on("config:change", s), o == null || (r = o["config.ripple"]) == null || r.call(a, a == null || (i = a.$primevueConfig) == null ? void 0 : i.ripple), y.on("config:ripple:change", c);
 		}, a = function(e) {
 			var n = e._$instances[t].$watchersCallback;
-			n && (ee.off("config:change", n.config), ee.off("config:ripple:change", n["config.ripple"]), e._$instances[t].$watchersCallback = void 0);
+			n && (y.off("config:change", n.config), y.off("config:ripple:change", n["config.ripple"]), e._$instances[t].$watchersCallback = void 0);
 		};
 		return {
 			created: function(e, n, i, a) {
@@ -1146,22 +1146,22 @@ var rr = Kn.extend("ripple", {
 		onMouseDown: function(e) {
 			var t = this, n = e.currentTarget, r = this.getInk(n);
 			if (!(!r || getComputedStyle(r, null).display === "none")) {
-				if (!this.isUnstyled() && g(r, "p-ink-active"), r.setAttribute("data-p-ink-active", "false"), !oe(r) && !l(r)) {
+				if (!this.isUnstyled() && h(r, "p-ink-active"), r.setAttribute("data-p-ink-active", "false"), !oe(r) && !l(r)) {
 					var i = Math.max(s(n), ne(n));
 					r.style.height = i + "px", r.style.width = i + "px";
 				}
-				var a = b(n), o = e.pageX - a.left + document.body.scrollTop - l(r) / 2, c = e.pageY - a.top + document.body.scrollLeft - oe(r) / 2;
+				var a = te(n), o = e.pageX - a.left + document.body.scrollTop - l(r) / 2, c = e.pageY - a.top + document.body.scrollLeft - oe(r) / 2;
 				r.style.top = c + "px", r.style.left = o + "px", !this.isUnstyled() && d(r, "p-ink-active"), r.setAttribute("data-p-ink-active", "true"), this.timeout = setTimeout(function() {
-					r && (!t.isUnstyled() && g(r, "p-ink-active"), r.setAttribute("data-p-ink-active", "false"));
+					r && (!t.isUnstyled() && h(r, "p-ink-active"), r.setAttribute("data-p-ink-active", "false"));
 				}, 401);
 			}
 		},
 		onAnimationEnd: function(e) {
-			this.timeout && clearTimeout(this.timeout), !this.isUnstyled() && g(e.currentTarget, "p-ink-active"), e.currentTarget.setAttribute("data-p-ink-active", "false");
+			this.timeout && clearTimeout(this.timeout), !this.isUnstyled() && h(e.currentTarget, "p-ink-active"), e.currentTarget.setAttribute("data-p-ink-active", "false");
 		},
 		getInk: function(e) {
 			return e && e.children ? Jn(e.children).find(function(e) {
-				return h(e, "data-pc-name") === "ripple";
+				return ee(e, "data-pc-name") === "ripple";
 			}) : void 0;
 		}
 	}
@@ -1547,30 +1547,30 @@ function Sr(e, t) {
 		});
 	}
 	let m = w(p);
-	function h() {
+	function ee() {
 		if (o.value === null || !a.value) return 0;
 		let e = m.value[o.value];
 		if (!e) return 0;
 		let { top: t } = e, n = t.value - u.value;
 		return n + f.value > d.value && (n = d.value - f.value), n;
 	}
-	let g = w(h);
-	function _(e, n) {
+	let h = w(ee);
+	function g(e, n) {
 		t.value[n] || (o.value = e);
 	}
-	async function v(e) {
+	async function _(e) {
 		await new Promise((e) => setTimeout(e, yr)), !(l.value || o.value !== e) && (o.value = null);
 	}
-	async function y() {
+	async function v() {
 		o.value = null;
 	}
-	async function ee() {
+	async function y() {
 		l.value = !0;
 	}
-	async function b() {
+	async function te() {
 		l.value = !1;
 	}
-	return V(g, (e) => {
+	return V(h, (e) => {
 		a.value && (a.value.style.top = `${e}px`);
 	}), Te(function() {
 		i.forEach((e) => e());
@@ -1578,13 +1578,13 @@ function Sr(e, t) {
 		activeFloatingMenuIndex: o,
 		menuItemRefs: r,
 		navbarRef: n,
-		enterFloatingTrigger: _,
-		leaveFloatingTrigger: v,
+		enterFloatingTrigger: g,
+		leaveFloatingTrigger: _,
 		activeFloatingMenu: c,
 		floatingMenuWrapperRef: a,
-		resetFloatingMenu: y,
-		focusFloatingMenu: ee,
-		blurFloatingMenu: b
+		resetFloatingMenu: v,
+		focusFloatingMenu: y,
+		blurFloatingMenu: te
 	};
 }
 function Cr() {
@@ -1626,9 +1626,9 @@ var wr = { class: "h-[28px] min-w-[28px] p-[6px] box-content bg-surface-containe
 		expandedRoutes: { default: () => [] }
 	},
 	setup(e) {
-		let t = ge(() => Promise.resolve().then(() => ni)), n = e, { isNavbarExpandedByDefault: r, isMenuOpen: i, onToggle: a, navbarClasses: o } = br(n.expandedRoutes), { menuCategories: s, onCategoryClick: c, menuCategoryClasses: l } = xr(n.mainMenuItems, n.landingRoute), { activeFloatingMenuIndex: u, menuItemRefs: d, navbarRef: f, enterFloatingTrigger: p, activeFloatingMenu: m, floatingMenuWrapperRef: h, leaveFloatingTrigger: g, resetFloatingMenu: _, focusFloatingMenu: v, blurFloatingMenu: y } = Sr(n.mainMenuItems, s), { getCategoryLinkComponent: ee, getCategoryLinkProps: b } = Cr();
-		return (n, x) => {
-			let te = ke("tooltip");
+		let t = ge(() => Promise.resolve().then(() => ni)), n = e, { isNavbarExpandedByDefault: r, isMenuOpen: i, onToggle: a, navbarClasses: o } = br(n.expandedRoutes), { menuCategories: s, onCategoryClick: c, menuCategoryClasses: l } = xr(n.mainMenuItems, n.landingRoute), { activeFloatingMenuIndex: u, menuItemRefs: d, navbarRef: f, enterFloatingTrigger: p, activeFloatingMenu: m, floatingMenuWrapperRef: ee, leaveFloatingTrigger: h, resetFloatingMenu: g, focusFloatingMenu: _, blurFloatingMenu: v } = Sr(n.mainMenuItems, s), { getCategoryLinkComponent: y, getCategoryLinkProps: te } = Cr();
+		return (n, b) => {
+			let x = ke("tooltip");
 			return P(), D("div", {
 				ref_key: "navbarRef",
 				ref: f,
@@ -1651,9 +1651,9 @@ var wr = { class: "h-[28px] min-w-[28px] p-[6px] box-content bg-surface-containe
 					ref: d,
 					class: N(z(l)[e.name]),
 					onMouseenter: (t) => z(p)(n, e.name),
-					onMouseleave: (e) => z(g)(n),
-					onClick: x[0] ||= (...e) => z(_) && z(_)(...e)
-				}, [(P(), T(Ae(z(ee)(e)), M({ ref_for: !0 }, z(b)(e), {
+					onMouseleave: (e) => z(h)(n),
+					onClick: b[0] ||= (...e) => z(g) && z(g)(...e)
+				}, [(P(), T(Ae(z(y)(e)), M({ ref_for: !0 }, z(te)(e), {
 					class: ["py-md px-lg h-[24px] box-content hover:bg-on-surface/16 text-on-surface-variant block", { "bg-on-surface/16": z(u) === n }],
 					"active-class": "bg-inverse-surface! text-inverse-on-surface!"
 				}), {
@@ -1688,7 +1688,7 @@ var wr = { class: "h-[28px] min-w-[28px] p-[6px] box-content bg-surface-containe
 						class: "absolute -bottom-[40%] left-[50%] -translate-x-1/2 -translate-y-1/2 py-[2px] px-[5px] text-[9px] leading-[9px] h-[unset]"
 					}, null, 8, ["value"])) : E("", !0)]), O("span", Ir, R(n.title), 1)])]),
 					_: 2
-				}, 1032, ["to"])), [[te, {
+				}, 1032, ["to"])), [[x, {
 					value: n.title,
 					disabled: z(i) || !z(s)[e.name],
 					position: "right"
@@ -1696,11 +1696,11 @@ var wr = { class: "h-[28px] min-w-[28px] p-[6px] box-content bg-surface-containe
 				z(m) ? (P(), D("div", {
 					key: 0,
 					ref_key: "floatingMenuWrapperRef",
-					ref: h,
+					ref: ee,
 					class: "absolute left-full bg-surface-container-low py-sm z-99",
-					onMouseenter: x[1] ||= (...e) => z(v) && z(v)(...e),
-					onMouseleave: x[2] ||= (...e) => z(y) && z(y)(...e),
-					onClick: x[3] ||= (...e) => z(y) && z(y)(...e)
+					onMouseenter: b[1] ||= (...e) => z(_) && z(_)(...e),
+					onMouseleave: b[2] ||= (...e) => z(v) && z(v)(...e),
+					onClick: b[3] ||= (...e) => z(v) && z(v)(...e)
 				}, [O("ul", { class: N({ "no-subcategory": (z(m).subMenuItems || []).length < 1 }) }, [
 					O("li", Lr, [O("div", Rr, [O("span", zr, R(z(m).title), 1)])]),
 					(z(m).subMenuItems || []).length > 0 ? (P(), D("hr", Br)) : E("", !0),
@@ -1722,7 +1722,7 @@ var wr = { class: "h-[28px] min-w-[28px] p-[6px] box-content bg-surface-containe
 							class: "absolute -bottom-[40%] left-[50%] -translate-x-1/2 -translate-y-1/2 py-[2px] px-[5px] text-[9px] leading-[9px] h-[unset]"
 						}, null, 8, ["value"])) : E("", !0)]), O("span", Ur, R(e.title), 1)])]),
 						_: 2
-					}, 1032, ["to"])), [[te, {
+					}, 1032, ["to"])), [[x, {
 						value: e.title,
 						disabled: z(i) || !z(s)[z(m).name],
 						position: "right"
@@ -1991,7 +1991,7 @@ var ui = {
 		iconPosition: { default: ui.RIGHT }
 	},
 	setup(e) {
-		let t = e, n = te();
+		let t = e, n = x();
 		function r(e, r) {
 			let i = z(n.locale?.copied);
 			return {
@@ -2654,7 +2654,7 @@ var Hi = function() {
 		function d() {
 			a("focusInput");
 		}
-		let f = { WRAPPER: `--field-wrapper-${o}` }, p = te();
+		let f = { WRAPPER: `--field-wrapper-${o}` }, p = x();
 		return t({
 			inputId: o,
 			anchors: f
@@ -2936,7 +2936,7 @@ var Hi = function() {
 	setup(e, { emit: t }) {
 		let n = t, r = Ie();
 		return (t, i) => (P(), D("div", ro, [O("div", io, [L(t.$slots, "header", {}, () => [O("div", ao, [
-			e.showBackIcon ? (P(), T(x, {
+			e.showBackIcon ? (P(), T(b, {
 				key: 0,
 				icon: z(We),
 				color: "standard",
@@ -2947,7 +2947,7 @@ var Hi = function() {
 				key: 0,
 				icon: e.infoIcon
 			}, null, 8, ["icon"])) : E("", !0)])])])) : E("", !0), O("div", uo, [O("span", fo, R(e.headline), 1), e.subHeadline ? (P(), D("span", po, R(e.subHeadline), 1)) : E("", !0)])]), r.tags ? (P(), D("div", mo, [L(t.$slots, "tags")])) : E("", !0)]),
-			e.showCloseIcon ? (P(), T(x, {
+			e.showCloseIcon ? (P(), T(b, {
 				key: 1,
 				icon: z(tt),
 				color: "standard",
@@ -3322,41 +3322,41 @@ var Qo = { class: "size-[1.5rem]" }, $o = { class: "truncate" }, es = {
 			let n = o(e);
 			return l(n) ? n : t;
 		}
-		let d = B(e, "modelValue"), f = F(""), p = F(!1), m = w(() => new Map(n.options.map((e) => [o(e), e]))), h = w(() => {
+		let d = B(e, "modelValue"), f = F(""), p = F(!1), m = w(() => new Map(n.options.map((e) => [o(e), e]))), ee = w(() => {
 			if (!d.value) return null;
 			let e = m.value.get(d.value);
 			return e ? a(e) : null;
-		}), g = w({
+		}), h = w({
 			get() {
-				return p.value ? f.value : h.value;
+				return p.value ? f.value : ee.value;
 			},
 			set(e) {
 				f.value = e?.toString() || "";
 			}
-		}), _ = Le("input");
-		function v() {
-			f.value = "", p.value = !0, _.value?.focus();
+		}), g = Le("input");
+		function _() {
+			f.value = "", p.value = !0, g.value?.focus();
 		}
-		function y() {
+		function v() {
 			p.value = !1;
 		}
-		let ee = Ie(), b = Le("formFieldWrapper"), x = w(() => n.options.filter((e) => {
+		let y = Ie(), te = Le("formFieldWrapper"), b = w(() => n.options.filter((e) => {
 			let t = a(e);
 			if (typeof t == "string") return Zo(t).startsWith(Zo(f.value));
 		}));
-		function te(e, t) {
-			e.preventDefault(), d.value = o(t), _.value?.blur();
+		function x(e, t) {
+			e.preventDefault(), d.value = o(t), g.value?.blur();
 		}
 		let ne = F(-1);
 		function re(e) {
 			e.preventDefault(), e.stopPropagation();
 			let t = ne.value;
-			e.code === "ArrowDown" ? t = t >= x.value.length - 1 ? x.value.length - 1 : t + 1 : e.code === "ArrowUp" && (t = t <= 0 ? 0 : t - 1), ne.value = t;
+			e.code === "ArrowDown" ? t = t >= b.value.length - 1 ? b.value.length - 1 : t + 1 : e.code === "ArrowUp" && (t = t <= 0 ? 0 : t - 1), ne.value = t;
 		}
 		function ie() {
 			if (ne.value < 0) return;
-			let e = x.value[ne.value];
-			e && (d.value = o(e), _.value?.blur(), ne.value = -1);
+			let e = b.value[ne.value];
+			e && (d.value = o(e), g.value?.blur(), ne.value = -1);
 		}
 		function ae(e) {
 			switch (e.code) {
@@ -3364,7 +3364,7 @@ var Qo = { class: "size-[1.5rem]" }, $o = { class: "truncate" }, es = {
 					ie();
 					break;
 				case "Escape":
-					_.value?.blur();
+					g.value?.blur();
 					break;
 				case "ArrowDown":
 				case "ArrowUp":
@@ -3376,43 +3376,43 @@ var Qo = { class: "size-[1.5rem]" }, $o = { class: "truncate" }, es = {
 			let d = ke("tooltip");
 			return P(), D(C, null, [k(Fa, M({ ref: "formFieldWrapper" }, n, {
 				"trailing-icon": z(jt),
-				onFocusInput: v
+				onFocusInput: _
 			}), me({
 				default: H((e) => [Ve(O("input", M({
 					ref: "input",
-					"onUpdate:modelValue": l[0] ||= (e) => g.value = e
+					"onUpdate:modelValue": l[0] ||= (e) => h.value = e
 				}, {
 					...e,
 					...z(i)
 				}, {
-					onFocus: v,
-					onBlur: y,
+					onFocus: _,
+					onBlur: v,
 					onKeydown: l[1] ||= (e) => ae(e)
-				}), null, 16), [[Re, g.value]]), p.value && !f.value ? (P(), D("span", {
+				}), null, 16), [[Re, h.value]]), p.value && !f.value ? (P(), D("span", {
 					key: 0,
-					style: Se({ "position-anchor": b.value?.anchors.WRAPPER }),
+					style: Se({ "position-anchor": te.value?.anchors.WRAPPER }),
 					class: "absolute top-[anchor(top)] left-[anchor(left)] text-on-surface-variant text-body-large"
-				}, R(h.value), 5)) : E("", !0)]),
+				}, R(ee.value), 5)) : E("", !0)]),
 				_: 2
 			}, [
-				ee.leadingIcon ? {
+				y.leadingIcon ? {
 					name: "leadingIcon",
 					fn: H(() => [L(t.$slots, "leadingIcon")]),
 					key: "0"
 				} : void 0,
-				ee.trailingIcon ? {
+				y.trailingIcon ? {
 					name: "trailingIcon",
 					fn: H(() => [L(t.$slots, "trailingIcon")]),
 					key: "1"
 				} : void 0,
-				ee.tags ? {
+				y.tags ? {
 					name: "tags",
 					fn: H(() => [L(t.$slots, "tags")]),
 					key: "2"
 				} : void 0
 			]), 1040, ["trailing-icon"]), (P(), T(fe, { to: "body" }, [p.value ? (P(), D("ul", {
 				key: 0,
-				style: Se({ "position-anchor": b.value?.anchors.WRAPPER }),
+				style: Se({ "position-anchor": te.value?.anchors.WRAPPER }),
 				class: "absolute top-[calc(anchor(bottom)+0.25rem)] left-[anchor(left)] bg-surface-container-low py-[0.5rem] w-[anchor-size(width)] rounded-extra-small shadow-2 max-h-[15rem] overflow-auto z-10"
 			}, [L(t.$slots, "action", {}, () => [e.actionLabel ? (P(), D(C, { key: 0 }, [O("li", {
 				class: "p-[0.5rem] gap-[0.5rem] text-body-large flex cursor-pointer hover:bg-on-surface/8",
@@ -3428,12 +3428,12 @@ var Qo = { class: "size-[1.5rem]" }, $o = { class: "truncate" }, es = {
 					class: "text-[1rem]",
 					icon: e.actionTrailingIcon
 				}, null, 8, ["icon"])])) : E("", !0)
-			], 32), l[3] ||= O("li", { class: "py-[0.5rem]" }, [O("div", { class: "bg-outline/16 w-full h-[0.0625rem]" })], -1)], 64)) : E("", !0)]), (P(!0), D(C, null, I(x.value, (t, n) => (P(), D("li", {
+			], 32), l[3] ||= O("li", { class: "py-[0.5rem]" }, [O("div", { class: "bg-outline/16 w-full h-[0.0625rem]" })], -1)], 64)) : E("", !0)]), (P(!0), D(C, null, I(b.value, (t, n) => (P(), D("li", {
 				key: u(t, n),
 				class: N(["p-[0.5rem] gap-[0.5rem] text-body-large flex cursor-pointer hover:bg-on-surface/8 h-[2.5rem]", { "bg-on-surface/8": ne.value === n }]),
 				"data-cy": `${e.cyPrefix}option_${o(t)}`,
 				"data-cy-text": `${e.cyPrefix}option_${a(t)}`,
-				onMousedown: (e) => te(e, t)
+				onMousedown: (e) => x(e, t)
 			}, [
 				O("span", ns, [s(t) ? (P(), T(z(U), {
 					key: 0,
@@ -3836,7 +3836,7 @@ var Qo = { class: "size-[1.5rem]" }, $o = { class: "truncate" }, es = {
 	}),
 	emits: ["update:selection"],
 	setup(e) {
-		let t = ge(() => import("./TableSelectionCheckbox-Bd72Q-xQ.js")), n = F(!1), r = te(), i = Ie(), a = B(e, "selection");
+		let t = ge(() => import("./TableSelectionCheckbox-Bd72Q-xQ.js")), n = F(!1), r = x(), i = Ie(), a = B(e, "selection");
 		return (o, s) => (P(), D("div", Js, [
 			i.cardTitle || i.cardSubtitle ? (P(), D("div", Ys, [i.cardTitle ? (P(), D("div", Xs, [L(o.$slots, "cardTitle")])) : E("", !0), i.cardSubtitle ? (P(), D("div", Zs, [L(o.$slots, "cardSubtitle")])) : E("", !0)])) : E("", !0),
 			e.showSelection ? (P(), D("div", Qs, [k(z(t), {
@@ -3900,7 +3900,7 @@ var cc = {
 	},
 	emits: ["openFilterOverlay", "sort"],
 	setup(e, { emit: t }) {
-		let n = te(), r = w(() => z(n.locale?.tableSortColumn) || "tableSortColumn"), i = w(() => z(n.locale?.tableFilterColumn) || "tableFilterColumn"), a = t, o = Le("labelRef"), s = F(!1);
+		let n = x(), r = w(() => z(n.locale?.tableSortColumn) || "tableSortColumn"), i = w(() => z(n.locale?.tableFilterColumn) || "tableFilterColumn"), a = t, o = Le("labelRef"), s = F(!1);
 		return wt(o, (e) => {
 			let t = e[0];
 			t && (t.target.clientWidth === 0 && t.target.scrollWidth === 0 || (s.value = ie(t.target)));
@@ -3932,7 +3932,7 @@ var cc = {
 					"@max-[6.5rem]:grow @max-[6.5rem]:flex-col": e.isSortable && e.hasHeaderFilter,
 					"@max-[4.5rem]:grow": !!e.isSortable ^ +!!e.hasHeaderFilter
 				}])
-			}, [e.isSortable ? (P(), T(x, {
+			}, [e.isSortable ? (P(), T(b, {
 				key: 0,
 				icon: e.sort ? e.sort === z(Ks).ASC ? z(Ze) : z(Xe) : z(Nt),
 				class: N({
@@ -3949,7 +3949,7 @@ var cc = {
 				"class",
 				"title",
 				"data-cy"
-			])) : E("", !0), e.hasHeaderFilter ? (P(), D("div", cc, [k(x, {
+			])) : E("", !0), e.hasHeaderFilter ? (P(), D("div", cc, [k(b, {
 				icon: z(Pt),
 				class: N({ "@max-[6.5rem]:size-[1.5rem] @max-[6.5rem]:text-[0.875rem]": e.isSortable }),
 				color: "standard",
@@ -4397,6 +4397,7 @@ var Nc = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAA
 }, Bc = { class: "grow truncate @max-[3.625rem]:hidden" }, Vc = [
 	"aria-rowindex",
 	"data-row-index",
+	"data-active-row",
 	"onClick",
 	"onDblclick",
 	"onKeyup",
@@ -4467,7 +4468,7 @@ var Nc = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAA
 		let n = ge(() => import("./TableSelectionCheckbox-Bd72Q-xQ.js")), r = ge(() => import("./TableSelectionFilter-C8c6trKq.js")), i = e, a = t, o = Ie(), { headerFilterOverlayActive: s, handleOnClose: c, openFilterOverlay: l } = kc(Le("filterOverlay")), u = B(e, "sort"), d = Le("wrapper"), { handleMousedown: f, getColumnWidth: p } = Oc(() => i.fields, d, (e, t) => a("resize", {
 			fieldName: e,
 			width: t
-		})), m = B(e, "activeRow"), { handleUpAndDownMovement: h, focusActiveRow: g } = Ac(w(() => i.items.length), m), { isMobile: _, rowHeight: v } = Mc(), { groupedFields: y, hasCollapsedFields: ee } = Dc(() => i.fields), b = B(e, "selection"), { isSelectionNotEmptyOrAll: te, onRowSelect: ne, toggleSelection: re } = Ec(b, () => i.items, () => i.dataKey);
+		})), m = B(e, "activeRow"), { handleUpAndDownMovement: ee, focusActiveRow: h } = Ac(w(() => i.items.length), m), { isMobile: g, rowHeight: _ } = Mc(), { groupedFields: v, hasCollapsedFields: y } = Dc(() => i.fields), te = B(e, "selection"), { isSelectionNotEmptyOrAll: x, onRowSelect: ne, toggleSelection: re } = Ec(te, () => i.items, () => i.dataKey);
 		V([
 			() => i.showLoadMore,
 			Le("loadMore"),
@@ -4488,10 +4489,10 @@ var Nc = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAA
 		}), Tc(d);
 		function ie() {
 			xe(() => {
-				g();
+				h();
 			});
 		}
-		return (t, i) => (P(), D("div", Pc, [z(_) ? E("", !0) : (P(), D("div", {
+		return (t, i) => (P(), D("div", Pc, [z(g) ? E("", !0) : (P(), D("div", {
 			key: 0,
 			class: N(["flex flex-col basis-full gap-[0.25rem] sticky top-0 z-5 lg:p-[0.25rem]", {
 				"rounded-t-[1rem] rounded-b-extra-small": e.mode === "divider-only",
@@ -4502,8 +4503,8 @@ var Nc = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAA
 				"rounded-[0.25rem]": e.mode === "divider-only",
 				"rounded-tl-[0.75rem]": e.mode === "divider-only"
 			}]) }, [k(z(U), {
-				icon: z(te) ? z(et) : z(It),
-				class: N(["cursor-pointer", { "text-primary": z(te) }]),
+				icon: z(x) ? z(et) : z(It),
+				class: N(["cursor-pointer", { "text-primary": z(x) }]),
 				onClick: z(re)
 			}, null, 8, [
 				"icon",
@@ -4530,8 +4531,8 @@ var Nc = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAA
 				"show-selection"
 			])]),
 			O("div", Lc, [e.showSelection ? (P(), D("div", Rc, [k(z(r), {
-				selection: b.value,
-				"onUpdate:selection": i[1] ||= (e) => b.value = e,
+				selection: te.value,
+				"onUpdate:selection": i[1] ||= (e) => te.value = e,
 				"data-key": e.dataKey,
 				items: e.items
 			}, null, 8, [
@@ -4550,7 +4551,7 @@ var Nc = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAA
 			(P(), T(fe, { to: "body" }, [z(s) ? (P(), D("div", zc, [O("div", {
 				class: "after:absolute after:left-0 after:-bottom-[0.5rem] after:w-full after:h-[1rem] after:z-20 z-15 after:bg-surface-container-high absolute left-[anchor(left)] top-[anchor(top)] w-[anchor-size(width)] h-[anchor-size(height)] shadow-1 bg-surface-container-high rounded-t text-title-medium flex items-center gap-[0.625rem] py-[0.25rem] pr-[0.5rem] pl-[0.75rem] @container justify-center",
 				style: Se({ "position-anchor": `--header-cell-${z(s)}` })
-			}, [O("span", Bc, R(e.fields.find((e) => e.name === z(s))?.header), 1), k(x, {
+			}, [O("span", Bc, R(e.fields.find((e) => e.name === z(s))?.header), 1), k(b, {
 				class: "shrink-0",
 				color: "tonal",
 				icon: z(tt),
@@ -4571,23 +4572,24 @@ var Nc = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAA
 			}]),
 			style: Se({ "--fallback-feature-bg": `url('${z(Nc)}')` }),
 			items: e.items,
-			"item-size": z(v),
+			"item-size": z(_),
 			"key-field": e.dataKey,
 			"page-mode": "",
 			"flow-mode": "",
 			"emit-update": "",
 			"item-class": "static top-auto left-auto will-change-auto",
 			"list-class": ["flex flex-col gap-[0.75rem] lg:block", { "h-full": (!e.items || e.items.length < 1) && !e.isLoading }],
-			onKeydown: i[5] ||= (e) => z(h)(e),
+			onKeydown: i[5] ||= (e) => z(ee)(e),
 			onVisible: ie
 		}, me({
 			default: H(({ item: r, index: s }) => [O("div", {
-				class: N(["lg:h-[calc(2.5rem+0.0625rem)] lg:after:h-[0.0625rem] lg:after:w-[calc(100%-2rem)] lg:after:bg-outline/12 lg:after:mx-[1rem] lg:after:absolute lg:after:bottom-0 relative flex flex-col lg:gap-[0.25rem] lg:flex-row max-lg:bg-surface hover:bg-(--row-hover-color,var(--row-default-hover-color)) hover:after:content-none focus:bg-(--row-focus-color,var(--row-default-hover-color)) focus:after:content-none outline-hidden cursor-pointer focus:before focus:before:lg:absolute focus:before:lg:left-[-0.125rem] focus:before:lg:w-[0.125rem] focus:before:lg:h-[2.5rem] focus:before:lg:bg-primary", [{ "bg-secondary-container after:content-none [--row-default-hover-color:#C3D4EE]": Array.isArray(b.value) && b.value.includes(r[e.dataKey]) }, e.getRowClass ? e.getRowClass(r) : null]]),
+				class: N(["lg:h-[calc(2.5rem+0.0625rem)] lg:after:h-[0.0625rem] lg:after:w-[calc(100%-2rem)] lg:after:bg-outline/12 lg:after:mx-[1rem] lg:after:absolute lg:after:bottom-0 relative flex flex-col lg:gap-[0.25rem] lg:flex-row max-lg:bg-surface hover:bg-(--row-hover-color,var(--row-default-hover-color)) hover:after:content-none focus:bg-(--row-focus-color,var(--row-default-hover-color)) data-active-row:bg-(--row-focus-color,var(--row-default-hover-color)) focus:after:content-none data-active-row:after:content-none outline-hidden cursor-pointer focus:before focus:before:lg:absolute focus:before:lg:left-[-0.125rem] focus:before:lg:w-[0.125rem] focus:before:lg:h-[2.5rem] focus:before:lg:bg-primary data-active-row:before data-active-row:before:lg:absolute data-active-row:before:lg:left-[-0.125rem] data-active-row:before:lg:w-[0.125rem] data-active-row:before:lg:h-[2.5rem] data-active-row:before:lg:bg-primary", [{ "bg-secondary-container after:content-none [--row-default-hover-color:#C3D4EE]": Array.isArray(te.value) && te.value.includes(r[e.dataKey]) }, e.getRowClass ? e.getRowClass(r) : null]]),
 				style: Se(e.getRowStyle ? e.getRowStyle(r) : null),
 				tabindex: "-1",
 				role: "row",
 				"aria-rowindex": s,
 				"data-row-index": s,
+				"data-active-row": s === m.value || void 0,
 				onClick: (e) => a("rowClick", {
 					originalEvent: e,
 					data: r,
@@ -4609,16 +4611,16 @@ var Nc = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAA
 					data: r,
 					index: s
 				})
-			}, [z(_) ? (P(), T(ic, {
+			}, [z(g) ? (P(), T(ic, {
 				key: 0,
 				id: r[e.dataKey],
-				selection: b.value,
-				"onUpdate:selection": i[2] ||= (e) => b.value = e,
-				"show-collapse-button": z(ee),
+				selection: te.value,
+				"onUpdate:selection": i[2] ||= (e) => te.value = e,
+				"show-collapse-button": z(y),
 				"show-selection": e.showSelection
 			}, me({
 				list: H(({ showCollapsed: n }) => [Ve(k(bc, null, {
-					default: H(() => [(P(!0), D(C, null, I(z(y).list, (n, i) => (P(), T(wc, {
+					default: H(() => [(P(!0), D(C, null, I(z(v).list, (n, i) => (P(), T(wc, {
 						key: `table-cell-${r[e.dataKey]}-${n.name}`,
 						label: n.header
 					}, {
@@ -4652,7 +4654,7 @@ var Nc = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAA
 				} : void 0,
 				o.feature ? {
 					name: "feature",
-					fn: H(() => [(P(!0), D(C, null, I(z(y).features, (n, i) => L(t.$slots, "feature", {
+					fn: H(() => [(P(!0), D(C, null, I(z(v).features, (n, i) => L(t.$slots, "feature", {
 						key: `table-feature-${r[e.dataKey]}-${n.name}`,
 						field: n.name,
 						rowIndex: s,
@@ -4663,7 +4665,7 @@ var Nc = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAA
 				} : void 0,
 				o.cardMajor ? {
 					name: "major",
-					fn: H(() => [(P(!0), D(C, null, I(z(y).majors, (n, i) => L(t.$slots, "cardMajor", {
+					fn: H(() => [(P(!0), D(C, null, I(z(v).majors, (n, i) => L(t.$slots, "cardMajor", {
 						key: `table-major-${r[e.dataKey]}-${n.name}`,
 						field: n.name,
 						rowIndex: s,
@@ -4686,8 +4688,8 @@ var Nc = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAA
 				"show-collapse-button",
 				"show-selection"
 			])) : (P(), D(C, { key: 1 }, [e.showSelection ? (P(), D("div", Hc, [O("div", Uc, [k(z(n), {
-				modelValue: b.value,
-				"onUpdate:modelValue": i[3] ||= (e) => b.value = e,
+				modelValue: te.value,
+				"onUpdate:modelValue": i[3] ||= (e) => te.value = e,
 				value: r[e.dataKey]
 			}, null, 8, ["modelValue", "value"])])])) : E("", !0), k(_c, {
 				"data-key": e.dataKey,
@@ -7720,22 +7722,22 @@ var Dm, Om = /* @__PURE__ */ new Map(), $ = class e {
 		let i = J.fromObject(n), a = Vd(t, Sm), { minDaysInFirstWeek: o, startOfWeek: s } = ld(a, i), c = Y.now(), l = X(n.specificOffset) ? r.offset(c) : n.specificOffset, u = !X(a.ordinal), d = !X(a.year), f = !X(a.month) || !X(a.day), p = d || f, m = a.weekYear || a.weekNumber;
 		if ((p || u) && m) throw new wl("Can't mix weekYear/weekNumber units with year/month/day or ordinals");
 		if (f && u) throw new wl("Can't mix ordinal dates with month/day");
-		let h = m || a.weekday && !p, g, _, v = cm(c, l);
-		h ? (g = ym, _ = gm, v = ad(v, o, s)) : u ? (g = bm, _ = _m, v = sd(v)) : (g = vm, _ = hm);
-		let y = !1;
-		for (let e of g) {
+		let ee = m || a.weekday && !p, h, g, _ = cm(c, l);
+		ee ? (h = ym, g = gm, _ = ad(_, o, s)) : u ? (h = bm, g = _m, _ = sd(_)) : (h = vm, g = hm);
+		let v = !1;
+		for (let e of h) {
 			let t = a[e];
-			X(t) ? y ? a[e] = _[e] : a[e] = v[e] : y = !0;
+			X(t) ? v ? a[e] = g[e] : a[e] = _[e] : v = !0;
 		}
-		let ee = (h ? ud(a, o, s) : u ? dd(a) : fd(a)) || pd(a);
-		if (ee) return e.invalid(ee);
-		let [b, x] = lm(h ? od(a, o, s) : u ? cd(a) : a, l, r), te = new e({
-			ts: b,
+		let y = (ee ? ud(a, o, s) : u ? dd(a) : fd(a)) || pd(a);
+		if (y) return e.invalid(y);
+		let [te, b] = lm(ee ? od(a, o, s) : u ? cd(a) : a, l, r), x = new e({
+			ts: te,
 			zone: r,
-			o: x,
+			o: b,
 			loc: i
 		});
-		return a.weekday && p && t.weekday !== te.weekday ? e.invalid("mismatched weekday", `you can't specify both a weekday of ${a.weekday} and a date of ${te.toISO()}`) : te.isValid ? te : e.invalid(te.invalid);
+		return a.weekday && p && t.weekday !== x.weekday ? e.invalid("mismatched weekday", `you can't specify both a weekday of ${a.weekday} and a date of ${x.toISO()}`) : x.isValid ? x : e.invalid(x.invalid);
 	}
 	static fromISO(e, t = {}) {
 		let [n, r] = np(e);
@@ -8277,7 +8279,7 @@ var Am = { class: "text-body-large" }, jm = {
 	setup(e, { emit: t }) {
 		let n = t;
 		return (t, r) => (P(), D("div", { class: N(["flex items-center", { "opacity-38": e.disabled }]) }, [
-			e.showArrows ? (P(), T(x, {
+			e.showArrows ? (P(), T(b, {
 				key: 0,
 				color: "standard",
 				size: "48x48",
@@ -8288,7 +8290,7 @@ var Am = { class: "text-body-large" }, jm = {
 				class: "flex gap-[0.5rem] items-center rounded-full h-[2.5rem] pr-[0.25rem] pl-[0.5rem] text-on-surface-variant hover:bg-on-surface-variant/8 cursor-pointer",
 				onClick: r[1] ||= (e) => n("open")
 			}, [O("span", Am, R(e.label), 1), e.showDropdown ? (P(), D("div", jm, [k(z(U), { icon: z(Ge) }, null, 8, ["icon"])])) : E("", !0)]),
-			e.showArrows ? (P(), T(x, {
+			e.showArrows ? (P(), T(b, {
 				key: 1,
 				color: "standard",
 				size: "48x48",
@@ -8345,47 +8347,47 @@ var Am = { class: "text-body-large" }, jm = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = Pe(), n = B(e, "modelValue"), r = $.now().startOf("day"), i = w(() => $.fromISO(n.value)), a = F(i.value.isValid ? i.value.startOf("month") : $.now().startOf("month")), o = F("calendar");
-		function s(e) {
-			a.value = a.value.set({ month: e }), o.value = "calendar";
-		}
+		let t = Pe(), n = B(e, "modelValue"), r = $.now().startOf("day"), i = w(() => $.fromISO(n.value)), a = F(!1), o = F(i.value.isValid ? i.value.startOf("month") : $.now().startOf("month")), s = F("calendar");
 		function c(e) {
-			a.value = a.value.set({ year: e }), o.value = "calendar";
+			o.value = o.value.set({ month: e }), s.value = "calendar";
 		}
-		let l = w(() => ({
-			month: a.value.month,
-			year: a.value.year,
-			interval: Dp.fromDateTimes(a.value.startOf("month").startOf("week"), a.value.endOf("month").endOf("week"))
+		function l(e) {
+			o.value = o.value.set({ year: e }), s.value = "calendar";
+		}
+		let u = w(() => ({
+			month: o.value.month,
+			year: o.value.year,
+			interval: Dp.fromDateTimes(o.value.startOf("month").startOf("week"), o.value.endOf("month").endOf("week"))
 		}));
-		function* u(e) {
+		function* d(e) {
 			if (!e.start || !e.end) return;
 			let t = e.start.startOf("day");
 			for (; t < e.end;) yield t, t = t.plus({ days: 1 });
 		}
-		let d = w(() => {
+		let f = w(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of u(l.value.interval)) {
+			for (let t of d(u.value.interval)) {
 				let n = e.getOrInsert(t.weekNumber, []);
 				n[t.weekday - 1] = t;
 			}
 			return [...e.values()];
-		}), f = Op.months("short"), p = w(() => {
+		}), p = Op.months("short"), m = w(() => {
 			let e = [];
 			for (let t = Km; t < qm; t++) e.push(t);
 			return e;
-		}), m = w(() => o.value === "month" ? Op.months().map((e, t) => ({
+		}), ee = w(() => s.value === "month" ? Op.months().map((e, t) => ({
 			label: e,
 			value: t + 1
-		})) : p.value.map((e) => ({
+		})) : m.value.map((e) => ({
 			label: `${e}`,
 			value: e
 		}))), h = w({
 			get() {
-				return o.value === "month" ? l.value.month : l.value.year;
+				return s.value === "month" ? u.value.month : u.value.year;
 			},
 			set(e) {
-				if (o.value === "month") return s(e);
-				c(e);
+				if (s.value === "month") return c(e);
+				l(e);
 			}
 		}), g = Le("pickerDialog"), _ = !1;
 		function v() {
@@ -8400,11 +8402,11 @@ var Am = { class: "text-body-large" }, jm = {
 				_ = !1;
 			});
 		}
-		function ee() {
+		function te() {
 			g.value?.open && y();
 		}
 		bt(document, "keydown", (e) => {
-			e.key === "Escape" && ee();
+			e.key === "Escape" && te();
 		});
 		function b() {
 			g.value?.open && y();
@@ -8413,12 +8415,28 @@ var Am = { class: "text-body-large" }, jm = {
 		ut(x, () => {
 			g.value?.open && y();
 		});
-		function te(e) {
-			n.value = e.toISO() || "", y();
+		function ne(e) {
+			e && e.isValid && (n.value = e?.toISO() || ""), a.value = !(!e || e.isValid);
 		}
-		let ne = w(() => i.value.isValid ? i.value.toLocaleString() : "");
-		function re(e) {
-			let t = e.hasSame(r, "day"), n = e.hasSame(i.value, "day"), a = e.month === l.value.month;
+		function re() {
+			n.value = "";
+		}
+		function ie(e) {
+			ne(e), y();
+		}
+		let ae = F("");
+		V(ae, (e) => {
+			if (typeof e == "string" && e.length < 1) {
+				ne(), re();
+				return;
+			}
+			let t = $.fromFormat(e, "D");
+			t.isValid || (t = $.fromFormat(e, "d.L.yyyy")), ne(t);
+		}), V(i, (e) => {
+			ae.value = e.isValid ? e.toLocaleString() : "";
+		}, { immediate: !0 });
+		function S(e) {
+			let t = e.hasSame(r, "day"), n = e.hasSame(i.value, "day"), a = e.month === u.value.month;
 			return {
 				"text-primary border border-primary hover:bg-primary/8": t && !n,
 				"bg-primary text-on-primary hover:bg-[color-mix(in_oklab,var(--color-primary),rgba(from_var(--color-on-primary)_r_g_b/8%))]": n,
@@ -8430,63 +8448,66 @@ var Am = { class: "text-body-large" }, jm = {
 			ref: x,
 			class: "relative"
 		}, [k(Ia, M({
+			modelValue: ae.value,
+			"onUpdate:modelValue": r[0] ||= (e) => ae.value = e,
 			color: e.color,
 			label: e.label,
-			"model-value": ne.value,
-			"trailing-icon": z(Dt)
+			"trailing-icon": z(Dt),
+			invalid: a.value
 		}, z(t), { onFocus: v }), null, 16, [
+			"modelValue",
 			"color",
 			"label",
-			"model-value",
-			"trailing-icon"
+			"trailing-icon",
+			"invalid"
 		]), O("dialog", {
 			ref: "pickerDialog",
 			class: "select-none absolute top-full left-0 bg-surface-container-high rounded-extra-large z-5 w-[22.5rem] min-h-[22.75rem]",
 			onClose: b
-		}, [o.value === "calendar" ? (P(), D("div", Rm, [O("div", zm, [k(Mm, {
-			label: z(f)[l.value.month - 1] ?? "??",
-			onMoveLeft: r[0] ||= (e) => s(l.value.month - 1),
-			onMoveRight: r[1] ||= (e) => s(l.value.month + 1),
-			onOpen: r[2] ||= (e) => o.value = "month"
+		}, [s.value === "calendar" ? (P(), D("div", Rm, [O("div", zm, [k(Mm, {
+			label: z(p)[u.value.month - 1] ?? "??",
+			onMoveLeft: r[1] ||= (e) => c(u.value.month - 1),
+			onMoveRight: r[2] ||= (e) => c(u.value.month + 1),
+			onOpen: r[3] ||= (e) => s.value = "month"
 		}, null, 8, ["label"]), k(Mm, {
-			label: `${l.value.year}`,
-			onMoveLeft: r[3] ||= (e) => c(l.value.year - 1),
-			onMoveRight: r[4] ||= (e) => c(l.value.year + 1),
-			onOpen: r[5] ||= (e) => o.value = "year"
+			label: `${u.value.year}`,
+			onMoveLeft: r[4] ||= (e) => l(u.value.year - 1),
+			onMoveRight: r[5] ||= (e) => l(u.value.year + 1),
+			onOpen: r[6] ||= (e) => s.value = "year"
 		}, null, 8, ["label"])]), O("div", Bm, [O("div", Vm, [(P(!0), D(C, null, I(z(Op).weekdays("short"), (e) => (P(), D("div", {
 			key: e,
 			class: "p-[0.25rem] size-[3rem]"
-		}, [O("div", Hm, R(e), 1)]))), 128)), (P(!0), D(C, null, I(d.value, (e, t) => (P(), D(C, { key: t }, [(P(!0), D(C, null, I(e, (e) => (P(), D("div", {
+		}, [O("div", Hm, R(e), 1)]))), 128)), (P(!0), D(C, null, I(f.value, (e, t) => (P(), D(C, { key: t }, [(P(!0), D(C, null, I(e, (e) => (P(), D("div", {
 			key: `${t}-${e.day}`,
-			class: N(["p-[0.25rem] size-[3rem] cursor-pointer", { "opacity-38 hover:opacity-100": e.month !== l.value.month }])
+			class: N(["p-[0.25rem] size-[3rem] cursor-pointer", { "opacity-38 hover:opacity-100": e.month !== u.value.month }])
 		}, [O("div", {
-			class: N(["size-[2.5rem] inline-flex justify-center items-center rounded-full", re(e)]),
-			onClick: (t) => te(e)
-		}, R(e.day), 11, Um)], 2))), 128))], 64))), 128))])])])) : o.value === "month" || o.value === "year" ? (P(), D("div", Wm, [O("div", Gm, [k(Mm, {
-			label: z(f)[l.value.month - 1] ?? "??",
+			class: N(["size-[2.5rem] inline-flex justify-center items-center rounded-full", S(e)]),
+			onClick: (t) => ie(e)
+		}, R(e.day), 11, Um)], 2))), 128))], 64))), 128))])])])) : s.value === "month" || s.value === "year" ? (P(), D("div", Wm, [O("div", Gm, [k(Mm, {
+			label: z(p)[u.value.month - 1] ?? "??",
 			"show-arrows": !1,
-			"show-dropdown": o.value === "month",
-			disabled: o.value === "year",
-			onOpen: r[6] ||= (e) => o.value = "calendar"
+			"show-dropdown": s.value === "month",
+			disabled: s.value === "year",
+			onOpen: r[7] ||= (e) => s.value = "calendar"
 		}, null, 8, [
 			"label",
 			"show-dropdown",
 			"disabled"
 		]), k(Mm, {
-			label: `${l.value.year}`,
+			label: `${u.value.year}`,
 			"show-arrows": !1,
-			"show-dropdown": o.value === "year",
-			disabled: o.value === "month",
-			onOpen: r[7] ||= (e) => o.value = "calendar"
+			"show-dropdown": s.value === "year",
+			disabled: s.value === "month",
+			onOpen: r[8] ||= (e) => s.value = "calendar"
 		}, null, 8, [
 			"label",
 			"show-dropdown",
 			"disabled"
 		])]), k(Lm, {
 			modelValue: h.value,
-			"onUpdate:modelValue": r[8] ||= (e) => h.value = e,
-			list: m.value,
-			"big-row": o.value === "month"
+			"onUpdate:modelValue": r[9] ||= (e) => h.value = e,
+			list: ee.value,
+			"big-row": s.value === "month"
 		}, null, 8, [
 			"modelValue",
 			"list",
@@ -8495,4 +8516,4 @@ var Am = { class: "text-body-large" }, jm = {
 	}
 });
 //#endregion
-export { u as ACBSPlugin, f as OverflowTooltip, f as Tooltip, ri as UIBadge, zs as UIBrandLogo, Gt as UIButton, de as UICheckbox, _o as UIContextPanel, yi as UICopy, Jm as UIDatePicker, re as UIDivider, as as UIDropdown, Bs as UIFab, va as UIFilterChip, x as UIIconButton, ys as UIInfoStrip, Cs as UIInfoStripSecondaryBox, ha as UIInputChip, $c as UILabelSubValue, Yc as UILabelSubValueList, wc as UILabelValue, bc as UILabelValueList, Ao as UILanguagePicker, no as UIList, to as UIListItem, ae as UIMenu, Gr as UINavbar, ks as UIPersonList, pa as UIRadioButton, Ba as UIRichTooltip, fl as UISearchBar, Gs as UISegmentedButton, yl as UISlider, qa as UISnackbar, Xo as UISwitch, il as UITabButtons, qc as UITable, wi as UITabs, $r as UITag, La as UITextArea, Ia as UITextField, fa as UIToggleButton, bo as UIToolbar, ni as t, jc as useACBSBreakpoints, te as useACBSConfig };
+export { u as ACBSPlugin, f as OverflowTooltip, f as Tooltip, ri as UIBadge, zs as UIBrandLogo, Gt as UIButton, de as UICheckbox, _o as UIContextPanel, yi as UICopy, Jm as UIDatePicker, re as UIDivider, as as UIDropdown, Bs as UIFab, va as UIFilterChip, b as UIIconButton, ys as UIInfoStrip, Cs as UIInfoStripSecondaryBox, ha as UIInputChip, $c as UILabelSubValue, Yc as UILabelSubValueList, wc as UILabelValue, bc as UILabelValueList, Ao as UILanguagePicker, no as UIList, to as UIListItem, ae as UIMenu, Gr as UINavbar, ks as UIPersonList, pa as UIRadioButton, Ba as UIRichTooltip, fl as UISearchBar, Gs as UISegmentedButton, yl as UISlider, qa as UISnackbar, Xo as UISwitch, il as UITabButtons, qc as UITable, wi as UITabs, $r as UITag, La as UITextArea, Ia as UITextField, fa as UIToggleButton, bo as UIToolbar, ni as t, jc as useACBSBreakpoints, x as useACBSConfig };