@cocoar/vue-ui 1.15.0 → 1.17.0-beta.3

package/dist/index.js

@@ -842,7 +842,7 @@ var Z = /* @__PURE__ */ X(/* @__PURE__ */ d({
 			}, null, 8, ["name"])])) : a("", !0)
 		], 10, Ge));
 	}
-}), [["__scopeId", "data-v-213e5e5c"]]);
+}), [["__scopeId", "data-v-805cd707"]]);
 //#endregion
 //#region src/components/icon/icon-plugin.ts
 function et(e) {
@@ -5497,7 +5497,7 @@ var Ls = ["id", "aria-label"], Rs = {
 			class: y(["coar-select-arrow", { "coar-select-arrow--open": L(x) }])
 		}, null, 8, ["class"])])], 42, Ws)])], 2));
 	}
-}), [["__scopeId", "data-v-07e49eb8"]]), Ys = ["id"], Xs = { class: "coar-tooltip-text" }, Zs = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-e3362523"]]), Ys = ["id"], Xs = { class: "coar-tooltip-text" }, Zs = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarTooltipPanel",
 	props: {
 		content: {},
@@ -7847,7 +7847,7 @@ var zl = ["role"], Bl = { class: "coar-popover-content" }, Vl = /* @__PURE__ */
 			onClick: k
 		}, [A(t.$slots, "default", {}, void 0, !0)], 8, Hl)], 32));
 	}
-}), [["__scopeId", "data-v-1cd63b12"]]), Gl = ["aria-label", "aria-labelledby"], Kl = {
+}), [["__scopeId", "data-v-6355d814"]]), Gl = ["aria-label", "aria-labelledby"], Kl = {
 	key: 0,
 	class: "coar-dialog-header"
 }, ql = ["aria-label"], Jl = { class: "coar-dialog-body" }, Yl = { key: 0 }, Xl = {
@@ -8667,7 +8667,7 @@ var Du = /* @__PURE__ */ X(wu, [["render", Eu], ["__scopeId", "data-v-a0d5d1e3"]
 			})
 		], 42, Ru)]));
 	}
-}), [["__scopeId", "data-v-c4b9da7c"]]), Hu = /* @__PURE__ */ d({
+}), [["__scopeId", "data-v-3235d400"]]), Hu = /* @__PURE__ */ d({
 	__name: "CoarContextMenuPanel",
 	props: {
 		renderContent: {
@@ -8883,7 +8883,73 @@ var Gu = /* @__PURE__ */ d({
 			hidden: h.value !== e.id
 		}, [_(e) ? (w(), i(j(() => e.contentSlot), { key: 0 })) : a("", !0)], 10, Qu))), 128))])]));
 	}
-}), [["__scopeId", "data-v-b93fdeed"]]), ed = ["aria-label"], td = { class: "coar-breadcrumb-list" }, nd = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-b93fdeed"]]), ed = ["aria-label", "aria-disabled"], td = [
+	"disabled",
+	"aria-pressed",
+	"aria-label",
+	"onClick"
+], nd = {
+	key: 1,
+	class: "coar-segmented-control__label"
+}, rd = /* @__PURE__ */ X(/* @__PURE__ */ d({
+	__name: "CoarSegmentedControl",
+	props: /* @__PURE__ */ g({
+		options: {},
+		size: { default: "s" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		fullWidth: {
+			type: Boolean,
+			default: !1
+		},
+		ariaLabel: { default: void 0 }
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ g(["change"], ["update:modelValue"]),
+	setup(t, { emit: n }) {
+		let s = t, c = z(t, "modelValue"), l = n;
+		function u(e) {
+			return c.value === e.value;
+		}
+		function d(e) {
+			s.disabled || e.disabled || c.value !== e.value && (c.value = e.value, l("change", e.value, e));
+		}
+		let f = r(() => [
+			"coar-segmented-control",
+			`coar-segmented-control--${s.size}`,
+			{
+				"coar-segmented-control--full-width": s.fullWidth,
+				"coar-segmented-control--disabled": s.disabled
+			}
+		]);
+		return (n, r) => (w(), o("div", {
+			class: y(f.value),
+			role: "group",
+			"aria-label": t.ariaLabel,
+			"aria-disabled": t.disabled ? "true" : void 0
+		}, [(w(!0), o(e, null, k(t.options, (e) => (w(), o("button", {
+			key: String(e.value),
+			type: "button",
+			class: y(["coar-segmented-control__segment", {
+				"coar-segmented-control__segment--active": u(e),
+				"coar-segmented-control__segment--disabled": e.disabled
+			}]),
+			disabled: t.disabled || e.disabled,
+			"aria-pressed": u(e),
+			"aria-label": e.ariaLabel ?? (e.icon && !e.label ? e.label : void 0),
+			onClick: (t) => d(e)
+		}, [e.icon ? (w(), i(Z, {
+			key: 0,
+			name: e.icon,
+			size: "auto",
+			class: "coar-segmented-control__icon"
+		}, null, 8, ["name"])) : a("", !0), e.label ? (w(), o("span", nd, P(e.label), 1)) : a("", !0)], 10, td))), 128))], 10, ed));
+	}
+}), [["__scopeId", "data-v-72983826"]]), id = ["aria-label"], ad = { class: "coar-breadcrumb-list" }, od = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarBreadcrumb",
 	props: {
 		separator: { default: "/" },
@@ -8895,23 +8961,23 @@ var Gu = /* @__PURE__ */ d({
 			class: "coar-breadcrumb",
 			"aria-label": e.ariaLabel,
 			style: x({ "--coar-breadcrumb-separator": n.value })
-		}, [s("ol", td, [A(t.$slots, "default", {}, void 0, !0)])], 12, ed));
+		}, [s("ol", ad, [A(t.$slots, "default", {}, void 0, !0)])], 12, id));
 	}
-}), [["__scopeId", "data-v-e7a867c8"]]), rd = ["aria-current"], id = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-e7a867c8"]]), sd = ["aria-current"], cd = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarBreadcrumbItem",
 	props: { active: { type: Boolean } },
 	setup(e) {
 		return (t, n) => (w(), o("li", {
 			class: y(["coar-breadcrumb-item", { "coar-breadcrumb-item--active": e.active }]),
 			"aria-current": e.active ? "page" : void 0
-		}, [A(t.$slots, "default", {}, void 0, !0)], 10, rd));
+		}, [A(t.$slots, "default", {}, void 0, !0)], 10, sd));
 	}
-}), [["__scopeId", "data-v-35575ef1"]]), ad = ["aria-label"], od = { class: "coar-pagination-nav" }, sd = ["disabled", "aria-label"], cd = ["disabled", "aria-label"], ld = ["aria-label"], ud = [
+}), [["__scopeId", "data-v-35575ef1"]]), ld = ["aria-label"], ud = { class: "coar-pagination-nav" }, dd = ["disabled", "aria-label"], fd = ["disabled", "aria-label"], pd = ["aria-label"], md = [
 	"disabled",
 	"aria-current",
 	"aria-label",
 	"onClick"
-], dd = ["disabled", "aria-label"], fd = ["disabled", "aria-label"], pd = /* @__PURE__ */ X(/* @__PURE__ */ d({
+], hd = ["disabled", "aria-label"], gd = ["disabled", "aria-label"], _d = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarPagination",
 	props: /* @__PURE__ */ g({
 		totalItems: {},
@@ -8960,7 +9026,7 @@ var Gu = /* @__PURE__ */ d({
 		return (n, r) => (w(), o("nav", {
 			class: y(["coar-pagination", { "coar-pagination--disabled": t.disabled }]),
 			"aria-label": L(c)("coar.ui.pagination.nav", void 0, "Pagination")
-		}, [s("div", od, [
+		}, [s("div", ud, [
 			t.showFirstLast ? (w(), o("button", {
 				key: 0,
 				type: "button",
@@ -8971,7 +9037,7 @@ var Gu = /* @__PURE__ */ d({
 			}, [u(Z, {
 				name: "chevrons-left",
 				size: "s"
-			})], 8, sd)) : a("", !0),
+			})], 8, dd)) : a("", !0),
 			s("button", {
 				type: "button",
 				class: "coar-pagination-button coar-pagination-button--nav",
@@ -8981,13 +9047,13 @@ var Gu = /* @__PURE__ */ d({
 			}, [u(Z, {
 				name: "chevron-left",
 				size: "s"
-			})], 8, cd),
+			})], 8, fd),
 			(w(!0), o(e, null, k(h.value, (n, r) => (w(), o(e, { key: _(r, n) }, [n.type === "ellipsis" ? (w(), o("span", {
 				key: 0,
 				class: "coar-pagination-ellipsis",
 				role: "separator",
 				"aria-label": L(c)("coar.ui.pagination.morePage", void 0, "More pages")
-			}, "...", 8, ld)) : (w(), o("button", {
+			}, "...", 8, pd)) : (w(), o("button", {
 				key: 1,
 				type: "button",
 				class: y(["coar-pagination-button coar-pagination-button--page", { "coar-pagination-button--active": n.page === l.value }]),
@@ -8995,7 +9061,7 @@ var Gu = /* @__PURE__ */ d({
 				"aria-current": n.page === l.value ? "page" : void 0,
 				"aria-label": L(c)("coar.ui.pagination.goToPage", { page: n.page }, "Go to page " + n.page),
 				onClick: (e) => g(n.page)
-			}, P(n.page), 11, ud))], 64))), 128)),
+			}, P(n.page), 11, md))], 64))), 128)),
 			s("button", {
 				type: "button",
 				class: "coar-pagination-button coar-pagination-button--nav",
@@ -9005,7 +9071,7 @@ var Gu = /* @__PURE__ */ d({
 			}, [u(Z, {
 				name: "chevron-right",
 				size: "s"
-			})], 8, dd),
+			})], 8, hd),
 			t.showFirstLast ? (w(), o("button", {
 				key: 1,
 				type: "button",
@@ -9016,22 +9082,22 @@ var Gu = /* @__PURE__ */ d({
 			}, [u(Z, {
 				name: "chevrons-right",
 				size: "s"
-			})], 8, fd)) : a("", !0)
-		])], 10, ad));
+			})], 8, gd)) : a("", !0)
+		])], 10, ld));
 	}
 }), [["__scopeId", "data-v-9e40bd44"]]);
 //#endregion
 //#region src/components/sidebar/sidebar-context.ts
