@cocoar/vue-ui 2.2.0 → 2.3.0

package/dist/index.js

@@ -573,9 +573,11 @@ var Ce = Symbol.for("coar:form-field"), we = ["id", "for"], Te = {
 	folder: "<svg class=\"lucide lucide-folder\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z\" /></svg>",
 	globe: "<svg class=\"lucide lucide-globe\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><circle cx=\"12\" cy=\"12\" r=\"10\" /><path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\" /><path d=\"M2 12h20\" /></svg>",
 	"grip-vertical": "<svg class=\"lucide lucide-grip-vertical\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><circle cx=\"9\" cy=\"12\" r=\"1\" /><circle cx=\"9\" cy=\"5\" r=\"1\" /><circle cx=\"9\" cy=\"19\" r=\"1\" /><circle cx=\"15\" cy=\"12\" r=\"1\" /><circle cx=\"15\" cy=\"5\" r=\"1\" /><circle cx=\"15\" cy=\"19\" r=\"1\" /></svg>",
+	hand: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-hand\"><path d=\"M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2\"/><path d=\"M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2\"/><path d=\"M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8\"/><path d=\"M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15\"/></svg>",
 	hash: "<svg class=\"lucide lucide-hash\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><line x1=\"4\" x2=\"20\" y1=\"9\" y2=\"9\" /><line x1=\"4\" x2=\"20\" y1=\"15\" y2=\"15\" /><line x1=\"10\" x2=\"8\" y1=\"3\" y2=\"21\" /><line x1=\"16\" x2=\"14\" y1=\"3\" y2=\"21\" /></svg>",
 	heading: "<svg class=\"lucide lucide-heading\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"M6 12h12\" /><path d=\"M6 20V4\" /><path d=\"M18 20V4\" /></svg>",
 	heart: "<svg class=\"lucide lucide-heart\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5\" /></svg>",
+	highlighter: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-highlighter\"><path d=\"m9 11-6 6v3h9l3-3\"/><path d=\"m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4\"/></svg>",
 	home: "<svg class=\"lucide lucide-home\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\" /><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\" /></svg>",
 	image: "<svg class=\"lucide lucide-image\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" ry=\"2\" /><circle cx=\"9\" cy=\"9\" r=\"2\" /><path d=\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\" /></svg>",
 	"indent-decrease": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-indent-decrease\"><polyline points=\"7 8 3 12 7 16\"/><line x1=\"21\" x2=\"11\" y1=\"12\" y2=\"12\"/><line x1=\"21\" x2=\"11\" y1=\"6\" y2=\"6\"/><line x1=\"21\" x2=\"11\" y1=\"18\" y2=\"18\"/></svg>",
@@ -602,6 +604,8 @@ var Ce = Symbol.for("coar:form-field"), we = ["id", "for"], Te = {
 	moon: "<svg class=\"lucide lucide-moon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401\" /></svg>",
 	"more-horizontal": "<svg class=\"lucide lucide-more-horizontal\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><circle cx=\"12\" cy=\"12\" r=\"1\" /><circle cx=\"19\" cy=\"12\" r=\"1\" /><circle cx=\"5\" cy=\"12\" r=\"1\" /></svg>",
 	"more-vertical": "<svg class=\"lucide lucide-more-vertical\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><circle cx=\"12\" cy=\"12\" r=\"1\" /><circle cx=\"12\" cy=\"5\" r=\"1\" /><circle cx=\"12\" cy=\"19\" r=\"1\" /></svg>",
+	"mouse-pointer-2": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-mouse-pointer-2\"><path d=\"M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z\"/></svg>",
+	"move-horizontal": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-move-horizontal\"><polyline points=\"18 8 22 12 18 16\"/><polyline points=\"6 8 2 12 6 16\"/><line x1=\"2\" x2=\"22\" y1=\"12\" y2=\"12\"/></svg>",
 	"move-left": "<svg class=\"lucide lucide-move-left\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"M6 8L2 12L6 16\" /><path d=\"M2 12H22\" /></svg>",
 	"move-right": "<svg class=\"lucide lucide-move-right\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"M18 8L22 12L18 16\" /><path d=\"M2 12H22\" /></svg>",
 	palette: "<svg class=\"lucide lucide-palette\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z\" /><circle cx=\"13.5\" cy=\"6.5\" r=\".5\" fill=\"currentColor\" /><circle cx=\"17.5\" cy=\"10.5\" r=\".5\" fill=\"currentColor\" /><circle cx=\"6.5\" cy=\"12.5\" r=\".5\" fill=\"currentColor\" /><circle cx=\"8.5\" cy=\"7.5\" r=\".5\" fill=\"currentColor\" /></svg>",
@@ -614,6 +618,8 @@ var Ce = Symbol.for("coar:form-field"), we = ["id", "for"], Te = {
 	"qr-code": "<svg class=\"lucide lucide-qr-code\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><rect width=\"5\" height=\"5\" x=\"3\" y=\"3\" rx=\"1\" /><rect width=\"5\" height=\"5\" x=\"16\" y=\"3\" rx=\"1\" /><rect width=\"5\" height=\"5\" x=\"3\" y=\"16\" rx=\"1\" /><path d=\"M21 16h-3a2 2 0 0 0-2 2v3\" /><path d=\"M21 21v.01\" /><path d=\"M12 7v3a2 2 0 0 1-2 2H7\" /><path d=\"M3 12h.01\" /><path d=\"M12 3h.01\" /><path d=\"M12 16v.01\" /><path d=\"M16 12h1\" /><path d=\"M21 12v.01\" /><path d=\"M12 21v-1\" /></svg>",
 	"redo-2": "<svg class=\"lucide lucide-redo-2\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"m15 14 5-5-5-5\" /><path d=\"M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13\" /></svg>",
 	"refresh-cw": "<svg class=\"lucide lucide-refresh-cw\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\" /><path d=\"M21 3v5h-5\" /><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\" /><path d=\"M8 16H3v5\" /></svg>",
+	"rotate-ccw": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-rotate-ccw\"><path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"/><path d=\"M3 3v5h5\"/></svg>",
+	"rotate-cw": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-rotate-cw\"><path d=\"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\"/><path d=\"M21 3v5h-5\"/></svg>",
 	rows: "<svg class=\"lucide lucide-rows\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" /><path d=\"M3 12h18\" /></svg>",
 	save: "<svg class=\"lucide lucide-save\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z\" /><path d=\"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7\" /><path d=\"M7 3v4a1 1 0 0 0 1 1h7\" /></svg>",
 	"scan-line": "<svg class=\"lucide lucide-scan-line\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"M3 7V5a2 2 0 0 1 2-2h2\" /><path d=\"M17 3h2a2 2 0 0 1 2 2v2\" /><path d=\"M21 17v2a2 2 0 0 1-2 2h-2\" /><path d=\"M7 21H5a2 2 0 0 1-2-2v-2\" /><path d=\"M7 12h10\" /></svg>",
@@ -637,6 +643,7 @@ var Ce = Symbol.for("coar:form-field"), we = ["id", "for"], Te = {
 	"text-quote": "<svg class=\"lucide lucide-text-quote\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"M17 5H3\" /><path d=\"M21 12H8\" /><path d=\"M21 19H8\" /><path d=\"M3 12v7\" /></svg>",
 	"trash-2": "<svg class=\"lucide lucide-trash-2\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"M10 11v6\" /><path d=\"M14 11v6\" /><path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6\" /><path d=\"M3 6h18\" /><path d=\"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\" /></svg>",
 	"triangle-alert": "<svg class=\"lucide lucide-triangle-alert\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" /><path d=\"M12 9v4\" /><path d=\"M12 17h.01\" /></svg>",
+	type: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-type\"><polyline points=\"4 7 4 4 20 4 20 7\"/><line x1=\"9\" x2=\"15\" y1=\"20\" y2=\"20\"/><line x1=\"12\" x2=\"12\" y1=\"4\" y2=\"20\"/></svg>",
 	"undo-2": "<svg class=\"lucide lucide-undo-2\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"M9 14 4 9l5-5\" /><path d=\"M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11\" /></svg>",
 	unlink: "<svg class=\"lucide lucide-unlink\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><path d=\"m18.84 12.25 1.72-1.71h-.02a5.004 5.004 0 0 0-.12-7.07 5.006 5.006 0 0 0-6.95 0l-1.72 1.71\" /><path d=\"m5.17 11.75-1.71 1.71a5.004 5.004 0 0 0 .12 7.07 5.006 5.006 0 0 0 6.95 0l1.71-1.71\" /><line x1=\"8\" x2=\"8\" y1=\"2\" y2=\"5\" /><line x1=\"2\" x2=\"5\" y1=\"8\" y2=\"8\" /><line x1=\"16\" x2=\"16\" y1=\"19\" y2=\"22\" /><line x1=\"19\" x2=\"22\" y1=\"16\" y2=\"16\" /></svg>",
 	unlock: "<svg class=\"lucide lucide-unlock\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" ><rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\" /><path d=\"M7 11V7a5 5 0 0 1 9.9-1\" /></svg>",
@@ -8660,6 +8667,7 @@ var wu = {
 }), [["__scopeId", "data-v-13d4d08e"]]), Ou = [
 	"href",
 	"aria-disabled",
+	"aria-current",
 	"tabindex",
 	"onClick"
 ], ku = {
@@ -8668,11 +8676,16 @@ var wu = {
 }, Au = { class: "coar-menu-item__label" }, ju = [
 	"href",
 	"aria-disabled",
+	"aria-current",
 	"tabindex"
 ], Mu = {
 	class: "coar-menu-item__icon",
 	"aria-hidden": "true"
-}, Nu = { class: "coar-menu-item__label" }, Pu = ["aria-disabled", "tabindex"], Fu = {
+}, Nu = { class: "coar-menu-item__label" }, Pu = [
+	"aria-disabled",
+	"aria-current",
+	"tabindex"
+], Fu = {
 	class: "coar-menu-item__icon",
 	"aria-hidden": "true"
 }, Iu = { class: "coar-menu-item__label" }, Lu = /* @__PURE__ */ X(/* @__PURE__ */ d({
@@ -8681,6 +8694,10 @@ var wu = {
 		label: { default: void 0 },
 		icon: { default: void 0 },
 		to: { default: void 0 },
+		active: {
+			type: Boolean,
+			default: void 0
+		},
 		disabled: {
 			type: Boolean,
 			default: !1
@@ -8690,25 +8707,35 @@ var wu = {
 	setup(t, { emit: n }) {
 		let a = t, c = n, d = Cu(), f = m(yu, void 0), p = O(null), { RouterLink: h, hasRouterLink: g, warnIfMisconfigured: _ } = Ge();
 		U(() => a.to, (e) => _(e, "CoarMenuItem"), { immediate: !0 });
-		let v = r(() => a.to !== void 0 && a.to !== null), b = null;
+		let v = r(() => a.to !== void 0 && a.to !== null);
+		function b(e) {
+			return {
+				"coar-menu-item--active": a.active ?? e,
+				"coar-menu-item--disabled": a.disabled
+			};
+		}
+		function x(e) {
+			return a.active ?? e ? "page" : void 0;
+		}
+		let T = null;
 		C(() => {
 			if (f && p.value) {
 				let e = {
 					el: p.value,
 					disabled: a.disabled
 				};
-				b = f.register(e), U(() => a.disabled, (t) => {
+				T = f.register(e), U(() => a.disabled, (t) => {
 					e.disabled = t;
 				});
 			}
 		}), S(() => {
-			b?.();
+			T?.();
 		});
-		let x = r(() => a.disabled ? -1 : f ? f.items.value.findIndex((e) => e.el === p.value) === f.activeIndex.value ? 0 : -1 : 0);
-		function T(e) {
+		let E = r(() => a.disabled ? -1 : f ? f.items.value.findIndex((e) => e.el === p.value) === f.activeIndex.value ? 0 : -1 : 0);
+		function D(e) {
 			return e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || e.button !== 0;
 		}
-		function E(e) {
+		function k(e) {
 			let t = !0;
 			return c("clicked", {
 				event: e,
@@ -8717,30 +8744,30 @@ var wu = {
 				}
 			}), { shouldClose: t };
 		}
-		function D(e) {
+		function M(e) {
 			if (a.disabled) {
 				e.preventDefault(), e.stopPropagation();
 				return;
 			}
 			e.stopPropagation();
-			let { shouldClose: t } = E(e);
+			let { shouldClose: t } = k(e);
 			t && d && queueMicrotask(() => d());
 		}
-		function k(e, t) {
+		function N(e, t) {
 			if (a.disabled) {
 				e.preventDefault(), e.stopPropagation();
 				return;
 			}
-			let n = T(e), { shouldClose: r } = E(e);
+			let n = D(e), { shouldClose: r } = k(e);
 			!n && t && t(e), r && d && !n && queueMicrotask(() => d());
 		}
-		function M(e) {
+		function F(e) {
 			if (e.key !== "Enter" && e.key !== " " || a.disabled || v.value && e.key === "Enter") return;
 			if (e.preventDefault(), v.value && p.value) {
 				p.value.click();
 				return;
 			}
-			let { shouldClose: t } = E(new MouseEvent("click"));
+			let { shouldClose: t } = k(new MouseEvent("click"));
 			t && d && queueMicrotask(() => d());
 		}
 		return (n, r) => v.value && L(g) ? (w(), i(j(L(h)), {
@@ -8748,16 +8775,17 @@ var wu = {
 			to: t.to,
 			custom: ""
 		}, {
-			default: G(({ href: t, navigate: r }) => [s("a", {
+			default: G(({ href: t, isActive: r, navigate: i }) => [s("a", {
 				ref_key: "itemRef",
 				ref: p,
 				role: "menuitem",
 				href: t,
-				class: y(["coar-menu-item", { "coar-menu-item--disabled": a.disabled }]),
+				class: y(["coar-menu-item", b(r)]),
 				"aria-disabled": a.disabled || void 0,
-				tabindex: x.value,
-				onClick: (e) => k(e, r),
-				onKeydown: M
+				"aria-current": x(r),
+				tabindex: E.value,
+				onClick: (e) => N(e, i),
+				onKeydown: F
 			}, [s("span", ku, [u(Z, {
 				name: a.icon || "square-dashed",
 				size: "s"
@@ -8769,11 +8797,12 @@ var wu = {
 			ref: p,
 			role: "menuitem",
 			href: String(t.to),
-			class: y(["coar-menu-item", { "coar-menu-item--disabled": a.disabled }]),
+			class: y(["coar-menu-item", b(!1)]),
 			"aria-disabled": a.disabled || void 0,
-			tabindex: x.value,
-			onClick: k,
-			onKeydown: M
+			"aria-current": x(!1),
+			tabindex: E.value,
+			onClick: N,
+			onKeydown: F
 		}, [s("span", Mu, [u(Z, {
 			name: a.icon || "square-dashed",
 			size: "s"
@@ -8782,17 +8811,18 @@ var wu = {
 			ref_key: "itemRef",
 			ref: p,
 			role: "menuitem",
-			class: y(["coar-menu-item", { "coar-menu-item--disabled": a.disabled }]),
+			class: y(["coar-menu-item", b(!1)]),
 			"aria-disabled": a.disabled || void 0,
-			tabindex: x.value,
-			onClick: D,
-			onKeydown: M
+			"aria-current": x(!1),
+			tabindex: E.value,
+			onClick: M,
+			onKeydown: F
 		}, [s("span", Fu, [u(Z, {
 			name: a.icon || "square-dashed",
 			size: "s"
 		}, null, 8, ["name"])]), s("span", Iu, [a.label ? (w(), o(e, { key: 0 }, [l(P(a.label), 1)], 64)) : A(n.$slots, "default", { key: 1 }, void 0, !0)])], 42, Pu));
 	}
-}), [["__scopeId", "data-v-c329f6e6"]]), Ru = {}, zu = {
+}), [["__scopeId", "data-v-8edc345f"]]), Ru = {}, zu = {
 	role: "separator",
 	class: "coar-menu-divider"
 };
@@ -9849,6 +9879,14 @@ var Id = Symbol("sidebar-collapsed"), Ld = Symbol("sidebar-icon-size"), Rd = Sym
 		openOnHover: {
 			type: Boolean,
 			default: !1
+		},
+		splitTrigger: {
+			type: Boolean,
+			default: !1
+		},
+		active: {
+			type: Boolean,
+			default: !1
 		}
 	}, {
 		open: {
@@ -9857,76 +9895,80 @@ var Id = Symbol("sidebar-collapsed"), Ld = Symbol("sidebar-icon-size"), Rd = Sym
 		},
 		openModifiers: {}
 	}),
-	emits: ["update:open"],
-	setup(e) {
-		let t = `coar-sidebar-group-${R()}`, n = e, i = z(e, "open"), c = m(Id, O(!1)), l = m(Ld, O("m")), d = m(Rd, O("left")), f = r(() => Fd(d.value)), p = m(zd, O(!1)), g = r(() => n.iconOnly ?? p.value), _ = r(() => i.value), v = r(() => n.mode === "flyout"), b = B(), x = O(!1), C = O(null), T = null, E = null, D = null, k = m(Bd, null), j = {
+	emits: /* @__PURE__ */ g(["triggerClick"], ["update:open"]),
+	setup(e, { emit: t }) {
+		let n = `coar-sidebar-group-${R()}`, i = e, c = t, l = z(e, "open"), d = m(Id, O(!1)), f = m(Ld, O("m")), p = m(Rd, O("left")), g = r(() => Fd(p.value)), _ = m(zd, O(!1)), v = r(() => i.iconOnly ?? _.value), b = r(() => l.value), x = r(() => i.mode === "flyout"), C = B(), T = O(!1), E = O(null), D = null, k = null, j = null, M = m(Bd, null), N = {
 			cancelClose: () => {
-				ae(), k?.cancelClose();
+				se(), M?.cancelClose();
 			},
 			scheduleClose: () => {
-				ie(), k?.scheduleClose();
+				oe(), M?.scheduleClose();
 			}
-		}, M = r(() => p.value && !c.value), N = r(() => {
-			switch (d.value) {
+		}, F = r(() => _.value && !d.value), I = r(() => {
+			switch (p.value) {
 				case "right": return "left";
 				case "top": return "bottom";
 				case "bottom": return "top";
 				default: return "right";
 			}
-		}), F = r(() => M.value ? v.value && x.value || !v.value && _.value ? !1 : {
-			content: n.label,
-			placement: N.value,
+		}), V = r(() => F.value ? x.value && T.value || !x.value && b.value ? !1 : {
+			content: i.label,
+			placement: I.value,
 			openDelay: 100
-		} : !c.value || v.value && x.value ? !1 : {
-			content: n.label,
-			placement: N.value,
+		} : !d.value || x.value && T.value ? !1 : {
+			content: i.label,
+			placement: I.value,
 			openDelay: 200
-		}), I = r(() => {
-			switch (d.value) {
+		}), H = r(() => {
+			switch (p.value) {
 				case "right": return "chevron-left";
 				case "top": return "chevron-down";
 				case "bottom": return "chevron-up";
 				default: return "chevron-right";
 			}
-		}), V = r(() => f.value === "horizontal" && d.value === "top" ? "chevron-up" : "chevron-down");
-		function H(e) {
-			if (n.disabled) {
+		}), W = r(() => g.value === "horizontal" && p.value === "top" ? "chevron-up" : "chevron-down");
+		function G(e) {
+			if (i.disabled) {
 				e.preventDefault(), e.stopPropagation();
 				return;
 			}
-			if (v.value) {
-				x.value ? re() : ne();
+			if (i.splitTrigger && x.value) {
+				c("triggerClick", e);
 				return;
 			}
-			i.value = !i.value;
+			if (x.value) {
+				T.value ? ae() : ie();
+				return;
+			}
+			l.value = !l.value;
 		}
-		let W = dr();
-		function G() {
-			return b.default?.();
+		let q = dr();
+		function J() {
+			return C.default?.();
 		}
-		let q = r(() => {
-			switch (d.value) {
+		let ne = r(() => {
+			switch (p.value) {
 				case "right": return ["left-start", "right-start"];
 				case "top": return ["bottom-start", "top-start"];
 				case "bottom": return ["top-start", "bottom-start"];
 				default: return ["right-start", "left-start"];
 			}
 		});
-		function J(e) {
+		function re(e) {
 			let t = e.getBoundingClientRect(), n = e.closest(".coar-sidebar") ?? e.closest(".coar-sidebar-flyout");
 			if (!n) return 0;
 			let r = n.getBoundingClientRect();
-			switch (d.value) {
+			switch (p.value) {
 				case "right": return t.left - r.left;
 				case "top": return r.bottom - t.bottom;
 				case "bottom": return t.top - r.top;
 				default: return r.right - t.right;
 			}
 		}
-		function ne() {
-			if (!C.value || D) return;
-			ae(), k?.cancelClose(), x.value = !0;
-			let e = C.value, r = J(e), i = pr().open({
+		function ie() {
+			if (!E.value || j) return;
+			se(), M?.cancelClose(), T.value = !0;
+			let e = E.value, t = re(e), r = pr().open({
 				spec: {
 					...wr,
 					anchor: {
@@ -9934,8 +9976,8 @@ var Id = Symbol("sidebar-collapsed"), Ld = Symbol("sidebar-icon-size"), Rd = Sym
 						element: e
 					},
 					position: {
-						placement: q.value,
-						offset: -4 + r,
+						placement: ne.value,
+						offset: -4 + t,
 						flip: !0,
 						shift: !0
 					}
@@ -9945,93 +9987,99 @@ var Id = Symbol("sidebar-collapsed"), Ld = Symbol("sidebar-icon-size"), Rd = Sym
 					component: h(sf)
 				},
 				inputs: {
-					id: t,
-					label: n.label,
-					iconOnly: g.value,
-					parentControl: j,
-					renderContent: G,
+					id: n,
+					label: i.label,
+					iconOnly: v.value,
+					parentControl: N,
+					renderContent: J,
 					onFlyoutEnter: () => {
-						ae(), k?.cancelClose();
+						se(), M?.cancelClose();
 					},
-					onFlyoutLeave: () => ie()
+					onFlyoutLeave: () => oe()
 				},
-				parent: W
+				parent: q
 			});
-			D = i, i.afterClosed.then(() => {
-				D === i && (D = null, x.value = !1, ae(), se());
+			j = r, r.afterClosed.then(() => {
+				j === r && (j = null, T.value = !1, se(), ce());
 			});
 		}
-		function re() {
-			ae(), x.value = !1;
-			let e = D;
-			D = null, e && !e.isClosed && e.close();
-		}
-		function ie() {
-			ae(), T = setTimeout(() => re(), 300);
-		}
 		function ae() {
-			T &&= (clearTimeout(T), null);
+			se(), T.value = !1;
+			let e = j;
+			j = null, e && !e.isClosed && e.close();
 		}
 		function oe() {
-			se(), E = setTimeout(() => ne(), 200);
+			se(), D = setTimeout(() => ae(), 300);
 		}
 		function se() {
-			E &&= (clearTimeout(E), null);
+			D &&= (clearTimeout(D), null);
 		}
 		function Y() {
-			x.value ? ae() : v.value && n.openOnHover && oe(), k?.cancelClose();
+			ce(), k = setTimeout(() => ie(), 200);
 		}
 		function ce() {
-			se(), x.value && ie();
+			k &&= (clearTimeout(k), null);
 		}
-		return U(c, () => {
-			x.value && re();
+		function le() {
+			T.value ? se() : x.value && i.openOnHover && Y(), M?.cancelClose();
+		}
+		function ue() {
+			ce(), T.value && oe();
+		}
+		return U(d, () => {
+			T.value && ae();
 		}), S(() => {
-			ae(), se(), D && !D.isClosed && D.close(), D = null;
-		}), (e, r) => (w(), o("div", { class: y(["coar-sidebar-group", [`coar-sidebar-group--${f.value}`, {
-			"coar-sidebar-group--collapsed": L(c),
-			"coar-sidebar-group--icon-only": M.value
-		}]]) }, [K((w(), o("div", {
+			se(), ce(), j && !j.isClosed && j.close(), j = null;
+		}), (e, t) => (w(), o("div", { class: y(["coar-sidebar-group", [
+			`coar-sidebar-group--${g.value}`,
+			`coar-sidebar-group--side-${L(p)}`,
+			{
+				"coar-sidebar-group--collapsed": L(d),
+				"coar-sidebar-group--icon-only": F.value,
+				"coar-sidebar-group--active": i.active
+			}
+		]]) }, [K((w(), o("div", {
 			ref_key: "triggerRef",
-			ref: C,
+			ref: E,
 			class: y(["coar-sidebar-group__trigger", {
-				"coar-sidebar-group__trigger--disabled": n.disabled,
-				"coar-sidebar-group__trigger--open": v.value ? x.value : _.value
+				"coar-sidebar-group__trigger--disabled": i.disabled,
+				"coar-sidebar-group__trigger--open": x.value ? T.value : b.value,
+				"coar-sidebar-group__trigger--active": i.active
 			}]),
 			role: "menuitem",
 			"aria-haspopup": "menu",
-			"aria-expanded": v.value ? x.value : _.value,
-			"aria-controls": t,
-			"aria-disabled": n.disabled || void 0,
-			tabindex: n.disabled ? -1 : 0,
-			onClick: H,
-			onKeydown: [ee(H, ["enter"]), ee(te(H, ["prevent"]), ["space"])],
-			onMouseenter: Y,
-			onMouseleave: ce
+			"aria-expanded": x.value ? T.value : b.value,
+			"aria-controls": n,
+			"aria-disabled": i.disabled || void 0,
+			tabindex: i.disabled ? -1 : 0,
+			onClick: G,
+			onKeydown: [ee(G, ["enter"]), ee(te(G, ["prevent"]), ["space"])],
+			onMouseenter: le,
+			onMouseleave: ue
 		}, [
 			s("span", lf, [u(Z, {
-				name: n.icon || "square-dashed",
-				size: L(l)
+				name: i.icon || "square-dashed",
+				size: L(f)
 			}, null, 8, ["name", "size"]), s("span", uf, [u(Z, {
-				name: v.value ? x.value ? V.value : I.value : _.value ? "minus" : "plus",
+				name: x.value ? T.value ? W.value : H.value : b.value ? "minus" : "plus",
 				size: "xs"
 			}, null, 8, ["name"])])]),
-			s("span", df, P(n.label), 1),
+			s("span", df, P(i.label), 1),
 			u(Z, {
-				name: v.value ? x.value ? V.value : I.value : _.value ? "minus" : "plus",
+				name: x.value ? T.value ? W.value : H.value : b.value ? "minus" : "plus",
 				size: "xs",
 				class: "coar-sidebar-group__chevron",
 				"aria-hidden": "true"
 			}, null, 8, ["name"])
-		], 42, cf)), [[L(vc), F.value]]), v.value ? a("", !0) : (w(), o("div", {
+		], 42, cf)), [[L(vc), V.value]]), x.value ? a("", !0) : (w(), o("div", {
 			key: 0,
-			id: t,
-			class: y(["coar-sidebar-group__panel", { "coar-sidebar-group__panel--open": _.value }]),
-			"aria-hidden": !_.value || void 0,
+			id: n,
+			class: y(["coar-sidebar-group__panel", { "coar-sidebar-group__panel--open": b.value }]),
+			"aria-hidden": !b.value || void 0,
 			role: "group"
 		}, [s("div", pf, [A(e.$slots, "default", {}, void 0, !0)])], 10, ff))], 2));
 	}
-}), [["__scopeId", "data-v-2eaf7f0e"]]), hf = {
+}), [["__scopeId", "data-v-898af6bb"]]), hf = {
 	key: 0,
 	class: "coar-sidebar-heading__text"
 }, gf = /* @__PURE__ */ X(/* @__PURE__ */ d({
@@ -10045,16 +10093,17 @@ var Id = Symbol("sidebar-collapsed"), Ld = Symbol("sidebar-icon-size"), Rd = Sym
 			"aria-level": "3"
 		}, [L(n) ? a("", !0) : (w(), o("span", hf, P(t.label), 1))], 2));
 	}
-}), [["__scopeId", "data-v-99fb2c2f"]]), _f = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-99fb2c2f"]]), _f = ["aria-orientation"], vf = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarSidebarDivider",
 	setup(e) {
-		let t = m(Id, O(!1));
+		let t = m(Id, O(!1)), n = m(Rd, O("left")), i = r(() => Fd(n.value));
 		return (e, n) => (w(), o("div", {
-			class: y(["coar-sidebar-divider", { "coar-sidebar-divider--collapsed": L(t) }]),
-			role: "separator"
-		}, null, 2));
+			class: y(["coar-sidebar-divider", [`coar-sidebar-divider--${i.value}`, { "coar-sidebar-divider--collapsed": L(t) }]]),
+			role: "separator",
+			"aria-orientation": i.value === "horizontal" ? "vertical" : "horizontal"
+		}, null, 10, _f));
 	}
-}), [["__scopeId", "data-v-c70a1b23"]]), vf = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-9bdfe627"]]), yf = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarSidebarSpacer",
 	props: {
 		height: { default: void 0 },
@@ -10071,16 +10120,16 @@ var Id = Symbol("sidebar-collapsed"), Ld = Symbol("sidebar-icon-size"), Rd = Sym
 			"aria-hidden": "true"
 		}, null, 6));
 	}
-}), [["__scopeId", "data-v-502139f5"]]), yf = {
+}), [["__scopeId", "data-v-502139f5"]]), bf = {
 	key: 0,
 	class: "coar-navbar__start"
-}, bf = {
+}, xf = {
 	key: 1,
 	class: "coar-navbar__center"
-}, xf = {
+}, Sf = {
 	key: 2,
 	class: "coar-navbar__end"
-}, Sf = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}, Cf = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarNavbar",
 	props: {
 		elevated: {
@@ -10100,17 +10149,17 @@ var Id = Symbol("sidebar-collapsed"), Ld = Symbol("sidebar-icon-size"), Rd = Sym
 			}]),
 			role: "banner"
 		}, [
-			t.$slots.start ? (w(), o("div", yf, [A(t.$slots, "start", {}, void 0, !0)])) : a("", !0),
+			t.$slots.start ? (w(), o("div", bf, [A(t.$slots, "start", {}, void 0, !0)])) : a("", !0),
 			n[0] ||= s("div", { class: "coar-navbar__spacer" }, null, -1),
-			t.$slots.center ? (w(), o("div", bf, [A(t.$slots, "center", {}, void 0, !0)])) : a("", !0),
+			t.$slots.center ? (w(), o("div", xf, [A(t.$slots, "center", {}, void 0, !0)])) : a("", !0),
 			n[1] ||= s("div", { class: "coar-navbar__spacer" }, null, -1),
-			t.$slots.end ? (w(), o("div", xf, [A(t.$slots, "end", {}, void 0, !0)])) : a("", !0)
+			t.$slots.end ? (w(), o("div", Sf, [A(t.$slots, "end", {}, void 0, !0)])) : a("", !0)
 		], 2));
 	}
 }), [["__scopeId", "data-v-c7eb4106"]]);
 //#endregion
 //#region src/components/date-time/_shared/time-helpers.ts
-function Cf(e) {
+function wf(e) {
 	try {
 		return new Intl.DateTimeFormat(e, {
 			hour: "numeric",
@@ -10120,13 +10169,13 @@ function Cf(e) {
 		return !1;
 	}
 }
-function wf(e, t, n) {
+function Tf(e, t, n) {
 	let r = String(t).padStart(2, "0");
 	if (n) return `${String(e).padStart(2, "0")}:${r}`;
 	let i = e >= 12 ? "PM" : "AM", a = e % 12;
 	return a === 0 && (a = 12), `${a}:${r} ${i}`;
 }
-function Tf(e) {
+function Ef(e) {
 	if (!e || typeof e != "string") return null;
 	let t = e.trim().toUpperCase(), n = t.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)$/);
 	if (n) {
@@ -10146,41 +10195,41 @@ function Tf(e) {
 	}
 	return null;
 }
-function Ef(e) {
+function Df(e) {
 	let t = e >= 12 ? "PM" : "AM", n = e % 12;
 	return n === 0 && (n = 12), {
 		hours: n,
 		period: t
 	};
 }
-function Df(e, t) {
+function Of(e, t) {
 	return t === "AM" ? e === 12 ? 0 : e : e === 12 ? 12 : e + 12;
 }
-function Of(e, t) {
+function kf(e, t) {
 	let n = (e + t) % 24;
 	return n < 0 ? n + 24 : n;
 }
-function kf(e, t, n = 1) {
+function Af(e, t, n = 1) {
 	let r = e + t * n, i = 0, a = r;
 	return r >= 60 ? (i = Math.floor(r / 60), a = r % 60) : r < 0 && (i = Math.floor(r / 60), a = (r % 60 + 60) % 60), {
 		minutes: a,
 		hourDelta: i
 	};
 }
-function Af(e, t) {
+function jf(e, t) {
 	return Math.round(e / t) * t;
 }
 //#endregion
 //#region src/components/date-time/time-picker/CoarTimePicker.vue?vue&type=script&setup=true&lang.ts
-var jf = ["aria-label"], Mf = { class: "coar-time-picker__spinner coar-time-picker__hours" }, Nf = ["disabled", "aria-label"], Pf = [
+var Mf = ["aria-label"], Nf = { class: "coar-time-picker__spinner coar-time-picker__hours" }, Pf = ["disabled", "aria-label"], Ff = [
 	"aria-valuenow",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-label"
-], Ff = ["disabled", "aria-label"], If = { class: "coar-time-picker__spinner coar-time-picker__minutes" }, Lf = ["disabled", "aria-label"], Rf = ["aria-valuenow", "aria-label"], zf = ["disabled", "aria-label"], Bf = {
+], If = ["disabled", "aria-label"], Lf = { class: "coar-time-picker__spinner coar-time-picker__minutes" }, Rf = ["disabled", "aria-label"], zf = ["aria-valuenow", "aria-label"], Bf = ["disabled", "aria-label"], Vf = {
 	key: 0,
 	class: "coar-time-picker__spinner coar-time-picker__period"
-}, Vf = ["disabled"], Hf = ["aria-valuenow", "aria-valuetext"], Uf = ["disabled"], Wf = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}, Hf = ["disabled"], Uf = ["aria-valuenow", "aria-valuetext"], Wf = ["disabled"], Gf = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarTimePicker",
 	props: /* @__PURE__ */ g({
 		size: { default: "m" },
@@ -10209,9 +10258,9 @@ var jf = ["aria-label"], Mf = { class: "coar-time-picker__spinner coar-time-pick
 	setup(e) {
 		let t = e, n = z(e, "modelValue"), { t: i } = q(), c = J(), l = r(() => t.locale ?? c?.language.value ?? navigator.language), d = O(9), f = O(0), p = O("AM");
 		U(n, (e) => {
-			e && (d.value = e.hours, f.value = Af(e.minutes, t.minuteStep), p.value = e.hours >= 12 ? "PM" : "AM");
+			e && (d.value = e.hours, f.value = jf(e.minutes, t.minuteStep), p.value = e.hours >= 12 ? "PM" : "AM");
 		}, { immediate: !0 });
-		let m = r(() => t.use24Hour === !0 ? !1 : t.use24Hour === !1 ? !0 : Cf(l.value)), h = r(() => m.value ? Ef(d.value).hours : d.value), g = r(() => f.value), _ = r(() => +!!m.value), v = r(() => m.value ? 12 : 23), b = r(() => t.size === "xs" ? "xs" : "s");
+		let m = r(() => t.use24Hour === !0 ? !1 : t.use24Hour === !1 ? !0 : wf(l.value)), h = r(() => m.value ? Df(d.value).hours : d.value), g = r(() => f.value), _ = r(() => +!!m.value), v = r(() => m.value ? 12 : 23), b = r(() => t.size === "xs" ? "xs" : "s");
 		function x(e) {
 			return e.hours * 60 + e.minutes;
 		}
@@ -10246,11 +10295,11 @@ var jf = ["aria-label"], Mf = { class: "coar-time-picker__spinner coar-time-pick
 			if (!(t.disabled || t.readonly || S.value)) {
 				if (m.value) {
 					let e = h.value, t = e + 1;
-					if (t > 12 && (t = 1), d.value = Df(t, p.value), e === 11) {
+					if (t > 12 && (t = 1), d.value = Of(t, p.value), e === 11) {
 						I();
 						return;
 					}
-				} else d.value = Of(d.value, 1);
+				} else d.value = kf(d.value, 1);
 				A();
 			}
 		}
@@ -10258,28 +10307,28 @@ var jf = ["aria-label"], Mf = { class: "coar-time-picker__spinner coar-time-pick
 			if (!(t.disabled || t.readonly || C.value)) {
 				if (m.value) {
 					let e = h.value, t = e - 1;
-					if (t < 1 && (t = 12), d.value = Df(t, p.value), e === 12) {
+					if (t < 1 && (t = 12), d.value = Of(t, p.value), e === 12) {
 						I();
 						return;
 					}
-				} else d.value = Of(d.value, -1);
+				} else d.value = kf(d.value, -1);
 				A();
 			}
 		}
 		function N() {
 			if (t.disabled || t.readonly || T.value) return;
-			let { minutes: e, hourDelta: n } = kf(f.value, 1, t.minuteStep);
-			f.value = e, n !== 0 && (d.value = Of(d.value, n), p.value = d.value >= 12 ? "PM" : "AM"), A();
+			let { minutes: e, hourDelta: n } = Af(f.value, 1, t.minuteStep);
+			f.value = e, n !== 0 && (d.value = kf(d.value, n), p.value = d.value >= 12 ? "PM" : "AM"), A();
 		}
 		function F() {
 			if (t.disabled || t.readonly || E.value) return;
-			let { minutes: e, hourDelta: n } = kf(f.value, -1, t.minuteStep);
-			f.value = e, n !== 0 && (d.value = Of(d.value, n), p.value = d.value >= 12 ? "PM" : "AM"), A();
+			let { minutes: e, hourDelta: n } = Af(f.value, -1, t.minuteStep);
+			f.value = e, n !== 0 && (d.value = kf(d.value, n), p.value = d.value >= 12 ? "PM" : "AM"), A();
 		}
 		function I() {
 			if (t.disabled || t.readonly || !m.value) return;
 			let e = p.value === "AM" ? "PM" : "AM";
-			e === "AM" && D.value || e === "PM" && k.value || (p.value = e, d.value = Df(h.value, e), A());
+			e === "AM" && D.value || e === "PM" && k.value || (p.value = e, d.value = Of(h.value, e), A());
 		}
 		function R(e) {
 			t.disabled || t.readonly || (e.key === "ArrowUp" ? (e.preventDefault(), j()) : e.key === "ArrowDown" && (e.preventDefault(), M()));
@@ -10303,7 +10352,7 @@ var jf = ["aria-label"], Mf = { class: "coar-time-picker__spinner coar-time-pick
 			role: "group",
 			"aria-label": e.ariaLabel
 		}, [
-			s("div", Mf, [
+			s("div", Nf, [
 				s("button", {
 					type: "button",
 					class: "coar-time-picker__btn coar-time-picker__btn--up",
@@ -10314,7 +10363,7 @@ var jf = ["aria-label"], Mf = { class: "coar-time-picker__spinner coar-time-pick
 				}, [u(Z, {
 					name: "chevron-up",
 					size: b.value
-				}, null, 8, ["size"])], 8, Nf),
+				}, null, 8, ["size"])], 8, Pf),
 				s("div", {
 					class: "coar-time-picker__value",
 					role: "spinbutton",
@@ -10324,7 +10373,7 @@ var jf = ["aria-label"], Mf = { class: "coar-time-picker__spinner coar-time-pick
 					"aria-valuemax": v.value,
 					"aria-label": L(i)("coar.ui.timePicker.hours", void 0, "Hours"),
 					onKeydown: R
-				}, P(h.value.toString().padStart(2, "0")), 41, Pf),
+				}, P(h.value.toString().padStart(2, "0")), 41, Ff),
 				s("button", {
 					type: "button",
 					class: "coar-time-picker__btn coar-time-picker__btn--down",
@@ -10335,13 +10384,13 @@ var jf = ["aria-label"], Mf = { class: "coar-time-picker__spinner coar-time-pick
 				}, [u(Z, {
 					name: "chevron-down",
 					size: b.value
-				}, null, 8, ["size"])], 8, Ff)
+				}, null, 8, ["size"])], 8, If)
 			]),
 			n[0] ||= s("span", {
 				class: "coar-time-picker__separator",
 				"aria-hidden": "true"
 			}, ":", -1),
-			s("div", If, [
+			s("div", Lf, [
 				s("button", {
 					type: "button",
 					class: "coar-time-picker__btn coar-time-picker__btn--up",
@@ -10352,7 +10401,7 @@ var jf = ["aria-label"], Mf = { class: "coar-time-picker__spinner coar-time-pick
 				}, [u(Z, {
 					name: "chevron-up",
 					size: b.value
-				}, null, 8, ["size"])], 8, Lf),
+				}, null, 8, ["size"])], 8, Rf),
 				s("div", {
 					class: "coar-time-picker__value",
 					role: "spinbutton",
@@ -10362,7 +10411,7 @@ var jf = ["aria-label"], Mf = { class: "coar-time-picker__spinner coar-time-pick
 					"aria-valuemax": "59",
 					"aria-label": L(i)("coar.ui.timePicker.minutes", void 0, "Minutes"),
 					onKeydown: B
-				}, P(g.value.toString().padStart(2, "0")), 41, Rf),
+				}, P(g.value.toString().padStart(2, "0")), 41, zf),
 				s("button", {
 					type: "button",
 					class: "coar-time-picker__btn coar-time-picker__btn--down",
@@ -10373,9 +10422,9 @@ var jf = ["aria-label"], Mf = { class: "coar-time-picker__spinner coar-time-pick
 				}, [u(Z, {
 					name: "chevron-down",
 					size: b.value
-				}, null, 8, ["size"])], 8, zf)
+				}, null, 8, ["size"])], 8, Bf)
 			]),
-			m.value ? (w(), o("div", Bf, [
+			m.value ? (w(), o("div", Vf, [
 				s("button", {
 					type: "button",
 					class: "coar-time-picker__btn coar-time-picker__btn--up",
@@ -10386,7 +10435,7 @@ var jf = ["aria-label"], Mf = { class: "coar-time-picker__spinner coar-time-pick
 				}, [u(Z, {
 					name: "chevron-up",
 					size: b.value
-				}, null, 8, ["size"])], 8, Vf),
+				}, null, 8, ["size"])], 8, Hf),
 				s("div", {
 					class: "coar-time-picker__value coar-time-picker__period-value",
 					role: "spinbutton",
@@ -10397,7 +10446,7 @@ var jf = ["aria-label"], Mf = { class: "coar-time-picker__spinner coar-time-pick
 					"aria-valuetext": p.value,
 					"aria-label": "AM/PM",
 					onKeydown: V
-				}, P(p.value), 41, Hf),
+				}, P(p.value), 41, Uf),
 				s("button", {
 					type: "button",
 					class: "coar-time-picker__btn coar-time-picker__btn--down",
@@ -10408,14 +10457,14 @@ var jf = ["aria-label"], Mf = { class: "coar-time-picker__spinner coar-time-pick
 				}, [u(Z, {
 					name: "chevron-down",
 					size: b.value
-				}, null, 8, ["size"])], 8, Uf)
+				}, null, 8, ["size"])], 8, Wf)
 			])) : a("", !0)
-		], 8, jf)], 2));
+		], 8, Mf)], 2));
 	}
 }), [["__scopeId", "data-v-a5cd4780"]]);
 //#endregion
 //#region src/components/date-time/_shared/date-helpers.ts
-function Gf(e) {
+function Kf(e) {
 	try {
 		let t = new Intl.DateTimeFormat(e).formatToParts(new Date(2024, 0, 15)), n = t.findIndex((e) => e.type === "day"), r = t.findIndex((e) => e.type === "month"), i = t.findIndex((e) => e.type === "year");
 		return n === -1 || r === -1 || i === -1 ? null : n < r && r < i ? "dd.mm.yyyy" : r < n && n < i ? "mm/dd/yyyy" : i < r && r < n ? "yyyy-mm-dd" : null;
@@ -10423,7 +10472,7 @@ function Gf(e) {
 		return null;
 	}
 }
-function Kf(e) {
+function qf(e) {
 	try {
 		let t = new Intl.Locale(e);
 		return (t.getWeekInfo?.() ?? t.weekInfo)?.firstDay === 7 ? 7 : 1;
@@ -10431,10 +10480,10 @@ function Kf(e) {
 		return 1;
 	}
 }
-function qf(e) {
+function Jf(e) {
 	return e.includes(".") ? "." : e.includes("/") ? "/" : "-";
 }
-function Jf(e, t) {
+function Yf(e, t) {
 	let n = new Intl.DateTimeFormat(e, { weekday: "short" }), r = [];
 	for (let e = 0; e < 7; e++) {
 		let t = new Date(2024, 0, 1 + e);
@@ -10446,8 +10495,8 @@ function Jf(e, t) {
 	}
 	return r;
 }
-function Yf(e, t) {
-	let n = qf(t), r = String(e.day).padStart(2, "0"), i = String(e.month).padStart(2, "0"), a = String(e.year);
+function Xf(e, t) {
+	let n = Jf(t), r = String(e.day).padStart(2, "0"), i = String(e.month).padStart(2, "0"), a = String(e.year);
 	switch (t) {
 		case "dd.mm.yyyy":
 		case "dd/mm/yyyy": return `${r}${n}${i}${n}${a}`;
@@ -10456,9 +10505,9 @@ function Yf(e, t) {
 		default: return `${r}${n}${i}${n}${a}`;
 	}
 }
-function Xf(e, t, n) {
+function Zf(e, t, n) {
 	if (!e) return null;
-	let r = qf(t), i = e.split(r);
+	let r = Jf(t), i = e.split(r);
 	if (i.length !== 3 || i.some((e) => e.length === 0 || !/^\d+$/.test(e))) return null;
 	let a, o, s;
 	try {
@@ -10486,19 +10535,19 @@ function Xf(e, t, n) {
 		return null;
 	}
 }
-function Zf(e) {
+function Qf(e) {
 	return new Date(e.year, e.month - 1, e.day);
 }
-function Qf(e) {
-	let t = Zf(e), n = t.getDay() || 7;
+function $f(e) {
+	let t = Qf(e), n = t.getDay() || 7;
 	t.setDate(t.getDate() + 4 - n);
 	let r = new Date(t.getFullYear(), 0, 1);
 	return Math.ceil(((t.getTime() - r.getTime()) / 864e5 + 1) / 7);
 }
-function $f(e, t) {
+function ep(e, t) {
 	return t?.min && Y.PlainDate.compare(e, t.min) < 0 ? t.min : t?.max && Y.PlainDate.compare(e, t.max) > 0 ? t.max : e;
 }
-function ep(e, t) {
+function tp(e, t) {
 	let n = e.toPlainDate({ day: 1 }), r = e.daysInMonth, i = n.dayOfWeek, a;
 	a = t === 1 ? (i - 1 + 7) % 7 : i % 7;
 	let o = [];
@@ -10522,20 +10571,20 @@ function ep(e, t) {
 }
 //#endregion
 //#region src/components/date-time/scrollable-calendar/CoarScrollableCalendar.vue?vue&type=script&setup=true&lang.ts
-var tp = {
+var np = {
 	key: 0,
 	class: "coar-scrollable-calendar__week-spacer"
-}, np = ["id", "data-year-month"], rp = { class: "coar-scrollable-calendar__month-name" }, ip = { class: "coar-scrollable-calendar__month-year" }, ap = {
+}, rp = ["id", "data-year-month"], ip = { class: "coar-scrollable-calendar__month-name" }, ap = { class: "coar-scrollable-calendar__month-year" }, op = {
 	key: 0,
 	class: "coar-scrollable-calendar__week-number"
-}, op = [
+}, sp = [
 	"disabled",
 	"tabindex",
 	"data-date",
 	"aria-selected",
 	"aria-current",
 	"onClick"
-], sp = 12, cp = 12, lp = 6, up = 25, dp = /* @__PURE__ */ X(/* @__PURE__ */ d({
+], cp = 12, lp = 12, up = 6, dp = 25, fp = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarScrollableCalendar",
 	props: /* @__PURE__ */ g({
 		min: { default: null },
@@ -10561,13 +10610,13 @@ var tp = {
 	setup(t, { emit: n }) {
 		let i = t, c = z(t, "modelValue"), l = z(t, "activeMonth"), u = n, d = J(), f = r(() => i.locale ?? d?.language.value ?? navigator.language), p = r(() => {
 			if (i.dateFormatConfig) return i.dateFormatConfig;
-			let e = Gf(f.value), t = Kf(f.value);
+			let e = Kf(f.value), t = qf(f.value);
 			return {
 				pattern: e ?? "dd.mm.yyyy",
 				firstDayOfWeek: t
 			};
 		}), m = r(() => p.value.firstDayOfWeek), h = r(() => Y.Now.plainDateISO()), g = r(() => {
-			let e = Jf(f.value, m.value), t = m.value;
+			let e = Yf(f.value, m.value), t = m.value;
 			return e.map((e, n) => {
 				let r;
 				return r = t === 1 ? n + 1 : n === 0 ? 7 : n, {
@@ -10575,7 +10624,7 @@ var tp = {
 					isWeekend: r === 6 || r === 7
 				};
 			});
-		}), _ = O(Y.Now.plainDateISO().toPlainYearMonth().subtract({ months: sp })), b = O(Y.Now.plainDateISO().toPlainYearMonth().add({ months: cp })), x = O(null), T = O(null), E = O(!1), D = !1, A = !1, j = !1;
+		}), _ = O(Y.Now.plainDateISO().toPlainYearMonth().subtract({ months: cp })), b = O(Y.Now.plainDateISO().toPlainYearMonth().add({ months: lp })), x = O(null), T = O(null), E = O(!1), D = !1, A = !1, j = !1;
 		function M() {
 			let e = T.value;
 			return e ? e.querySelector("[data-overlayscrollbars-viewport]") ?? e : null;
@@ -10602,8 +10651,8 @@ var tp = {
 			};
 		}
 		function I(e) {
-			let t = f.value, n = new Intl.DateTimeFormat(t, { month: "long" }).format(new Date(e.year, e.month - 1, 1)), r = ep(e, m.value), i = r.map((e) => F(e.date, e.isOutsideMonth)), a = [];
-			for (let e = 0; e < 6; e++) a.push(Qf(r[e * 7].date));
+			let t = f.value, n = new Intl.DateTimeFormat(t, { month: "long" }).format(new Date(e.year, e.month - 1, 1)), r = tp(e, m.value), i = r.map((e) => F(e.date, e.isOutsideMonth)), a = [];
+			for (let e = 0; e < 6; e++) a.push($f(r[e * 7].date));
 			return {
 				yearMonth: e,
 				monthName: n,
@@ -10694,7 +10743,7 @@ var tp = {
 			if (j) return;
 			j = !0;
 			let e = M(), t = e?.scrollHeight ?? 0, n = i.min?.toPlainYearMonth() ?? null, r = _.value, a = [];
-			for (let e = 0; e < lp; e++) {
+			for (let e = 0; e < up; e++) {
 				let e = r.subtract({ months: 1 });
 				if (n && Y.PlainYearMonth.compare(e, n) < 0) break;
 				r = e, a.unshift(I(r));
@@ -10715,7 +10764,7 @@ var tp = {
 			if (j) return;
 			j = !0;
 			let e = i.max?.toPlainYearMonth() ?? null, t = b.value, n = [];
-			for (let r = 0; r < lp; r++) {
+			for (let r = 0; r < up; r++) {
 				let r = t.add({ months: 1 });
 				if (e && Y.PlainYearMonth.compare(r, e) > 0) break;
 				t = r, n.push(I(t));
@@ -10730,14 +10779,14 @@ var tp = {
 		}
 		function re() {
 			let e = B.value;
-			if (e.length <= up) return;
-			let t = e.slice(0, up);
+			if (e.length <= dp) return;
+			let t = e.slice(0, dp);
 			B.value = t, b.value = t[t.length - 1].yearMonth;
 		}
 		function ie() {
 			let e = B.value;
-			if (e.length <= up) return;
-			let t = e.length - up, n = e.slice(t);
+			if (e.length <= dp) return;
+			let t = e.length - dp, n = e.slice(t);
 			B.value = n, _.value = n[0].yearMonth;
 		}
 		function ae(e) {
@@ -10756,7 +10805,7 @@ var tp = {
 					r = n.add({ years: e });
 					break;
 			}
-			r = $f(r, {
+			r = ep(r, {
 				min: i.min,
 				max: i.max
 			}), x.value = r;
@@ -10820,7 +10869,7 @@ var tp = {
 		}), (n, r) => (w(), o("div", {
 			class: "coar-scrollable-calendar",
 			onKeydown: se
-		}, [s("div", { class: y(["coar-scrollable-calendar__weekdays", { "coar-scrollable-calendar__weekdays--with-weeks": t.showWeekNumbers }]) }, [t.showWeekNumbers ? (w(), o("span", tp)) : a("", !0), (w(!0), o(e, null, k(g.value, (e) => (w(), o("span", {
+		}, [s("div", { class: y(["coar-scrollable-calendar__weekdays", { "coar-scrollable-calendar__weekdays--with-weeks": t.showWeekNumbers }]) }, [t.showWeekNumbers ? (w(), o("span", np)) : a("", !0), (w(!0), o(e, null, k(g.value, (e) => (w(), o("span", {
 			key: e.name,
 			class: y(["coar-scrollable-calendar__weekday", { "coar-scrollable-calendar__weekday--weekend": t.highlightWeekends && e.isWeekend }])
 		}, P(e.name), 3))), 128))], 2), s("div", { class: y(["coar-scrollable-calendar__months-wrapper", { "coar-scrollable-calendar__months-wrapper--ready": E.value }]) }, [K((w(), o("div", {
@@ -10832,10 +10881,10 @@ var tp = {
 			key: n.yearMonth.toString(),
 			"data-year-month": n.yearMonth.toString(),
 			class: "coar-scrollable-calendar__month"
-		}, [s("div", { class: y(["coar-scrollable-calendar__month-header", { "coar-scrollable-calendar__month-header--with-weeks": t.showWeekNumbers }]) }, [s("span", rp, P(n.monthName), 1), s("span", ip, P(n.year), 1)], 2), s("div", {
+		}, [s("div", { class: y(["coar-scrollable-calendar__month-header", { "coar-scrollable-calendar__month-header--with-weeks": t.showWeekNumbers }]) }, [s("span", ip, P(n.monthName), 1), s("span", ap, P(n.year), 1)], 2), s("div", {
 			class: y(["coar-scrollable-calendar__grid", { "coar-scrollable-calendar__grid--with-weeks": t.showWeekNumbers }]),
 			role: "grid"
-		}, [(w(!0), o(e, null, k(n.days, (r, i) => (w(), o(e, { key: r.date.toString() }, [t.showWeekNumbers && i % 7 == 0 ? (w(), o("span", ap, P(n.weekNumbers[i / 7]), 1)) : a("", !0), s("button", {
+		}, [(w(!0), o(e, null, k(n.days, (r, i) => (w(), o(e, { key: r.date.toString() }, [t.showWeekNumbers && i % 7 == 0 ? (w(), o("span", op, P(n.weekNumbers[i / 7]), 1)) : a("", !0), s("button", {
 			type: "button",
 			class: y(["coar-scrollable-calendar__day", [r.markerCssClass, {
 				"coar-scrollable-calendar__day--outside": r.isOutsideMonth,
@@ -10852,12 +10901,12 @@ var tp = {
 			"aria-selected": r.isSelected,
 			"aria-current": r.isToday ? "date" : void 0,
 			onClick: (e) => ae(r.date)
-		}, P(r.day), 11, op)], 64))), 128))], 2)], 8, np))), 128))])), [[L(Us), {
+		}, P(r.day), 11, sp)], 64))), 128))], 2)], 8, rp))), 128))])), [[L(Us), {
 			overflowX: "hidden",
 			autoHide: "leave"
 		}]])], 2)], 32));
 	}
-}), [["__scopeId", "data-v-e9dd37f6"]]), fp = { class: "coar-month-list-host" }, pp = { class: "coar-month-list" }, mp = { class: "coar-month-list__year-stepper" }, hp = ["disabled", "aria-label"], gp = { class: "coar-month-list__year" }, _p = ["disabled", "aria-label"], vp = ["aria-label"], yp = ["aria-selected", "onClick"], bp = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-e9dd37f6"]]), pp = { class: "coar-month-list-host" }, mp = { class: "coar-month-list" }, hp = { class: "coar-month-list__year-stepper" }, gp = ["disabled", "aria-label"], _p = { class: "coar-month-list__year" }, vp = ["disabled", "aria-label"], yp = ["aria-label"], bp = ["aria-selected", "onClick"], xp = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarMonthList",
 	props: /* @__PURE__ */ g({
 		locale: { default: void 0 },
@@ -10914,7 +10963,7 @@ var tp = {
 			v(() => E());
 		}), C(() => {
 			setTimeout(() => E(), 50);
-		}), (t, n) => (w(), o("div", fp, [s("div", pp, [s("div", mp, [
+		}), (t, n) => (w(), o("div", pp, [s("div", mp, [s("div", hp, [
 			s("button", {
 				type: "button",
 				class: "coar-month-list__year-btn",
@@ -10924,8 +10973,8 @@ var tp = {
 			}, [u(Z, {
 				name: "chevron-left",
 				size: "s"
-			})], 8, hp),
-			s("span", gp, P(p.value), 1),
+			})], 8, gp),
+			s("span", _p, P(p.value), 1),
 			s("button", {
 				type: "button",
 				class: "coar-month-list__year-btn",
@@ -10935,7 +10984,7 @@ var tp = {
 			}, [u(Z, {
 				name: "chevron-right",
 				size: "s"
-			})], 8, _p)
+			})], 8, vp)
 		]), K((w(), o("div", {
 			ref_key: "monthsContainerRef",
 			ref: T,
@@ -10949,16 +10998,16 @@ var tp = {
 			role: "option",
 			"aria-selected": e.isActive,
 			onClick: (t) => S(e.yearMonth)
-		}, P(e.name), 11, yp))), 128))], 8, vp)), [[L(Us), {
+		}, P(e.name), 11, bp))), 128))], 8, yp)), [[L(Us), {
 			overflowX: "hidden",
 			autoHide: "leave"
 		}]])])]));
 	}
-}), [["__scopeId", "data-v-11c8cf34"]]), xp = {
+}), [["__scopeId", "data-v-11c8cf34"]]), Sp = {
 	pattern: "dd.mm.yyyy",
 	firstDayOfWeek: 1
 };
-function Sp(e) {
+function Cp(e) {
 	let t = J(), n = ne(), i = r(() => e.locale?.value ? e.locale.value : t.language.value || navigator.language || "en"), a = r(() => {
 		if (e.dateFormat?.value) return e.dateFormat.value;
 		let n = t.localeData.value;
@@ -10966,12 +11015,12 @@ function Sp(e) {
 			pattern: n.date.pattern,
 			firstDayOfWeek: n.date.firstDayOfWeek === 0 ? 7 : n.date.firstDayOfWeek
 		};
-		let r = Gf(i.value), a = Kf(i.value);
+		let r = Kf(i.value), a = qf(i.value);
 		return r ? {
 			pattern: r,
 			firstDayOfWeek: a
 		} : {
-			...xp,
+			...Sp,
 			firstDayOfWeek: a
 		};
 	}), o = r(() => {
@@ -11000,10 +11049,10 @@ function Sp(e) {
 }
 //#endregion
 //#region src/components/date-time/_shared/types.ts
-var Cp = {
+var wp = {
 	use24Hour: "auto",
 	minuteStep: 5
-}, wp = {
+}, Tp = {
 	"dd.mm.yyyy": "dd/mm/yyyy",
 	"dd/mm/yyyy": "dd/mm/yyyy",
 	"mm/dd/yyyy": "mm/dd/yyyy",
@@ -11011,28 +11060,28 @@ var Cp = {
 };
 //#endregion
 //#region src/components/date-time/_shared/maskito-config.ts
-function Tp(e) {
+function Ep(e) {
 	return ae({
-		mode: wp[e],
-		separator: qf(e)
+		mode: Tp[e],
+		separator: Jf(e)
 	});
 }
-function Ep(e, t) {
+function Dp(e, t) {
 	return oe({
-		dateMode: wp[e],
-		dateSeparator: qf(e),
+		dateMode: Tp[e],
+		dateSeparator: Jf(e),
 		timeMode: t ? "HH:MM AA" : "HH:MM"
 	});
 }
 //#endregion
 //#region src/components/date-time/plain-date-picker/CoarPlainDatePickerPanel.vue?vue&type=script&setup=true&lang.ts
-var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"], kp = { class: "coar-plain-date-picker-side-column" }, Ap = { class: "coar-plain-date-picker-year-stepper" }, jp = ["disabled", "aria-label"], Mp = { class: "coar-plain-date-picker-year" }, Np = ["disabled", "aria-label"], Pp = { class: "coar-plain-date-picker-month-list-wrapper" }, Fp = ["aria-label"], Ip = { class: "coar-plain-date-picker-month-list-content" }, Lp = ["aria-selected", "onClick"], Rp = {
+var Op = { class: "coar-plain-date-picker-calendar-column" }, kp = ["aria-label"], Ap = { class: "coar-plain-date-picker-side-column" }, jp = { class: "coar-plain-date-picker-year-stepper" }, Mp = ["disabled", "aria-label"], Np = { class: "coar-plain-date-picker-year" }, Pp = ["disabled", "aria-label"], Fp = { class: "coar-plain-date-picker-month-list-wrapper" }, Ip = ["aria-label"], Lp = { class: "coar-plain-date-picker-month-list-content" }, Rp = ["aria-selected", "onClick"], zp = {
 	key: 0,
 	class: "coar-plain-date-picker-events"
-}, zp = { class: "coar-plain-date-picker-events-list" }, Bp = { class: "coar-plain-date-picker-events-content" }, Vp = { class: "coar-plain-date-picker-event-details" }, Hp = { class: "coar-plain-date-picker-event-text" }, Up = {
+}, Bp = { class: "coar-plain-date-picker-events-list" }, Vp = { class: "coar-plain-date-picker-events-content" }, Hp = { class: "coar-plain-date-picker-event-details" }, Up = { class: "coar-plain-date-picker-event-text" }, Wp = {
 	key: 0,
 	class: "coar-plain-date-picker-event-dates"
-}, Wp = /* @__PURE__ */ d({
+}, Gp = /* @__PURE__ */ d({
 	__name: "CoarPlainDatePickerPanel",
 	props: {
 		modelValue: {},
@@ -11075,7 +11124,7 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
 				return n && r;
 			}) : [];
 		});
-		return (n, r) => (w(), o("div", { class: y(["coar-plain-date-picker-panel", { "coar-plain-date-picker-panel--with-weeks": t.showWeekNumbers }]) }, [s("div", Dp, [u(dp, {
+		return (n, r) => (w(), o("div", { class: y(["coar-plain-date-picker-panel", { "coar-plain-date-picker-panel--with-weeks": t.showWeekNumbers }]) }, [s("div", Op, [u(fp, {
 			"model-value": t.modelValue,
 			"active-month": t.activeMonth,
 			min: t.min ?? void 0,
@@ -11108,8 +11157,8 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
 		}, [u(Z, {
 			name: h.value === "up" ? "chevron-up" : "chevron-down",
 			size: "xs"
-		}, null, 8, ["name"])], 8, Op)) : a("", !0)]), s("div", kp, [
-			s("div", Ap, [
+		}, null, 8, ["name"])], 8, kp)) : a("", !0)]), s("div", Ap, [
+			s("div", jp, [
 				s("button", {
 					type: "button",
 					class: "coar-plain-date-picker-year-btn",
@@ -11119,8 +11168,8 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
 				}, [u(Z, {
 					name: "chevron-left",
 					size: "s"
-				})], 8, jp),
-				s("span", Mp, P(c.value), 1),
+				})], 8, Mp),
+				s("span", Np, P(c.value), 1),
 				s("button", {
 					type: "button",
 					class: "coar-plain-date-picker-year-btn",
@@ -11130,31 +11179,31 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
 				}, [u(Z, {
 					name: "chevron-right",
 					size: "s"
-				})], 8, Np)
+				})], 8, Pp)
 			]),
-			s("div", Pp, [s("div", {
+			s("div", Fp, [s("div", {
 				class: "coar-plain-date-picker-month-list",
 				role: "listbox",
 				"aria-label": L(i)("coar.ui.datePicker.months", void 0, "Months")
-			}, [s("div", Ip, [(w(!0), o(e, null, k(p.value, (e) => (w(), o("button", {
+			}, [s("div", Lp, [(w(!0), o(e, null, k(p.value, (e) => (w(), o("button", {
 				key: e.month,
 				type: "button",
 				class: y(["coar-plain-date-picker-month-item", { "coar-plain-date-picker-month-item--active": e.isActive }]),
 				role: "option",
 				"aria-selected": e.isActive,
 				onClick: (n) => t.onSelectMonth(e.yearMonth)
-			}, P(e.name), 11, Lp))), 128))])], 8, Fp)]),
-			_.value.length > 0 ? (w(), o("div", Rp, [s("div", zp, [s("div", Bp, [(w(!0), o(e, null, k(_.value, (e) => (w(), o("div", {
+			}, P(e.name), 11, Rp))), 128))])], 8, Ip)]),
+			_.value.length > 0 ? (w(), o("div", zp, [s("div", Bp, [s("div", Vp, [(w(!0), o(e, null, k(_.value, (e) => (w(), o("div", {
 				key: e.description,
 				class: "coar-plain-date-picker-event-item"
-			}, [r[3] ||= s("span", { class: "coar-plain-date-picker-event-dot" }, null, -1), s("div", Vp, [s("span", Hp, P(e.description), 1), e.endDate && !e.startDate.equals(e.endDate) ? (w(), o("span", Up, P(e.startDate.day) + "/" + P(e.startDate.month) + " – " + P(e.endDate.day) + "/" + P(e.endDate.month), 1)) : a("", !0)])]))), 128))])])])) : a("", !0)
+			}, [r[3] ||= s("span", { class: "coar-plain-date-picker-event-dot" }, null, -1), s("div", Hp, [s("span", Up, P(e.description), 1), e.endDate && !e.startDate.equals(e.endDate) ? (w(), o("span", Wp, P(e.startDate.day) + "/" + P(e.startDate.month) + " – " + P(e.endDate.day) + "/" + P(e.endDate.month), 1)) : a("", !0)])]))), 128))])])])) : a("", !0)
 		])], 2));
 	}
-}), Gp = {
+}), Kp = {
 	key: 0,
 	class: "coar-plain-date-picker-required",
 	"aria-hidden": "true"
-}, Kp = ["aria-expanded", "aria-controls"], qp = ["aria-label"], Jp = [
+}, qp = ["aria-expanded", "aria-controls"], Jp = ["aria-label"], Yp = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -11162,7 +11211,7 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
 	"aria-labelledby",
 	"aria-invalid",
 	"aria-describedby"
-], Yp = ["aria-label", "disabled"], Xp = ["title"], Zp = /* @__PURE__ */ X(/* @__PURE__ */ d({
+], Xp = ["aria-label", "disabled"], Zp = ["title"], Qp = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarPlainDatePicker",
 	props: /* @__PURE__ */ g({
 		label: { default: "" },
@@ -11213,17 +11262,17 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
 	}),
 	emits: /* @__PURE__ */ g(["opened", "closed"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, i = z(e, "modelValue"), c = t, { t: d } = q(), f = Sp({
+		let n = e, i = z(e, "modelValue"), c = t, { t: d } = q(), f = Cp({
 			locale: r(() => n.locale),
 			dateFormat: r(() => n.dateFormat)
 		}), p = O(i.value?.toPlainYearMonth() ?? Y.Now.plainDateISO().toPlainYearMonth()), m = `coar-plain-date-picker-${crypto.randomUUID?.() ?? Date.now().toString(16)}`, g = `${m}-label`, _ = `${m}-input`, b = `${m}-panel`, x = `${m}-message`, T = O(null), D = O(null), k = null, A = O(""), j;
 		function M() {
 			if (j?.destroy(), !D.value) return;
-			let e = Tp(f.effectiveDateFormat.value.pattern);
+			let e = Ep(f.effectiveDateFormat.value.pattern);
 			j = new ie(D.value, e);
 		}
 		U(i, (e) => {
-			e ? A.value = Yf(e, f.effectiveDateFormat.value.pattern) : A.value = "";
+			e ? A.value = Xf(e, f.effectiveDateFormat.value.pattern) : A.value = "";
 		}, { immediate: !0 }), U([D, () => f.effectiveDateFormat.value], () => {
 			v(() => M());
 		}), S(() => {
@@ -11299,7 +11348,7 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
 				},
 				content: {
 					kind: "component",
-					component: h(Wp)
+					component: h(Gp)
 				},
 				inputs: t
 			}), f.open(), c("opened"), k.afterClosed.then(() => {
@@ -11324,7 +11373,7 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
 		function ne(e) {
 			let t = e.target;
 			A.value = t.value;
-			let r = Xf(t.value, f.effectiveDateFormat.value.pattern, {
+			let r = Zf(t.value, f.effectiveDateFormat.value.pattern, {
 				min: n.min,
 				max: n.max
 			});
@@ -11332,10 +11381,10 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
 		}
 		function re() {
 			let e = A.value;
-			!Xf(e, f.effectiveDateFormat.value.pattern, {
+			!Zf(e, f.effectiveDateFormat.value.pattern, {
 				min: n.min,
 				max: n.max
-			}) && e.length > 0 && (i.value ? A.value = Yf(i.value, f.effectiveDateFormat.value.pattern) : A.value = "");
+			}) && e.length > 0 && (i.value ? A.value = Xf(i.value, f.effectiveDateFormat.value.pattern) : A.value = "");
 		}
 		return (t, n) => (w(), o("div", { class: y(["coar-plain-date-picker-wrapper", [`coar-plain-date-picker--${e.size}`, {
 			"coar-plain-date-picker--disabled": I.value,
@@ -11347,7 +11396,7 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
 				key: 0,
 				id: g,
 				class: "coar-plain-date-picker-label"
-			}, [l(P(e.label) + " ", 1), e.required ? (w(), o("span", Gp, "*")) : a("", !0)])) : a("", !0),
+			}, [l(P(e.label) + " ", 1), e.required ? (w(), o("span", Kp, "*")) : a("", !0)])) : a("", !0),
 			s("div", {
 				ref_key: "triggerRef",
 				ref: T,
@@ -11371,7 +11420,7 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
 				}, [u(Z, {
 					name: "x",
 					size: "auto"
-				})], 10, qp),
+				})], 10, Jp),
 				s("input", {
 					id: _,
 					ref_key: "dateInputRef",
@@ -11389,7 +11438,7 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
 					onInput: ne,
 					onBlur: re,
 					onKeydown: te
-				}, null, 40, Jp),
+				}, null, 40, Yp),
 				s("button", {
 					type: "button",
 					class: "coar-plain-date-picker-btn",
@@ -11400,23 +11449,23 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
 				}, [u(Z, {
 					name: "calendar",
 					size: "s"
-				})], 8, Yp)
-			], 10, Kp),
+				})], 8, Xp)
+			], 10, qp),
 			F.value ? (w(), o("div", {
 				key: 1,
 				id: x,
 				class: y(["coar-form-field-message", { "coar-form-field-message--error": N.value }]),
 				title: F.value
-			}, P(F.value), 11, Xp)) : a("", !0)
+			}, P(F.value), 11, Zp)) : a("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-2c8a34e4"]]), Qp = { class: "coar-pdtp-calendar-column" }, $p = ["aria-label"], em = { class: "coar-pdtp-side-column" }, tm = { class: "coar-pdtp-year-stepper" }, nm = ["disabled", "aria-label"], rm = { class: "coar-pdtp-year" }, im = ["disabled", "aria-label"], am = { class: "coar-pdtp-month-list-wrapper" }, om = ["aria-label"], sm = { class: "coar-pdtp-month-list-content" }, cm = ["aria-selected", "onClick"], lm = { class: "coar-pdtp-time-section" }, um = {
+}), [["__scopeId", "data-v-2c8a34e4"]]), $p = { class: "coar-pdtp-calendar-column" }, em = ["aria-label"], tm = { class: "coar-pdtp-side-column" }, nm = { class: "coar-pdtp-year-stepper" }, rm = ["disabled", "aria-label"], im = { class: "coar-pdtp-year" }, am = ["disabled", "aria-label"], om = { class: "coar-pdtp-month-list-wrapper" }, sm = ["aria-label"], cm = { class: "coar-pdtp-month-list-content" }, lm = ["aria-selected", "onClick"], um = { class: "coar-pdtp-time-section" }, dm = {
 	key: 0,
 	class: "coar-pdtp-events"
-}, dm = { class: "coar-pdtp-events-list" }, fm = { class: "coar-pdtp-events-content" }, pm = { class: "coar-pdtp-event-details" }, mm = { class: "coar-pdtp-event-text" }, hm = {
+}, fm = { class: "coar-pdtp-events-list" }, pm = { class: "coar-pdtp-events-content" }, mm = { class: "coar-pdtp-event-details" }, hm = { class: "coar-pdtp-event-text" }, gm = {
 	key: 0,
 	class: "coar-pdtp-event-dates"
-}, gm = /* @__PURE__ */ d({
+}, _m = /* @__PURE__ */ d({
 	__name: "CoarPlainDateTimePickerPanel",
 	props: {
 		modelValue: {},
@@ -11467,7 +11516,7 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
 				return n && r;
 			}) : [];
 		});
-		return (n, r) => (w(), o("div", { class: y(["coar-pdtp-panel", { "coar-pdtp-panel--with-weeks": t.showWeekNumbers }]) }, [s("div", Qp, [u(dp, {
+		return (n, r) => (w(), o("div", { class: y(["coar-pdtp-panel", { "coar-pdtp-panel--with-weeks": t.showWeekNumbers }]) }, [s("div", $p, [u(fp, {
 			"model-value": t.modelValue,
 			"active-month": t.activeMonth,
 			min: t.min ?? void 0,
@@ -11500,8 +11549,8 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
 		}, [u(Z, {
 			name: h.value === "up" ? "chevron-up" : "chevron-down",
 			size: "xs"
-		}, null, 8, ["name"])], 8, $p)) : a("", !0)]), s("div", em, [
-			s("div", tm, [
+		}, null, 8, ["name"])], 8, em)) : a("", !0)]), s("div", tm, [
+			s("div", nm, [
 				s("button", {
 					type: "button",
 					class: "coar-pdtp-year-btn",
@@ -11511,8 +11560,8 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
 				}, [u(Z, {
 					name: "chevron-left",
 					size: "s"
-				})], 8, nm),
-				s("span", rm, P(c.value), 1),
+				})], 8, rm),
+				s("span", im, P(c.value), 1),
 				s("button", {
 					type: "button",
 					class: "coar-pdtp-year-btn",
@@ -11522,21 +11571,21 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
 				}, [u(Z, {
 					name: "chevron-right",
 					size: "s"
-				})], 8, im)
+				})], 8, am)
 			]),
-			s("div", am, [s("div", {
+			s("div", om, [s("div", {
 				class: "coar-pdtp-month-list",
 				role: "listbox",
 				"aria-label": L(i)("coar.ui.datePicker.months", void 0, "Months")
-			}, [s("div", sm, [(w(!0), o(e, null, k(p.value, (e) => (w(), o("button", {
+			}, [s("div", cm, [(w(!0), o(e, null, k(p.value, (e) => (w(), o("button", {
 				key: e.month,
 				type: "button",
 				class: y(["coar-pdtp-month-item", { "coar-pdtp-month-item--active": e.isActive }]),
 				role: "option",
 				"aria-selected": e.isActive,
 				onClick: (n) => t.onSelectMonth(e.yearMonth)
-			}, P(e.name), 11, cm))), 128))])], 8, om)]),
-			s("div", lm, [u(Wf, {
+			}, P(e.name), 11, lm))), 128))])], 8, sm)]),
+			s("div", um, [u(Gf, {
 				"model-value": t.selectedTime,
 				"use24-hour": t.use24Hour,
 				"minute-step": t.minuteStep,
@@ -11558,17 +11607,17 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
 				"max-time",
 				"onUpdate:modelValue"
 			])]),
-			_.value.length > 0 ? (w(), o("div", um, [s("div", dm, [s("div", fm, [(w(!0), o(e, null, k(_.value, (e) => (w(), o("div", {
+			_.value.length > 0 ? (w(), o("div", dm, [s("div", fm, [s("div", pm, [(w(!0), o(e, null, k(_.value, (e) => (w(), o("div", {
 				key: e.description,
 				class: "coar-pdtp-event-item"
-			}, [r[3] ||= s("span", { class: "coar-pdtp-event-dot" }, null, -1), s("div", pm, [s("span", mm, P(e.description), 1), e.endDate && !e.startDate.equals(e.endDate) ? (w(), o("span", hm, P(e.startDate.day) + "/" + P(e.startDate.month) + " – " + P(e.endDate.day) + "/" + P(e.endDate.month), 1)) : a("", !0)])]))), 128))])])])) : a("", !0)
+			}, [r[3] ||= s("span", { class: "coar-pdtp-event-dot" }, null, -1), s("div", mm, [s("span", hm, P(e.description), 1), e.endDate && !e.startDate.equals(e.endDate) ? (w(), o("span", gm, P(e.startDate.day) + "/" + P(e.startDate.month) + " – " + P(e.endDate.day) + "/" + P(e.endDate.month), 1)) : a("", !0)])]))), 128))])])])) : a("", !0)
 		])], 2));
 	}
-}), _m = {
+}), vm = {
 	key: 0,
 	class: "coar-pdtp-required",
 	"aria-hidden": "true"
-}, vm = ["aria-expanded", "aria-controls"], ym = ["aria-label"], bm = [
+}, ym = ["aria-expanded", "aria-controls"], bm = ["aria-label"], xm = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -11576,7 +11625,7 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
 	"aria-labelledby",
 	"aria-invalid",
 	"aria-describedby"
-], xm = ["aria-label", "disabled"], Sm = ["title"], Cm = /* @__PURE__ */ X(/* @__PURE__ */ d({
+], Sm = ["aria-label", "disabled"], Cm = ["title"], wm = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarPlainDateTimePicker",
 	props: /* @__PURE__ */ g({
 		label: { default: "" },
@@ -11632,17 +11681,17 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
 	}),
 	emits: /* @__PURE__ */ g(["opened", "closed"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, i = z(e, "modelValue"), c = t, { t: d } = q(), f = Sp({
+		let n = e, i = z(e, "modelValue"), c = t, { t: d } = q(), f = Cp({
 			locale: r(() => n.locale),
 			dateFormat: r(() => n.dateFormat)
-		}), p = O(i.value?.toPlainDate().toPlainYearMonth() ?? Y.Now.plainDateISO().toPlainYearMonth()), m = O(null), g = `coar-plain-dt-picker-${crypto.randomUUID?.() ?? Date.now().toString(16)}`, _ = `${g}-label`, b = `${g}-input`, x = `${g}-panel`, T = `${g}-message`, D = O(null), k = O(null), A = null, j = O(""), M = r(() => n.use24Hour === !0 ? !0 : n.use24Hour === !1 ? !1 : !Cf(f.effectiveLocale.value)), N;
+		}), p = O(i.value?.toPlainDate().toPlainYearMonth() ?? Y.Now.plainDateISO().toPlainYearMonth()), m = O(null), g = `coar-plain-dt-picker-${crypto.randomUUID?.() ?? Date.now().toString(16)}`, _ = `${g}-label`, b = `${g}-input`, x = `${g}-panel`, T = `${g}-message`, D = O(null), k = O(null), A = null, j = O(""), M = r(() => n.use24Hour === !0 ? !0 : n.use24Hour === !1 ? !1 : !wf(f.effectiveLocale.value)), N;
 		function F() {
 			if (N?.destroy(), !k.value) return;
-			let e = Ep(f.effectiveDateFormat.value.pattern, !M.value);
+			let e = Dp(f.effectiveDateFormat.value.pattern, !M.value);
 			N = new ie(k.value, e);
 		}
 		function I(e) {
-			return `${Yf(e.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${wf(e.hour, e.minute, M.value)}`;
+			return `${Xf(e.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${Tf(e.hour, e.minute, M.value)}`;
 		}
 		U(i, (e) => {
 			j.value = e ? I(e) : "";
@@ -11694,7 +11743,7 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
 				onDateSelected: (e) => {
 					let t = K.value ?? n.defaultTime, r = e.toPlainDateTime({
 						hour: t.hours,
-						minute: Af(t.minutes, n.minuteStep)
+						minute: jf(t.minutes, n.minuteStep)
 					});
 					r = se(r), i.value = r;
 				},
@@ -11771,7 +11820,7 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
 				},
 				content: {
 					kind: "component",
-					component: h(gm)
+					component: h(_m)
 				},
 				inputs: t
 			}), f.open(), c("opened"), A.afterClosed.then(() => {
@@ -11807,12 +11856,12 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
 			if (!e) return null;
 			let t = e.split(" ");
 			if (t.length < 2) return null;
-			let n = Xf(t[0], f.effectiveDateFormat.value.pattern, {
+			let n = Zf(t[0], f.effectiveDateFormat.value.pattern, {
 				min: ee.value,
 				max: te.value
 			});
 			if (!n) return null;
-			let r = Tf(t.slice(1).join(" "));
+			let r = Ef(t.slice(1).join(" "));
 			return r ? n.toPlainDateTime({
 				hour: r.hours,
 				minute: r.minutes
@@ -11828,7 +11877,7 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
 				key: 0,
 				id: _,
 				class: "coar-pdtp-label"
-			}, [l(P(e.label) + " ", 1), e.required ? (w(), o("span", _m, "*")) : a("", !0)])) : a("", !0),
+			}, [l(P(e.label) + " ", 1), e.required ? (w(), o("span", vm, "*")) : a("", !0)])) : a("", !0),
 			s("div", {
 				ref_key: "triggerRef",
 				ref: D,
@@ -11852,7 +11901,7 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
 				}, [u(Z, {
 					name: "x",
 					size: "auto"
-				})], 10, ym),
+				})], 10, bm),
 				s("input", {
 					id: b,
 					ref_key: "dateInputRef",
@@ -11870,7 +11919,7 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
 					onInput: pe,
 					onBlur: me,
 					onKeydown: de
-				}, null, 40, bm),
+				}, null, 40, xm),
 				s("button", {
 					type: "button",
 					class: "coar-pdtp-btn",
@@ -11881,32 +11930,32 @@ var Dp = { class: "coar-plain-date-picker-calendar-column" }, Op = ["aria-label"
 				}, [u(Z, {
 					name: "calendar",
 					size: "s"
-				})], 8, xm)
-			], 10, vm),
+				})], 8, Sm)
+			], 10, ym),
 			B.value ? (w(), o("div", {
 				key: 1,
 				id: T,
 				class: y(["coar-form-field-message", { "coar-form-field-message--error": R.value }]),
 				title: B.value
-			}, P(B.value), 11, Sm)) : a("", !0)
+			}, P(B.value), 11, Cm)) : a("", !0)
 		], 2));
 	}
 }), [["__scopeId", "data-v-55dfa9b2"]]);
 //#endregion
 //#region src/components/date-time/_shared/timezone-helpers.ts