-function md(e) {
+function vd(e) {
 	return e === "top" || e === "bottom" ? "horizontal" : "vertical";
 }
-var hd = Symbol("sidebar-collapsed"), gd = Symbol("sidebar-icon-size"), _d = Symbol("sidebar-side"), vd = Symbol("sidebar-flyout-icon-only"), yd = Symbol("sidebar-flyout-parent"), bd = ["aria-label"], xd = {
+var yd = Symbol("sidebar-collapsed"), bd = Symbol("sidebar-icon-size"), xd = Symbol("sidebar-side"), Sd = Symbol("sidebar-flyout-icon-only"), Cd = Symbol("sidebar-flyout-parent"), wd = ["aria-label"], Td = {
 	key: 0,
 	class: "coar-sidebar__header"
-}, Sd = { class: "coar-sidebar__content" }, Cd = {
+}, Ed = { class: "coar-sidebar__content" }, Dd = {
 	key: 1,
 	class: "coar-sidebar__footer"
-}, wd = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}, Od = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarSidebar",
 	props: {
 		side: { default: void 0 },
@@ -9054,8 +9120,8 @@ var hd = Symbol("sidebar-collapsed"), gd = Symbol("sidebar-icon-size"), _d = Sym
 	},
 	emits: ["update:collapsed"],
 	setup(e) {
-		let t = e, n = r(() => t.side ?? t.position ?? "left"), i = r(() => md(n.value)), s = F(t, "collapsed"), c = F(t, "size");
-		T(hd, s), T(gd, c), T(_d, n);
+		let t = e, n = r(() => t.side ?? t.position ?? "left"), i = r(() => vd(n.value)), s = F(t, "collapsed"), c = F(t, "size");
+		T(yd, s), T(bd, c), T(xd, n);
 		let l = r(() => ({
 			"coar-sidebar": !0,
 			[`coar-sidebar--${t.variant}`]: !0,
@@ -9079,19 +9145,19 @@ var hd = Symbol("sidebar-collapsed"), gd = Symbol("sidebar-icon-size"), _d = Sym
 			"aria-label": e.ariaLabel || "Sidebar",
 			class: y(l.value)
 		}, [
-			n.$slots.header ? (w(), o("div", xd, [A(n.$slots, "header", { collapsed: t.collapsed }, void 0, !0)])) : a("", !0),
-			K((w(), o("div", Sd, [A(n.$slots, "default", { collapsed: t.collapsed }, void 0, !0)])), [[L(Fs), u.value]]),
-			n.$slots.footer ? (w(), o("div", Cd, [A(n.$slots, "footer", { collapsed: t.collapsed }, void 0, !0)])) : a("", !0)
-		], 10, bd));
+			n.$slots.header ? (w(), o("div", Td, [A(n.$slots, "header", { collapsed: t.collapsed }, void 0, !0)])) : a("", !0),
+			K((w(), o("div", Ed, [A(n.$slots, "default", { collapsed: t.collapsed }, void 0, !0)])), [[L(Fs), u.value]]),
+			n.$slots.footer ? (w(), o("div", Dd, [A(n.$slots, "footer", { collapsed: t.collapsed }, void 0, !0)])) : a("", !0)
+		], 10, wd));
 	}
-}), [["__scopeId", "data-v-656c121e"]]), Td = [
+}), [["__scopeId", "data-v-656c121e"]]), kd = [
 	"aria-disabled",
 	"aria-current",
 	"tabindex"
-], Ed = {
+], Ad = {
 	class: "coar-sidebar-item__icon",
 	"aria-hidden": "true"
-}, Dd = { class: "coar-sidebar-item__label" }, Od = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}, jd = { class: "coar-sidebar-item__label" }, Md = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarSidebarItem",
 	props: {
 		label: {},
@@ -9107,7 +9173,7 @@ var hd = Symbol("sidebar-collapsed"), gd = Symbol("sidebar-icon-size"), _d = Sym
 	},
 	emits: ["click"],
 	setup(e, { emit: t }) {
-		let n = e, i = t, a = m(hd, O(!1)), c = m(gd, O("m")), l = m(_d, O("left")), d = m(vd, O(!1)), f = r(() => {
+		let n = e, i = t, a = m(yd, O(!1)), c = m(bd, O("m")), l = m(xd, O("left")), d = m(Sd, O(!1)), f = r(() => {
 			switch (l.value) {
 				case "right": return "left";
 				case "top": return "bottom";
@@ -9122,7 +9188,7 @@ var hd = Symbol("sidebar-collapsed"), gd = Symbol("sidebar-icon-size"), _d = Sym
 			content: n.label,
 			placement: f.value,
 			openDelay: 200
-		} : !1), h = r(() => md(l.value));
+		} : !1), h = r(() => vd(l.value));
 		function g(e) {
 			if (n.disabled) {
 				e.preventDefault();
@@ -9149,12 +9215,12 @@ var hd = Symbol("sidebar-collapsed"), gd = Symbol("sidebar-icon-size"), _d = Sym
 			tabindex: n.disabled ? -1 : 0,
 			onClick: g,
 			onKeydown: _
-		}, [s("span", Ed, [u(Z, {
+		}, [s("span", Ad, [u(Z, {
 			name: n.icon || "square-dashed",
 			size: L(c)
-		}, null, 8, ["name", "size"])]), s("span", Dd, P(n.label), 1)], 42, Td)), [[L(uc), p.value]]);
+		}, null, 8, ["name", "size"])]), s("span", jd, P(n.label), 1)], 42, kd)), [[L(uc), p.value]]);
 	}
-}), [["__scopeId", "data-v-33cbb961"]]), kd = /* @__PURE__ */ d({
+}), [["__scopeId", "data-v-33cbb961"]]), Nd = /* @__PURE__ */ d({
 	__name: "SidebarFlyoutProvider",
 	props: {
 		iconOnly: { type: Boolean },
@@ -9162,12 +9228,12 @@ var hd = Symbol("sidebar-collapsed"), gd = Symbol("sidebar-icon-size"), _d = Sym
 	},
 	setup(e) {
 		let t = e;
-		return T(vd, F(t, "iconOnly")), T(yd, t.parentControl), (e, t) => A(e.$slots, "default");
+		return T(Sd, F(t, "iconOnly")), T(Cd, t.parentControl), (e, t) => A(e.$slots, "default");
 	}
-}), Ad = ["id"], jd = {
+}), Pd = ["id"], Fd = {
 	key: 0,
 	class: "coar-sidebar-flyout__header"
-}, Md = { class: "coar-sidebar-flyout__items" }, Nd = /* @__PURE__ */ d({
+}, Id = { class: "coar-sidebar-flyout__items" }, Ld = /* @__PURE__ */ d({
 	__name: "CoarSidebarFlyoutPanel",
 	props: {
 		id: {
@@ -9193,7 +9259,7 @@ var hd = Symbol("sidebar-collapsed"), gd = Symbol("sidebar-icon-size"), _d = Sym
 	},
 	emits: ["flyoutEnter", "flyoutLeave"],
 	setup(e) {
-		return (t, n) => (w(), i(kd, {
+		return (t, n) => (w(), i(Nd, {
 			"icon-only": e.iconOnly,
 			"parent-control": e.parentControl
 		}, {
@@ -9203,19 +9269,19 @@ var hd = Symbol("sidebar-collapsed"), gd = Symbol("sidebar-icon-size"), _d = Sym
 				role: "menu",
 				onMouseenter: n[0] ||= (e) => t.$emit("flyoutEnter"),
 				onMouseleave: n[1] ||= (e) => t.$emit("flyoutLeave")
-			}, [e.iconOnly ? a("", !0) : (w(), o("div", jd, P(e.label), 1)), s("div", Md, [(w(), i(j({ render: e.renderContent })))])], 42, Ad)]),
+			}, [e.iconOnly ? a("", !0) : (w(), o("div", Fd, P(e.label), 1)), s("div", Id, [(w(), i(j({ render: e.renderContent })))])], 42, Pd)]),
 			_: 1
 		}, 8, ["icon-only", "parent-control"]));
 	}
-}), Pd = [
+}), Rd = [
 	"aria-expanded",
 	"aria-disabled",
 	"tabindex",
 	"onKeydown"
-], Fd = {
+], zd = {
 	class: "coar-sidebar-group__icon",
 	"aria-hidden": "true"
-}, Id = { class: "coar-sidebar-group__caret" }, Ld = { class: "coar-sidebar-group__label" }, Rd = ["aria-hidden"], zd = { class: "coar-sidebar-group__panel-inner" }, Bd = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}, Bd = { class: "coar-sidebar-group__caret" }, Vd = { class: "coar-sidebar-group__label" }, Hd = ["aria-hidden"], Ud = { class: "coar-sidebar-group__panel-inner" }, Wd = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarSidebarGroup",
 	props: /* @__PURE__ */ g({
 		label: {},
@@ -9242,7 +9308,7 @@ var hd = Symbol("sidebar-collapsed"), gd = Symbol("sidebar-icon-size"), _d = Sym
 	}),
 	emits: ["update:open"],
 	setup(e) {
-		let t = `coar-sidebar-group-${R()}`, n = e, i = z(e, "open"), c = m(hd, O(!1)), l = m(gd, O("m")), d = m(_d, O("left")), f = r(() => md(d.value)), p = m(vd, 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(yd, null), j = {
+		let t = `coar-sidebar-group-${R()}`, n = e, i = z(e, "open"), c = m(yd, O(!1)), l = m(bd, O("m")), d = m(xd, O("left")), f = r(() => vd(d.value)), p = m(Sd, 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(Cd, null), j = {
 			cancelClose: () => {
 				ae(), k?.cancelClose();
 			},
@@ -9325,7 +9391,7 @@ var hd = Symbol("sidebar-collapsed"), gd = Symbol("sidebar-icon-size"), _d = Sym
 				},
 				content: {
 					kind: "component",
-					component: h(Nd)
+					component: h(Ld)
 				},
 				inputs: {
 					id: t,
@@ -9392,52 +9458,52 @@ var hd = Symbol("sidebar-collapsed"), gd = Symbol("sidebar-icon-size"), _d = Sym
 			onMouseenter: Y,
 			onMouseleave: ce
 		}, [
-			s("span", Fd, [u(Z, {
+			s("span", zd, [u(Z, {
 				name: n.icon || "square-dashed",
 				size: L(l)
-			}, null, 8, ["name", "size"]), s("span", Id, [u(Z, {
+			}, null, 8, ["name", "size"]), s("span", Bd, [u(Z, {
 				name: v.value ? x.value ? V.value : I.value : _.value ? "minus" : "plus",
 				size: "xs"
 			}, null, 8, ["name"])])]),
-			s("span", Ld, P(n.label), 1),
+			s("span", Vd, P(n.label), 1),
 			u(Z, {
 				name: v.value ? x.value ? V.value : I.value : _.value ? "minus" : "plus",
 				size: "xs",
 				class: "coar-sidebar-group__chevron",
 				"aria-hidden": "true"
 			}, null, 8, ["name"])
-		], 42, Pd)), [[L(uc), F.value]]), v.value ? a("", !0) : (w(), o("div", {
+		], 42, Rd)), [[L(uc), F.value]]), v.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,
 			role: "group"
-		}, [s("div", zd, [A(e.$slots, "default", {}, void 0, !0)])], 10, Rd))], 2));
+		}, [s("div", Ud, [A(e.$slots, "default", {}, void 0, !0)])], 10, Hd))], 2));
 	}
-}), [["__scopeId", "data-v-fc4f23cf"]]), Vd = {
+}), [["__scopeId", "data-v-2eaf7f0e"]]), Gd = {
 	key: 0,
 	class: "coar-sidebar-heading__text"
-}, Hd = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}, Kd = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarSidebarHeading",
 	props: { label: {} },
 	setup(e) {
-		let t = e, n = m(hd, O(!1));
+		let t = e, n = m(yd, O(!1));
 		return (e, r) => (w(), o("div", {
 			class: y(["coar-sidebar-heading", { "coar-sidebar-heading--collapsed": L(n) }]),
 			role: "heading",
 			"aria-level": "3"
-		}, [L(n) ? a("", !0) : (w(), o("span", Vd, P(t.label), 1))], 2));
+		}, [L(n) ? a("", !0) : (w(), o("span", Gd, P(t.label), 1))], 2));
 	}
-}), [["__scopeId", "data-v-99fb2c2f"]]), Ud = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-99fb2c2f"]]), qd = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarSidebarDivider",
 	setup(e) {
-		let t = m(hd, O(!1));
+		let t = m(yd, O(!1));
 		return (e, n) => (w(), o("div", {
 			class: y(["coar-sidebar-divider", { "coar-sidebar-divider--collapsed": L(t) }]),
 			role: "separator"
 		}, null, 2));
 	}
-}), [["__scopeId", "data-v-c70a1b23"]]), Wd = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-c70a1b23"]]), Jd = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarSidebarSpacer",
 	props: {
 		height: { default: void 0 },
@@ -9454,16 +9520,16 @@ var hd = Symbol("sidebar-collapsed"), gd = Symbol("sidebar-icon-size"), _d = Sym
 			"aria-hidden": "true"
 		}, null, 6));
 	}
-}), [["__scopeId", "data-v-502139f5"]]), Gd = {
+}), [["__scopeId", "data-v-502139f5"]]), Yd = {
 	key: 0,
 	class: "coar-navbar__start"
-}, Kd = {
+}, Xd = {
 	key: 1,
 	class: "coar-navbar__center"
-}, qd = {
+}, Zd = {
 	key: 2,
 	class: "coar-navbar__end"
-}, Jd = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}, Qd = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarNavbar",
 	props: {
 		elevated: {
@@ -9483,17 +9549,17 @@ var hd = Symbol("sidebar-collapsed"), gd = Symbol("sidebar-icon-size"), _d = Sym
 			}]),
 			role: "banner"
 		}, [
-			t.$slots.start ? (w(), o("div", Gd, [A(t.$slots, "start", {}, void 0, !0)])) : a("", !0),
+			t.$slots.start ? (w(), o("div", Yd, [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", Kd, [A(t.$slots, "center", {}, void 0, !0)])) : a("", !0),
+			t.$slots.center ? (w(), o("div", Xd, [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", qd, [A(t.$slots, "end", {}, void 0, !0)])) : a("", !0)
+			t.$slots.end ? (w(), o("div", Zd, [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 Yd(e) {
+function $d(e) {
 	try {
 		return new Intl.DateTimeFormat(e, {
 			hour: "numeric",
@@ -9503,13 +9569,13 @@ function Yd(e) {
 		return !1;
 	}
 }
-function Xd(e, t, n) {
+function ef(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 Zd(e) {
+function tf(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) {
@@ -9529,41 +9595,41 @@ function Zd(e) {
 	}
 	return null;
 }
-function Qd(e) {
+function nf(e) {
 	let t = e >= 12 ? "PM" : "AM", n = e % 12;
 	return n === 0 && (n = 12), {
 		hours: n,
 		period: t
 	};
 }
-function $d(e, t) {
+function rf(e, t) {
 	return t === "AM" ? e === 12 ? 0 : e : e === 12 ? 12 : e + 12;
 }
-function ef(e, t) {
+function af(e, t) {
 	let n = (e + t) % 24;
 	return n < 0 ? n + 24 : n;
 }
-function tf(e, t, n = 1) {
+function of(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 nf(e, t) {
+function sf(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 rf = ["aria-label"], af = { class: "coar-time-picker__spinner coar-time-picker__hours" }, of = ["disabled", "aria-label"], sf = [
+var cf = ["aria-label"], lf = { class: "coar-time-picker__spinner coar-time-picker__hours" }, uf = ["disabled", "aria-label"], df = [
 	"aria-valuenow",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-label"
-], cf = ["disabled", "aria-label"], lf = { class: "coar-time-picker__spinner coar-time-picker__minutes" }, uf = ["disabled", "aria-label"], df = ["aria-valuenow", "aria-label"], ff = ["disabled", "aria-label"], pf = {
+], ff = ["disabled", "aria-label"], pf = { class: "coar-time-picker__spinner coar-time-picker__minutes" }, mf = ["disabled", "aria-label"], hf = ["aria-valuenow", "aria-label"], gf = ["disabled", "aria-label"], _f = {
 	key: 0,
 	class: "coar-time-picker__spinner coar-time-picker__period"
-}, mf = ["disabled"], hf = ["aria-valuenow", "aria-valuetext"], gf = ["disabled"], _f = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}, vf = ["disabled"], yf = ["aria-valuenow", "aria-valuetext"], bf = ["disabled"], xf = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarTimePicker",
 	props: /* @__PURE__ */ g({
 		size: { default: "m" },
@@ -9592,9 +9658,9 @@ var rf = ["aria-label"], af = { 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 = nf(e.minutes, t.minuteStep), p.value = e.hours >= 12 ? "PM" : "AM");
+			e && (d.value = e.hours, f.value = sf(e.minutes, t.minuteStep), p.value = e.hours >= 12 ? "PM" : "AM");
 		}, { immediate: !0 });
-		let m = r(() => t.use24Hour === !0 ? !1 : t.use24Hour === !1 ? !0 : Yd(l.value)), h = r(() => m.value ? Qd(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 : $d(l.value)), h = r(() => m.value ? nf(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;
 		}
@@ -9629,11 +9695,11 @@ var rf = ["aria-label"], af = { 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 = $d(t, p.value), e === 11) {
+					if (t > 12 && (t = 1), d.value = rf(t, p.value), e === 11) {
 						I();
 						return;
 					}
-				} else d.value = ef(d.value, 1);
+				} else d.value = af(d.value, 1);
 				A();
 			}
 		}
@@ -9641,28 +9707,28 @@ var rf = ["aria-label"], af = { 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 = $d(t, p.value), e === 12) {
+					if (t < 1 && (t = 12), d.value = rf(t, p.value), e === 12) {
 						I();
 						return;
 					}
-				} else d.value = ef(d.value, -1);
+				} else d.value = af(d.value, -1);
 				A();
 			}
 		}
 		function N() {
 			if (t.disabled || t.readonly || T.value) return;
-			let { minutes: e, hourDelta: n } = tf(f.value, 1, t.minuteStep);
-			f.value = e, n !== 0 && (d.value = ef(d.value, n), p.value = d.value >= 12 ? "PM" : "AM"), A();
+			let { minutes: e, hourDelta: n } = of(f.value, 1, t.minuteStep);
+			f.value = e, n !== 0 && (d.value = af(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 } = tf(f.value, -1, t.minuteStep);
-			f.value = e, n !== 0 && (d.value = ef(d.value, n), p.value = d.value >= 12 ? "PM" : "AM"), A();
+			let { minutes: e, hourDelta: n } = of(f.value, -1, t.minuteStep);
+			f.value = e, n !== 0 && (d.value = af(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 = $d(h.value, e), A());
+			e === "AM" && D.value || e === "PM" && k.value || (p.value = e, d.value = rf(h.value, e), A());
 		}
 		function R(e) {
 			t.disabled || t.readonly || (e.key === "ArrowUp" ? (e.preventDefault(), j()) : e.key === "ArrowDown" && (e.preventDefault(), M()));
@@ -9686,7 +9752,7 @@ var rf = ["aria-label"], af = { class: "coar-time-picker__spinner coar-time-pick
 			role: "group",
 			"aria-label": e.ariaLabel
 		}, [
-			s("div", af, [
+			s("div", lf, [
 				s("button", {
 					type: "button",
 					class: "coar-time-picker__btn coar-time-picker__btn--up",
@@ -9697,7 +9763,7 @@ var rf = ["aria-label"], af = { class: "coar-time-picker__spinner coar-time-pick
 				}, [u(Z, {
 					name: "chevron-up",
 					size: b.value
-				}, null, 8, ["size"])], 8, of),
+				}, null, 8, ["size"])], 8, uf),
 				s("div", {
 					class: "coar-time-picker__value",
 					role: "spinbutton",
@@ -9707,7 +9773,7 @@ var rf = ["aria-label"], af = { 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, sf),
+				}, P(h.value.toString().padStart(2, "0")), 41, df),
 				s("button", {
 					type: "button",
 					class: "coar-time-picker__btn coar-time-picker__btn--down",
@@ -9718,13 +9784,13 @@ var rf = ["aria-label"], af = { class: "coar-time-picker__spinner coar-time-pick
 				}, [u(Z, {
 					name: "chevron-down",
 					size: b.value
-				}, null, 8, ["size"])], 8, cf)
+				}, null, 8, ["size"])], 8, ff)
 			]),
 			n[0] ||= s("span", {
 				class: "coar-time-picker__separator",
 				"aria-hidden": "true"
 			}, ":", -1),
-			s("div", lf, [
+			s("div", pf, [
 				s("button", {
 					type: "button",
 					class: "coar-time-picker__btn coar-time-picker__btn--up",
@@ -9735,7 +9801,7 @@ var rf = ["aria-label"], af = { class: "coar-time-picker__spinner coar-time-pick
 				}, [u(Z, {
 					name: "chevron-up",
 					size: b.value
-				}, null, 8, ["size"])], 8, uf),
+				}, null, 8, ["size"])], 8, mf),
 				s("div", {
 					class: "coar-time-picker__value",
 					role: "spinbutton",
@@ -9745,7 +9811,7 @@ var rf = ["aria-label"], af = { 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, df),
+				}, P(g.value.toString().padStart(2, "0")), 41, hf),
 				s("button", {
 					type: "button",
 					class: "coar-time-picker__btn coar-time-picker__btn--down",
@@ -9756,9 +9822,9 @@ var rf = ["aria-label"], af = { 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, gf)
 			]),
-			m.value ? (w(), o("div", pf, [
+			m.value ? (w(), o("div", _f, [
 				s("button", {
 					type: "button",
 					class: "coar-time-picker__btn coar-time-picker__btn--up",
@@ -9769,7 +9835,7 @@ var rf = ["aria-label"], af = { class: "coar-time-picker__spinner coar-time-pick
 				}, [u(Z, {
 					name: "chevron-up",
 					size: b.value
-				}, null, 8, ["size"])], 8, mf),
+				}, null, 8, ["size"])], 8, vf),
 				s("div", {
 					class: "coar-time-picker__value coar-time-picker__period-value",
 					role: "spinbutton",
@@ -9780,7 +9846,7 @@ var rf = ["aria-label"], af = { 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, yf),
 				s("button", {
 					type: "button",
 					class: "coar-time-picker__btn coar-time-picker__btn--down",
@@ -9791,14 +9857,14 @@ var rf = ["aria-label"], af = { class: "coar-time-picker__spinner coar-time-pick
 				}, [u(Z, {
 					name: "chevron-down",
 					size: b.value
-				}, null, 8, ["size"])], 8, gf)
+				}, null, 8, ["size"])], 8, bf)
 			])) : a("", !0)
-		], 8, rf)], 2));
+		], 8, cf)], 2));
 	}
-}), [["__scopeId", "data-v-50fceac2"]]);
+}), [["__scopeId", "data-v-a5cd4780"]]);
 //#endregion
 //#region src/components/date-time/_shared/date-helpers.ts
-function vf(e) {
+function Sf(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;
@@ -9806,7 +9872,7 @@ function vf(e) {
 		return null;
 	}
 }
-function yf(e) {
+function Cf(e) {
 	try {
 		let t = new Intl.Locale(e);
 		return (t.getWeekInfo?.() ?? t.weekInfo)?.firstDay === 7 ? 7 : 1;
@@ -9814,10 +9880,10 @@ function yf(e) {
 		return 1;
 	}
 }
-function bf(e) {
+function wf(e) {
 	return e.includes(".") ? "." : e.includes("/") ? "/" : "-";
 }
-function xf(e, t) {
+function Tf(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);
@@ -9829,8 +9895,8 @@ function xf(e, t) {
 	}
 	return r;
 }
-function Sf(e, t) {
-	let n = bf(t), r = String(e.day).padStart(2, "0"), i = String(e.month).padStart(2, "0"), a = String(e.year);
+function Ef(e, t) {
+	let n = wf(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}`;
@@ -9839,9 +9905,9 @@ function Sf(e, t) {
 		default: return `${r}${n}${i}${n}${a}`;
 	}
 }
-function Cf(e, t, n) {
+function Df(e, t, n) {
 	if (!e) return null;
-	let r = bf(t), i = e.split(r);
+	let r = wf(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 {
@@ -9869,19 +9935,19 @@ function Cf(e, t, n) {
 		return null;
 	}
 }
-function wf(e) {
+function Of(e) {
 	return new Date(e.year, e.month - 1, e.day);
 }
-function Tf(e) {
-	let t = wf(e), n = t.getDay() || 7;
+function kf(e) {
+	let t = Of(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 Ef(e, t) {
+function Af(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 Df(e, t) {
+function jf(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 = [];
@@ -9905,20 +9971,20 @@ function Df(e, t) {
 }
 //#endregion
 //#region src/components/date-time/scrollable-calendar/CoarScrollableCalendar.vue?vue&type=script&setup=true&lang.ts
-var Of = {
+var Mf = {
 	key: 0,
 	class: "coar-scrollable-calendar__week-spacer"
-}, kf = ["id", "data-year-month"], Af = { class: "coar-scrollable-calendar__month-name" }, jf = { class: "coar-scrollable-calendar__month-year" }, Mf = {
+}, Nf = ["id", "data-year-month"], Pf = { class: "coar-scrollable-calendar__month-name" }, Ff = { class: "coar-scrollable-calendar__month-year" }, If = {
 	key: 0,
 	class: "coar-scrollable-calendar__week-number"
-}, Nf = [
+}, Lf = [
 	"disabled",
 	"tabindex",
 	"data-date",
 	"aria-selected",
 	"aria-current",
 	"onClick"
-], Pf = 12, Ff = 12, If = 6, Lf = 25, Rf = /* @__PURE__ */ X(/* @__PURE__ */ d({
+], Rf = 12, zf = 12, Bf = 6, Vf = 25, Hf = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarScrollableCalendar",
 	props: /* @__PURE__ */ g({
 		min: { default: null },
@@ -9944,13 +10010,13 @@ var Of = {
 	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 = vf(f.value), t = yf(f.value);
+			let e = Sf(f.value), t = Cf(f.value);
 			return {
 				pattern: e ?? "dd.mm.yyyy",
 				firstDayOfWeek: t
 			};
 		}), m = r(() => p.value.firstDayOfWeek), h = r(() => Y.Now.plainDateISO()), g = r(() => {
-			let e = xf(f.value, m.value), t = m.value;
+			let e = Tf(f.value, m.value), t = m.value;
 			return e.map((e, n) => {
 				let r;
 				return r = t === 1 ? n + 1 : n === 0 ? 7 : n, {
@@ -9958,7 +10024,7 @@ var Of = {
 					isWeekend: r === 6 || r === 7
 				};
 			});
-		}), _ = O(Y.Now.plainDateISO().toPlainYearMonth().subtract({ months: Pf })), b = O(Y.Now.plainDateISO().toPlainYearMonth().add({ months: Ff })), x = O(null), T = O(null), E = O(!1), D = !1, A = !1, j = !1;
+		}), _ = O(Y.Now.plainDateISO().toPlainYearMonth().subtract({ months: Rf })), b = O(Y.Now.plainDateISO().toPlainYearMonth().add({ months: zf })), 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;
@@ -9985,8 +10051,8 @@ var Of = {
 			};
 		}
 		function I(e) {
-			let t = f.value, n = new Intl.DateTimeFormat(t, { month: "long" }).format(new Date(e.year, e.month - 1, 1)), r = Df(e, m.value), i = r.map((e) => F(e.date, e.isOutsideMonth)), a = [];
-			for (let e = 0; e < 6; e++) a.push(Tf(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 = jf(e, m.value), i = r.map((e) => F(e.date, e.isOutsideMonth)), a = [];
+			for (let e = 0; e < 6; e++) a.push(kf(r[e * 7].date));
 			return {
 				yearMonth: e,
 				monthName: n,
@@ -10077,7 +10143,7 @@ var Of = {
 			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 < If; e++) {
+			for (let e = 0; e < Bf; e++) {
 				let e = r.subtract({ months: 1 });
 				if (n && Y.PlainYearMonth.compare(e, n) < 0) break;
 				r = e, a.unshift(I(r));
@@ -10098,7 +10164,7 @@ var Of = {
 			if (j) return;
 			j = !0;
 			let e = i.max?.toPlainYearMonth() ?? null, t = b.value, n = [];
-			for (let r = 0; r < If; r++) {
+			for (let r = 0; r < Bf; r++) {
 				let r = t.add({ months: 1 });
 				if (e && Y.PlainYearMonth.compare(r, e) > 0) break;
 				t = r, n.push(I(t));
@@ -10113,14 +10179,14 @@ var Of = {
 		}
 		function re() {
 			let e = B.value;
-			if (e.length <= Lf) return;
-			let t = e.slice(0, Lf);
+			if (e.length <= Vf) return;
+			let t = e.slice(0, Vf);
 			B.value = t, b.value = t[t.length - 1].yearMonth;
 		}
 		function ie() {
 			let e = B.value;
-			if (e.length <= Lf) return;
-			let t = e.length - Lf, n = e.slice(t);
+			if (e.length <= Vf) return;
+			let t = e.length - Vf, n = e.slice(t);
 			B.value = n, _.value = n[0].yearMonth;
 		}
 		function ae(e) {
@@ -10139,7 +10205,7 @@ var Of = {
 					r = n.add({ years: e });
 					break;
 			}
-			r = Ef(r, {
+			r = Af(r, {
 				min: i.min,
 				max: i.max
 			}), x.value = r;
@@ -10203,7 +10269,7 @@ var Of = {
 		}), (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", Of)) : 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", Mf)) : 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", {
@@ -10215,10 +10281,10 @@ var Of = {
 			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", Af, P(n.monthName), 1), s("span", jf, 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", Pf, P(n.monthName), 1), s("span", Ff, 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", Mf, 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", If, 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,
@@ -10235,12 +10301,12 @@ var Of = {
 			"aria-selected": r.isSelected,
 			"aria-current": r.isToday ? "date" : void 0,
 			onClick: (e) => ae(r.date)
-		}, P(r.day), 11, Nf)], 64))), 128))], 2)], 8, kf))), 128))])), [[L(Fs), {
+		}, P(r.day), 11, Lf)], 64))), 128))], 2)], 8, Nf))), 128))])), [[L(Fs), {
 			overflowX: "hidden",
 			autoHide: "leave"
 		}]])], 2)], 32));
 	}
-}), [["__scopeId", "data-v-e9dd37f6"]]), zf = { class: "coar-month-list-host" }, Bf = { class: "coar-month-list" }, Vf = { class: "coar-month-list__year-stepper" }, Hf = ["disabled", "aria-label"], Uf = { class: "coar-month-list__year" }, Wf = ["disabled", "aria-label"], Gf = ["aria-label"], Kf = ["aria-selected", "onClick"], qf = /* @__PURE__ */ X(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-e9dd37f6"]]), Uf = { class: "coar-month-list-host" }, Wf = { class: "coar-month-list" }, Gf = { class: "coar-month-list__year-stepper" }, Kf = ["disabled", "aria-label"], qf = { class: "coar-month-list__year" }, Jf = ["disabled", "aria-label"], Yf = ["aria-label"], Xf = ["aria-selected", "onClick"], Zf = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarMonthList",
 	props: /* @__PURE__ */ g({
 		locale: { default: void 0 },
@@ -10297,7 +10363,7 @@ var Of = {
 			v(() => E());
 		}), C(() => {
 			setTimeout(() => E(), 50);
-		}), (t, n) => (w(), o("div", zf, [s("div", Bf, [s("div", Vf, [
+		}), (t, n) => (w(), o("div", Uf, [s("div", Wf, [s("div", Gf, [
 			s("button", {
 				type: "button",
 				class: "coar-month-list__year-btn",
@@ -10307,8 +10373,8 @@ var Of = {
 			}, [u(Z, {
 				name: "chevron-left",
 				size: "s"
-			})], 8, Hf),
-			s("span", Uf, P(p.value), 1),
+			})], 8, Kf),
+			s("span", qf, P(p.value), 1),
 			s("button", {
 				type: "button",
 				class: "coar-month-list__year-btn",
@@ -10318,7 +10384,7 @@ var Of = {
 			}, [u(Z, {
 				name: "chevron-right",
 				size: "s"
-			})], 8, Wf)
+			})], 8, Jf)
 		]), K((w(), o("div", {
 			ref_key: "monthsContainerRef",
 			ref: T,
@@ -10332,29 +10398,29 @@ var Of = {
 			role: "option",
 			"aria-selected": e.isActive,
 			onClick: (t) => S(e.yearMonth)
-		}, P(e.name), 11, Kf))), 128))], 8, Gf)), [[L(Fs), {
+		}, P(e.name), 11, Xf))), 128))], 8, Yf)), [[L(Fs), {
 			overflowX: "hidden",
 			autoHide: "leave"
 		}]])])]));
 	}
-}), [["__scopeId", "data-v-11c8cf34"]]), Jf = {
+}), [["__scopeId", "data-v-11c8cf34"]]), Qf = {
 	pattern: "dd.mm.yyyy",
 	firstDayOfWeek: 1
 };
-function Yf(e) {
+function $f(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;
-		if (n?.date) return {
+		if (n?.date && n.date.pattern !== "yyyy/mm/dd") return {
 			pattern: n.date.pattern,
 			firstDayOfWeek: n.date.firstDayOfWeek === 0 ? 7 : n.date.firstDayOfWeek
 		};
-		let r = vf(i.value), a = yf(i.value);
+		let r = Sf(i.value), a = Cf(i.value);
 		return r ? {
 			pattern: r,
 			firstDayOfWeek: a
 		} : {
-			...Jf,
+			...Qf,
 			firstDayOfWeek: a
 		};
 	}), o = r(() => {
@@ -10383,10 +10449,10 @@ function Yf(e) {
 }
 //#endregion
 //#region src/components/date-time/_shared/types.ts
-var Xf = {
+var ep = {
 	use24Hour: "auto",
 	minuteStep: 5
-}, Zf = {
+}, tp = {
 	"dd.mm.yyyy": "dd/mm/yyyy",
 	"dd/mm/yyyy": "dd/mm/yyyy",
 	"mm/dd/yyyy": "mm/dd/yyyy",
@@ -10394,28 +10460,28 @@ var Xf = {
 };
 //#endregion
 //#region src/components/date-time/_shared/maskito-config.ts
-function Qf(e) {
+function np(e) {
 	return ae({
-		mode: Zf[e],
-		separator: bf(e)
+		mode: tp[e],
+		separator: wf(e)
 	});
 }
-function $f(e, t) {
+function rp(e, t) {
 	return oe({
-		dateMode: Zf[e],
-		dateSeparator: bf(e),
+		dateMode: tp[e],
+		dateSeparator: wf(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 ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["aria-label"], np = { class: "coar-plain-date-picker-side-column" }, rp = { class: "coar-plain-date-picker-year-stepper" }, ip = ["disabled", "aria-label"], ap = { class: "coar-plain-date-picker-year" }, op = ["disabled", "aria-label"], sp = { class: "coar-plain-date-picker-month-list-wrapper" }, cp = ["aria-label"], lp = { class: "coar-plain-date-picker-month-list-content" }, up = ["aria-selected", "onClick"], dp = {
+var ip = { class: "coar-plain-date-picker-calendar-column" }, ap = ["aria-label"], op = { class: "coar-plain-date-picker-side-column" }, sp = { class: "coar-plain-date-picker-year-stepper" }, cp = ["disabled", "aria-label"], lp = { class: "coar-plain-date-picker-year" }, up = ["disabled", "aria-label"], dp = { class: "coar-plain-date-picker-month-list-wrapper" }, fp = ["aria-label"], pp = { class: "coar-plain-date-picker-month-list-content" }, mp = ["aria-selected", "onClick"], hp = {
 	key: 0,
 	class: "coar-plain-date-picker-events"
-}, fp = { class: "coar-plain-date-picker-events-list" }, pp = { class: "coar-plain-date-picker-events-content" }, mp = { class: "coar-plain-date-picker-event-details" }, hp = { class: "coar-plain-date-picker-event-text" }, gp = {
+}, gp = { class: "coar-plain-date-picker-events-list" }, _p = { class: "coar-plain-date-picker-events-content" }, vp = { class: "coar-plain-date-picker-event-details" }, yp = { class: "coar-plain-date-picker-event-text" }, bp = {
 	key: 0,
 	class: "coar-plain-date-picker-event-dates"
-}, _p = /* @__PURE__ */ d({
+}, xp = /* @__PURE__ */ d({
 	__name: "CoarPlainDatePickerPanel",
 	props: {
 		modelValue: {},
@@ -10458,7 +10524,7 @@ var ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["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", ep, [u(Rf, {
+		return (n, r) => (w(), o("div", { class: y(["coar-plain-date-picker-panel", { "coar-plain-date-picker-panel--with-weeks": t.showWeekNumbers }]) }, [s("div", ip, [u(Hf, {
 			"model-value": t.modelValue,
 			"active-month": t.activeMonth,
 			min: t.min ?? void 0,
@@ -10491,8 +10557,8 @@ var ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["aria-label"
 		}, [u(Z, {
 			name: h.value === "up" ? "chevron-up" : "chevron-down",
 			size: "xs"
-		}, null, 8, ["name"])], 8, tp)) : a("", !0)]), s("div", np, [
-			s("div", rp, [
+		}, null, 8, ["name"])], 8, ap)) : a("", !0)]), s("div", op, [
+			s("div", sp, [
 				s("button", {
 					type: "button",
 					class: "coar-plain-date-picker-year-btn",
@@ -10502,8 +10568,8 @@ var ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["aria-label"
 				}, [u(Z, {
 					name: "chevron-left",
 					size: "s"
-				})], 8, ip),
-				s("span", ap, P(c.value), 1),
+				})], 8, cp),
+				s("span", lp, P(c.value), 1),
 				s("button", {
 					type: "button",
 					class: "coar-plain-date-picker-year-btn",
@@ -10513,31 +10579,31 @@ var ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["aria-label"
 				}, [u(Z, {
 					name: "chevron-right",
 					size: "s"
-				})], 8, op)
+				})], 8, up)
 			]),
-			s("div", sp, [s("div", {
+			s("div", dp, [s("div", {
 				class: "coar-plain-date-picker-month-list",
 				role: "listbox",
 				"aria-label": L(i)("coar.ui.datePicker.months", void 0, "Months")
-			}, [s("div", lp, [(w(!0), o(e, null, k(p.value, (e) => (w(), o("button", {
+			}, [s("div", pp, [(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, up))), 128))])], 8, cp)]),
-			_.value.length > 0 ? (w(), o("div", dp, [s("div", fp, [s("div", pp, [(w(!0), o(e, null, k(_.value, (e) => (w(), o("div", {
+			}, P(e.name), 11, mp))), 128))])], 8, fp)]),
+			_.value.length > 0 ? (w(), o("div", hp, [s("div", gp, [s("div", _p, [(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", mp, [s("span", hp, P(e.description), 1), e.endDate && !e.startDate.equals(e.endDate) ? (w(), o("span", gp, 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", vp, [s("span", yp, P(e.description), 1), e.endDate && !e.startDate.equals(e.endDate) ? (w(), o("span", bp, P(e.startDate.day) + "/" + P(e.startDate.month) + " – " + P(e.endDate.day) + "/" + P(e.endDate.month), 1)) : a("", !0)])]))), 128))])])])) : a("", !0)
 		])], 2));
 	}
-}), vp = {
+}), Sp = {
 	key: 0,
 	class: "coar-plain-date-picker-required",
 	"aria-hidden": "true"
-}, yp = ["aria-expanded", "aria-controls"], bp = ["aria-label"], xp = [
+}, Cp = ["aria-expanded", "aria-controls"], wp = ["aria-label"], Tp = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -10545,7 +10611,7 @@ var ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["aria-label"
 	"aria-labelledby",
 	"aria-invalid",
 	"aria-describedby"
-], Sp = ["aria-label", "disabled"], Cp = ["title"], wp = /* @__PURE__ */ X(/* @__PURE__ */ d({
+], Ep = ["aria-label", "disabled"], Dp = ["title"], Op = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarPlainDatePicker",
 	props: /* @__PURE__ */ g({
 		label: { default: "" },
@@ -10596,17 +10662,17 @@ var ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["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 = Yf({
+		let n = e, i = z(e, "modelValue"), c = t, { t: d } = q(), f = $f({
 			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 = Qf(f.effectiveDateFormat.value.pattern);
+			let e = np(f.effectiveDateFormat.value.pattern);
 			j = new ie(D.value, e);
 		}
 		U(i, (e) => {
-			e ? A.value = Sf(e, f.effectiveDateFormat.value.pattern) : A.value = "";
+			e ? A.value = Ef(e, f.effectiveDateFormat.value.pattern) : A.value = "";
 		}, { immediate: !0 }), U([D, () => f.effectiveDateFormat.value], () => {
 			v(() => M());
 		}), S(() => {
@@ -10682,7 +10748,7 @@ var ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["aria-label"
 				},
 				content: {
 					kind: "component",
-					component: h(_p)
+					component: h(xp)
 				},
 				inputs: t
 			}), f.open(), c("opened"), k.afterClosed.then(() => {
@@ -10707,7 +10773,7 @@ var ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["aria-label"
 		function ne(e) {
 			let t = e.target;
 			A.value = t.value;
-			let r = Cf(t.value, f.effectiveDateFormat.value.pattern, {
+			let r = Df(t.value, f.effectiveDateFormat.value.pattern, {
 				min: n.min,
 				max: n.max
 			});
@@ -10715,10 +10781,10 @@ var ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["aria-label"
 		}
 		function re() {
 			let e = A.value;
-			!Cf(e, f.effectiveDateFormat.value.pattern, {
+			!Df(e, f.effectiveDateFormat.value.pattern, {
 				min: n.min,
 				max: n.max
-			}) && e.length > 0 && (i.value ? A.value = Sf(i.value, f.effectiveDateFormat.value.pattern) : A.value = "");
+			}) && e.length > 0 && (i.value ? A.value = Ef(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,
@@ -10730,7 +10796,7 @@ var ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["aria-label"
 				key: 0,
 				id: g,
 				class: "coar-plain-date-picker-label"
-			}, [l(P(e.label) + " ", 1), e.required ? (w(), o("span", vp, "*")) : a("", !0)])) : a("", !0),
+			}, [l(P(e.label) + " ", 1), e.required ? (w(), o("span", Sp, "*")) : a("", !0)])) : a("", !0),
 			s("div", {
 				ref_key: "triggerRef",
 				ref: T,
@@ -10754,7 +10820,7 @@ var ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["aria-label"
 				}, [u(Z, {
 					name: "x",
 					size: "auto"
-				})], 10, bp),
+				})], 10, wp),
 				s("input", {
 					id: _,
 					ref_key: "dateInputRef",
@@ -10772,7 +10838,7 @@ var ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["aria-label"
 					onInput: ne,
 					onBlur: re,
 					onKeydown: te
-				}, null, 40, xp),
+				}, null, 40, Tp),
 				s("button", {
 					type: "button",
 					class: "coar-plain-date-picker-btn",
@@ -10783,23 +10849,23 @@ var ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["aria-label"
 				}, [u(Z, {
 					name: "calendar",
 					size: "s"
-				})], 8, Sp)
-			], 10, yp),
+				})], 8, Ep)
+			], 10, Cp),
 			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, Cp)) : a("", !0)
+			}, P(F.value), 11, Dp)) : a("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-49bcfd20"]]), Tp = { class: "coar-pdtp-calendar-column" }, Ep = ["aria-label"], Dp = { class: "coar-pdtp-side-column" }, Op = { class: "coar-pdtp-year-stepper" }, kp = ["disabled", "aria-label"], Ap = { class: "coar-pdtp-year" }, jp = ["disabled", "aria-label"], Mp = { class: "coar-pdtp-month-list-wrapper" }, Np = ["aria-label"], Pp = { class: "coar-pdtp-month-list-content" }, Fp = ["aria-selected", "onClick"], Ip = { class: "coar-pdtp-time-section" }, Lp = {
+}), [["__scopeId", "data-v-2c8a34e4"]]), kp = { class: "coar-pdtp-calendar-column" }, Ap = ["aria-label"], jp = { class: "coar-pdtp-side-column" }, Mp = { class: "coar-pdtp-year-stepper" }, Np = ["disabled", "aria-label"], Pp = { class: "coar-pdtp-year" }, Fp = ["disabled", "aria-label"], Ip = { class: "coar-pdtp-month-list-wrapper" }, Lp = ["aria-label"], Rp = { class: "coar-pdtp-month-list-content" }, zp = ["aria-selected", "onClick"], Bp = { class: "coar-pdtp-time-section" }, Vp = {
 	key: 0,
 	class: "coar-pdtp-events"
-}, Rp = { class: "coar-pdtp-events-list" }, zp = { class: "coar-pdtp-events-content" }, Bp = { class: "coar-pdtp-event-details" }, Vp = { class: "coar-pdtp-event-text" }, Hp = {
+}, Hp = { class: "coar-pdtp-events-list" }, Up = { class: "coar-pdtp-events-content" }, Wp = { class: "coar-pdtp-event-details" }, Gp = { class: "coar-pdtp-event-text" }, Kp = {
 	key: 0,
 	class: "coar-pdtp-event-dates"
-}, Up = /* @__PURE__ */ d({
+}, qp = /* @__PURE__ */ d({
 	__name: "CoarPlainDateTimePickerPanel",
 	props: {
 		modelValue: {},
@@ -10850,7 +10916,7 @@ var ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["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", Tp, [u(Rf, {
+		return (n, r) => (w(), o("div", { class: y(["coar-pdtp-panel", { "coar-pdtp-panel--with-weeks": t.showWeekNumbers }]) }, [s("div", kp, [u(Hf, {
 			"model-value": t.modelValue,
 			"active-month": t.activeMonth,
 			min: t.min ?? void 0,
@@ -10883,8 +10949,8 @@ var ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["aria-label"
 		}, [u(Z, {
 			name: h.value === "up" ? "chevron-up" : "chevron-down",
 			size: "xs"
-		}, null, 8, ["name"])], 8, Ep)) : a("", !0)]), s("div", Dp, [
-			s("div", Op, [
+		}, null, 8, ["name"])], 8, Ap)) : a("", !0)]), s("div", jp, [
+			s("div", Mp, [
 				s("button", {
 					type: "button",
 					class: "coar-pdtp-year-btn",
@@ -10894,8 +10960,8 @@ var ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["aria-label"
 				}, [u(Z, {
 					name: "chevron-left",
 					size: "s"
-				})], 8, kp),
-				s("span", Ap, P(c.value), 1),
+				})], 8, Np),
+				s("span", Pp, P(c.value), 1),
 				s("button", {
 					type: "button",
 					class: "coar-pdtp-year-btn",
@@ -10905,21 +10971,21 @@ var ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["aria-label"
 				}, [u(Z, {
 					name: "chevron-right",
 					size: "s"
-				})], 8, jp)
+				})], 8, Fp)
 			]),
-			s("div", Mp, [s("div", {
+			s("div", Ip, [s("div", {
 				class: "coar-pdtp-month-list",
 				role: "listbox",
 				"aria-label": L(i)("coar.ui.datePicker.months", void 0, "Months")
-			}, [s("div", Pp, [(w(!0), o(e, null, k(p.value, (e) => (w(), o("button", {
+			}, [s("div", Rp, [(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, Fp))), 128))])], 8, Np)]),
-			s("div", Ip, [u(_f, {
+			}, P(e.name), 11, zp))), 128))])], 8, Lp)]),
+			s("div", Bp, [u(xf, {
 				"model-value": t.selectedTime,
 				"use24-hour": t.use24Hour,
 				"minute-step": t.minuteStep,
@@ -10941,17 +11007,17 @@ var ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["aria-label"
 				"max-time",
 				"onUpdate:modelValue"
 			])]),
-			_.value.length > 0 ? (w(), o("div", Lp, [s("div", Rp, [s("div", zp, [(w(!0), o(e, null, k(_.value, (e) => (w(), o("div", {
+			_.value.length > 0 ? (w(), o("div", Vp, [s("div", Hp, [s("div", Up, [(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", Bp, [s("span", Vp, P(e.description), 1), e.endDate && !e.startDate.equals(e.endDate) ? (w(), o("span", Hp, 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", Wp, [s("span", Gp, P(e.description), 1), e.endDate && !e.startDate.equals(e.endDate) ? (w(), o("span", Kp, P(e.startDate.day) + "/" + P(e.startDate.month) + " – " + P(e.endDate.day) + "/" + P(e.endDate.month), 1)) : a("", !0)])]))), 128))])])])) : a("", !0)
 		])], 2));
 	}
-}), Wp = {
+}), Jp = {
 	key: 0,
 	class: "coar-pdtp-required",
 	"aria-hidden": "true"
-}, Gp = ["aria-expanded", "aria-controls"], Kp = ["aria-label"], qp = [
+}, Yp = ["aria-expanded", "aria-controls"], Xp = ["aria-label"], Zp = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -10959,7 +11025,7 @@ var ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["aria-label"
 	"aria-labelledby",
 	"aria-invalid",
 	"aria-describedby"
-], Jp = ["aria-label", "disabled"], Yp = ["title"], Xp = /* @__PURE__ */ X(/* @__PURE__ */ d({
+], Qp = ["aria-label", "disabled"], $p = ["title"], em = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarPlainDateTimePicker",
 	props: /* @__PURE__ */ g({
 		label: { default: "" },
@@ -11015,17 +11081,17 @@ var ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["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 = Yf({
+		let n = e, i = z(e, "modelValue"), c = t, { t: d } = q(), f = $f({
 			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 : !Yd(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 : !$d(f.effectiveLocale.value)), N;
 		function F() {
 			if (N?.destroy(), !k.value) return;
-			let e = $f(f.effectiveDateFormat.value.pattern, !M.value);
+			let e = rp(f.effectiveDateFormat.value.pattern, !M.value);
 			N = new ie(k.value, e);
 		}
 		function I(e) {
-			return `${Sf(e.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${Xd(e.hour, e.minute, M.value)}`;
+			return `${Ef(e.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${ef(e.hour, e.minute, M.value)}`;
 		}
 		U(i, (e) => {
 			j.value = e ? I(e) : "";
@@ -11077,7 +11143,7 @@ var ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["aria-label"
 				onDateSelected: (e) => {
 					let t = K.value ?? n.defaultTime, r = e.toPlainDateTime({
 						hour: t.hours,
-						minute: nf(t.minutes, n.minuteStep)
+						minute: sf(t.minutes, n.minuteStep)
 					});
 					r = se(r), i.value = r;
 				},
@@ -11154,7 +11220,7 @@ var ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["aria-label"
 				},
 				content: {
 					kind: "component",
-					component: h(Up)
+					component: h(qp)
 				},
 				inputs: t
 			}), f.open(), c("opened"), A.afterClosed.then(() => {
@@ -11190,12 +11256,12 @@ var ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["aria-label"
 			if (!e) return null;
 			let t = e.split(" ");
 			if (t.length < 2) return null;
-			let n = Cf(t[0], f.effectiveDateFormat.value.pattern, {
+			let n = Df(t[0], f.effectiveDateFormat.value.pattern, {
 				min: ee.value,
 				max: te.value
 			});
 			if (!n) return null;
-			let r = Zd(t.slice(1).join(" "));
+			let r = tf(t.slice(1).join(" "));
 			return r ? n.toPlainDateTime({
 				hour: r.hours,
 				minute: r.minutes
@@ -11211,7 +11277,7 @@ var ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["aria-label"
 				key: 0,
 				id: _,
 				class: "coar-pdtp-label"
-			}, [l(P(e.label) + " ", 1), e.required ? (w(), o("span", Wp, "*")) : a("", !0)])) : a("", !0),
+			}, [l(P(e.label) + " ", 1), e.required ? (w(), o("span", Jp, "*")) : a("", !0)])) : a("", !0),
 			s("div", {
 				ref_key: "triggerRef",
 				ref: D,
@@ -11235,7 +11301,7 @@ var ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["aria-label"
 				}, [u(Z, {
 					name: "x",
 					size: "auto"
-				})], 10, Kp),
+				})], 10, Xp),
 				s("input", {
 					id: b,
 					ref_key: "dateInputRef",
@@ -11253,7 +11319,7 @@ var ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["aria-label"
 					onInput: pe,
 					onBlur: me,
 					onKeydown: de
-				}, null, 40, qp),
+				}, null, 40, Zp),
 				s("button", {
 					type: "button",
 					class: "coar-pdtp-btn",
@@ -11264,32 +11330,32 @@ var ep = { class: "coar-plain-date-picker-calendar-column" }, tp = ["aria-label"
 				}, [u(Z, {
 					name: "calendar",
 					size: "s"
-				})], 8, Jp)
-			], 10, Gp),
+				})], 8, Qp)
+			], 10, Yp),
 			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, Yp)) : a("", !0)
+			}, P(B.value), 11, $p)) : a("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-a4951fe2"]]);
+}), [["__scopeId", "data-v-55dfa9b2"]]);
 //#endregion
 //#region src/components/date-time/_shared/timezone-helpers.ts
-function Zp() {
+function tm() {
 	try {
 		return ["UTC", ...Intl.supportedValuesOf("timeZone")];
 	} catch {
 		return ["UTC"];
 	}
 }
-function Qp(e, t) {
+function nm(e, t) {
 	let n = t ?? Y.Now.instant();
 	try {
 		let t = n.toZonedDateTimeISO(e).offsetNanoseconds, r = Math.round(t / 6e10);
 		return {
-			offset: $p(r),
+			offset: rm(r),
 			offsetMinutes: r
 		};
 	} catch {
@@ -11299,21 +11365,21 @@ function Qp(e, t) {
 		};
 	}
 }
-function $p(e) {
+function rm(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 em(e) {
+function im(e) {
 	if (e === "UTC") return "UTC";
 	let t = e.split("/");
 	return t[t.length - 1].replace(/_/g, " ");
 }
-function tm(e, t) {
-	let n = em(e), { offset: r } = Qp(e, t);
+function am(e, t) {
+	let n = im(e), { offset: r } = nm(e, t);
 	return `${n} (${r})`;
 }
-function nm(e, t) {
+function om(e, t) {
 	if (!t || t.length === 0) return e;
 	let n = t.map((e) => {
 		let t = e.replace(/[.+?^${}()|[\]\\]/g, "\\$&").replace(/\*/g, ".*");
@@ -11321,19 +11387,19 @@ function nm(e, t) {
 	});
 	return e.filter((e) => n.some((t) => t.test(e)));
 }
-function rm(e, t) {
-	let { offset: n, offsetMinutes: r } = Qp(e, t);
+function sm(e, t) {
+	let { offset: n, offsetMinutes: r } = nm(e, t);
 	return {
 		id: e,
-		city: em(e),
+		city: im(e),
 		offset: n,
 		offsetMinutes: r
 	};
 }
-function im(e, t, n) {
+function cm(e, t, n) {
 	let r = t?.trim().toLowerCase(), i = /* @__PURE__ */ new Map();
 	for (let t of e) {
-		let e = rm(t, n);
+		let e = sm(t, n);
 		if (r && r.length > 0) {
 			let n = e.city.toLowerCase().includes(r), i = t.toLowerCase().includes(r);
 			if (!n && !i) continue;
@@ -11353,25 +11419,25 @@ function im(e, t, n) {
 }
 //#endregion
 //#region src/components/date-time/zoned-date-time-picker/CoarZonedDateTimePickerPanel.vue?vue&type=script&setup=true&lang.ts
-var am = { class: "coar-zdtp-body" }, om = { class: "coar-zdtp-calendar-column" }, sm = ["aria-label"], cm = { class: "coar-zdtp-side-column" }, lm = {
+var lm = { class: "coar-zdtp-body" }, um = { class: "coar-zdtp-calendar-column" }, dm = ["aria-label"], fm = { class: "coar-zdtp-side-column" }, pm = {
 	key: 0,
 	class: "coar-zdtp-side-header"
-}, um = ["disabled", "aria-label"], dm = { class: "coar-zdtp-year" }, fm = ["disabled", "aria-label"], pm = {
+}, mm = ["disabled", "aria-label"], hm = { class: "coar-zdtp-year" }, gm = ["disabled", "aria-label"], _m = {
 	key: 1,
 	class: "coar-zdtp-side-header coar-zdtp-side-header--search"
-}, mm = ["placeholder", "onKeydown"], hm = ["aria-label"], gm = { class: "coar-zdtp-tz-group-header" }, _m = ["onClick"], vm = { class: "coar-zdtp-tz-picker-item-city" }, ym = { class: "coar-zdtp-tz-picker-item-offset" }, bm = ["aria-label"], xm = ["aria-selected", "onClick"], Sm = { class: "coar-zdtp-time-section" }, Cm = { class: "coar-zdtp-display-tz-label" }, wm = { class: "coar-zdtp-display-tz-btn-label" }, Tm = {
+}, vm = ["placeholder", "onKeydown"], ym = ["aria-label"], bm = { class: "coar-zdtp-tz-group-header" }, xm = ["onClick"], Sm = { class: "coar-zdtp-tz-picker-item-city" }, Cm = { class: "coar-zdtp-tz-picker-item-offset" }, wm = ["aria-label"], Tm = ["aria-selected", "onClick"], Em = { class: "coar-zdtp-time-section" }, Dm = { class: "coar-zdtp-display-tz-label" }, Om = { class: "coar-zdtp-display-tz-btn-label" }, km = {
 	key: 0,
 	class: "coar-zdtp-events"
-}, Em = {
+}, Am = {
 	key: 0,
 	class: "coar-zdtp-footer-placeholder"
-}, Dm = {
+}, jm = {
 	key: 1,
 	class: "coar-zdtp-footer-edit"
-}, Om = ["aria-label"], km = {
+}, Mm = ["aria-label"], Nm = {
 	key: 2,
 	class: "coar-zdtp-footer-display"
-}, Am = { class: "coar-zdtp-footer-tz-name" }, jm = { class: "coar-zdtp-footer-tz-value" }, Mm = ["aria-label"], Nm = /* @__PURE__ */ d({
+}, Pm = { class: "coar-zdtp-footer-tz-name" }, Fm = { class: "coar-zdtp-footer-tz-value" }, Im = ["aria-label"], Lm = /* @__PURE__ */ d({
 	__name: "CoarZonedDateTimePickerPanel",
 	props: {
 		modelValue: {},
@@ -11429,9 +11495,9 @@ var am = { class: "coar-zdtp-body" }, om = { 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(() => nm(n.allTimezones, n.timezoneFilter)), D = r(() => im(E.value, d.value)), A = r(() => E.value.map((e) => ({
+		}), E = r(() => om(n.allTimezones, n.timezoneFilter)), D = r(() => cm(E.value, d.value)), A = r(() => E.value.map((e) => ({
 			value: e,
-			label: tm(e)
+			label: am(e)
 		})));
 		function j() {
 			c.value = !0, d.value = "", v(() => {
@@ -11458,7 +11524,7 @@ var am = { class: "coar-zdtp-body" }, om = { 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", am, [s("div", om, [u(Rf, {
+		return (n, r) => (w(), o("div", { class: y(["coar-zdtp-panel", { "coar-zdtp-panel--with-weeks": t.showWeekNumbers }]) }, [s("div", lm, [s("div", um, [u(Hf, {
 			"model-value": t.modelValue,
 			"active-month": t.activeMonth,
 			min: t.min ?? void 0,
@@ -11491,8 +11557,8 @@ var am = { class: "coar-zdtp-body" }, om = { class: "coar-zdtp-calendar-column"
 		}, [u(Z, {
 			name: S.value === "up" ? "chevron-up" : "chevron-down",
 			size: "xs"
-		}, null, 8, ["name"])], 8, sm)) : a("", !0)]), s("div", cm, [
-			c.value ? (w(), o("div", pm, [K(s("input", {
+		}, null, 8, ["name"])], 8, dm)) : a("", !0)]), s("div", fm, [
+			c.value ? (w(), o("div", _m, [K(s("input", {
 				ref_key: "tzSearchInputRef",
 				ref: f,
 				"onUpdate:modelValue": r[3] ||= (e) => d.value = e,
@@ -11500,7 +11566,7 @@ var am = { class: "coar-zdtp-body" }, om = { 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, mm), [[H, d.value]]), s("button", {
+			}, null, 40, vm), [[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"),
@@ -11508,7 +11574,7 @@ var am = { class: "coar-zdtp-body" }, om = { class: "coar-zdtp-calendar-column"
 			}, [u(Z, {
 				name: "x",
 				size: "xs"
-			})], 8, hm)])) : (w(), o("div", lm, [
+			})], 8, ym)])) : (w(), o("div", pm, [
 				s("button", {
 					type: "button",
 					class: "coar-zdtp-year-btn",
@@ -11518,8 +11584,8 @@ var am = { class: "coar-zdtp-body" }, om = { class: "coar-zdtp-calendar-column"
 				}, [u(Z, {
 					name: "chevron-left",
 					size: "s"
-				})], 8, um),
-				s("span", dm, P(m.value), 1),
+				})], 8, mm),
+				s("span", hm, P(m.value), 1),
 				s("button", {
 					type: "button",
 					class: "coar-zdtp-year-btn",
@@ -11529,7 +11595,7 @@ var am = { class: "coar-zdtp-body" }, om = { class: "coar-zdtp-calendar-column"
 				}, [u(Z, {
 					name: "chevron-right",
 					size: "s"
-				})], 8, fm)
+				})], 8, gm)
 			])),
 			c.value ? K((w(), o("div", {
 				key: 2,
@@ -11539,12 +11605,12 @@ var am = { class: "coar-zdtp-body" }, om = { 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", gm, P(n.name), 1), (w(!0), o(e, null, k(n.items, (e) => (w(), o("button", {
+			}, [s("div", bm, 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", vm, P(e.city), 1), s("span", ym, P(e.offset), 1)], 10, _m))), 128))]))), 128))])), [[L(Fs), {
+			}, [s("span", Sm, P(e.city), 1), s("span", Cm, P(e.offset), 1)], 10, xm))), 128))]))), 128))])), [[L(Fs), {
 				overflowX: "hidden",
 				autoHide: "leave"
 			}]]) : a("", !0),
@@ -11560,8 +11626,8 @@ var am = { class: "coar-zdtp-body" }, om = { class: "coar-zdtp-calendar-column"
 					role: "option",
 					"aria-selected": e.isActive,
 					onClick: (n) => t.onSelectMonth(e.yearMonth)
-				}, P(e.name), 11, xm))), 128))], 8, bm),
-				s("div", Sm, [u(_f, {
+				}, P(e.name), 11, Tm))), 128))], 8, wm),
+				s("div", Em, [u(xf, {
 					"model-value": t.selectedTime ?? void 0,
 					"use24-hour": t.use24Hour,
 					"minute-step": t.minuteStep,
@@ -11577,16 +11643,16 @@ var am = { class: "coar-zdtp-body" }, om = { class: "coar-zdtp-calendar-column"
 					"max",
 					"onUpdate:modelValue"
 				])]),
-				s("div", Cm, P(L(i)("coar.ui.zonedDateTimePicker.displayTimezone", void 0, "Display Timezone")), 1),
+				s("div", Dm, 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", wm, P(L(tm)(t.effectiveDisplayTimeZone)), 1), u(Z, {
+				}, [s("span", Om, P(L(am)(t.effectiveDisplayTimeZone)), 1), u(Z, {
 					name: "chevron-down",
 					size: "xs"
 				})]),
-				T.value.length > 0 ? K((w(), o("div", Tm, [(w(!0), o(e, null, k(T.value, (e, t) => (w(), o("div", {
+				T.value.length > 0 ? K((w(), o("div", km, [(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(Fs), {
@@ -11594,7 +11660,7 @@ var am = { class: "coar-zdtp-body" }, om = { 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", Dm, [u(Js, {
+		])]), s("div", { class: y(["coar-zdtp-footer", { "coar-zdtp-footer--differs": t.timeZonesDiffer }]) }, [t.hasValue ? l.value ? (w(), o("div", jm, [u(Js, {
 			"model-value": t.valueTimeZone,
 			options: A.value,
 			appearance: "inline",
@@ -11602,7 +11668,9 @@ var am = { class: "coar-zdtp-body" }, om = { class: "coar-zdtp-calendar-column"
 			searchable: "",
 			"search-placeholder": L(i)("coar.ui.zonedDateTimePicker.searchTimezone", void 0, "Search timezone..."),
 			class: "coar-zdtp-footer-tz-select",
-			"onUpdate:modelValue": r[4] ||= (e) => I(e)
+			"onUpdate:modelValue": r[4] ||= (e) => {
+				e !== null && I(e);
+			}
 		}, null, 8, [
 			"model-value",
 			"options",
@@ -11615,14 +11683,14 @@ var am = { class: "coar-zdtp-body" }, om = { class: "coar-zdtp-calendar-column"
 		}, [u(Z, {
 			name: "x",
 			size: "xs"
-		})], 8, Om)])) : (w(), o("div", km, [
+		})], 8, Mm)])) : (w(), o("div", Nm, [
 			u(Z, {
 				name: "map-pin",
 				size: "xs",
 				class: "coar-zdtp-footer-icon"
 			}),
-			s("span", Am, P(t.valueTimeZoneLabel), 1),
-			s("span", jm, P(t.formatValueInValueTz), 1),
+			s("span", Pm, P(t.valueTimeZoneLabel), 1),
+			s("span", Fm, P(t.formatValueInValueTz), 1),
 			s("button", {
 				type: "button",
 				class: "coar-zdtp-footer-lock",
@@ -11631,28 +11699,28 @@ var am = { class: "coar-zdtp-body" }, om = { class: "coar-zdtp-calendar-column"
 			}, [u(Z, {
 				name: "settings",
 				size: "xs"
-			})], 8, Mm)
-		])) : (w(), o("span", Em, [u(Z, {
+			})], 8, Im)
+		])) : (w(), o("span", Am, [u(Z, {
 			name: "map-pin",
 			size: "xs"
 		}), s("span", null, P(L(i)("coar.ui.zonedDateTimePicker.eventTimezone", void 0, "Event timezone")), 1)]))], 2)], 2));
 	}
-}), Pm = {
+}), Rm = {
 	key: 0,
 	class: "coar-zdtp-required",
 	"aria-hidden": "true"
-}, Fm = [
+}, zm = [
 	"aria-expanded",
 	"aria-controls",
 	"aria-labelledby",
 	"aria-invalid"
-], Im = ["aria-label", "disabled"], Lm = [
+], Bm = ["aria-label", "disabled"], Vm = [
 	"placeholder",
 	"value",
 	"disabled",
 	"readonly",
 	"aria-describedby"
-], Rm = ["title"], zm = ["aria-label", "disabled"], Bm = ["disabled", "aria-label"], Vm = /* @__PURE__ */ X(/* @__PURE__ */ d({
+], Hm = ["title"], Um = ["aria-label", "disabled"], Wm = ["disabled", "aria-label"], Gm = /* @__PURE__ */ X(/* @__PURE__ */ d({
 	__name: "CoarZonedDateTimePicker",
 	props: /* @__PURE__ */ g({
 		label: { default: "" },
@@ -11710,34 +11778,34 @@ var am = { class: "coar-zdtp-body" }, om = { 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 = Yf({
+		let n = e, i = z(e, "modelValue"), c = t, { t: d } = q(), f = $f({
 			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(() => tm(I.value)), K = r(() => {
+		}), W = r(() => B.value || H.value !== "home"), G = r(() => am(I.value)), K = r(() => {
 			let e = F.value;
-			return e ? tm(e) : "";
-		}), ee = Zp(), J = r(() => n.use24Hour === !0 ? !0 : n.use24Hour === !1 ? !1 : !Yd(f.effectiveLocale.value)), ne;
+			return e ? am(e) : "";
+		}), ee = tm(), J = r(() => n.use24Hour === !0 ? !0 : n.use24Hour === !1 ? !1 : !$d(f.effectiveLocale.value)), ne;
 		function re() {
 			if (ne?.destroy(), !A.value) return;
-			let e = $f(f.effectiveDateFormat.value.pattern, !J.value);
+			let e = rp(f.effectiveDateFormat.value.pattern, !J.value);
 			ne = new ie(A.value, e);
 		}
 		function ae(e) {
 			let t = I.value, n = e.withTimeZone(t);
-			return `${Sf(n.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${Xd(n.hour, n.minute, J.value)}`;
+			return `${Ef(n.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${ef(n.hour, n.minute, J.value)}`;
 		}
 		function oe() {
-			return i.value ? `${Sf(i.value.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${Xd(i.value.hour, i.value.minute, J.value)}` : "";
+			return i.value ? `${Ef(i.value.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${ef(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 = Cf(n, f.effectiveDateFormat.value.pattern);
+			let n = t[0], r = t.slice(1).join(" "), i = Df(n, f.effectiveDateFormat.value.pattern);
 			if (!i) return null;
-			let a = Zd(r);
+			let a = tf(r);
 			if (!a) return null;
 			let o = i.toPlainDateTime({
 				hour: a.hours,
@@ -11813,7 +11881,7 @@ var am = { class: "coar-zdtp-body" }, om = { class: "coar-zdtp-calendar-column"
 				onDateSelected: (e) => {
 					let t = ge.value ?? n.defaultTime, r = e.toPlainDateTime({
 						hour: t.hours,
-						minute: nf(t.minutes, n.minuteStep)
+						minute: sf(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;
 				},
@@ -11904,7 +11972,7 @@ var am = { class: "coar-zdtp-body" }, om = { class: "coar-zdtp-calendar-column"
 				},
 				content: {
 					kind: "component",
-					component: h(Nm)
+					component: h(Lm)
 				},
 				inputs: t
 			}), f.open(), c("opened"), j.afterClosed.then(() => {
@@ -11953,7 +12021,7 @@ var am = { class: "coar-zdtp-body" }, om = { class: "coar-zdtp-calendar-column"
 				id: b,
 				class: "coar-zdtp-label",
 				for: x
-			}, [l(P(e.label) + " ", 1), e.required ? (w(), o("span", Pm, "*")) : a("", !0)])) : a("", !0),
+			}, [l(P(e.label) + " ", 1), e.required ? (w(), o("span", Rm, "*")) : a("", !0)])) : a("", !0),
 			s("div", {
 				ref_key: "triggerRef",
 				ref: k,
@@ -11980,8 +12048,8 @@ var am = { class: "coar-zdtp-body" }, om = { class: "coar-zdtp-calendar-column"
 					onClick: Oe
 				}, [u(Z, {
 					name: "x",
-					size: "xs"
-				})], 10, Im),
+					size: "auto"
+				})], 10, Bm),
 				s("input", {
 					id: x,
 					ref_key: "dateInputRef",
@@ -11996,12 +12064,12 @@ var am = { class: "coar-zdtp-body" }, om = { class: "coar-zdtp-calendar-column"
 					autocomplete: "off",
 					onInput: ke,
 					onBlur: Ae
-				}, null, 40, Lm),
+				}, null, 40, Vm),
 				i.value ? (w(), o("span", {
 					key: 0,
 					class: "coar-zdtp-tz-inline",
 					title: G.value
-				}, P(G.value), 9, Rm)) : a("", !0),
+				}, P(G.value), 9, Hm)) : a("", !0),
 				s("button", {
 					type: "button",
 					class: y(["coar-zdtp-tz-indicator", {
@@ -12015,7 +12083,7 @@ var am = { class: "coar-zdtp-body" }, om = { class: "coar-zdtp-calendar-column"
 				}, [u(Z, {
 					name: Me.value,
 					size: "xs"
-				}, null, 8, ["name"])], 10, zm),
+				}, null, 8, ["name"])], 10, Um),
 				s("button", {
 					type: "button",
 					class: "coar-zdtp-btn",
@@ -12026,8 +12094,8 @@ var am = { class: "coar-zdtp-body" }, om = { class: "coar-zdtp-calendar-column"
 				}, [u(Z, {
 					name: "calendar",
 					size: "s"
-				})], 8, Bm)
-			], 42, Fm),
+				})], 8, Wm)
+			], 42, zm),
 			le.value ? (w(), o("div", {
 				key: 1,
 				id: D,
@@ -12036,6 +12104,6 @@ var am = { class: "coar-zdtp-body" }, om = { class: "coar-zdtp-calendar-column"
 			}, P(le.value), 3)) : a("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-1605cce9"]]);
+}), [["__scopeId", "data-v-c6c2a031"]]);
 //#endregion
-export { Fe as COAR_BUILTIN_ICON_SOURCE_KEY, Zf as COAR_DATE_FORMAT_TO_MASKITO_MODE, Xf as COAR_DEFAULT_TIME_FORMAT, Pe as COAR_ICON_SERVICE_KEY, ze as CORE_ICONS, Bt as CoarAvatar, ct as CoarBadge, nd as CoarBreadcrumb, id as CoarBreadcrumbItem, $e as CoarButton, _t as CoarCard, gn as CoarCheckbox, jt as CoarCodeBlock, Me as CoarCollapse, Uu as CoarContextMenu, Ql as CoarDialogShell, rt as CoarDivider, cl as CoarDualListbox, ke as CoarFade, Oe as CoarFormField, Le as CoarHttpIconSource, Z as CoarIcon, Ie as CoarIconMapSource, tt as CoarIconPlugin, Re as CoarIconService, nl as CoarListbox, yu as CoarMenu, Du as CoarMenuDivider, Ou as CoarMenuHeading, Cu as CoarMenuItem, qf as CoarMonthList, Oc as CoarMultiSelect, Jd as CoarNavbar, lt as CoarNote, un as CoarNumberInput, wl as CoarOverlayHost, dl as CoarOverlayOutlet, or as CoarOverlayPlugin, pd as CoarPagination, en as CoarPasswordInput, wp as CoarPlainDatePicker, Xp as CoarPlainDateTimePicker, jl as CoarPopconfirm, Al as CoarPopconfirmPanel, Wl as CoarPopover, pt as CoarProgressBar, wn as CoarRadioButton, bn as CoarRadioGroup, je as CoarScale, Rf as CoarScrollableCalendar, Js as CoarSelect, wd as CoarSidebar, Ud as CoarSidebarDivider, Bd as CoarSidebarGroup, Hd as CoarSidebarHeading, Od as CoarSidebarItem, Wd as CoarSidebarSpacer, Ae as CoarSlide, at as CoarSpinner, Fu as CoarSubExpand, Vu as CoarSubFlyout, Vu as CoarSubmenuItem, On as CoarSwitch, Gu as CoarTab, $u as CoarTabGroup, Vt as CoarTable, Pt as CoarTag, zc as CoarTagSelect, Yt as CoarTextInput, _f as CoarTimePicker, Cl as CoarToastContainer, xl as CoarToastItem, Vm as CoarZonedDateTimePicker, Ce as FORM_FIELD_INJECTION_KEY, cu as MenuCascade, An as OVERLAY_DEFAULTS, nr as OVERLAY_PARENT_KEY, tr as OVERLAY_SERVICE_KEY, Ne as PRESET_SIZES, _n as RADIO_GROUP_INJECTION_KEY, hd as SIDEBAR_COLLAPSED_KEY, gd as SIDEBAR_ICON_SIZE_KEY, Yn as TOAST_SERVICE_KEY, zn as computeOverlayCoordinates, et as createCoarIconService, Kn as createOverlayService, Qn as createToastService, pr as dialogPreset, Fn as getAnchorRect, Nn as getContainerRect, ar as getOverlayService, Rn as getScrollParents, Is as getScrollbarInstance, er as getToastService, Mn as getViewportRect, fr as hoverMenuPreset, ur as menuPreset, lr as modalPreset, yr as popconfirmPreset, fu as provideMenuCascade, mu as provideMenuClose, jn as resolveOverlaySpec, dr as selectPreset, be as setCoarDragImageFromElement, xe as setCoarDragImageFromHtml, cr as tooltipPreset, Wu as useContextMenu, ru as useDialog, ve as useDragDrop, pu as useMenuCascade, hu as useMenuClose, sr as useOverlay, rr as useOverlayParent, Rl as useToast, le as useVirtualList, Fs as vScrollbar, uc as vTooltip };
+export { Fe as COAR_BUILTIN_ICON_SOURCE_KEY, tp as COAR_DATE_FORMAT_TO_MASKITO_MODE, ep as COAR_DEFAULT_TIME_FORMAT, Pe as COAR_ICON_SERVICE_KEY, ze as CORE_ICONS, Bt as CoarAvatar, ct as CoarBadge, od as CoarBreadcrumb, cd as CoarBreadcrumbItem, $e as CoarButton, _t as CoarCard, gn as CoarCheckbox, jt as CoarCodeBlock, Me as CoarCollapse, Uu as CoarContextMenu, Ql as CoarDialogShell, rt as CoarDivider, cl as CoarDualListbox, ke as CoarFade, Oe as CoarFormField, Le as CoarHttpIconSource, Z as CoarIcon, Ie as CoarIconMapSource, tt as CoarIconPlugin, Re as CoarIconService, nl as CoarListbox, yu as CoarMenu, Du as CoarMenuDivider, Ou as CoarMenuHeading, Cu as CoarMenuItem, Zf as CoarMonthList, Oc as CoarMultiSelect, Qd as CoarNavbar, lt as CoarNote, un as CoarNumberInput, wl as CoarOverlayHost, dl as CoarOverlayOutlet, or as CoarOverlayPlugin, _d as CoarPagination, en as CoarPasswordInput, Op as CoarPlainDatePicker, em as CoarPlainDateTimePicker, jl as CoarPopconfirm, Al as CoarPopconfirmPanel, Wl as CoarPopover, pt as CoarProgressBar, wn as CoarRadioButton, bn as CoarRadioGroup, je as CoarScale, Hf as CoarScrollableCalendar, rd as CoarSegmentedControl, Js as CoarSelect, Od as CoarSidebar, qd as CoarSidebarDivider, Wd as CoarSidebarGroup, Kd as CoarSidebarHeading, Md as CoarSidebarItem, Jd as CoarSidebarSpacer, Ae as CoarSlide, at as CoarSpinner, Fu as CoarSubExpand, Vu as CoarSubFlyout, Vu as CoarSubmenuItem, On as CoarSwitch, Gu as CoarTab, $u as CoarTabGroup, Vt as CoarTable, Pt as CoarTag, zc as CoarTagSelect, Yt as CoarTextInput, xf as CoarTimePicker, Cl as CoarToastContainer, xl as CoarToastItem, Gm as CoarZonedDateTimePicker, Ce as FORM_FIELD_INJECTION_KEY, cu as MenuCascade, An as OVERLAY_DEFAULTS, nr as OVERLAY_PARENT_KEY, tr as OVERLAY_SERVICE_KEY, Ne as PRESET_SIZES, _n as RADIO_GROUP_INJECTION_KEY, yd as SIDEBAR_COLLAPSED_KEY, bd as SIDEBAR_ICON_SIZE_KEY, Yn as TOAST_SERVICE_KEY, zn as computeOverlayCoordinates, et as createCoarIconService, Kn as createOverlayService, Qn as createToastService, pr as dialogPreset, Fn as getAnchorRect, Nn as getContainerRect, ar as getOverlayService, Rn as getScrollParents, Is as getScrollbarInstance, er as getToastService, Mn as getViewportRect, fr as hoverMenuPreset, ur as menuPreset, lr as modalPreset, yr as popconfirmPreset, fu as provideMenuCascade, mu as provideMenuClose, jn as resolveOverlaySpec, dr as selectPreset, be as setCoarDragImageFromElement, xe as setCoarDragImageFromHtml, cr as tooltipPreset, Wu as useContextMenu, ru as useDialog, ve as useDragDrop, pu as useMenuCascade, hu as useMenuClose, sr as useOverlay, rr as useOverlayParent, Rl as useToast, le as useVirtualList, Fs as vScrollbar, uc as vTooltip };