-function wm() {
+function Tm() {
 	try {
 		return ["UTC", ...Intl.supportedValuesOf("timeZone")];
 	} catch {
 		return ["UTC"];
 	}
 }
-function Tm(e, t) {
+function Em(e, t) {
 	let n = t ?? Y.Now.instant();
 	try {
 		let t = n.toZonedDateTimeISO(e).offsetNanoseconds, r = Math.round(t / 6e10);
 		return {
-			offset: Em(r),
+			offset: Dm(r),
 			offsetMinutes: r
 		};
 	} catch {
@@ -11916,21 +11965,21 @@ function Tm(e, t) {
 		};
 	}
 }
-function Em(e) {
+function Dm(e) {
 	if (e === 0) return "UTC";
 	let t = e >= 0 ? "+" : "-", n = Math.abs(e), r = Math.floor(n / 60), i = n % 60;
 	return i === 0 ? `UTC${t}${r}` : `UTC${t}${r}:${String(i).padStart(2, "0")}`;
 }
-function Dm(e) {
+function Om(e) {
 	if (e === "UTC") return "UTC";
 	let t = e.split("/");
 	return t[t.length - 1].replace(/_/g, " ");
 }
-function Om(e, t) {
-	let n = Dm(e), { offset: r } = Tm(e, t);
+function km(e, t) {
+	let n = Om(e), { offset: r } = Em(e, t);
 	return `${n} (${r})`;
 }
-function km(e, t) {
+function Am(e, t) {
 	if (!t || t.length === 0) return e;
 	let n = t.map((e) => {
 		let t = e.replace(/[.+?^${}()|[\]\\]/g, "\\$&").replace(/\*/g, ".*");
@@ -11938,19 +11987,19 @@ function km(e, t) {
 	});
 	return e.filter((e) => n.some((t) => t.test(e)));
 }
-function Am(e, t) {
-	let { offset: n, offsetMinutes: r } = Tm(e, t);
+function jm(e, t) {
+	let { offset: n, offsetMinutes: r } = Em(e, t);
 	return {
 		id: e,
-		city: Dm(e),
+		city: Om(e),
 		offset: n,
 		offsetMinutes: r
 	};
 }
-function jm(e, t, n) {
+function Mm(e, t, n) {
 	let r = t?.trim().toLowerCase(), i = /* @__PURE__ */ new Map();
 	for (let t of e) {
-		let e = Am(t, n);
+		let e = jm(t, n);
 		if (r && r.length > 0) {
 			let n = e.city.toLowerCase().includes(r), i = t.toLowerCase().includes(r);
 			if (!n && !i) continue;
@@ -11970,25 +12019,25 @@ function jm(e, t, n) {
 }
 //#endregion
 //#region src/components/date-time/zoned-date-time-picker/CoarZonedDateTimePickerPanel.vue?vue&type=script&setup=true&lang.ts
-var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column" }, Pm = ["aria-label"], Fm = { class: "coar-zdtp-side-column" }, Im = {
+var Nm = { class: "coar-zdtp-body" }, Pm = { class: "coar-zdtp-calendar-column" }, Fm = ["aria-label"], Im = { class: "coar-zdtp-side-column" }, Lm = {
 	key: 0,
 	class: "coar-zdtp-side-header"
-}, Lm = ["disabled", "aria-label"], Rm = { class: "coar-zdtp-year" }, zm = ["disabled", "aria-label"], Bm = {
+}, Rm = ["disabled", "aria-label"], zm = { class: "coar-zdtp-year" }, Bm = ["disabled", "aria-label"], Vm = {
 	key: 1,
 	class: "coar-zdtp-side-header coar-zdtp-side-header--search"
-}, Vm = ["placeholder", "onKeydown"], Hm = ["aria-label"], Um = { class: "coar-zdtp-tz-group-header" }, Wm = ["onClick"], Gm = { class: "coar-zdtp-tz-picker-item-city" }, Km = { class: "coar-zdtp-tz-picker-item-offset" }, qm = ["aria-label"], Jm = ["aria-selected", "onClick"], Ym = { class: "coar-zdtp-time-section" }, Xm = { class: "coar-zdtp-display-tz-label" }, Zm = { class: "coar-zdtp-display-tz-btn-label" }, Qm = {
+}, Hm = ["placeholder", "onKeydown"], Um = ["aria-label"], Wm = { class: "coar-zdtp-tz-group-header" }, Gm = ["onClick"], Km = { class: "coar-zdtp-tz-picker-item-city" }, qm = { class: "coar-zdtp-tz-picker-item-offset" }, Jm = ["aria-label"], Ym = ["aria-selected", "onClick"], Xm = { class: "coar-zdtp-time-section" }, Zm = { class: "coar-zdtp-display-tz-label" }, Qm = { class: "coar-zdtp-display-tz-btn-label" }, $m = {
 	key: 0,
 	class: "coar-zdtp-events"
-}, $m = {
+}, eh = {
 	key: 0,
 	class: "coar-zdtp-footer-placeholder"
-}, eh = {
+}, th = {
 	key: 1,
 	class: "coar-zdtp-footer-edit"
-}, th = ["aria-label"], nh = {
+}, nh = ["aria-label"], rh = {
 	key: 2,
 	class: "coar-zdtp-footer-display"
-}, rh = { class: "coar-zdtp-footer-tz-name" }, ih = { class: "coar-zdtp-footer-tz-value" }, ah = ["aria-label"], oh = /* @__PURE__ */ d({
+}, ih = { class: "coar-zdtp-footer-tz-name" }, ah = { class: "coar-zdtp-footer-tz-value" }, oh = ["aria-label"], sh = /* @__PURE__ */ d({
 	__name: "CoarZonedDateTimePickerPanel",
 	props: {
 		modelValue: {},
@@ -12046,9 +12095,9 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
 				let n = Y.PlainDate.compare(e, t.startDate) >= 0, r = t.endDate ? Y.PlainDate.compare(e, t.endDate) <= 0 : Y.PlainDate.compare(e, t.startDate) === 0;
 				return n && r;
 			}) : [];
-		}), E = r(() => km(n.allTimezones, n.timezoneFilter)), D = r(() => jm(E.value, d.value)), A = r(() => E.value.map((e) => ({
+		}), E = r(() => Am(n.allTimezones, n.timezoneFilter)), D = r(() => Mm(E.value, d.value)), A = r(() => E.value.map((e) => ({
 			value: e,
-			label: Om(e)
+			label: km(e)
 		})));
 		function j() {
 			c.value = !0, d.value = "", v(() => {
@@ -12075,7 +12124,7 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
 		function R() {
 			l.value = !1;
 		}
-		return (n, r) => (w(), o("div", { class: y(["coar-zdtp-panel", { "coar-zdtp-panel--with-weeks": t.showWeekNumbers }]) }, [s("div", Mm, [s("div", Nm, [u(dp, {
+		return (n, r) => (w(), o("div", { class: y(["coar-zdtp-panel", { "coar-zdtp-panel--with-weeks": t.showWeekNumbers }]) }, [s("div", Nm, [s("div", Pm, [u(fp, {
 			"model-value": t.modelValue,
 			"active-month": t.activeMonth,
 			min: t.min ?? void 0,
@@ -12108,8 +12157,8 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
 		}, [u(Z, {
 			name: S.value === "up" ? "chevron-up" : "chevron-down",
 			size: "xs"
-		}, null, 8, ["name"])], 8, Pm)) : a("", !0)]), s("div", Fm, [
-			c.value ? (w(), o("div", Bm, [K(s("input", {
+		}, null, 8, ["name"])], 8, Fm)) : a("", !0)]), s("div", Im, [
+			c.value ? (w(), o("div", Vm, [K(s("input", {
 				ref_key: "tzSearchInputRef",
 				ref: f,
 				"onUpdate:modelValue": r[3] ||= (e) => d.value = e,
@@ -12117,7 +12166,7 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
 				class: "coar-zdtp-tz-search-input",
 				placeholder: L(i)("coar.ui.zonedDateTimePicker.searchTimezone", void 0, "Search timezone..."),
 				onKeydown: ee(te(M, ["stop"]), ["escape"])
-			}, null, 40, Vm), [[H, d.value]]), s("button", {
+			}, null, 40, Hm), [[H, d.value]]), s("button", {
 				type: "button",
 				class: "coar-zdtp-tz-search-close",
 				"aria-label": L(i)("coar.ui.zonedDateTimePicker.closeTimezoneSearch", void 0, "Close timezone search"),
@@ -12125,7 +12174,7 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
 			}, [u(Z, {
 				name: "x",
 				size: "xs"
-			})], 8, Hm)])) : (w(), o("div", Im, [
+			})], 8, Um)])) : (w(), o("div", Lm, [
 				s("button", {
 					type: "button",
 					class: "coar-zdtp-year-btn",
@@ -12135,8 +12184,8 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
 				}, [u(Z, {
 					name: "chevron-left",
 					size: "s"
-				})], 8, Lm),
-				s("span", Rm, P(m.value), 1),
+				})], 8, Rm),
+				s("span", zm, P(m.value), 1),
 				s("button", {
 					type: "button",
 					class: "coar-zdtp-year-btn",
@@ -12146,7 +12195,7 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
 				}, [u(Z, {
 					name: "chevron-right",
 					size: "s"
-				})], 8, zm)
+				})], 8, Bm)
 			])),
 			c.value ? K((w(), o("div", {
 				key: 2,
@@ -12156,12 +12205,12 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
 			}, [(w(!0), o(e, null, k(D.value, (n) => (w(), o("div", {
 				key: n.name,
 				class: "coar-zdtp-tz-group"
-			}, [s("div", Um, P(n.name), 1), (w(!0), o(e, null, k(n.items, (e) => (w(), o("button", {
+			}, [s("div", Wm, P(n.name), 1), (w(!0), o(e, null, k(n.items, (e) => (w(), o("button", {
 				key: e.id,
 				type: "button",
 				class: y(["coar-zdtp-tz-picker-item", { "coar-zdtp-tz-picker-item--active": e.id === t.effectiveDisplayTimeZone }]),
 				onClick: (t) => N(e.id)
-			}, [s("span", Gm, P(e.city), 1), s("span", Km, P(e.offset), 1)], 10, Wm))), 128))]))), 128))])), [[L(Us), {
+			}, [s("span", Km, P(e.city), 1), s("span", qm, P(e.offset), 1)], 10, Gm))), 128))]))), 128))])), [[L(Us), {
 				overflowX: "hidden",
 				autoHide: "leave"
 			}]]) : a("", !0),
@@ -12177,8 +12226,8 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
 					role: "option",
 					"aria-selected": e.isActive,
 					onClick: (n) => t.onSelectMonth(e.yearMonth)
-				}, P(e.name), 11, Jm))), 128))], 8, qm),
-				s("div", Ym, [u(Wf, {
+				}, P(e.name), 11, Ym))), 128))], 8, Jm),
+				s("div", Xm, [u(Gf, {
 					"model-value": t.selectedTime ?? void 0,
 					"use24-hour": t.use24Hour,
 					"minute-step": t.minuteStep,
@@ -12194,16 +12243,16 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
 					"max",
 					"onUpdate:modelValue"
 				])]),
-				s("div", Xm, P(L(i)("coar.ui.zonedDateTimePicker.displayTimezone", void 0, "Display Timezone")), 1),
+				s("div", Zm, P(L(i)("coar.ui.zonedDateTimePicker.displayTimezone", void 0, "Display Timezone")), 1),
 				s("button", {
 					type: "button",
 					class: "coar-zdtp-display-tz-btn",
 					onClick: j
-				}, [s("span", Zm, P(L(Om)(t.effectiveDisplayTimeZone)), 1), u(Z, {
+				}, [s("span", Qm, P(L(km)(t.effectiveDisplayTimeZone)), 1), u(Z, {
 					name: "chevron-down",
 					size: "xs"
 				})]),
-				T.value.length > 0 ? K((w(), o("div", Qm, [(w(!0), o(e, null, k(T.value, (e, t) => (w(), o("div", {
+				T.value.length > 0 ? K((w(), o("div", $m, [(w(!0), o(e, null, k(T.value, (e, t) => (w(), o("div", {
 					key: t,
 					class: y(["coar-zdtp-event-item", e.cssClass])
 				}, P(e.description), 3))), 128))])), [[L(Us), {
@@ -12211,7 +12260,7 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
 					autoHide: "leave"
 				}]]) : a("", !0)
 			], 64))
-		])]), s("div", { class: y(["coar-zdtp-footer", { "coar-zdtp-footer--differs": t.timeZonesDiffer }]) }, [t.hasValue ? l.value ? (w(), o("div", eh, [u(nc, {
+		])]), s("div", { class: y(["coar-zdtp-footer", { "coar-zdtp-footer--differs": t.timeZonesDiffer }]) }, [t.hasValue ? l.value ? (w(), o("div", th, [u(nc, {
 			"model-value": t.valueTimeZone,
 			options: A.value,
 			appearance: "inline",
@@ -12234,14 +12283,14 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
 		}, [u(Z, {
 			name: "x",
 			size: "xs"
-		})], 8, th)])) : (w(), o("div", nh, [
+		})], 8, nh)])) : (w(), o("div", rh, [
 			u(Z, {
 				name: "map-pin",
 				size: "xs",
 				class: "coar-zdtp-footer-icon"
 			}),
-			s("span", rh, P(t.valueTimeZoneLabel), 1),
-			s("span", ih, P(t.formatValueInValueTz), 1),
+			s("span", ih, P(t.valueTimeZoneLabel), 1),
+			s("span", ah, P(t.formatValueInValueTz), 1),
 			s("button", {
 				type: "button",
 				class: "coar-zdtp-footer-lock",
@@ -12250,28 +12299,28 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
 			}, [u(Z, {
 				name: "settings",
 				size: "xs"
-			})], 8, ah)
-		])) : (w(), o("span", $m, [u(Z, {
+			})], 8, oh)
+		])) : (w(), o("span", eh, [u(Z, {
 			name: "map-pin",
 			size: "xs"
 		}), s("span", null, P(L(i)("coar.ui.zonedDateTimePicker.eventTimezone", void 0, "Event timezone")), 1)]))], 2)], 2));
 	}
-}), sh = {
+}), ch = {
 	key: 0,
 	class: "coar-zdtp-required",
 	"aria-hidden": "true"
-}, ch = [
+}, lh = [
 	"aria-expanded",
 	"aria-controls",
 	"aria-labelledby",
 	"aria-invalid"
-], lh = ["aria-label", "disabled"], uh = [
+], uh = ["aria-label", "disabled"], dh = [
 	"placeholder",
 	"value",
 	"disabled",
 	"readonly",
 	"aria-describedby"
-], dh = ["title"], fh = ["aria-label", "disabled"], ph = ["disabled", "aria-label"], mh = /* @__PURE__ */ X(/* @__PURE__ */ d({
+], fh = ["title"], ph = ["aria-label", "disabled"], mh = ["disabled", "aria-label"], hh = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarZonedDateTimePicker",
 	props: /* @__PURE__ */ g({
 		label: { default: "" },
@@ -12329,34 +12378,34 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
 	}),
 	emits: /* @__PURE__ */ g(["opened", "closed"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, i = z(e, "modelValue"), c = t, { t: d } = q(), f = Sp({
+		let n = e, i = z(e, "modelValue"), c = t, { t: d } = q(), f = Cp({
 			locale: r(() => n.locale),
 			dateFormat: r(() => n.dateFormat)
 		}), p = O(i.value?.toPlainDateTime().toPlainDate().toPlainYearMonth() ?? Y.Now.plainDateISO().toPlainYearMonth()), m = O(null), g = O(null), _ = `coar-zdtp-${crypto.randomUUID?.() ?? Date.now().toString(16)}`, b = `${_}-label`, x = `${_}-input`, T = `${_}-panel`, D = `${_}-message`, k = O(null), A = O(null), j = null, M = O(""), N = r(() => f.timezone.value || Intl.DateTimeFormat().resolvedOptions().timeZone || "UTC"), F = r(() => i.value?.timeZoneId ?? null), I = r(() => g.value ?? N.value), R = r(() => n.timeZone ?? N.value), B = r(() => F.value != null && F.value !== N.value), V = r(() => F.value != null && I.value !== F.value), H = r(() => {
 			let e = I.value, t = N.value, n = F.value;
 			return e === t ? "home" : n && e === n ? "location" : "world";
-		}), W = r(() => B.value || H.value !== "home"), G = r(() => Om(I.value)), K = r(() => {
+		}), W = r(() => B.value || H.value !== "home"), G = r(() => km(I.value)), K = r(() => {
 			let e = F.value;
-			return e ? Om(e) : "";
-		}), ee = wm(), J = r(() => n.use24Hour === !0 ? !0 : n.use24Hour === !1 ? !1 : !Cf(f.effectiveLocale.value)), ne;
+			return e ? km(e) : "";
+		}), ee = Tm(), J = r(() => n.use24Hour === !0 ? !0 : n.use24Hour === !1 ? !1 : !wf(f.effectiveLocale.value)), ne;
 		function re() {
 			if (ne?.destroy(), !A.value) return;
-			let e = Ep(f.effectiveDateFormat.value.pattern, !J.value);
+			let e = Dp(f.effectiveDateFormat.value.pattern, !J.value);
 			ne = new ie(A.value, e);
 		}
 		function ae(e) {
 			let t = I.value, n = e.withTimeZone(t);
-			return `${Yf(n.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${wf(n.hour, n.minute, J.value)}`;
+			return `${Xf(n.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${Tf(n.hour, n.minute, J.value)}`;
 		}
 		function oe() {
-			return i.value ? `${Yf(i.value.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${wf(i.value.hour, i.value.minute, J.value)}` : "";
+			return i.value ? `${Xf(i.value.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${Tf(i.value.hour, i.value.minute, J.value)}` : "";
 		}
 		function se(e) {
 			let t = e.trim().split(/\s+/);
 			if (t.length < 2) return null;
-			let n = t[0], r = t.slice(1).join(" "), i = Xf(n, f.effectiveDateFormat.value.pattern);
+			let n = t[0], r = t.slice(1).join(" "), i = Zf(n, f.effectiveDateFormat.value.pattern);
 			if (!i) return null;
-			let a = Tf(r);
+			let a = Ef(r);
 			if (!a) return null;
 			let o = i.toPlainDateTime({
 				hour: a.hours,
@@ -12432,7 +12481,7 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
 				onDateSelected: (e) => {
 					let t = ge.value ?? n.defaultTime, r = e.toPlainDateTime({
 						hour: t.hours,
-						minute: Af(t.minutes, n.minuteStep)
+						minute: jf(t.minutes, n.minuteStep)
 					}), a = F.value ?? R.value, o;
 					o = pe.value === a ? r.toZonedDateTime(a) : r.toZonedDateTime(pe.value).withTimeZone(a), o = we(o), i.value = o;
 				},
@@ -12523,7 +12572,7 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
 				},
 				content: {
 					kind: "component",
-					component: h(oh)
+					component: h(sh)
 				},
 				inputs: t
 			}), f.open(), c("opened"), j.afterClosed.then(() => {
@@ -12572,7 +12621,7 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
 				id: b,
 				class: "coar-zdtp-label",
 				for: x
-			}, [l(P(e.label) + " ", 1), e.required ? (w(), o("span", sh, "*")) : a("", !0)])) : a("", !0),
+			}, [l(P(e.label) + " ", 1), e.required ? (w(), o("span", ch, "*")) : a("", !0)])) : a("", !0),
 			s("div", {
 				ref_key: "triggerRef",
 				ref: k,
@@ -12600,7 +12649,7 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
 				}, [u(Z, {
 					name: "x",
 					size: "auto"
-				})], 10, lh),
+				})], 10, uh),
 				s("input", {
 					id: x,
 					ref_key: "dateInputRef",
@@ -12615,12 +12664,12 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
 					autocomplete: "off",
 					onInput: ke,
 					onBlur: Ae
-				}, null, 40, uh),
+				}, null, 40, dh),
 				i.value ? (w(), o("span", {
 					key: 0,
 					class: "coar-zdtp-tz-inline",
 					title: G.value
-				}, P(G.value), 9, dh)) : a("", !0),
+				}, P(G.value), 9, fh)) : a("", !0),
 				s("button", {
 					type: "button",
 					class: y(["coar-zdtp-tz-indicator", {
@@ -12634,7 +12683,7 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
 				}, [u(Z, {
 					name: Me.value,
 					size: "xs"
-				}, null, 8, ["name"])], 10, fh),
+				}, null, 8, ["name"])], 10, ph),
 				s("button", {
 					type: "button",
 					class: "coar-zdtp-btn",
@@ -12645,8 +12694,8 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
 				}, [u(Z, {
 					name: "calendar",
 					size: "s"
-				})], 8, ph)
-			], 42, ch),
+				})], 8, mh)
+			], 42, lh),
 			le.value ? (w(), o("div", {
 				key: 1,
 				id: D,
@@ -12655,7 +12704,7 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
 			}, P(le.value), 3)) : a("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-c6c2a031"]]), hh = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-c6c2a031"]]), gh = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarPlainDateView",
 	props: {
 		value: { default: null },
@@ -12665,17 +12714,17 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
 		size: { default: "m" }
 	},
 	setup(e) {
-		let t = e, n = Sp({
+		let t = e, n = Cp({
 			locale: F(t, "locale"),
 			dateFormat: F(t, "dateFormat")
 		});
 		function i(e) {
 			return typeof e == "object" && !!e && Object.prototype.toString.call(e) === "[object Temporal.PlainDate]";
 		}
-		let a = r(() => i(t.value) ? Yf(t.value, n.effectiveDateFormat.value.pattern) : ""), s = r(() => a.value || t.placeholder), c = r(() => !a.value);
+		let a = r(() => i(t.value) ? Xf(t.value, n.effectiveDateFormat.value.pattern) : ""), s = r(() => a.value || t.placeholder), c = r(() => !a.value);
 		return (t, n) => (w(), o("span", { class: y(["coar-plain-date-view", [`coar-plain-date-view--${e.size}`, { "coar-plain-date-view--empty": c.value }]]) }, P(s.value), 3));
 	}
-}), [["__scopeId", "data-v-c8cf9804"]]), gh = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-c8cf9804"]]), _h = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarPlainDateTimeView",
 	props: {
 		value: { default: null },
@@ -12689,17 +12738,17 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
 		size: { default: "m" }
 	},
 	setup(e) {
-		let t = e, n = Sp({
+		let t = e, n = Cp({
 			locale: F(t, "locale"),
 			dateFormat: F(t, "dateFormat")
-		}), i = r(() => t.use24Hour === !0 ? !0 : t.use24Hour === !1 ? !1 : !Cf(n.effectiveLocale.value));
+		}), i = r(() => t.use24Hour === !0 ? !0 : t.use24Hour === !1 ? !1 : !wf(n.effectiveLocale.value));
 		function a(e) {
 			return typeof e == "object" && !!e && Object.prototype.toString.call(e) === "[object Temporal.PlainDateTime]";
 		}
-		let s = r(() => a(t.value) ? `${Yf(t.value.toPlainDate(), n.effectiveDateFormat.value.pattern)} ${wf(t.value.hour, t.value.minute, i.value)}` : ""), c = r(() => s.value || t.placeholder), l = r(() => !s.value);
+		let s = r(() => a(t.value) ? `${Xf(t.value.toPlainDate(), n.effectiveDateFormat.value.pattern)} ${Tf(t.value.hour, t.value.minute, i.value)}` : ""), c = r(() => s.value || t.placeholder), l = r(() => !s.value);
 		return (t, n) => (w(), o("span", { class: y(["coar-plain-date-time-view", [`coar-plain-date-time-view--${e.size}`, { "coar-plain-date-time-view--empty": l.value }]]) }, P(c.value), 3));
 	}
-}), [["__scopeId", "data-v-f32044ac"]]), _h = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-f32044ac"]]), vh = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarZonedDateTimeView",
 	props: {
 		value: { default: null },
@@ -12718,20 +12767,20 @@ var Mm = { class: "coar-zdtp-body" }, Nm = { class: "coar-zdtp-calendar-column"
 		size: { default: "m" }
 	},
 	setup(e) {
-		let t = e, n = Sp({
+		let t = e, n = Cp({
 			locale: F(t, "locale"),
 			dateFormat: F(t, "dateFormat")
-		}), i = r(() => t.use24Hour === !0 ? !0 : t.use24Hour === !1 ? !1 : !Cf(n.effectiveLocale.value));
+		}), i = r(() => t.use24Hour === !0 ? !0 : t.use24Hour === !1 ? !1 : !wf(n.effectiveLocale.value));
 		function a(e) {
 			return typeof e == "object" && !!e && Object.prototype.toString.call(e) === "[object Temporal.ZonedDateTime]";
 		}
 		let s = r(() => t.displayTimeZone ? t.displayTimeZone : a(t.value) ? t.value.timeZoneId : null), c = r(() => {
 			if (!a(t.value)) return "";
-			let e = s.value, r = e ? t.value.withTimeZone(e) : t.value, o = Yf(r.toPlainDate(), n.effectiveDateFormat.value.pattern), c = wf(r.hour, r.minute, i.value);
-			return !t.showTimeZone || !e ? `${o} ${c}` : `${o} ${c} ${Om(e, r.toInstant())}`;
+			let e = s.value, r = e ? t.value.withTimeZone(e) : t.value, o = Xf(r.toPlainDate(), n.effectiveDateFormat.value.pattern), c = Tf(r.hour, r.minute, i.value);
+			return !t.showTimeZone || !e ? `${o} ${c}` : `${o} ${c} ${km(e, r.toInstant())}`;
 		}), l = r(() => c.value || t.placeholder), u = r(() => !c.value);
 		return (t, n) => (w(), o("span", { class: y(["coar-zoned-date-time-view", [`coar-zoned-date-time-view--${e.size}`, { "coar-zoned-date-time-view--empty": u.value }]]) }, P(l.value), 3));
 	}
 }), [["__scopeId", "data-v-00d86dd7"]]);
 //#endregion
-export { Fe as COAR_BUILTIN_ICON_SOURCE_KEY, wp as COAR_DATE_FORMAT_TO_MASKITO_MODE, Cp as COAR_DEFAULT_TIME_FORMAT, Pe as COAR_ICON_SERVICE_KEY, ze as CORE_ICONS, Gt as CoarAvatar, pt as CoarBadge, bd as CoarBreadcrumb, Td as CoarBreadcrumbItem, $e as CoarButton, St as CoarCard, wn as CoarCheckbox, It as CoarCodeBlock, Me as CoarCollapse, rd as CoarContextMenu, ou as CoarDialogShell, ct as CoarDivider, gl as CoarDualListbox, ke as CoarFade, Oe as CoarFormField, Le as CoarHttpIconSource, Z as CoarIcon, Ie as CoarIconMapSource, ot as CoarIconPlugin, Re as CoarIconService, it as CoarLink, ul as CoarListbox, Du as CoarMenu, Vu as CoarMenuDivider, Hu as CoarMenuHeading, Lu as CoarMenuItem, bp as CoarMonthList, Ic as CoarMultiSelect, Sf as CoarNavbar, mt as CoarNote, vn as CoarNumberInput, rn as CoarOtpInput, Ml as CoarOverlayHost, yl as CoarOverlayOutlet, mr as CoarOverlayPlugin, Pd as CoarPagination, ln as CoarPasswordInput, Zp as CoarPlainDatePicker, Cm as CoarPlainDateTimePicker, gh as CoarPlainDateTimeView, hh as CoarPlainDateView, zl as CoarPopconfirm, Rl as CoarPopconfirmPanel, Ql as CoarPopover, vt as CoarProgressBar, Mn as CoarRadioButton, On as CoarRadioGroup, je as CoarScale, dp as CoarScrollableCalendar, _d as CoarSegmentedControl, nc as CoarSelect, Gd as CoarSidebar, _f as CoarSidebarDivider, mf as CoarSidebarGroup, gf as CoarSidebarHeading, tf as CoarSidebarItem, vf as CoarSidebarSpacer, Ae as CoarSlide, ut as CoarSpinner, Yu as CoarSubExpand, td as CoarSubFlyout, td as CoarSubmenuItem, In as CoarSwitch, ad as CoarTab, pd as CoarTabGroup, Kt as CoarTable, zt as CoarTag, qc as CoarTagSelect, en as CoarTextInput, Wf as CoarTimePicker, jl as CoarToastContainer, kl as CoarToastItem, mh as CoarZonedDateTimePicker, _h as CoarZonedDateTimeView, Ce as FORM_FIELD_INJECTION_KEY, gu as MenuCascade, Rn as OVERLAY_DEFAULTS, ur as OVERLAY_PARENT_KEY, lr as OVERLAY_SERVICE_KEY, Ne as PRESET_SIZES, Tn as RADIO_GROUP_INJECTION_KEY, Id as SIDEBAR_COLLAPSED_KEY, Ld as SIDEBAR_ICON_SIZE_KEY, rr as TOAST_SERVICE_KEY, qn as computeOverlayCoordinates, Tr as contextMenuPreset, at as createCoarIconService, er as createOverlayService, or as createToastService, Sr as datepickerPreset, xr as dialogPreset, Un as getAnchorRect, Vn as getContainerRect, pr as getOverlayService, Kn as getScrollParents, Ws as getScrollbarInstance, cr as getToastService, Bn as getViewportRect, br as hoverMenuPreset, vr as menuPreset, _r as modalPreset, Dr as popconfirmPreset, Cr as popoverPreset, bu as provideMenuCascade, Su as provideMenuClose, zn as resolveOverlaySpec, yr as selectPreset, be as setCoarDragImageFromElement, xe as setCoarDragImageFromHtml, wr as sidebarFlyoutPreset, Er as subFlyoutPreset, gr as tooltipPreset, id as useContextMenu, du as useDialog, ve as useDragDrop, xu as useMenuCascade, Cu as useMenuClose, hr as useOverlay, dr as useOverlayParent, Kl as useToast, le as useVirtualList, Us as vScrollbar, vc as vTooltip };
+export { Fe as COAR_BUILTIN_ICON_SOURCE_KEY, Tp as COAR_DATE_FORMAT_TO_MASKITO_MODE, wp as COAR_DEFAULT_TIME_FORMAT, Pe as COAR_ICON_SERVICE_KEY, ze as CORE_ICONS, Gt as CoarAvatar, pt as CoarBadge, bd as CoarBreadcrumb, Td as CoarBreadcrumbItem, $e as CoarButton, St as CoarCard, wn as CoarCheckbox, It as CoarCodeBlock, Me as CoarCollapse, rd as CoarContextMenu, ou as CoarDialogShell, ct as CoarDivider, gl as CoarDualListbox, ke as CoarFade, Oe as CoarFormField, Le as CoarHttpIconSource, Z as CoarIcon, Ie as CoarIconMapSource, ot as CoarIconPlugin, Re as CoarIconService, it as CoarLink, ul as CoarListbox, Du as CoarMenu, Vu as CoarMenuDivider, Hu as CoarMenuHeading, Lu as CoarMenuItem, xp as CoarMonthList, Ic as CoarMultiSelect, Cf as CoarNavbar, mt as CoarNote, vn as CoarNumberInput, rn as CoarOtpInput, Ml as CoarOverlayHost, yl as CoarOverlayOutlet, mr as CoarOverlayPlugin, Pd as CoarPagination, ln as CoarPasswordInput, Qp as CoarPlainDatePicker, wm as CoarPlainDateTimePicker, _h as CoarPlainDateTimeView, gh as CoarPlainDateView, zl as CoarPopconfirm, Rl as CoarPopconfirmPanel, Ql as CoarPopover, vt as CoarProgressBar, Mn as CoarRadioButton, On as CoarRadioGroup, je as CoarScale, fp as CoarScrollableCalendar, _d as CoarSegmentedControl, nc as CoarSelect, Gd as CoarSidebar, vf as CoarSidebarDivider, mf as CoarSidebarGroup, gf as CoarSidebarHeading, tf as CoarSidebarItem, yf as CoarSidebarSpacer, Ae as CoarSlide, ut as CoarSpinner, Yu as CoarSubExpand, td as CoarSubFlyout, td as CoarSubmenuItem, In as CoarSwitch, ad as CoarTab, pd as CoarTabGroup, Kt as CoarTable, zt as CoarTag, qc as CoarTagSelect, en as CoarTextInput, Gf as CoarTimePicker, jl as CoarToastContainer, kl as CoarToastItem, hh as CoarZonedDateTimePicker, vh as CoarZonedDateTimeView, Ce as FORM_FIELD_INJECTION_KEY, gu as MenuCascade, Rn as OVERLAY_DEFAULTS, ur as OVERLAY_PARENT_KEY, lr as OVERLAY_SERVICE_KEY, Ne as PRESET_SIZES, Tn as RADIO_GROUP_INJECTION_KEY, Id as SIDEBAR_COLLAPSED_KEY, Ld as SIDEBAR_ICON_SIZE_KEY, rr as TOAST_SERVICE_KEY, qn as computeOverlayCoordinates, Tr as contextMenuPreset, at as createCoarIconService, er as createOverlayService, or as createToastService, Sr as datepickerPreset, xr as dialogPreset, Un as getAnchorRect, Vn as getContainerRect, pr as getOverlayService, Kn as getScrollParents, Ws as getScrollbarInstance, cr as getToastService, Bn as getViewportRect, br as hoverMenuPreset, vr as menuPreset, _r as modalPreset, Dr as popconfirmPreset, Cr as popoverPreset, bu as provideMenuCascade, Su as provideMenuClose, zn as resolveOverlaySpec, yr as selectPreset, be as setCoarDragImageFromElement, xe as setCoarDragImageFromHtml, wr as sidebarFlyoutPreset, Er as subFlyoutPreset, gr as tooltipPreset, id as useContextMenu, du as useDialog, ve as useDragDrop, xu as useMenuCascade, Cu as useMenuClose, hr as useOverlay, dr as useOverlayParent, Kl as useToast, le as useVirtualList, Us as vScrollbar, vc as vTooltip };