@dpa-id-components/dpa-shared-components 22.0.0-next.5 → 22.0.0-next.6

package/dist/dpa-shared-components.js

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import * as t from "vue";
-import { Fragment as n, Teleport as r, Text as i, Transition as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, createTextVNode as f, createVNode as p, defineAsyncComponent as m, defineComponent as h, getCurrentInstance as g, getCurrentScope as _, guardReactiveProps as v, h as y, hasInjectionContext as b, inject as x, mergeDefaults as S, mergeModels as C, mergeProps as w, nextTick as T, normalizeClass as E, normalizeProps as D, normalizeStyle as O, onBeforeUpdate as ee, onMounted as k, onUnmounted as A, openBlock as j, provide as M, reactive as N, readonly as P, ref as F, renderList as I, renderSlot as L, resolveDynamicComponent as te, shallowRef as R, toDisplayString as z, toRef as B, toValue as V, unref as H, useId as U, useModel as W, useSlots as ne, useTemplateRef as G, vModelCheckbox as re, vModelDynamic as ie, vModelRadio as K, vModelSelect as ae, vModelText as oe, vShow as se, watch as ce, watchEffect as le, withCtx as q, withDirectives as ue, withKeys as de, withModifiers as fe } from "vue";
+import { Fragment as n, Teleport as r, Text as i, Transition as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, createTextVNode as f, createVNode as p, defineAsyncComponent as m, defineComponent as h, getCurrentInstance as g, getCurrentScope as _, guardReactiveProps as v, h as y, hasInjectionContext as b, inject as x, mergeDefaults as S, mergeModels as C, mergeProps as w, nextTick as T, normalizeClass as E, normalizeProps as D, normalizeStyle as O, onBeforeUpdate as ee, onMounted as k, onUnmounted as A, openBlock as j, provide as M, reactive as N, readonly as P, ref as F, renderList as I, renderSlot as L, resolveDynamicComponent as te, shallowRef as R, toDisplayString as z, toRef as B, toValue as V, unref as H, useId as U, useModel as W, useSlots as ne, useTemplateRef as G, vModelCheckbox as re, vModelDynamic as ie, vModelRadio as ae, vModelSelect as K, vModelText as oe, vShow as se, watch as ce, watchEffect as le, withCtx as q, withDirectives as ue, withKeys as de, withModifiers as fe } from "vue";
 //#region \0rolldown/runtime.js
 var pe = Object.defineProperty, me = Object.getOwnPropertyDescriptor, he = Object.getOwnPropertyNames, ge = Object.prototype.hasOwnProperty, _e = (e, t) => {
 	let n = {};
@@ -298,15 +298,13 @@ var Ce = /* @__PURE__ */ e(xe, [["render", Se]]), we = {
 	setup(e) {
 		let t = o(() => ({
 			"accent-red": "bg-accent-red text-neutral",
-			"accent-red-dark": "bg-accent-red-dark text-neutral",
 			"accent-orange": "bg-accent-orange text-neutral",
 			"accent-purple": "bg-accent-purple text-neutral",
 			"accent-green": "bg-accent-green text-neutral",
 			primary: "bg-primary text-neutral",
 			"neutral-primary": "bg-neutral-primary text-neutral",
-			"neutral-emphasis": "bg-neutral-emphasis text-neutral",
 			"neutral-medium": "bg-neutral-medium text-neutral",
-			"neutral-faint": "bg-neutral-faint text-neutral-emphasis"
+			"neutral-faint": "bg-neutral-faint text-neutral-subtle"
 		})[e.appearance]);
 		return (n, r) => (j(), l("div", { class: E(["inline-flex size-fit flex-none flex-nowrap items-center gap-x-2 rounded-full px-2 align-middle text-xs/4.5 font-semibold whitespace-nowrap", t.value]) }, [e.iconName ? (j(), s(Te, {
 			key: 0,
@@ -2200,7 +2198,6 @@ var An = /* @__PURE__ */ e(Dn, [["render", kn]]), jn = { class: "sr-only" }, Mn
 		imageShape: { default: "rounded" },
 		iconSize: { default: "md" },
 		checkboxAppearance: { default: "primary" },
-		checkboxSize: { default: "md" },
 		isChecked: {
 			type: Boolean,
 			default: !1
@@ -2213,10 +2210,9 @@ var An = /* @__PURE__ */ e(Dn, [["render", kn]]), jn = { class: "sr-only" }, Mn
 	emits: ["list-item-click"],
 	setup(e) {
 		return (t, n) => (j(), l("li", {
-			class: E(H(fn)("flex cursor-pointer list-none items-center gap-2 px-4 py-2 text-sm/normal text-neutral-emphasis select-none hover:text-primary focus:outline-hidden focus-visible:focus-outline focus-visible:-outline-offset-2", {
+			class: E(H(fn)("flex cursor-pointer list-none items-center gap-2 px-4 py-1.5 text-sm/normal text-neutral-emphasis select-none hover:text-primary focus:outline-hidden focus-visible:focus-outline focus-visible:-outline-offset-2", {
 				"cursor-default text-neutral-medium": e.disabled,
-				"is-selected": e.selected,
-				"py-3": e.checkboxSize === "md"
+				"is-selected": e.selected
 			}, e.overrideClasses, t.$attrs.class)),
 			tabindex: "0",
 			onClick: n[1] ||= fe((n) => t.$emit("list-item-click", e.value), ["prevent", "stop"])
@@ -2226,7 +2222,7 @@ var An = /* @__PURE__ */ e(Dn, [["render", kn]]), jn = { class: "sr-only" }, Mn
 				appearance: e.checkboxAppearance,
 				"model-value": e.isChecked,
 				disabled: e.disabled,
-				size: e.checkboxSize,
+				size: "sm",
 				onClick: n[0] ||= fe((n) => t.$emit("list-item-click", e.value), ["stop"])
 			}, {
 				default: q(() => [u("span", jn, [L(t.$slots, "default")])]),
@@ -2234,8 +2230,7 @@ var An = /* @__PURE__ */ e(Dn, [["render", kn]]), jn = { class: "sr-only" }, Mn
 			}, 8, [
 				"appearance",
 				"model-value",
-				"disabled",
-				"size"
+				"disabled"
 			])) : c("", !0),
 			e.iconName ? (j(), s(Te, {
 				key: 1,
@@ -4196,7 +4191,7 @@ function Mr(e, t, n) {
 	});
 }
 //#endregion
-//#region node_modules/.pnpm/@vueuse+core@14.3.0_vue@3.5.34_typescript@6.0.3_/node_modules/@vueuse/core/dist/index.js
+//#region node_modules/.pnpm/@vueuse+core@14.3.0_vue@3.5.35_typescript@6.0.3_/node_modules/@vueuse/core/dist/index.js
 var Nr = xr ? window : void 0;
 xr && window.document, xr && window.navigator, xr && window.location;
 function Pr(e) {
@@ -5222,7 +5217,7 @@ function Ra(e, t) {
 	delete e[t];
 }
 //#endregion
-//#region node_modules/.pnpm/@floating-ui+vue@1.1.11_vue@3.5.34_typescript@6.0.3_/node_modules/@floating-ui/vue/dist/floating-ui.vue.mjs
+//#region node_modules/.pnpm/@floating-ui+vue@1.1.11_vue@3.5.35_typescript@6.0.3_/node_modules/@floating-ui/vue/dist/floating-ui.vue.mjs
 function za(e) {
 	return typeof e == "object" && !!e && "$el" in e;
 }
@@ -8208,14 +8203,14 @@ var ul = class e extends al {
 	}
 };
 //#endregion
-//#region node_modules/.pnpm/@vuepic+vue-datepicker@12.1.0_vue@3.5.34_typescript@6.0.3_/node_modules/@vuepic/vue-datepicker/dist/vue-datepicker.js
+//#region node_modules/.pnpm/@vuepic+vue-datepicker@13.0.0_vue@3.5.35_typescript@6.0.3_/node_modules/@vuepic/vue-datepicker/dist/vue-datepicker.js
 function dl() {
 	return y("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 32 32",
 		fill: "currentColor",
 		"aria-hidden": "true",
-		class: "dp__icon",
+		class: "dp--icon",
 		role: "img"
 	}, [
 		y("path", { d: "M29.333 8c0-2.208-1.792-4-4-4h-18.667c-2.208 0-4 1.792-4 4v18.667c0 2.208 1.792 4 4 4h18.667c2.208 0 4-1.792 4-4v-18.667zM26.667 8v18.667c0 0.736-0.597 1.333-1.333 1.333 0 0-18.667 0-18.667 0-0.736 0-1.333-0.597-1.333-1.333 0 0 0-18.667 0-18.667 0-0.736 0.597-1.333 1.333-1.333 0 0 18.667 0 18.667 0 0.736 0 1.333 0.597 1.333 1.333z" }),
@@ -8230,7 +8225,7 @@ function fl() {
 		viewBox: "0 0 32 32",
 		fill: "currentColor",
 		"aria-hidden": "true",
-		class: "dp__icon",
+		class: "dp--icon",
 		role: "img"
 	}, [y("path", { d: "M23.057 7.057l-16 16c-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0l16-16c0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0z" }), y("path", { d: "M7.057 8.943l16 16c0.52 0.52 1.365 0.52 1.885 0s0.52-1.365 0-1.885l-16-16c-0.52-0.52-1.365-0.52-1.885 0s-0.52 1.365 0 1.885z" })]);
 }
@@ -8240,7 +8235,7 @@ function pl() {
 		viewBox: "0 0 32 32",
 		fill: "currentColor",
 		"aria-hidden": "true",
-		class: "dp__icon",
+		class: "dp--icon",
 		role: "img"
 	}, [y("path", { d: "M20.943 23.057l-7.057-7.057c0 0 7.057-7.057 7.057-7.057 0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0l-8 8c-0.521 0.521-0.521 1.365 0 1.885l8 8c0.52 0.52 1.365 0.52 1.885 0s0.52-1.365 0-1.885z" })]);
 }
@@ -8250,7 +8245,7 @@ function ml() {
 		viewBox: "0 0 32 32",
 		fill: "currentColor",
 		"aria-hidden": "true",
-		class: "dp__icon",
+		class: "dp--icon",
 		role: "img"
 	}, [y("path", { d: "M12.943 24.943l8-8c0.521-0.521 0.521-1.365 0-1.885l-8-8c-0.52-0.52-1.365-0.52-1.885 0s-0.52 1.365 0 1.885l7.057 7.057c0 0-7.057 7.057-7.057 7.057-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0z" })]);
 }
@@ -8260,7 +8255,7 @@ function hl() {
 		viewBox: "0 0 32 32",
 		fill: "currentColor",
 		"aria-hidden": "true",
-		class: "dp__icon",
+		class: "dp--icon",
 		role: "img"
 	}, [y("path", { d: "M16 1.333c-8.095 0-14.667 6.572-14.667 14.667s6.572 14.667 14.667 14.667c8.095 0 14.667-6.572 14.667-14.667s-6.572-14.667-14.667-14.667zM16 4c6.623 0 12 5.377 12 12s-5.377 12-12 12c-6.623 0-12-5.377-12-12s5.377-12 12-12z" }), y("path", { d: "M14.667 8v8c0 0.505 0.285 0.967 0.737 1.193l5.333 2.667c0.658 0.329 1.46 0.062 1.789-0.596s0.062-1.46-0.596-1.789l-4.596-2.298c0 0 0-7.176 0-7.176 0-0.736-0.597-1.333-1.333-1.333s-1.333 0.597-1.333 1.333z" })]);
 }
@@ -8270,7 +8265,7 @@ function gl() {
 		viewBox: "0 0 32 32",
 		fill: "currentColor",
 		"aria-hidden": "true",
-		class: "dp__icon",
+		class: "dp--icon",
 		role: "img"
 	}, [y("path", { d: "M24.943 19.057l-8-8c-0.521-0.521-1.365-0.521-1.885 0l-8 8c-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0l7.057-7.057c0 0 7.057 7.057 7.057 7.057 0.52 0.52 1.365 0.52 1.885 0s0.52-1.365 0-1.885z" })]);
 }
@@ -8280,12 +8275,12 @@ function _l() {
 		viewBox: "0 0 32 32",
 		fill: "currentColor",
 		"aria-hidden": "true",
-		class: "dp__icon",
+		class: "dp--icon",
 		role: "img"
 	}, [y("path", { d: "M7.057 12.943l8 8c0.521 0.521 1.365 0.521 1.885 0l8-8c0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0l-7.057 7.057c0 0-7.057-7.057-7.057-7.057-0.52-0.52-1.365-0.52-1.885 0s-0.52 1.365 0 1.885z" })]);
 }
 var vl = Symbol("ContextKey"), yl = (e, t) => {
-	let { setTimeModelValue: n } = lu(), r = cu(e), i = F(null), a = N({
+	let { setTimeModelValue: n } = cu(), r = su(e), i = F(null), a = N({
 		menuFocused: !1,
 		shiftKeyInMenu: !1,
 		isInputFocused: !1,
@@ -8330,183 +8325,193 @@ var vl = Symbol("ContextKey"), yl = (e, t) => {
 	let e = x(vl);
 	if (!e) throw Error("Can't use context");
 	return e;
-}, xl = /* @__PURE__ */ ((e) => (e.month = "month", e.year = "year", e))(xl || {}), Sl = /* @__PURE__ */ ((e) => (e.header = "header", e.calendar = "calendar", e.timePicker = "timePicker", e))(Sl || {}), Cl = /* @__PURE__ */ ((e) => (e.month = "month", e.year = "year", e.calendar = "calendar", e.time = "time", e.minutes = "minutes", e.hours = "hours", e.seconds = "seconds", e))(Cl || {}), wl = [
+}, xl = /* @__PURE__ */ function(e) {
+	return e.month = "month", e.year = "year", e;
+}({}), Sl = /* @__PURE__ */ function(e) {
+	return e.header = "header", e.calendar = "calendar", e.timePicker = "timePicker", e;
+}({}), Cl = /* @__PURE__ */ function(e) {
+	return e.month = "month", e.year = "year", e.calendar = "calendar", e.time = "time", e.minutes = "minutes", e.hours = "hours", e.seconds = "seconds", e;
+}({}), wl = [
 	"timestamp",
 	"date",
 	"iso"
-], Tl = /* @__PURE__ */ ((e) => (e.up = "up", e.down = "down", e.left = "left", e.right = "right", e))(Tl || {}), El = /* @__PURE__ */ ((e) => (e.arrowUp = "ArrowUp", e.arrowDown = "ArrowDown", e.arrowLeft = "ArrowLeft", e.arrowRight = "ArrowRight", e.enter = "Enter", e.space = " ", e.esc = "Escape", e.tab = "Tab", e.home = "Home", e.end = "End", e.pageUp = "PageUp", e.pageDown = "PageDown", e))(El || {}), Dl = /* @__PURE__ */ ((e) => (e.MONTH_AND_YEAR = "MM-yyyy", e.YEAR = "yyyy", e.DATE = "dd-MM-yyyy", e))(Dl || {}), Ol = /* @__PURE__ */ ((e) => (e[e.Sunday = 0] = "Sunday", e[e.Monday = 1] = "Monday", e[e.Tuesday = 2] = "Tuesday", e[e.Wednesday = 3] = "Wednesday", e[e.Thursday = 4] = "Thursday", e[e.Friday = 5] = "Friday", e[e.Saturday = 6] = "Saturday", e))(Ol || {}), kl = () => {
-	let { rootProps: e, state: t } = bl(), n = o(() => t.arrowNavigationLevel), r = F(-1), i = F(-1);
-	ce(n, (e, t) => {
-		v(e === 0 && t > 0);
+], Tl = /* @__PURE__ */ function(e) {
+	return e.up = "up", e.down = "down", e.left = "left", e.right = "right", e;
+}({}), El = /* @__PURE__ */ function(e) {
+	return e.arrowUp = "ArrowUp", e.arrowDown = "ArrowDown", e.arrowLeft = "ArrowLeft", e.arrowRight = "ArrowRight", e.enter = "Enter", e.space = " ", e.esc = "Escape", e.tab = "Tab", e.home = "Home", e.end = "End", e.pageUp = "PageUp", e.pageDown = "PageDown", e;
+}({}), Dl = /* @__PURE__ */ function(e) {
+	return e.MONTH_AND_YEAR = "MM-yyyy", e.YEAR = "yyyy", e.DATE = "dd-MM-yyyy", e;
+}({}), Ol = () => {
+	let { rootProps: e, state: t, defaults: { textInput: n } } = bl(), r = o(() => t.arrowNavigationLevel), i = F(-1), a = F(-1);
+	ce(r, (e, t) => {
+		y(n.value.enabled && n.value.selectOnFocus ? !0 : e === 0 && t > 0);
 	});
-	let a = F([]), s = F(/* @__PURE__ */ new Map()), c = () => {
-		let e = Array.from(document.querySelectorAll(`[data-dp-action-element="${n.value}"]`)), t = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
-		for (let n of e) {
-			let e = n.getBoundingClientRect(), i = e.top, a = e.left;
-			t.has(i) || t.set(i, []), t.get(i).push(n), r.set(n, {
+	let s = F([]), c = F(/* @__PURE__ */ new Map()), l = () => {
+		let e = Array.from(document.querySelectorAll(`[data-dp-action-element="${r.value}"]`)), t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
+		for (let r of e) {
+			let e = r.getBoundingClientRect(), i = e.top, a = e.left;
+			t.has(i) || t.set(i, []), t.get(i).push(r), n.set(r, {
 				row: i,
 				col: a
 			});
 		}
-		a.value = Array.from(t.entries()).sort((e, t) => e[0] - t[0]).map(([e, t]) => l(t, r)), s.value = r;
-	}, l = (e, t) => e.sort((e, n) => {
+		s.value = Array.from(t.entries()).sort((e, t) => e[0] - t[0]).map(([e, t]) => u(t, n)), c.value = n;
+	}, u = (e, t) => e.sort((e, n) => {
 		let r = t.get(e), i = t.get(n);
 		return r.col - i.col;
-	}), u = (e, t) => {
-		n.value === 0 && (r.value = e, i.value = t);
-	}, d = (e) => {
+	}), d = (e, t) => {
+		r.value === 0 && (i.value = e, a.value = t);
+	}, f = (e) => {
 		if (![
 			El.arrowUp,
 			El.arrowDown,
 			El.arrowLeft,
 			El.arrowRight
 		].includes(e.key)) return;
-		c(), e.preventDefault();
+		l(), e.preventDefault();
 		let t = document.activeElement;
 		if (!t?.hasAttribute("data-dp-action-element")) return;
 		let n = -1, r = -1;
-		for (let e = 0; e < a.value.length; e++) {
-			let i = a.value[e].indexOf(t);
+		for (let e = 0; e < s.value.length; e++) {
+			let i = s.value[e].indexOf(t);
 			if (i !== -1) {
 				n = e, r = i;
 				break;
 			}
 		}
 		if (n !== -1) switch (e.key) {
-			case El.arrowLeft: return f(n, r);
-			case El.arrowRight: return p(n, r);
-			case El.arrowUp: return m(n, r);
-			case El.arrowDown: return h(n, r);
+			case El.arrowLeft: return p(n, r);
+			case El.arrowRight: return m(n, r);
+			case El.arrowUp: return h(n, r);
+			case El.arrowDown: return g(n, r);
 			default: return;
 		}
-	}, f = (e, t) => {
-		if (t > 0) {
-			let n = a.value[e][t - 1];
-			u(e, t - 1), n && n.focus();
-		}
 	}, p = (e, t) => {
-		if (t < a.value[e].length - 1) {
-			let n = a.value[e][t + 1];
-			u(e, t + 1), n && n.focus();
+		if (t > 0) {
+			let n = s.value[e][t - 1];
+			d(e, t - 1), n && n.focus();
 		}
 	}, m = (e, t) => {
-		if (e > 0) {
-			let n = a.value[e - 1], r = Math.min(t, n.length - 1), i = n[r];
-			u(e - 1, r), i && i.focus();
+		if (t < s.value[e].length - 1) {
+			let n = s.value[e][t + 1];
+			d(e, t + 1), n && n.focus();
 		}
 	}, h = (e, t) => {
-		if (e < a.value.length - 1) {
-			let n = a.value[e + 1], r = Math.min(t, n.length - 1), i = n[r];
-			u(e + 1, r), i && i.focus();
+		if (e > 0) {
+			let n = s.value[e - 1], r = Math.min(t, n.length - 1), i = n[r];
+			d(e - 1, r), i && i.focus();
+		}
+	}, g = (e, t) => {
+		if (e < s.value.length - 1) {
+			let n = s.value[e + 1], r = Math.min(t, n.length - 1), i = n[r];
+			d(e + 1, r), i && i.focus();
 		}
-	}, g = () => {
+	}, _ = () => {
 		T().then(() => {
-			c();
-			let e = a.value[r.value]?.[i.value];
-			e && _(e);
+			l();
+			let e = s.value[i.value]?.[a.value];
+			e && v(e);
 		});
-	}, _ = (e) => {
+	}, v = (e) => {
 		requestAnimationFrame(() => {
 			requestAnimationFrame(() => {
 				e.focus({ preventScroll: !0 });
 			});
 		});
-	}, v = (e) => {
-		if (e) return g();
-		let t = document.querySelector(`[data-dp-element-active="${n.value}"]`);
-		if (t && !e) _(t);
+	}, y = (e) => {
+		if (e) return _();
+		let t = document.querySelector(`[data-dp-element-active="${r.value}"]`);
+		if (t && !e) v(t);
 		else {
-			let e = document.querySelector(`[data-dp-action-element="${n.value}"]`);
-			e && _(e);
+			let e = document.querySelector(`[data-dp-action-element="${r.value}"]`);
+			e && v(e);
 		}
 	};
 	k(() => {
-		e.arrowNavigation && (v(!1), document.addEventListener("keydown", d));
+		e.arrowNavigation && (y(!1), document.addEventListener("keydown", f));
 	}), A(() => {
-		e.arrowNavigation && document.removeEventListener("keydown", d);
+		e.arrowNavigation && document.removeEventListener("keydown", f);
 	});
-}, Al = () => {
-	let { checkPartialRangeValue: e, checkRangeEnabled: t, isValidDate: n } = Nl(), { convertType: r, errorMapper: i } = lu(), { getDate: a, rootEmit: o, state: s, rootProps: c, inputValue: l, defaults: { textInput: u, range: d, multiDates: f, timeConfig: p, formats: m }, modelValue: h, updateTime: g } = bl(), { setTime: _, getWeekFromDate: v } = uu(), { formatSelectedDate: y, formatForTextInput: b } = fu();
-	ce(h, (e, t) => {
-		o("internal-model-change", h.value), JSON.stringify(t ?? {}) !== JSON.stringify(e ?? {}) && g();
+}, kl = () => {
+	let { checkPartialRangeValue: e, checkRangeEnabled: t, isValidDate: n } = Ml(), { convertType: r, errorMapper: i } = cu(), { getDate: a, rootEmit: o, state: s, rootProps: c, inputValue: l, defaults: { textInput: u, range: d, multiDates: f, timeConfig: p, formats: m, weekStart: h }, modelValue: g, updateTime: _ } = bl(), { setTime: v, getWeekFromDate: y } = lu(), { formatSelectedDate: b, formatForTextInput: x } = du();
+	ce(g, (e, t) => {
+		o("internal-model-change", g.value), JSON.stringify(t ?? {}) !== JSON.stringify(e ?? {}) && _();
 	}, { deep: !0 }), ce(d, (e, t) => {
-		e.enabled !== t.enabled && (h.value = null);
+		e.enabled !== t.enabled && (g.value = null, _());
 	}), ce(() => m.value.input, () => {
-		L();
+		te();
 	});
-	let x = (e) => e ? c.modelType ? R(e) : {
+	let S = (e) => e ? c.modelType ? z(e) : {
 		hours: ws(e),
 		minutes: Es(e),
 		seconds: p.value.enableSeconds ? Os(e) : 0
-	} : null, S = (e) => c.modelType ? R(e) : {
+	} : null, C = (e) => c.modelType ? z(e) : {
 		month: Ds(e),
 		year: $(e)
-	}, C = (n) => Array.isArray(n) ? f.value.enabled ? n.map((e) => w(e, Yc(a(), e))) : t(() => [Yc(a(), n[0]), n[1] ? Yc(a(), n[1]) : e(d.value.partialRange)], d.value.enabled) : Yc(a(), +n), w = (e, t) => (typeof e == "string" || typeof e == "number") && c.modelType ? te(e) : t, T = (e) => Array.isArray(e) ? [w(e[0], _(e[0])), w(e[1], _(e[1]))] : w(e, _(e)), E = (n) => {
+	}, w = (n) => Array.isArray(n) ? f.value.enabled ? n.map((e) => T(e, Yc(a(), e))) : t(() => [Yc(a(), n[0]), n[1] ? Yc(a(), n[1]) : e(d.value.partialRange)], d.value.enabled) : Yc(a(), +n), T = (e, t) => (typeof e == "string" || typeof e == "number") && c.modelType ? R(e) : t, E = (e) => Array.isArray(e) ? [T(e[0], v(e[0])), T(e[1], v(e[1]))] : T(e, v(e)), D = (n) => {
 		let r = Kc(a(), { date: 1 });
-		return Array.isArray(n) ? f.value.enabled ? n.map((e) => w(e, Kc(r, {
+		return Array.isArray(n) ? f.value.enabled ? n.map((e) => T(e, Kc(r, {
 			month: +e.month,
 			year: +e.year
-		}))) : t(() => [w(n[0], Kc(r, {
+		}))) : t(() => [T(n[0], Kc(r, {
 			month: +n[0].month,
 			year: +n[0].year
-		})), w(n[1], n[1] ? Kc(r, {
+		})), T(n[1], n[1] ? Kc(r, {
 			month: +n[1].month,
 			year: +n[1].year
-		}) : e(d.value.partialRange))], d.value.enabled) : w(n, Kc(r, {
+		}) : e(d.value.partialRange))], d.value.enabled) : T(n, Kc(r, {
 			month: +n.month,
 			year: +n.year
 		}));
-	}, D = (e) => {
-		if (Array.isArray(e)) return e.map((e) => te(e));
-		throw Error(i.dateArr("multi-dates"));
 	}, O = (e) => {
+		if (Array.isArray(e)) return e.map((e) => R(e));
+		throw Error(i.dateArr("multi-dates"));
+	}, ee = (e) => {
 		if (Array.isArray(e) && d.value.enabled) {
 			let t = e[0], n = e[1];
 			return [a(Array.isArray(t) ? t[0] : null), Array.isArray(n) && n.length ? a(n[0]) : null];
 		}
 		return a(e[0]);
-	}, ee = (n) => c.modelAuto ? Array.isArray(n) ? [te(n[0]), te(n[1])] : c.autoApply ? [te(n)] : [te(n), null] : Array.isArray(n) ? t(() => n[1] ? [te(n[0]), n[1] ? te(n[1]) : e(d.value.partialRange)] : [te(n[0])], d.value.enabled) : te(n), k = () => {
-		Array.isArray(h.value) && d.value.enabled && h.value.length === 1 && h.value.push(e(d.value.partialRange));
-	}, A = () => {
-		let t = h.value;
-		return [R(t[0]), t[1] ? R(t[1]) : e(d.value.partialRange)];
-	}, j = () => Array.isArray(h.value) ? h.value[1] ? A() : R(r(h.value[0])) : [], M = () => (h.value || []).map((e) => R(e)), N = (e = !1) => (e || k(), c.modelAuto ? j() : f.value.enabled ? M() : Array.isArray(h.value) ? t(() => A(), d.value.enabled) : R(r(h.value))), P = (e) => !e || Array.isArray(e) && !e.length ? null : c.timePicker ? T(r(e)) : c.monthPicker ? E(r(e)) : c.yearPicker ? C(r(e)) : f.value.enabled ? D(r(e)) : c.weekPicker ? O(r(e)) : ee(r(e)), F = (e) => {
+	}, k = (n) => c.modelAuto ? Array.isArray(n) ? [R(n[0]), R(n[1])] : c.autoApply ? [R(n)] : [R(n), null] : Array.isArray(n) ? t(() => n[1] ? [R(n[0]), n[1] ? R(n[1]) : e(d.value.partialRange)] : [R(n[0])], d.value.enabled) : R(n), A = () => {
+		Array.isArray(g.value) && d.value.enabled && g.value.length === 1 && g.value.push(e(d.value.partialRange));
+	}, j = () => {
+		let t = g.value;
+		return [z(t[0]), t[1] ? z(t[1]) : e(d.value.partialRange)];
+	}, M = () => Array.isArray(g.value) ? g.value[1] ? j() : z(r(g.value[0])) : [], N = () => (g.value || []).map((e) => z(e)), P = (e = !1) => (e || A(), c.modelAuto ? M() : f.value.enabled ? N() : Array.isArray(g.value) ? t(() => j(), d.value.enabled) : z(r(g.value))), F = (e) => !e || Array.isArray(e) && !e.length ? null : c.timePicker ? E(r(e)) : c.monthPicker ? D(r(e)) : c.yearPicker ? w(r(e)) : f.value.enabled ? O(r(e)) : c.weekPicker ? ee(r(e)) : k(r(e)), I = (e) => {
 		if (s.isTextInputDate) return;
-		let t = P(e);
-		n(r(t)) ? (h.value = r(t), L()) : (h.value = null, l.value = "");
-	}, I = () => h.value ? f.value.enabled ? h.value.map((e) => y(e)).join("; ") : u.value.enabled ? b() : y(h.value) : "", L = () => {
-		l.value = I();
-	}, te = (e) => c.modelType ? wl.includes(c.modelType) ? a(e) : c.modelType === "format" && typeof m.value.input == "string" ? Bc(e, m.value.input, a(), { locale: c.locale }) : Bc(e, c.modelType, a(), { locale: c.locale }) : a(e), R = (e) => e ? c.modelType ? c.modelType === "timestamp" ? +e : c.modelType === "iso" ? e.toISOString() : c.modelType === "format" && typeof m.value.input == "string" ? y(e) : y(e, c.modelType) : e : null, z = (e) => {
+		let t = F(e);
+		n(r(t)) ? (g.value = r(t), te()) : (g.value = null, l.value = "");
+	}, L = () => g.value ? f.value.enabled ? g.value.map((e) => b(e)).join("; ") : u.value.enabled ? x() : b(g.value) : "", te = () => {
+		l.value = L();
+	}, R = (e) => c.modelType ? wl.includes(c.modelType) ? a(e) : c.modelType === "format" && typeof m.value.input == "string" ? Bc(e, m.value.input, a(), { locale: c.locale }) : Bc(e, c.modelType, a(), { locale: c.locale }) : a(e), z = (e) => e ? c.modelType ? c.modelType === "timestamp" ? +e : c.modelType === "iso" ? e.toISOString() : c.modelType === "format" && typeof m.value.input == "string" ? b(e) : b(e, c.modelType) : e : null, B = (e) => {
 		o("update:model-value", e);
-	}, B = (e) => Array.isArray(h.value) ? f.value.enabled ? h.value.map((t) => e(t)) : [e(h.value[0]), h.value[1] ? e(h.value[1]) : null] : e(r(h.value)), V = () => {
-		if (Array.isArray(h.value)) {
-			let e = v(h.value[0], c.weekStart), t = h.value[1] ? v(h.value[1], c.weekStart) : [];
+	}, V = (e) => Array.isArray(g.value) ? f.value.enabled ? g.value.map((t) => e(t)) : [e(g.value[0]), g.value[1] ? e(g.value[1]) : null] : e(r(g.value)), H = () => {
+		if (Array.isArray(g.value)) {
+			let e = y(g.value[0], h.value), t = g.value[1] ? y(g.value[1], h.value) : [];
 			return [e.map((e) => a(e)), t.map((e) => a(e))];
 		}
-		return v(h.value, c.weekStart).map((e) => a(e));
-	}, H = (e) => z(r(B(e))), U = () => o("update:model-value", V());
+		return y(g.value, h.value).map((e) => a(e));
+	}, U = (e) => B(r(V(e))), W = () => o("update:model-value", H());
 	return {
-		checkBeforeEmit: () => h.value ? d.value.enabled ? d.value.partialRange ? h.value.length >= 1 : h.value.length === 2 : !!h.value : !1,
-		parseExternalModelValue: F,
-		formatInputValue: L,
-		emitModelValue: () => (L(), c.monthPicker ? H(S) : c.timePicker ? H(x) : c.yearPicker ? H($) : c.weekPicker ? U() : z(N()))
+		checkBeforeEmit: () => g.value ? d.value.enabled ? d.value.partialRange ? g.value.length >= 1 : g.value.length === 2 : !!g.value : !1,
+		parseExternalModelValue: I,
+		formatInputValue: te,
+		emitModelValue: () => (te(), c.monthPicker ? U(C) : c.timePicker ? U(S) : c.yearPicker ? U($) : c.weekPicker ? W() : B(P()))
 	};
-}, jl = () => {
+}, Al = () => {
 	let { defaults: { transitions: e } } = bl(), t = o(() => (t) => e.value ? t ? e.value.open : e.value.close : ""), n = o(() => (t) => e.value ? t ? e.value.menuAppearTop : e.value.menuAppearBottom : "");
 	return {
 		transitionName: t,
 		showTransition: !!e.value,
 		menuTransition: n
 	};
-}, Ml = (e) => {
-	let { today: t, time: n, modelValue: r, defaults: { range: i } } = bl(), { setTimeModelValue: a } = lu();
-	ce(i, (e, o) => {
-		e.enabled !== o.enabled && a(n, r.value, t, i.value.enabled);
-	}, { deep: !0 }), ce(r, (t, n) => {
+}, jl = (e) => {
+	let { modelValue: t } = bl();
+	ce(t, (t, n) => {
 		e && JSON.stringify(t ?? {}) !== JSON.stringify(n ?? {}) && e();
 	}, { deep: !0 });
-}, Nl = () => {
-	let { defaults: { safeDates: e, range: t, multiDates: n, filters: r, timeConfig: i }, rootProps: a, getDate: s } = bl(), { getMapKeyType: c, getMapDate: l, errorMapper: u, convertType: d } = lu(), { isDateBefore: f, isDateAfter: p, isDateEqual: m, resetDate: h, getDaysInBetween: g, setTimeValue: _, getTimeObj: v, setTime: y } = uu(), b = (t) => e.value.disabledDates ? typeof e.value.disabledDates == "function" ? e.value.disabledDates(s(t)) : !!l(t, e.value.disabledDates) : !1, x = (t) => e.value.maxDate ? a.yearPicker ? $(t) > $(e.value.maxDate) : p(t, e.value.maxDate) : !1, S = (t) => e.value.minDate ? a.yearPicker ? $(t) < $(e.value.minDate) : f(t, e.value.minDate) : !1, C = (e) => {
+}, Ml = () => {
+	let { defaults: { safeDates: e, range: t, multiDates: n, filters: r, timeConfig: i }, rootProps: a, getDate: s } = bl(), { getMapKeyType: c, getMapDate: l, errorMapper: u, convertType: d } = cu(), { isDateBefore: f, isDateAfter: p, isDateEqual: m, resetDate: h, getDaysInBetween: g, setTimeValue: _, getTimeObj: v, setTime: y } = lu(), b = (t) => e.value.disabledDates ? typeof e.value.disabledDates == "function" ? e.value.disabledDates(s(t)) : !!l(t, e.value.disabledDates) : !1, x = (t) => e.value.maxDate ? a.yearPicker ? $(t) > $(e.value.maxDate) : p(t, e.value.maxDate) : !1, S = (t) => e.value.minDate ? a.yearPicker ? $(t) < $(e.value.minDate) : f(t, e.value.minDate) : !1, C = (e) => {
 		if (!e) return !1;
 		let t = x(e), n = S(e), i = b(e), o = r.value.months.map((e) => +e).includes(Ds(e)), s = r.value.weekDays?.length ? r.value.weekDays.some((t) => +t === xs(e)) : !1, c = O(e), l = $(e), u = l < +a.yearRange[0] || l > +a.yearRange[1];
 		return !(t || n || i || o || u || s || c);
@@ -8616,7 +8621,7 @@ var vl = Symbol("ContextKey"), yl = (e, t) => {
 		isTimeValid: V,
 		isMonthValid: H
 	};
-}, Pl = (e) => {
+}, Nl = (e) => {
 	let { rootEmit: t, rootProps: n, defaults: { timeConfig: r, flow: i } } = bl(), a = F(0), s = N({
 		[Sl.timePicker]: !r.value.enableTimePicker || n.timePicker || n.monthPicker,
 		[Sl.calendar]: !1,
@@ -8645,13 +8650,13 @@ var vl = Symbol("ContextKey"), yl = (e, t) => {
 		flowStep: a
 	};
 };
-function Fl(e) {
+function Pl(e) {
 	return (t = {}) => {
 		let n = t.width ? String(t.width) : e.defaultWidth;
 		return e.formats[n] || e.formats[e.defaultWidth];
 	};
 }
-function Il(e) {
+function Fl(e) {
 	return (t, n) => {
 		let r = n?.context ? String(n.context) : "standalone", i;
 		if (r === "formatting" && e.formattingValues) {
@@ -8665,11 +8670,11 @@ function Il(e) {
 		return i[a];
 	};
 }
-function Ll(e) {
+function Il(e) {
 	return (t, n = {}) => {
 		let r = n.width, i = r && e.matchPatterns[r] || e.matchPatterns[e.defaultMatchWidth], a = t.match(i);
 		if (!a) return null;
-		let o = a[0], s = r && e.parsePatterns[r] || e.parsePatterns[e.defaultParseWidth], c = Array.isArray(s) ? zl(s, (e) => e.test(o)) : Rl(s, (e) => e.test(o)), l;
+		let o = a[0], s = r && e.parsePatterns[r] || e.parsePatterns[e.defaultParseWidth], c = Array.isArray(s) ? Rl(s, (e) => e.test(o)) : Ll(s, (e) => e.test(o)), l;
 		l = e.valueCallback ? e.valueCallback(c) : c, l = n.valueCallback ? n.valueCallback(l) : l;
 		let u = t.slice(o.length);
 		return {
@@ -8678,13 +8683,13 @@ function Ll(e) {
 		};
 	};
 }
-function Rl(e, t) {
+function Ll(e, t) {
 	for (let n in e) if (Object.prototype.hasOwnProperty.call(e, n) && t(e[n])) return n;
 }
-function zl(e, t) {
+function Rl(e, t) {
 	for (let n = 0; n < e.length; n++) if (t(e[n])) return n;
 }
-function Bl(e) {
+function zl(e) {
 	return (t, n = {}) => {
 		let r = t.match(e.matchPattern);
 		if (!r) return null;
@@ -8699,7 +8704,7 @@ function Bl(e) {
 		};
 	};
 }
-var Vl = {
+var Bl = {
 	lessThanXSeconds: {
 		one: "less than a second",
 		other: "less than {{count}} seconds"
@@ -8761,17 +8766,17 @@ var Vl = {
 		one: "almost 1 year",
 		other: "almost {{count}} years"
 	}
-}, Hl = (e, t, n) => {
-	let r, i = Vl[e];
+}, Vl = (e, t, n) => {
+	let r, i = Bl[e];
 	return r = typeof i == "string" ? i : t === 1 ? i.one : i.other.replace("{{count}}", t.toString()), n?.addSuffix ? n.comparison && n.comparison > 0 ? "in " + r : r + " ago" : r;
-}, Ul = {
+}, Hl = {
 	lastWeek: "'last' eeee 'at' p",
 	yesterday: "'yesterday at' p",
 	today: "'today at' p",
 	tomorrow: "'tomorrow at' p",
 	nextWeek: "eeee 'at' p",
 	other: "P"
-}, Wl = (e, t, n, r) => Ul[e], Gl = {
+}, Ul = (e, t, n, r) => Hl[e], Wl = {
 	ordinalNumber: (e, t) => {
 		let n = Number(e), r = n % 100;
 		if (r > 20 || r < 10) switch (r % 10) {
@@ -8781,7 +8786,7 @@ var Vl = {
 		}
 		return n + "th";
 	},
-	era: Il({
+	era: Fl({
 		values: {
 			narrow: ["B", "A"],
 			abbreviated: ["BC", "AD"],
@@ -8789,7 +8794,7 @@ var Vl = {
 		},
 		defaultWidth: "wide"
 	}),
-	quarter: Il({
+	quarter: Fl({
 		values: {
 			narrow: [
 				"1",
@@ -8813,7 +8818,7 @@ var Vl = {
 		defaultWidth: "wide",
 		argumentCallback: (e) => e - 1
 	}),
-	month: Il({
+	month: Fl({
 		values: {
 			narrow: [
 				"J",
@@ -8860,7 +8865,7 @@ var Vl = {
 		},
 		defaultWidth: "wide"
 	}),
-	day: Il({
+	day: Fl({
 		values: {
 			narrow: [
 				"S",
@@ -8901,7 +8906,7 @@ var Vl = {
 		},
 		defaultWidth: "wide"
 	}),
-	dayPeriod: Il({
+	dayPeriod: Fl({
 		values: {
 			narrow: {
 				am: "a",
@@ -8969,13 +8974,13 @@ var Vl = {
 		},
 		defaultFormattingWidth: "wide"
 	})
-}, Kl = {
-	ordinalNumber: Bl({
+}, Gl = {
+	ordinalNumber: zl({
 		matchPattern: /^(\d+)(th|st|nd|rd)?/i,
 		parsePattern: /\d+/i,
 		valueCallback: (e) => parseInt(e, 10)
 	}),
-	era: Ll({
+	era: Il({
 		matchPatterns: {
 			narrow: /^(b|a)/i,
 			abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
@@ -8985,7 +8990,7 @@ var Vl = {
 		parsePatterns: { any: [/^b/i, /^(a|c)/i] },
 		defaultParseWidth: "any"
 	}),
-	quarter: Ll({
+	quarter: Il({
 		matchPatterns: {
 			narrow: /^[1234]/i,
 			abbreviated: /^q[1234]/i,
@@ -9001,7 +9006,7 @@ var Vl = {
 		defaultParseWidth: "any",
 		valueCallback: (e) => e + 1
 	}),
-	month: Ll({
+	month: Il({
 		matchPatterns: {
 			narrow: /^[jfmasond]/i,
 			abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
@@ -9040,7 +9045,7 @@ var Vl = {
 		},
 		defaultParseWidth: "any"
 	}),
-	day: Ll({
+	day: Il({
 		matchPatterns: {
 			narrow: /^[smtwf]/i,
 			short: /^(su|mo|tu|we|th|fr|sa)/i,
@@ -9070,7 +9075,7 @@ var Vl = {
 		},
 		defaultParseWidth: "any"
 	}),
-	dayPeriod: Ll({
+	dayPeriod: Il({
 		matchPatterns: {
 			narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,
 			any: /^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i
@@ -9088,11 +9093,11 @@ var Vl = {
 		} },
 		defaultParseWidth: "any"
 	})
-}, ql = {
+}, Kl = {
 	code: "en-US",
-	formatDistance: Hl,
+	formatDistance: Vl,
 	formatLong: {
-		date: Fl({
+		date: Pl({
 			formats: {
 				full: "EEEE, MMMM do, y",
 				long: "MMMM do, y",
@@ -9101,7 +9106,7 @@ var Vl = {
 			},
 			defaultWidth: "full"
 		}),
-		time: Fl({
+		time: Pl({
 			formats: {
 				full: "h:mm:ss a zzzz",
 				long: "h:mm:ss a z",
@@ -9110,7 +9115,7 @@ var Vl = {
 			},
 			defaultWidth: "full"
 		}),
-		dateTime: Fl({
+		dateTime: Pl({
 			formats: {
 				full: "{{date}} 'at' {{time}}",
 				long: "{{date}} 'at' {{time}}",
@@ -9120,14 +9125,14 @@ var Vl = {
 			defaultWidth: "full"
 		})
 	},
-	formatRelative: Wl,
-	localize: Gl,
-	match: Kl,
+	formatRelative: Ul,
+	localize: Wl,
+	match: Gl,
 	options: {
 		weekStartsOn: 0,
 		firstWeekContainsDate: 1
 	}
-}, Jl = {
+}, ql = {
 	noDisabledRange: !1,
 	showLastInRange: !0,
 	minMaxRawRange: !1,
@@ -9139,7 +9144,7 @@ var Vl = {
 	fixedStart: !1,
 	fixedEnd: !1,
 	autoSwitchStartEnd: !0
-}, Yl = {
+}, Jl = {
 	allowStopPropagation: !0,
 	closeOnScroll: !1,
 	modeHeight: 255,
@@ -9160,7 +9165,7 @@ var Vl = {
 	spaceConfirm: !0,
 	monthChangeOnArrows: !0,
 	monthChangeOnScroll: !0
-}, Xl = {
+}, Yl = {
 	enterSubmit: !0,
 	tabSubmit: !0,
 	openMenu: "open",
@@ -9171,7 +9176,7 @@ var Vl = {
 	maskFormat: void 0,
 	applyOnBlur: !1,
 	separators: void 0
-}, Zl = {
+}, Xl = {
 	dates: [],
 	years: [],
 	months: [],
@@ -9179,7 +9184,7 @@ var Vl = {
 	weeks: [],
 	weekdays: [],
 	options: { highlightDisabled: !1 }
-}, Ql = {
+}, Zl = {
 	showSelect: !0,
 	showCancel: !0,
 	showNow: !1,
@@ -9188,7 +9193,7 @@ var Vl = {
 	cancelBtnLabel: "Cancel",
 	nowBtnLabel: "Now",
 	nowBtnRound: void 0
-}, $l = {
+}, Ql = {
 	toggleOverlay: "Toggle overlay",
 	menu: "Datepicker menu",
 	input: "Datepicker input",
@@ -9212,7 +9217,7 @@ var Vl = {
 	monthPicker: (e) => `Month picker${e ? " overlay" : ""}`,
 	yearPicker: (e) => `Year picker${e ? " overlay" : ""}`,
 	timeOverlay: (e) => `${e} overlay`
-}, eu = {
+}, $l = {
 	menuAppearTop: "dp-menu-appear-top",
 	menuAppearBottom: "dp-menu-appear-bottom",
 	open: "dp-slide-down",
@@ -9221,7 +9226,7 @@ var Vl = {
 	previous: "calendar-prev",
 	vNext: "dp-slide-up",
 	vPrevious: "dp-slide-down"
-}, tu = {
+}, eu = {
 	weekDays: [],
 	months: [],
 	years: [],
@@ -9230,7 +9235,7 @@ var Vl = {
 		minutes: [],
 		seconds: []
 	}
-}, nu = {
+}, tu = {
 	month: "LLL",
 	year: "yyyy",
 	weekDay: "EEEEEE",
@@ -9238,7 +9243,7 @@ var Vl = {
 	day: "d",
 	input: void 0,
 	preview: void 0
-}, ru = {
+}, nu = {
 	enableTimePicker: !0,
 	ignoreTimeValidation: !1,
 	enableSeconds: !1,
@@ -9255,15 +9260,14 @@ var Vl = {
 	secondsIncrement: 1,
 	timePickerInline: !1,
 	startTime: void 0
-}, iu = {
+}, ru = {
 	flowStep: 0,
 	menuWrapRef: null,
 	collapse: !1
-}, au = {
-	weekStart: Ol.Monday,
+}, iu = {
 	yearRange: () => [1900, 2100],
 	ui: () => ({}),
-	locale: () => ql,
+	locale: () => Kl,
 	dark: !1,
 	transitions: !0,
 	hideNavigation: () => [],
@@ -9293,7 +9297,7 @@ var Vl = {
 	yearFirst: !1,
 	loading: !1,
 	centered: !1
-}, ou = {
+}, au = {
 	name: void 0,
 	required: !1,
 	autocomplete: "off",
@@ -9303,12 +9307,12 @@ var Vl = {
 	hideInputIcon: !1,
 	id: void 0,
 	inputmode: "none"
-}, su = {
+}, ou = {
 	type: "local",
 	hideOnOffsetDates: !1,
 	label: "W"
-}, cu = (e) => {
-	let { getMapKey: t, getMapKeyType: n, getTimeObjFromCurrent: r } = lu();
+}, su = (e) => {
+	let { getMapKey: t, getMapKeyType: n, getTimeObjFromCurrent: r } = cu();
 	function i(t, n) {
 		let r;
 		return r = e.timezone ? new ul(t ?? /* @__PURE__ */ new Date(), e.timezone) : t ? new Date(t) : /* @__PURE__ */ new Date(), n ? Kc(r, {
@@ -9339,25 +9343,25 @@ var Vl = {
 		let r = t ? e.multiCalendars : {}, i = u(t ? r.count ?? !0 : e.multiCalendars);
 		return Object.assign(n, r, { count: i });
 	}), m = o(() => l()), h = o(() => ({
-		...$l,
+		...Ql,
 		...e.ariaLabels
 	})), g = o(() => ({
-		...tu,
-		...e.filters
-	})), _ = o(() => typeof e.transitions == "boolean" ? e.transitions ? eu : !1 : {
 		...eu,
+		...e.filters
+	})), _ = o(() => typeof e.transitions == "boolean" ? e.transitions ? $l : !1 : {
+		...$l,
 		...e.transitions
 	}), v = o(() => ({
-		...Ql,
+		...Zl,
 		...e.actionRow
 	})), y = o(() => typeof e.textInput == "object" ? {
-		...Xl,
+		...Yl,
 		...e.textInput,
 		format: typeof e.textInput.format == "string" ? e.textInput.format : O.value.input,
 		pattern: e.textInput.format ?? O.value.input,
 		enabled: !0
 	} : {
-		...Xl,
+		...Yl,
 		format: O.value.input,
 		pattern: O.value.input,
 		enabled: e.textInput
@@ -9372,16 +9376,16 @@ var Vl = {
 			...t
 		};
 	}), x = o(() => ({
-		...Yl,
+		...Jl,
 		...e.config
 	})), S = o(() => typeof e.highlight == "function" ? e.highlight : {
-		...Zl,
+		...Xl,
 		...e.highlight
 	}), C = o(() => typeof e.weekNumbers == "object" ? {
-		type: e.weekNumbers?.type ?? su.type,
-		hideOnOffsetDates: e.weekNumbers?.hideOnOffsetDates ?? su.hideOnOffsetDates,
-		label: e.weekNumbers.label ?? su.label
-	} : e.weekNumbers ? su : void 0), w = o(() => typeof e.multiDates == "boolean" ? {
+		type: e.weekNumbers?.type ?? ou.type,
+		hideOnOffsetDates: e.weekNumbers?.hideOnOffsetDates ?? ou.hideOnOffsetDates,
+		label: e.weekNumbers.label ?? ou.label
+	} : e.weekNumbers ? ou : void 0), w = o(() => typeof e.multiDates == "boolean" ? {
 		enabled: e.multiDates,
 		dragSelect: !0,
 		limit: null
@@ -9398,23 +9402,23 @@ var Vl = {
 		markers: e.markers?.length ? new Map(e.markers.map((e) => [t(i(e.date), Dl.DATE), e])) : null
 	})), E = o(() => typeof e.range == "object" ? {
 		enabled: !0,
-		...Jl,
+		...ql,
 		...e.range
 	} : {
 		enabled: e.range,
-		...Jl
-	}), D = o(() => ({ ...Object.fromEntries(Object.keys(e.ui).map((t) => {
+		...ql
+	}), D = o(() => Object.fromEntries(Object.keys(e.ui).map((t) => {
 		let n = t, r = e.ui[n];
 		return n === "dayClass" ? [n, e.ui[n]] : [t, typeof e.ui[n] == "string" ? { [r]: !0 } : Object.fromEntries(r.map((e) => [e, !0]))];
-	})) })), O = o(() => ({
-		...nu,
+	}))), O = o(() => ({
+		...tu,
 		...e.formats,
 		input: e.formats?.input ?? s(),
-		preview: e.formats?.preview ?? s()
+		preview: e.formats?.preview ?? e.formats?.input ?? s()
 	})), ee = o(() => {
 		if (e.teleport) return typeof e.teleport == "string" ? e.teleport : typeof e.teleport == "boolean" ? "body" : e.teleport;
 	}), k = o(() => ({
-		...ru,
+		...nu,
 		...e.timeConfig
 	}));
 	return {
@@ -9446,11 +9450,11 @@ var Vl = {
 		inputAttrs: o(() => {
 			let t = y.value.enabled ? "text" : "none";
 			return e.inputAttrs ? {
-				...ou,
+				...au,
 				inputmode: t,
 				...e.inputAttrs
 			} : {
-				...ou,
+				...au,
 				inputmode: t
 			};
 		}),
@@ -9462,9 +9466,10 @@ var Vl = {
 			flip: e.floating?.flip ?? !0,
 			shift: e.floating?.shift ?? !0
 		})),
+		weekStart: o(() => e.weekStart || e.weekStart === 0 || e.weekStart === "0" ? +e.weekStart : xs(oo(i(), { locale: e.locale }))),
 		getDate: i
 	};
-}, lu = () => {
+}, cu = () => {
 	let e = (e, t) => ys(e, t ?? Dl.DATE), t = (e, t) => e ? Dl.MONTH_AND_YEAR : t ? Dl.YEAR : Dl.DATE, n = (t, n, r) => n.get(e(t, r)), r = (e) => e, i = (e) => e === 0 ? e : !e || Number.isNaN(+e) ? null : +e, a = () => [
 		"a[href]",
 		"area[href]",
@@ -9538,7 +9543,7 @@ var Vl = {
 			let r = t[0] ?? n, o = t[1];
 			return [a[e](r), o ? a[e](o) : i[e][1] ?? a[e](n)];
 		}
-		return Array.isArray(t) && !r ? a[e](t[t.length - 1] ?? n) : a[e](t);
+		return Array.isArray(t) && !r ? a[e](t.at(-1) ?? n) : a[e](t);
 	};
 	return {
 		getMapKey: e,
@@ -9569,8 +9574,8 @@ var Vl = {
 		},
 		errorMapper: g
 	};
-}, uu = () => {
-	let { getDate: e } = bl(), { getMapDate: t, getGroupedList: n } = lu(), r = (t, n) => {
+}, lu = () => {
+	let { getDate: e } = bl(), { getMapDate: t, getGroupedList: n } = cu(), r = (t, n) => {
 		if (!t) return e();
 		let r = Kc(e(t), {
 			hours: 0,
@@ -9617,12 +9622,12 @@ var Vl = {
 				active: n,
 				disabled: r,
 				className: {
-					dp__overlay_cell_active: n,
-					dp__overlay_cell: !n,
-					dp__overlay_cell_disabled: r,
-					dp__overlay_cell_pad: !0,
-					dp__overlay_cell_active_disabled: r && n,
-					dp__cell_in_between: i,
+					"dp--active dp--overlay-cell-active": n,
+					"dp--overlay-cell": !n,
+					"dp--overlay-cell-disabled": r,
+					"dp--overlay-cell-pad": !0,
+					"dp--overlay-cell-active-disabled": r && n,
+					"dp--cell-in-between": i,
 					"dp--highlighted": a
 				}
 			};
@@ -9662,7 +9667,7 @@ var Vl = {
 		}) : e.months.some((e) => e.month === t && e.year === n),
 		checkHighlightYear: (e, t) => typeof e == "function" ? e(t) : e.years.includes(t)
 	};
-}, du = () => {
+}, uu = () => {
 	let { defaults: { config: e } } = bl(), t = F(0);
 	k(() => {
 		n(), globalThis.addEventListener("resize", n, { passive: !0 });
@@ -9673,7 +9678,7 @@ var Vl = {
 		t.value = globalThis.document.documentElement.clientWidth;
 	};
 	return { isMobile: o(() => t.value <= e.value.mobileBreakpoint ? !0 : void 0) };
-}, fu = () => {
+}, du = () => {
 	let { getDate: e, state: t, modelValue: n, rootProps: r, defaults: { formats: i, textInput: a } } = bl(), o = (t) => ys(Yc(e(), t), i.value.year, { locale: r.locale }), s = (t) => ys(Gc(e(), t), i.value.month, { locale: r.locale }), c = (e) => ys(e, i.value.weekDay, { locale: r.locale }), l = (e) => ys(e, i.value.quarter, { locale: r.locale }), u = (e, t) => [e, t].map((e) => l(e)).join("-"), d = (e) => ys(e, i.value.day, { locale: r.locale }), f = (e, t, n) => {
 		let o = n ? i.value.preview : i.value.input;
 		if (!e) return "";
@@ -9682,7 +9687,7 @@ var Vl = {
 		return Array.isArray(e) ? `${ys(e[0], s, c)}${r.modelAuto && !e[1] ? "" : a.value.rangeSeparator}${e[1] ? ys(e[1], s, c) : ""}` : ys(e, s, c);
 	}, p = () => {
 		let e = (e) => ys(e, a.value.format);
-		return Array.isArray(n.value) ? `${e(n.value[0])} ${a.value.rangeSeparator} ${n.value[1] ? e(n.value[1]) : ""}` : "";
+		return Array.isArray(n.value) ? `${e(n.value[0])}${a.value.rangeSeparator}${n.value[1] ? e(n.value[1]) : ""}` : "";
 	};
 	return {
 		formatYear: o,
@@ -9695,8 +9700,8 @@ var Vl = {
 		formatQuarterText: u,
 		formatDay: d
 	};
-}, pu = () => {
-	let { rootProps: e } = bl(), { formatYear: t, formatMonth: n } = fu();
+}, fu = () => {
+	let { rootProps: e } = bl(), { formatYear: t, formatMonth: n } = du();
 	return {
 		getMonths: () => [
 			0,
@@ -9725,7 +9730,7 @@ var Vl = {
 		},
 		isOutOfYearRange: (t) => t < +e.yearRange[0] || t > +e.yearRange[1]
 	};
-}, mu = (e) => ({
+}, pu = (e) => ({
 	openMenu: () => e.value?.openMenu(),
 	closeMenu: () => e.value?.closeMenu(),
 	selectDate: () => e.value?.selectDate(),
@@ -9740,15 +9745,15 @@ var Vl = {
 	dpMenuRef: () => e.value?.dpMenuRef(),
 	dpWrapMenuRef: () => e.value?.dpWrapMenuRef(),
 	inputRef: () => e.value?.inputRef()
-}), hu = () => ({ boolHtmlAttribute: (e) => e ? !0 : void 0 }), gu = () => {
-	let { getDate: e, rootProps: t, defaults: { textInput: n, startTime: r, timeConfig: i } } = bl(), { getTimeObjFromCurrent: a } = lu(), s = F(!1), c = o(() => Array.isArray(r.value) ? r.value[0] : r.value ?? a(e(), {}, i.value.enableSeconds)), l = (e, t) => {
-		let n = /[^a-zA-Z]+/g, r = /\D+/g, i = t.split(r), a = e.split(n), o = e.match(n) || [], s = t.match(r) || [], c = "";
-		for (let e = 0; e < i.length && e < a.length; e++) {
-			e > 0 && s[e - 1] && (c += o[e - 1] || s[e - 1]);
-			let t = i[e]?.length;
-			c += a[e]?.slice(0, t);
-		}
-		return c;
+}), mu = () => ({ boolHtmlAttribute: (e) => e ? !0 : void 0 }), hu = () => {
+	let { getDate: e, rootProps: t, defaults: { textInput: n, startTime: r, timeConfig: i } } = bl(), { getTimeObjFromCurrent: a } = cu(), s = F(!1), c = o(() => Array.isArray(r.value) ? r.value[0] : r.value ?? a(e(), {}, i.value.enableSeconds)), l = (e, t) => {
+		let n = /[^a-zA-Z0-9]+/g, r = t.split(n), i = e.split(n), a = e.match(n) || [], o = t.match(n) || [], s = "";
+		for (let e = 0; e < r.length && e < i.length; e++) {
+			e > 0 && o[e - 1] && (s += a[e - 1] || o[e - 1]);
+			let t = r[e]?.length;
+			s += i[e]?.slice(0, t);
+		}
+		return s;
 	}, u = (n, r, i) => {
 		let a = Bc(n, l(r, n), e(), { locale: t.locale });
 		return yo(a) && vo(a) ? i || s.value ? a : Kc(a, {
@@ -9799,11 +9804,13 @@ var Vl = {
 			return o;
 		}
 	};
-}, _u = /* @__PURE__ */ ((e) => (e.Input = "input", e.DatePicker = "date-picker", e.Calendar = "calendar", e.DatePickerHeader = "date-picker-header", e.Menu = "menu", e.ActionRow = "action-row", e.TimePicker = "time-picker", e.TimeInput = "time-input", e.PassTrough = "pass-trough", e.MonthPicker = "month-picker", e.YearMode = "year-mode", e.QuarterPicker = "quarter-picker", e.YearPicker = "year-picker", e))(_u || {}), vu = [
+}, gu = /* @__PURE__ */ function(e) {
+	return e.Input = "input", e.DatePicker = "date-picker", e.Calendar = "calendar", e.DatePickerHeader = "date-picker-header", e.Menu = "menu", e.ActionRow = "action-row", e.TimePicker = "time-picker", e.TimeInput = "time-input", e.PassTrough = "pass-trough", e.MonthPicker = "month-picker", e.YearMode = "year-mode", e.QuarterPicker = "quarter-picker", e.YearPicker = "year-picker", e;
+}({}), _u = [
 	"time-input",
 	"time-picker",
 	"pass-trough"
-], yu = [
+], vu = [
 	{
 		name: "trigger",
 		use: ["input"]
@@ -9910,27 +9917,27 @@ var Vl = {
 	},
 	{
 		name: "hours-overlay-value",
-		use: vu
+		use: _u
 	},
 	{
 		name: "hours-overlay-header",
-		use: vu
+		use: _u
 	},
 	{
 		name: "minutes-overlay-value",
-		use: vu
+		use: _u
 	},
 	{
 		name: "minutes-overlay-header",
-		use: vu
+		use: _u
 	},
 	{
 		name: "seconds-overlay-value",
-		use: vu
+		use: _u
 	},
 	{
 		name: "seconds-overlay-header",
-		use: vu
+		use: _u
 	},
 	{
 		name: "hours",
@@ -10078,10 +10085,10 @@ var Vl = {
 		name: "menu-header",
 		use: ["menu"]
 	}
-], bu = (e, t) => yu.filter((n) => e[n.name] && n.use.includes(t)).map((e) => e.name), xu = (e, t) => yu.map((e) => e.name).concat(t?.filter((e) => e.slot).map((e) => e.slot) ?? []).filter((t) => !!e[t]), Su = {
+], yu = (e, t) => vu.filter((n) => e[n.name] && n.use.includes(t)).map((e) => e.name), bu = (e, t) => vu.map((e) => e.name).concat(t?.filter((e) => e.slot).map((e) => e.slot) ?? []).filter((t) => !!e[t]), xu = {
 	key: 1,
-	class: "dp__input_wrap"
-}, Cu = [
+	class: "dp--input-wrap"
+}, Su = [
 	"id",
 	"name",
 	"inputmode",
@@ -10094,10 +10101,10 @@ var Vl = {
 	"aria-label",
 	"aria-disabled",
 	"aria-invalid"
-], wu = {
+], Cu = {
 	key: 1,
 	class: "dp--clear-btn"
-}, Tu = ["aria-label"], Eu = /* @__PURE__ */ h({
+}, wu = ["aria-label"], Tu = /* @__PURE__ */ h({
 	__name: "DatepickerInput",
 	props: { isMenuOpen: {
 		type: Boolean,
@@ -10116,17 +10123,17 @@ var Vl = {
 		"real-blur"
 	],
 	setup(e, { expose: t, emit: n }) {
-		let r = n, i = e, { rootEmit: a, inputValue: d, rootProps: f, defaults: { textInput: m, ariaLabels: h, inline: g, config: _, range: v, multiDates: y, ui: b, inputAttrs: x } } = bl(), { checkMinMaxRange: S, isValidDate: C } = Nl(), { parseFreeInput: w, textPasted: D, createMaskedValue: O, applyMaxValues: ee } = gu(), { checkKeyDown: k, checkStopPropagation: A } = lu(), { boolHtmlAttribute: M } = hu(), N = G("dp-input"), P = F(null), I = F(!1), te = o(() => ({
-			dp__pointer: !f.disabled && !f.readonly && !m.value.enabled,
-			dp__disabled: f.disabled,
-			dp__input_readonly: !m.value.enabled,
-			dp__input: !0,
-			dp__input_not_clearable: !x.value.clearable,
-			dp__input_icon_pad: !x.value.hideInputIcon,
-			dp__input_valid: typeof x.value.state == "boolean" ? x.value.state : !1,
-			dp__input_invalid: typeof x.value.state == "boolean" ? !x.value.state : !1,
-			dp__input_focus: I.value || i.isMenuOpen,
-			dp__input_reg: !m.value.enabled,
+		let r = n, i = e, { rootEmit: a, inputValue: d, rootProps: f, defaults: { textInput: m, ariaLabels: h, inline: g, config: _, range: v, multiDates: y, ui: b, inputAttrs: x } } = bl(), { checkMinMaxRange: S, isValidDate: C } = Ml(), { parseFreeInput: w, textPasted: D, createMaskedValue: O, applyMaxValues: ee } = hu(), { checkKeyDown: k, checkStopPropagation: A } = cu(), { boolHtmlAttribute: M } = mu(), N = G("dp-input"), P = F(null), I = F(!1), te = o(() => ({
+			"dp--pointer": !f.disabled && !f.readonly && !m.value.enabled,
+			"dp--disabled": f.disabled,
+			"dp--input-readonly": !m.value.enabled,
+			"dp--input": !0,
+			"dp--input-not-clearable": !x.value.clearable,
+			"dp--input-icon-pad": !x.value.hideInputIcon,
+			"dp--input-valid": typeof x.value.state == "boolean" ? x.value.state : !1,
+			"dp--input-invalid": typeof x.value.state == "boolean" ? !x.value.state : !1,
+			"dp--input-focus": I.value || i.isMenuOpen,
+			"dp--input-reg": !m.value.enabled,
 			...b.value.input
 		})), R = () => {
 			r("set-input-date", null), x && f.autoApply && (r("set-empty-date"), P.value = null);
@@ -10156,19 +10163,19 @@ var Vl = {
 			}
 			o === "" ? R() : (m.value.openMenu && !i.isMenuOpen && r("open"), U(o), r("set-input-date", P.value)), D.value = !1, d.value = o, a("text-input", e, P.value);
 		}, ne = (e) => {
-			m.value.enabled ? (U(e.target.value), m.value.enterSubmit && C(P.value) && d.value !== "" ? (r("set-input-date", P.value, !0), P.value = null) : m.value.enterSubmit && d.value === "" && (P.value = null, r("clear"))) : K(e);
+			m.value.enabled ? (U(e.target.value), m.value.enterSubmit && C(P.value) && d.value !== "" ? (r("set-input-date", P.value, !0), P.value = null) : m.value.enterSubmit && d.value === "" && (P.value = null, r("clear"))) : ae(e);
 		}, re = (e, t) => {
 			m.value.enabled && m.value.tabSubmit && !t && U(e.target.value), m.value.tabSubmit && C(P.value) && d.value !== "" ? (r("set-input-date", P.value, !0, !0), P.value = null) : m.value.tabSubmit && d.value === "" && (P.value = null, r("clear"));
 		}, ie = () => {
 			I.value = !0, r("focus"), T().then(() => {
 				m.value.enabled && m.value.selectOnFocus && N.value?.select();
 			});
-		}, K = (e) => {
+		}, ae = (e) => {
 			if (A(e, _.value, !0), m.value.enabled && m.value.openMenu && !g.value.input) {
 				if (m.value.openMenu === "open" && !i.isMenuOpen) return r("open");
 				if (m.value.openMenu === "toggle") return r("toggle");
 			} else m.value.enabled || r("toggle");
-		}, ae = () => {
+		}, K = () => {
 			r("real-blur"), I.value = !1, (!i.isMenuOpen || g.value.enabled && g.value.input) && r("blur"), (f.autoApply && m.value.enabled && P.value && !i.isMenuOpen || m.value.applyOnBlur) && (r("set-input-date", P.value), r("select-date"), P.value = null);
 		}, oe = (e) => {
 			A(e, _.value, !0), r("clear");
@@ -10189,7 +10196,7 @@ var Vl = {
 		return t({
 			focusInput: le,
 			setParsedDate: q
-		}), (t, n) => (j(), l("div", { onClick: K }, [!t.$slots["dp-input"] && !H(g).enabled ? L(t.$slots, "trigger", { key: 0 }) : c("", !0), !t.$slots.trigger && (!H(g).enabled || H(g).input) ? (j(), l("div", Su, [
+		}), (t, n) => (j(), l("div", { onClick: ae }, [!t.$slots["dp-input"] && !H(g).enabled ? L(t.$slots, "trigger", { key: 0 }) : c("", !0), !t.$slots.trigger && (!H(g).enabled || H(g).input) ? (j(), l("div", xu, [
 			!t.$slots.trigger && (!H(g).enabled || H(g).enabled && H(g).input) ? L(t.$slots, "dp-input", {
 				key: 0,
 				value: H(d),
@@ -10198,7 +10205,7 @@ var Vl = {
 				onEnter: ne,
 				onTab: re,
 				onClear: oe,
-				onBlur: ae,
+				onBlur: K,
 				onKeypress: ce,
 				onPaste: V,
 				onFocus: ie,
@@ -10222,24 +10229,24 @@ var Vl = {
 				"aria-disabled": H(f).disabled || void 0,
 				"aria-invalid": H(x).state === !1 ? !0 : void 0,
 				onInput: W,
-				onBlur: ae,
+				onBlur: K,
 				onFocus: ie,
 				onKeypress: ce,
 				onKeydown: n[0] ||= (e) => ce(e),
 				onPaste: V,
 				onInvalid: n[1] ||= (e) => H(a)("invalid", e)
-			}, null, 42, Cu)]) : c("", !0),
+			}, null, 42, Su)]) : c("", !0),
 			u("div", { onClick: n[4] ||= (e) => r("toggle") }, [t.$slots["input-icon"] && !H(x).hideInputIcon ? (j(), l("span", {
 				key: 0,
-				class: "dp__input_icon",
+				class: "dp--input-icon",
 				onClick: n[2] ||= (e) => r("toggle")
 			}, [L(t.$slots, "input-icon")])) : c("", !0), !t.$slots["input-icon"] && !H(x).hideInputIcon && !t.$slots["dp-input"] ? (j(), s(H(dl), {
 				key: 1,
 				"aria-label": H(h)?.calendarIcon,
-				class: "dp__input_icon dp__input_icons",
+				class: "dp--input-icon dp--input-icons",
 				onClick: n[3] ||= (e) => r("toggle")
 			}, null, 8, ["aria-label"])) : c("", !0)]),
-			t.$slots["clear-icon"] && (H(x).alwaysClearable || H(d) && H(x).clearable && !H(f).disabled && !H(f).readonly) ? (j(), l("span", wu, [L(t.$slots, "clear-icon", { clear: oe })])) : c("", !0),
+			t.$slots["clear-icon"] && (H(x).alwaysClearable || H(d) && H(x).clearable && !H(f).disabled && !H(f).readonly) ? (j(), l("span", Cu, [L(t.$slots, "clear-icon", { clear: oe })])) : c("", !0),
 			!t.$slots["clear-icon"] && (H(x).alwaysClearable || H(x).clearable && H(d) && !H(f).disabled && !H(f).readonly) ? (j(), l("button", {
 				key: 2,
 				"aria-label": H(h)?.clearInput,
@@ -10248,17 +10255,17 @@ var Vl = {
 				"data-test-id": "clear-input-value-btn",
 				onKeydown: n[5] ||= (e) => H(k)(e, () => oe(e), !0, ue),
 				onClick: n[6] ||= fe((e) => oe(e), ["prevent"])
-			}, [p(H(fl), { class: "dp__input_icons" })], 40, Tu)) : c("", !0)
+			}, [p(H(fl), { class: "dp--input-icons" })], 40, wu)) : c("", !0)
 		])) : c("", !0)]));
 	}
-}), Du = {
+}), Eu = {
 	ref: "action-row",
-	class: "dp__action_row"
-}, Ou = ["title"], ku = {
+	class: "dp--action-row"
+}, Du = ["title"], Ou = {
 	ref: "action-buttons-container",
-	class: "dp__action_buttons",
+	class: "dp--action-buttons",
 	"data-dp-element": "action-row"
-}, Au = ["disabled"], ju = /* @__PURE__ */ h({
+}, ku = ["disabled"], Au = /* @__PURE__ */ h({
 	__name: "ActionRow",
 	props: {
 		menuMount: {
@@ -10273,7 +10280,7 @@ var Vl = {
 		"select-now"
 	],
 	setup(e, { emit: t }) {
-		let r = t, i = e, { rootEmit: a, rootProps: s, modelValue: d, defaults: { actionRow: p, multiCalendars: m, inline: h, range: g, multiDates: _, formats: v } } = bl(), { isTimeValid: y, isMonthValid: b } = Nl(), { formatPreview: x } = fu(), { checkKeyDown: S, convertType: C } = lu(), { boolHtmlAttribute: T } = hu(), E = G("action-buttons-container"), ee = G("action-row"), M = F(!1), N = F({});
+		let r = t, i = e, { rootEmit: a, rootProps: s, modelValue: d, defaults: { actionRow: p, multiCalendars: m, inline: h, range: g, multiDates: _, formats: v } } = bl(), { isTimeValid: y, isMonthValid: b } = Ml(), { formatPreview: x } = du(), { checkKeyDown: S, convertType: C } = cu(), { boolHtmlAttribute: T } = mu(), E = G("action-buttons-container"), ee = G("action-row"), M = F(!1), N = F({});
 		k(() => {
 			P(), globalThis.addEventListener("resize", P);
 		}), A(() => {
@@ -10293,21 +10300,21 @@ var Vl = {
 		}, V = o(() => !d.value || !i.menuMount ? "" : typeof v.value.preview == "string" ? Array.isArray(d.value) ? d.value.length === 2 && d.value[1] ? B() : _.value.enabled ? d.value.map((e) => `${x(e)}`) : s.modelAuto ? `${x(d.value[0])}` : `${x(d.value[0])} -` : x(d.value) : R()), U = () => _.value.enabled ? "; " : " - ", W = o(() => Array.isArray(V.value) ? V.value.join(U()) : V.value), ne = () => {
 			y.value(d.value) && b.value(d.value) && I.value ? r("select-date") : a("invalid-select");
 		};
-		return (e, t) => (j(), l("div", Du, [e.$slots["action-row"] ? L(e.$slots, "action-row", D(w({ key: 0 }, {
+		return (e, t) => (j(), l("div", Eu, [e.$slots["action-row"] ? L(e.$slots, "action-row", D(w({ key: 0 }, {
 			modelValue: H(d),
 			disabled: te.value,
 			selectDate: () => e.$emit("select-date"),
 			closePicker: () => e.$emit("close-picker")
 		}))) : (j(), l(n, { key: 1 }, [H(p).showPreview ? (j(), l("div", {
 			key: 0,
-			class: "dp__selection_preview",
+			class: "dp--selection-preview",
 			title: W.value || void 0,
 			style: O(N.value)
 		}, [e.$slots["action-preview"] && M.value ? L(e.$slots, "action-preview", {
 			key: 0,
 			value: H(d),
 			formatValue: W.value
-		}) : c("", !0), !e.$slots["action-preview"] && M.value ? (j(), l(n, { key: 1 }, [f(z(W.value), 1)], 64)) : c("", !0)], 12, Ou)) : c("", !0), u("div", ku, [e.$slots["action-buttons"] ? L(e.$slots, "action-buttons", {
+		}) : c("", !0), !e.$slots["action-preview"] && M.value ? (j(), l(n, { key: 1 }, [f(z(W.value), 1)], 64)) : c("", !0)], 12, Du)) : c("", !0), u("div", Ou, [e.$slots["action-buttons"] ? L(e.$slots, "action-buttons", {
 			key: 0,
 			value: H(d),
 			selectDate: ne,
@@ -10318,7 +10325,7 @@ var Vl = {
 				ref: "cancel-btn",
 				type: "button",
 				"data-dp-action-element": "0",
-				class: "dp__action_button dp__action_cancel",
+				class: "dp--action-button dp--action-cancel",
 				onClick: t[0] ||= (t) => e.$emit("close-picker"),
 				onKeydown: t[1] ||= (t) => H(S)(t, () => e.$emit("close-picker"))
 			}, z(H(p).cancelBtnLabel), 545)) : c("", !0),
@@ -10326,7 +10333,7 @@ var Vl = {
 				key: 1,
 				type: "button",
 				"data-dp-action-element": "0",
-				class: "dp__action_button dp__action_cancel",
+				class: "dp--action-button dp--action-cancel",
 				onClick: t[2] ||= (t) => e.$emit("select-now"),
 				onKeydown: t[3] ||= (t) => H(S)(t, () => e.$emit("select-now"))
 			}, z(H(p).nowBtnLabel), 33)) : c("", !0),
@@ -10335,26 +10342,26 @@ var Vl = {
 				ref: "select-btn",
 				type: "button",
 				"data-dp-action-element": "0",
-				class: "dp__action_button dp__action_select",
+				class: "dp--action-button dp--action-select",
 				disabled: H(T)(te.value),
 				"data-test-id": "select-button",
 				onKeydown: t[4] ||= (e) => H(S)(e, () => ne()),
 				onClick: ne
-			}, z(H(p).selectBtnLabel), 41, Au)) : c("", !0)
+			}, z(H(p).selectBtnLabel), 41, ku)) : c("", !0)
 		], 64))], 512)], 64))], 512));
 	}
-}), Mu = () => {
+}), ju = () => {
 	let { rootProps: e, defaults: { multiCalendars: t } } = bl();
 	return {
 		hideNavigationButtons: o(() => (t) => e.hideNavigation?.includes(t)),
 		showLeftIcon: o(() => (e) => t.value.count ? t.value.solo ? !0 : e === 0 : !0),
 		showRightIcon: o(() => (e) => t.value.count ? t.value.solo ? !0 : e === t.value.count - 1 : !0)
 	};
-}, Nu = [
+}, Mu = [
 	"role",
 	"aria-label",
 	"tabindex"
-], Pu = { class: "dp__selection_grid_header" }, Fu = [
+], Nu = { class: "dp--selection-grid-header" }, Pu = [
 	"aria-selected",
 	"aria-disabled",
 	"data-dp-action-element",
@@ -10363,7 +10370,7 @@ var Vl = {
 	"onClick",
 	"onKeydown",
 	"onMouseover"
-], Iu = ["aria-label", "data-dp-action-element"], Lu = /* @__PURE__ */ h({
+], Fu = ["aria-label", "data-dp-action-element"], Iu = /* @__PURE__ */ h({
 	__name: "SelectionOverlay",
 	props: {
 		items: {},
@@ -10381,7 +10388,7 @@ var Vl = {
 		"hover-value"
 	],
 	setup(e, { emit: t }) {
-		let r = t, i = e, { setState: a, defaults: { ariaLabels: s, config: d } } = bl(), { hideNavigationButtons: p } = Mu(), { handleEventPropagation: m, checkKeyDown: h } = lu(), g = G("toggle-button"), _ = G("overlay-container"), v = G("grid-wrap"), y = F(!1), b = F(null), x = F(), S = F(0);
+		let r = t, i = e, { setState: a, defaults: { ariaLabels: s, config: d } } = bl(), { hideNavigationButtons: p } = ju(), { handleEventPropagation: m, checkKeyDown: h } = cu(), g = G("toggle-button"), _ = G("overlay-container"), v = G("grid-wrap"), y = F(!1), b = F(null), x = F(), S = F(0);
 		ee(() => {
 			b.value = null;
 		}), k(async () => {
@@ -10390,22 +10397,22 @@ var Vl = {
 			a("arrowNavigationLevel", (i.level ?? 1) - 1);
 		});
 		let C = o(() => ({
-			dp__overlay: !0,
+			"dp--overlay": !0,
 			"dp--overlay-absolute": !i.useRelative,
 			"dp--overlay-relative": i.useRelative
 		})), w = o(() => i.useRelative ? {
 			height: `${i.height}px`,
 			width: "var(--dp-menu-min-width)"
-		} : void 0), D = o(() => ({ dp__overlay_col: !0 })), M = o(() => ({
-			dp__btn: !0,
-			dp__button: !0,
-			dp__overlay_action: !0,
-			dp__over_action_scroll: y.value,
-			dp__button_bottom: i.isLast
+		} : void 0), D = o(() => ({ "dp--overlay-col": !0 })), M = o(() => ({
+			"dp--btn-base dp--bg-none": !0,
+			"dp--button": !0,
+			"dp--overlay-action": !0,
+			"dp--over-action-scroll": y.value,
+			"dp--button-bottom": i.isLast
 		})), N = o(() => ({
-			dp__overlay_container: !0,
-			dp__container_flex: i.items?.length <= 6,
-			dp__container_block: i.items?.length > 6
+			"dp--overlay-container": !0,
+			"dp--container-flex": i.items?.length <= 6,
+			"dp--container-block": i.items?.length > 6
 		}));
 		ce(() => i.items, () => P(!1), { deep: !0 });
 		let P = (e = !0) => {
@@ -10440,9 +10447,9 @@ var Vl = {
 			class: E(N.value),
 			style: O({ "--dp-overlay-height": `${S.value}px` }),
 			role: "grid"
-		}, [u("div", Pu, [L(t.$slots, "header")]), L(t.$slots, "overlay", {}, () => [(j(!0), l(n, null, I(e.items, (r, i) => (j(), l("div", {
+		}, [u("div", Nu, [L(t.$slots, "header")]), L(t.$slots, "overlay", {}, () => [(j(!0), l(n, null, I(e.items, (r, i) => (j(), l("div", {
 			key: i,
-			class: E(["dp__overlay_row", { dp__flex_row: e.items.length >= 3 }]),
+			class: E(["dp--overlay-row", { "dp--flex-row": e.items.length >= 3 }]),
 			role: "row"
 		}, [(j(!0), l(n, null, I(r, (n) => (j(), l("div", {
 			key: n.value,
@@ -10457,7 +10464,7 @@ var Vl = {
 			onClick: fe((e) => te(n), ["prevent"]),
 			onKeydown: (e) => H(h)(e, () => te(n), !0),
 			onMouseover: (e) => V(n.value)
-		}, [u("div", { class: E(n.className) }, [L(t.$slots, "item", { item: n }, () => [f(z(n.text), 1)])], 2)], 42, Fu))), 128))], 2))), 128))])], 6), t.$slots["button-icon"] ? ue((j(), l("button", {
+		}, [u("div", { class: E(n.className) }, [L(t.$slots, "item", { item: n }, () => [f(z(n.text), 1)])], 2)], 42, Pu))), 128))], 2))), 128))])], 6), t.$slots["button-icon"] ? ue((j(), l("button", {
 			key: 0,
 			ref: "toggle-button",
 			type: "button",
@@ -10467,34 +10474,34 @@ var Vl = {
 			"data-dp-action-element": e.level ?? 1,
 			onClick: R,
 			onKeydown: W
-		}, [L(t.$slots, "button-icon")], 42, Iu)), [[se, !H(p)(e.type)]]) : c("", !0)], 46, Nu));
+		}, [L(t.$slots, "button-icon")], 42, Fu)), [[se, !H(p)(e.type)]]) : c("", !0)], 46, Mu));
 	}
-}), Ru = ["data-dp-mobile"], zu = /* @__PURE__ */ h({
+}), Lu = ["data-dp-mobile"], Ru = /* @__PURE__ */ h({
 	__name: "InstanceWrap",
 	props: {
 		stretch: { type: Boolean },
 		collapse: { type: Boolean }
 	},
 	setup(e) {
-		let { defaults: { multiCalendars: t } } = bl(), { isMobile: n } = du(), r = o(() => t.value.count > 0 ? [...Array(t.value.count).keys()] : [0]);
+		let { defaults: { multiCalendars: t } } = bl(), { isMobile: n } = uu(), r = o(() => t.value.count > 0 ? [...Array.from({ length: t.value.count }).keys()] : [0]);
 		return (i, a) => (j(), l("div", {
 			class: E({
-				dp__menu_inner: !e.stretch,
+				"dp--menu-inner": !e.stretch,
 				"dp--menu--inner-stretched": e.stretch,
-				dp__flex_display: H(t).count > 0,
+				"dp--flex-display": H(t).count > 0,
 				"dp--flex-display-collapsed": e.collapse
 			}),
 			"data-dp-mobile": H(n)
 		}, [L(i.$slots, "default", {
 			instances: r.value,
-			wrapClass: { dp__instance_calendar: H(t).count > 0 }
-		})], 10, Ru));
+			wrapClass: { "dp--instance-calendar": H(t).count > 0 }
+		})], 10, Lu));
 	}
-}), Bu = [
+}), zu = [
 	"data-dp-element",
 	"aria-label",
 	"aria-disabled"
-], Vu = /* @__PURE__ */ h({
+], Bu = /* @__PURE__ */ h({
 	__name: "ArrowBtn",
 	props: {
 		ariaLabel: {},
@@ -10503,21 +10510,21 @@ var Vl = {
 	},
 	emits: ["activate", "set-ref"],
 	setup(e, { emit: t }) {
-		let { checkKeyDown: n } = lu(), r = t;
+		let { checkKeyDown: n } = cu(), r = t;
 		return (t, i) => (j(), l("button", {
 			ref: "arrow-btn",
 			type: "button",
 			"data-dp-element": e.elName,
 			"data-dp-action-element": "0",
-			class: "dp__btn dp--arrow-btn-nav",
+			class: "dp--btn-base dp--bg-none dp--arrow-btn-nav",
 			tabindex: "0",
 			"aria-label": e.ariaLabel,
 			"aria-disabled": e.disabled || void 0,
 			onClick: i[0] ||= (e) => r("activate"),
 			onKeydown: i[1] ||= (e) => H(n)(e, () => r("activate"), !0)
-		}, [u("span", { class: E(["dp__inner_nav", { dp__inner_nav_disabled: e.disabled }]) }, [L(t.$slots, "default")], 2)], 40, Bu));
+		}, [u("span", { class: E(["dp--inner-nav", { "dp--inner-nav-disabled": e.disabled }]) }, [L(t.$slots, "default")], 2)], 40, zu));
 	}
-}), Hu = ["aria-label", "data-test-id"], Uu = /* @__PURE__ */ h({
+}), Vu = ["aria-label", "data-test-id"], Hu = /* @__PURE__ */ h({
 	__name: "YearModePicker",
 	props: {
 		items: {},
@@ -10535,7 +10542,7 @@ var Vl = {
 		"toggle-year-picker"
 	],
 	setup(e, { emit: t }) {
-		let r = t, i = e, { showRightIcon: m, showLeftIcon: h } = Mu(), { rootProps: g, defaults: { config: _, ariaLabels: v, ui: y } } = bl(), { showTransition: b, transitionName: x } = jl(), { formatYear: S } = fu(), { boolHtmlAttribute: C } = hu(), w = F(!1), T = o(() => S(i.year)), D = (e = !1, t) => {
+		let r = t, i = e, { showRightIcon: m, showLeftIcon: h } = ju(), { rootProps: g, defaults: { config: _, ariaLabels: v, ui: y } } = bl(), { showTransition: b, transitionName: x } = Al(), { formatYear: S } = du(), { boolHtmlAttribute: C } = mu(), w = F(!1), T = o(() => S(i.year)), D = (e = !1, t) => {
 			w.value = !w.value, r("toggle-year-picker", {
 				flow: e,
 				show: t
@@ -10546,7 +10553,7 @@ var Vl = {
 			r("handle-year", e);
 		};
 		return (t, r) => (j(), l(n, null, [u("div", { class: E(["dp--year-mode-picker", { "dp--hidden-el": w.value }]) }, [
-			H(h)(e.instance) ? (j(), s(Vu, {
+			H(h)(e.instance) ? (j(), s(Bu, {
 				key: 0,
 				ref: "mpPrevIconRef",
 				"aria-label": H(v)?.prevYear,
@@ -10563,7 +10570,7 @@ var Vl = {
 			])) : c("", !0),
 			u("button", {
 				ref: "mpYearButtonRef",
-				class: "dp__btn dp--year-select",
+				class: "dp--btn-base dp--bg-none dp--month-year-select-base dp--year-select",
 				type: "button",
 				"aria-label": `${e.year}-${H(v)?.openYearsOverlay}`,
 				"data-test-id": `year-mode-btn-${e.instance}`,
@@ -10574,8 +10581,8 @@ var Vl = {
 				key: 0,
 				text: T.value,
 				value: e.year
-			}) : c("", !0), t.$slots.year ? c("", !0) : (j(), l(n, { key: 1 }, [f(z(e.year), 1)], 64))], 40, Hu),
-			H(m)(e.instance) ? (j(), s(Vu, {
+			}) : c("", !0), t.$slots.year ? c("", !0) : (j(), l(n, { key: 1 }, [f(z(e.year), 1)], 64))], 40, Vu),
+			H(m)(e.instance) ? (j(), s(Bu, {
 				key: 1,
 				ref: "mpNextIconRef",
 				"aria-label": H(v)?.nextYear,
@@ -10594,7 +10601,7 @@ var Vl = {
 			name: H(x)(e.showYearPicker),
 			css: H(b)
 		}, {
-			default: q(() => [e.showYearPicker ? (j(), s(Lu, {
+			default: q(() => [e.showYearPicker ? (j(), s(Iu, {
 				key: 0,
 				items: e.items,
 				config: H(_),
@@ -10622,8 +10629,8 @@ var Vl = {
 			_: 3
 		}, 8, ["name", "css"])], 64));
 	}
-}), Wu = (e) => {
-	let { getDate: t, rootEmit: n, state: r, month: i, year: a, modelValue: s, calendars: c, rootProps: l, defaults: { multiCalendars: u, range: d, safeDates: f, filters: p, highlight: m } } = bl(), { resetDate: h, getYearFromDate: g, checkHighlightYear: _, groupListAndMap: v } = uu(), { getYears: y } = pu(), { validateMonthYear: b, checkMinMaxValue: x } = Nl(), S = F([!1]), C = o(() => y()), w = o(() => (e, n) => {
+}), Uu = (e) => {
+	let { getDate: t, rootEmit: n, state: r, month: i, year: a, modelValue: s, calendars: c, rootProps: l, defaults: { multiCalendars: u, range: d, safeDates: f, filters: p, highlight: m } } = bl(), { resetDate: h, getYearFromDate: g, checkHighlightYear: _, groupListAndMap: v } = lu(), { getYears: y } = fu(), { validateMonthYear: b, checkMinMaxValue: x } = Ml(), S = F([!1]), C = o(() => y()), w = o(() => (e, n) => {
 		let r = Kc(h(t()), {
 			month: i.value(e),
 			year: a.value(e)
@@ -10673,7 +10680,7 @@ var Vl = {
 		}), u.value.count && !u.value.solo && D(t);
 	}, N = o(() => (e) => v(C.value, (t) => ({
 		active: a.value(e) === t.value,
-		disabled: x(t.value, g(f.value.minDate), g(f.value.maxDate)) || p.value.years?.includes(a.value(e)),
+		disabled: x(t.value, g(f.value.minDate), g(f.value.maxDate)) || p.value.years?.includes(t.value),
 		highlighted: _(m.value, t.value)
 	}))), P = (e, t) => {
 		M(e, t), L(t);
@@ -10700,8 +10707,8 @@ var Vl = {
 		handleYearSelect: P,
 		handleYear: I
 	};
-}, Gu = () => {
-	let { isDateAfter: e, isDateBefore: t, isDateEqual: n } = uu(), { getDate: r, rootEmit: i, rootProps: a, modelValue: o, defaults: { range: s } } = bl();
+}, Wu = () => {
+	let { isDateAfter: e, isDateBefore: t, isDateEqual: n } = lu(), { getDate: r, rootEmit: i, rootProps: a, modelValue: o, defaults: { range: s } } = bl();
 	return {
 		getRangeWithFixedDate: (r) => Array.isArray(o.value) && (o.value.length === 2 || o.value.length === 1 && s.value.partialRange) ? s.value.fixedStart && (e(r, o.value[0]) || n(r, o.value[0])) ? [o.value[0], r] : s.value.fixedEnd && (t(r, o.value[1]) || n(r, o.value[1])) ? [r, o.value[1]] : (i("invalid-fixed-range", r), o.value) : [],
 		setPresetDate: (e) => {
@@ -10722,12 +10729,12 @@ var Vl = {
 			else o.value = [e];
 		}
 	};
-}, Ku = (e, t) => {
+}, Gu = (e, t) => {
 	let { getDate: n, rootEmit: r, state: i, calendars: a, year: s, modelValue: c, rootProps: l, defaults: { range: u, highlight: d, safeDates: f, filters: p, multiDates: m } } = bl();
-	Ml(() => {
+	jl(() => {
 		i.isTextInputDate && I($(n(l.startDate)), 0);
 	});
-	let { checkMinMaxRange: h, checkMinMaxValue: g } = Nl(), { isDateBetween: _, resetDateTime: v, resetDate: y, getMinMonth: b, getMaxMonth: x, checkHighlightMonth: S, groupListAndMap: C } = uu(), { checkRangeAutoApply: w, getRangeWithFixedDate: E, handleMultiDatesSelect: D, setMonthOrYearRange: O, setPresetDate: ee } = Gu(), { padZero: A } = lu(), { getMonths: j, isOutOfYearRange: M } = pu(), N = o(() => j()), P = F(null), { selectYear: I, groupedYears: L, showYearPicker: te, toggleYearPicker: R, handleYearSelect: z, handleYear: B, isDisabled: V, setStartDate: H } = Wu(t);
+	let { checkMinMaxRange: h, checkMinMaxValue: g } = Ml(), { isDateBetween: _, resetDateTime: v, resetDate: y, getMinMonth: b, getMaxMonth: x, checkHighlightMonth: S, groupListAndMap: C } = lu(), { checkRangeAutoApply: w, getRangeWithFixedDate: E, handleMultiDatesSelect: D, setMonthOrYearRange: O, setPresetDate: ee } = Wu(), { padZero: A } = cu(), { getMonths: j, isOutOfYearRange: M } = fu(), N = o(() => j()), P = F(null), { selectYear: I, groupedYears: L, showYearPicker: te, toggleYearPicker: R, handleYearSelect: z, handleYear: B, isDisabled: V, setStartDate: H } = Uu(t);
 	k(() => {
 		H();
 	});
@@ -10761,22 +10768,22 @@ var Vl = {
 		disabled: g(t.value, b(s.value(e), f.value.minDate), x(s.value(e), f.value.maxDate)) || fe(f.value.disabledDates, s.value(e), t.value) || p.value.months?.includes(t.value) || !pe(f.value.allowedDates, s.value(e), t.value) || M(s.value(e)),
 		isBetween: re(t.value, e),
 		highlighted: S(d.value, t.value, s.value(e))
-	}))), K = (e, t) => Kc(y(n()), {
+	}))), ae = (e, t) => Kc(y(n()), {
 		month: e,
 		year: s.value(t)
-	}), ae = (e, r) => {
+	}), K = (e, r) => {
 		c.value = Kc(c.value ? c.value : y(n()), {
 			month: e,
 			year: s.value(r)
 		}), t("auto-apply"), t("update-flow-step");
 	}, oe = (e, n) => {
-		let r = K(e, n);
-		u.value.fixedEnd || u.value.fixedStart ? c.value = E(r) : c.value ? h(r, c.value) && (c.value = O(K(e, n))) : c.value = [K(e, n)], T().then(() => {
+		let r = ae(e, n);
+		u.value.fixedEnd || u.value.fixedStart ? c.value = E(r) : c.value ? h(r, c.value) && (c.value = O(ae(e, n))) : c.value = [ae(e, n)], T().then(() => {
 			w(c.value, t, c.value.length < 2);
 		});
 	}, se = (e, n) => {
-		D(K(e, n), m.value.limit), t("auto-apply", !0);
-	}, ce = (e, t) => (a.value[t].month = e, q(t, a.value[t].year, e), m.value.enabled ? se(e, t) : u.value.enabled ? oe(e, t) : ae(e, t)), le = (e, t) => {
+		D(ae(e, n), m.value.limit), t("auto-apply", !0);
+	}, ce = (e, t) => (a.value[t].month = e, q(t, a.value[t].year, e), m.value.enabled ? se(e, t) : u.value.enabled ? oe(e, t) : K(e, t)), le = (e, t) => {
 		I(e, t), q(t, e, null);
 	}, q = (e, t, n) => {
 		let i = n;
@@ -10790,7 +10797,7 @@ var Vl = {
 			month: i
 		});
 	}, ue = (e, t) => {
-		P.value = K(e, t);
+		P.value = ae(e, t);
 	}, de = (e) => {
 		ee({ value: e }), t("auto-apply");
 	}, fe = (e, t, r) => {
@@ -10825,7 +10832,7 @@ var Vl = {
 		selectYear: le,
 		getModelMonthYear: W
 	};
-}, qu = /* @__PURE__ */ h({
+}, Ku = /* @__PURE__ */ h({
 	__name: "MonthPicker",
 	props: {
 		flowStep: {},
@@ -10840,11 +10847,11 @@ var Vl = {
 		"mount"
 	],
 	setup(e, { expose: t, emit: r }) {
-		let i = r, a = e, o = ne(), { rootProps: u, defaults: { config: f } } = bl(), m = bu(o, _u.YearMode);
+		let i = r, a = e, o = ne(), { rootProps: u, defaults: { config: f } } = bl(), m = yu(o, gu.YearMode);
 		k(() => {
 			i("mount");
 		});
-		let { groupedMonths: h, groupedYears: g, year: _, isDisabled: v, showYearPicker: y, modelValue: b, presetDate: x, setHoverDate: S, selectMonth: C, selectYear: T, toggleYearPicker: D, handleYearSelect: O, handleYear: ee, getModelMonthYear: A } = Ku(a, i);
+		let { groupedMonths: h, groupedYears: g, year: _, isDisabled: v, showYearPicker: y, modelValue: b, presetDate: x, setHoverDate: S, selectMonth: C, selectYear: T, toggleYearPicker: D, handleYearSelect: O, handleYear: ee, getModelMonthYear: A } = Gu(a, i);
 		return t({
 			getSidebarProps: () => ({
 				modelValue: b,
@@ -10856,7 +10863,7 @@ var Vl = {
 			}),
 			presetDate: x,
 			toggleYearPicker: (e) => D(0, e)
-		}), (t, r) => (j(), s(zu, {
+		}), (t, r) => (j(), s(Ru, {
 			collapse: e.collapse,
 			stretch: ""
 		}, {
@@ -10867,13 +10874,14 @@ var Vl = {
 				key: 0,
 				value: H(b)
 			}) : c("", !0), L(t.$slots, "month-year", w({ ref_for: !0 }, {
+				mode: "month",
 				year: H(_),
 				months: H(h)(n),
 				years: H(g)(n),
 				selectMonth: H(C),
 				selectYear: H(T),
 				instance: n
-			}), () => [p(Lu, {
+			}), () => [p(Iu, {
 				items: H(h)(n),
 				"is-last": H(u).autoApply && !H(f).keepActionRow,
 				height: H(f).modeHeight,
@@ -10884,7 +10892,7 @@ var Vl = {
 				onSelected: (e) => H(C)(e, n),
 				onHoverValue: (e) => H(S)(e, n)
 			}, d({
-				header: q(() => [p(Uu, {
+				header: q(() => [p(Hu, {
 					items: H(g)(n),
 					instance: n,
 					"show-year-picker": H(y)[n],
@@ -10925,9 +10933,9 @@ var Vl = {
 			_: 3
 		}, 8, ["collapse"]));
 	}
-}), Ju = (e, t) => {
-	let { rootEmit: n, getDate: r, state: i, modelValue: a, rootProps: s, defaults: { highlight: c, multiDates: l, filters: u, range: d, safeDates: f } } = bl(), { getYears: p } = pu(), { isDateBetween: m, resetDate: h, resetDateTime: g, getYearFromDate: _, checkHighlightYear: v, groupListAndMap: y } = uu(), { checkRangeAutoApply: b, setMonthOrYearRange: x } = Gu(), { checkMinMaxValue: S, checkMinMaxRange: C } = Nl();
-	Ml(() => {
+}), qu = (e, t) => {
+	let { rootEmit: n, getDate: r, state: i, modelValue: a, rootProps: s, defaults: { highlight: c, multiDates: l, filters: u, range: d, safeDates: f } } = bl(), { getYears: p } = fu(), { isDateBetween: m, resetDate: h, resetDateTime: g, getYearFromDate: _, checkHighlightYear: v, groupListAndMap: y } = lu(), { checkRangeAutoApply: b, setMonthOrYearRange: x } = Wu(), { checkMinMaxValue: S, checkMinMaxRange: C } = Ml();
+	jl(() => {
 		i.isTextInputDate && (E.value = $(r(s.startDate)));
 	});
 	let w = F(null), E = F();
@@ -10960,7 +10968,7 @@ var Vl = {
 			})) : (a.value = M(e), t("auto-apply"));
 		}
 	};
-}, Yu = /* @__PURE__ */ h({
+}, Ju = /* @__PURE__ */ h({
 	__name: "YearPicker",
 	props: {
 		flowStep: {},
@@ -10970,7 +10978,7 @@ var Vl = {
 	},
 	emits: ["reset-flow", "auto-apply"],
 	setup(e, { expose: t, emit: n }) {
-		let r = n, i = e, { modelValue: a, defaults: { config: o }, rootProps: u } = bl(), { groupedYears: f, focusYear: p, selectYear: m, setHoverValue: h } = Ju(i, r);
+		let r = n, i = e, { modelValue: a, defaults: { config: o }, rootProps: u } = bl(), { groupedYears: f, focusYear: p, selectYear: m, setHoverValue: h } = qu(i, r);
 		return t({ getSidebarProps: () => ({
 			modelValue: a,
 			selectYear: m
@@ -10978,9 +10986,10 @@ var Vl = {
 			key: 0,
 			value: H(a)
 		}) : c("", !0), t.$slots["month-year"] ? L(t.$slots, "month-year", D(w({ key: 1 }, {
+			mode: "year",
 			years: H(f),
 			selectYear: H(m)
-		}))) : (j(), s(Lu, {
+		}))) : (j(), s(Iu, {
 			key: 2,
 			items: H(f),
 			"is-last": H(u).autoApply && !H(o).keepActionRow,
@@ -11008,35 +11017,35 @@ var Vl = {
 			"onHoverValue"
 		]))]));
 	}
-}), Xu = {
+}), Yu = {
 	key: 0,
-	class: "dp__time_input"
-}, Zu = ["data-compact", "data-collapsed"], Qu = [
+	class: "dp--time-input"
+}, Xu = ["data-compact", "data-collapsed"], Zu = [
 	"data-test-id",
 	"aria-label",
 	"data-dp-action-element",
 	"onKeydown",
 	"onClick",
 	"onMousedown"
-], $u = [
+], Qu = [
 	"aria-label",
 	"disabled",
 	"data-dp-action-element",
 	"data-test-id",
 	"onKeydown",
 	"onClick"
-], ed = [
+], $u = [
 	"data-test-id",
 	"aria-label",
 	"data-dp-action-element",
 	"onKeydown",
 	"onClick",
 	"onMousedown"
-], td = { key: 0 }, nd = [
+], ed = { key: 0 }, td = [
 	"aria-label",
 	"data-dp-action-element",
 	"data-compact"
-], rd = /* @__PURE__ */ h({
+], nd = /* @__PURE__ */ h({
 	__name: "TimeInput",
 	props: {
 		hours: {},
@@ -11059,7 +11068,7 @@ var Vl = {
 		"mounted"
 	],
 	setup(e, { expose: t, emit: r }) {
-		let i = r, m = e, { getDate: h, rootEmit: g, rootProps: _, defaults: { ariaLabels: v, filters: y, config: b, range: x, multiCalendars: S, timeConfig: C } } = bl(), { checkKeyDown: w, hoursToAmPmHours: T } = lu(), { boolHtmlAttribute: D } = hu(), { sanitizeTime: O, groupListAndMap: ee } = uu(), { transitionName: A, showTransition: M } = jl(), P = N({
+		let i = r, m = e, { getDate: h, rootEmit: g, rootProps: _, defaults: { ariaLabels: v, filters: y, config: b, range: x, multiCalendars: S, timeConfig: C } } = bl(), { checkKeyDown: w, hoursToAmPmHours: T } = cu(), { boolHtmlAttribute: D } = mu(), { sanitizeTime: O, groupListAndMap: ee } = lu(), { transitionName: A, showTransition: M } = Al(), P = N({
 			hours: !1,
 			minutes: !1,
 			seconds: !1
@@ -11076,20 +11085,20 @@ var Vl = {
 			hours: m.hours,
 			minutes: m.minutes,
 			seconds: m.seconds
-		})), ie = (e, t) => x.value.enabled && !x.value.disableTimeRangeValidation ? !m.validateTime(e, t) : !1, K = (e, t) => {
+		})), ie = (e, t) => x.value.enabled && !x.value.disableTimeRangeValidation ? !m.validateTime(e, t) : !1, ae = (e, t) => {
 			if (x.value.enabled && !x.value.disableTimeRangeValidation) {
 				let n = t ? +C.value[`${e}Increment`] : -+C.value[`${e}Increment`], r = m[e] + n;
 				return !m.validateTime(e, r);
 			}
 			return !1;
-		}, ae = o(() => (e) => !ye(+m[e] + +C.value[`${e}Increment`], e) || K(e, !0)), oe = o(() => (e) => !ye(m[e] - +C.value[`${e}Increment`], e) || K(e, !1)), se = (e, t) => ro(Kc(h(), e), t), ce = (e, t) => Zc(Kc(h(), e), t), le = o(() => ({
-			dp__time_col: !0,
-			dp__time_col_block: !C.value.timePickerInline,
-			dp__time_col_reg_block: !C.value.enableSeconds && C.value.is24 && !C.value.timePickerInline,
-			dp__time_col_reg_inline: !C.value.enableSeconds && C.value.is24 && C.value.timePickerInline,
-			dp__time_col_reg_with_button: !C.value.enableSeconds && !C.value.is24,
-			dp__time_col_sec: C.value.enableSeconds && C.value.is24,
-			dp__time_col_sec_with_button: C.value.enableSeconds && !C.value.is24
+		}, K = o(() => (e) => !ye(+m[e] + +C.value[`${e}Increment`], e) || ae(e, !0)), oe = o(() => (e) => !ye(m[e] - +C.value[`${e}Increment`], e) || ae(e, !1)), se = (e, t) => ro(Kc(h(), e), t), ce = (e, t) => Zc(Kc(h(), e), t), le = o(() => ({
+			"dp--time-col": !0,
+			"dp--time-col-block": !C.value.timePickerInline,
+			"dp--time-col-reg-block": !C.value.enableSeconds && C.value.is24 && !C.value.timePickerInline,
+			"dp--time-col-reg-inline": !C.value.enableSeconds && C.value.is24 && C.value.timePickerInline,
+			"dp--time-col-reg-with-button": !C.value.enableSeconds && !C.value.is24,
+			"dp--time-col-sec": C.value.enableSeconds && C.value.is24,
+			"dp--time-col-sec-with-button": C.value.enableSeconds && !C.value.is24
 		})), ue = o(() => C.value.timePickerInline && x.value.enabled && !S.value.count), de = o(() => {
 			let e = [{ type: "hours" }];
 			return C.value.enableMinutes && e.push({
@@ -11115,7 +11124,7 @@ var Vl = {
 			if (!m.disabledTimesConfig) return !1;
 			let n = m.disabledTimesConfig(m.order, e === "hours" ? t : void 0);
 			return n[e] ? !!n[e]?.includes(t) : !0;
-		}, he = (e, t) => t !== "hours" || R.value === "AM" ? e : e + 12, ge = (e) => {
+		}, he = (e, t) => t === "hours" ? R.value === "AM" ? e : e + 12 : e, ge = (e) => {
 			let t = C.value.is24 ? 24 : 12, n = e === "hours" ? t : 60, r = +C.value[`${e}GridIncrement`], i = e === "hours" && !C.value.is24 ? r : 0, a = [];
 			for (let t = i; t < n; t += r) a.push({
 				value: C.value.is24 ? t : he(t, e),
@@ -11145,7 +11154,7 @@ var Vl = {
 		}, De = (e) => {
 			P[e] = !0;
 		}, Oe = (e, t) => (xe(e), i(`update:${e}`, t));
-		return t({ openChildCmp: De }), (e, t) => H(_).disabled ? c("", !0) : (j(), l("div", Xu, [
+		return t({ openChildCmp: De }), (e, t) => H(_).disabled ? c("", !0) : (j(), l("div", Yu, [
 			(j(!0), l(n, null, I(de.value, (r, i) => (j(), l("div", {
 				key: i,
 				class: E(le.value),
@@ -11155,11 +11164,11 @@ var Vl = {
 				u("button", {
 					type: "button",
 					class: E({
-						dp__btn: !0,
-						dp__inc_dec_button: !H(C).timePickerInline,
-						dp__inc_dec_button_inline: H(C).timePickerInline,
-						dp__tp_inline_btn_top: H(C).timePickerInline,
-						dp__inc_dec_button_disabled: ae.value(r.type),
+						"dp--btn-base dp--bg-none": !0,
+						"dp--inc-dec-button": !H(C).timePickerInline,
+						"dp--inc-dec-button-inline": H(C).timePickerInline,
+						"dp--tp-inline-btn-top": H(C).timePickerInline,
+						"dp--inc-dec-button-disabled": K.value(r.type),
 						"dp--hidden-el": U.value
 					}),
 					"data-test-id": `${r.type}-time-inc-btn-${m.order}`,
@@ -11170,16 +11179,16 @@ var Vl = {
 					onClick: (e) => H(b).timeArrowHoldThreshold ? void 0 : we(r.type, !0),
 					onMousedown: (e) => H(b).timeArrowHoldThreshold ? we(r.type, !0) : void 0,
 					onMouseup: Ce
-				}, [H(C).timePickerInline ? L(e.$slots, "tp-inline-arrow-up", { key: 1 }, () => [t[2] ||= u("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_l" }, null, -1), t[3] ||= u("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_r" }, null, -1)]) : L(e.$slots, "arrow-up", { key: 0 }, () => [p(H(gl))])], 42, Qu),
+				}, [H(C).timePickerInline ? L(e.$slots, "tp-inline-arrow-up", { key: 1 }, () => [t[2] ||= u("span", { class: "dp--tp-inline-btn-bar dp--tp-btn-in-l" }, null, -1), t[3] ||= u("span", { class: "dp--tp-inline-btn-bar dp--tp-btn-in-r" }, null, -1)]) : L(e.$slots, "arrow-up", { key: 0 }, () => [p(H(gl))])], 42, Zu),
 				u("button", {
 					type: "button",
 					"aria-label": `${pe.value(r.type).text}-${H(v)?.openTpOverlay(r.type)}`,
 					class: E({
-						dp__time_display: !0,
-						dp__time_display_block: !H(C).timePickerInline,
-						dp__time_display_inline: H(C).timePickerInline,
-						"dp--time-invalid": G.value(r.type),
-						"dp--time-overlay-btn": !G.value(r.type),
+						"dp--time-display": !0,
+						"dp--time-display-block": !H(C).timePickerInline,
+						"dp--time-display-inline": H(C).timePickerInline,
+						"dp--btn-base dp--time-invalid": G.value(r.type),
+						"dp--btn-base dp--time-overlay-btn": !G.value(r.type),
 						"dp--hidden-el": U.value
 					}),
 					disabled: H(D)(be(r.type)),
@@ -11191,15 +11200,15 @@ var Vl = {
 				}, [L(e.$slots, r.type, {
 					text: pe.value(r.type).text,
 					value: pe.value(r.type).value
-				}, () => [f(z(pe.value(r.type).text), 1)])], 42, $u),
+				}, () => [f(z(pe.value(r.type).text), 1)])], 42, Qu),
 				u("button", {
 					type: "button",
 					class: E({
-						dp__btn: !0,
-						dp__inc_dec_button: !H(C).timePickerInline,
-						dp__inc_dec_button_inline: H(C).timePickerInline,
-						dp__tp_inline_btn_bottom: H(C).timePickerInline,
-						dp__inc_dec_button_disabled: oe.value(r.type),
+						"dp--btn-base dp--bg-none": !0,
+						"dp--inc-dec-button": !H(C).timePickerInline,
+						"dp--inc-dec-button-inline": H(C).timePickerInline,
+						"dp--tp-inline-btn-bottom": H(C).timePickerInline,
+						"dp--inc-dec-button-disabled": oe.value(r.type),
 						"dp--hidden-el": U.value
 					}),
 					"data-test-id": `${r.type}-time-dec-btn-${m.order}`,
@@ -11210,16 +11219,16 @@ var Vl = {
 					onClick: (e) => H(b).timeArrowHoldThreshold ? void 0 : we(r.type, !1),
 					onMousedown: (e) => H(b).timeArrowHoldThreshold ? we(r.type, !1) : void 0,
 					onMouseup: Ce
-				}, [H(C).timePickerInline ? L(e.$slots, "tp-inline-arrow-down", { key: 1 }, () => [t[4] ||= u("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_l" }, null, -1), t[5] ||= u("span", { class: "dp__tp_inline_btn_bar dp__tp_btn_in_r" }, null, -1)]) : L(e.$slots, "arrow-down", { key: 0 }, () => [p(H(_l))])], 42, ed)
-			], 64))], 10, Zu))), 128)),
-			H(C).is24 ? c("", !0) : (j(), l("div", td, [L(e.$slots, "am-pm-button", {
+				}, [H(C).timePickerInline ? L(e.$slots, "tp-inline-arrow-down", { key: 1 }, () => [t[4] ||= u("span", { class: "dp--tp-inline-btn-bar dp--tp-btn-in-l" }, null, -1), t[5] ||= u("span", { class: "dp--tp-inline-btn-bar dp--tp-btn-in-r" }, null, -1)]) : L(e.$slots, "arrow-down", { key: 0 }, () => [p(H(_l))])], 42, $u)
+			], 64))], 10, Xu))), 128)),
+			H(C).is24 ? c("", !0) : (j(), l("div", ed, [L(e.$slots, "am-pm-button", {
 				toggle: Ee,
 				value: R.value
 			}, () => [u("button", {
 				ref_key: "amPmButton",
 				ref: B,
 				type: "button",
-				class: "dp__pm_am_button",
+				class: "dp--pm-am-button",
 				role: "button",
 				"aria-label": H(v)?.amPmButton,
 				tabindex: "0",
@@ -11227,13 +11236,13 @@ var Vl = {
 				"data-compact": ue.value,
 				onClick: Ee,
 				onKeydown: t[0] ||= (e) => H(w)(e, () => Ee(), !0)
-			}, z(R.value), 41, nd)])])),
+			}, z(R.value), 41, td)])])),
 			(j(!0), l(n, null, I(fe.value, (n, r) => (j(), s(a, {
 				key: r,
 				name: H(A)(P[n.type]),
 				css: H(M)
 			}, {
-				default: q(() => [P[n.type] ? (j(), s(Lu, {
+				default: q(() => [P[n.type] ? (j(), s(Iu, {
 					key: 0,
 					items: ge(n.type),
 					"is-last": H(_).autoApply && !H(b).keepActionRow,
@@ -11272,11 +11281,11 @@ var Vl = {
 			}, 1032, ["name", "css"]))), 128))
 		]));
 	}
-}), id = ["data-dp-mobile"], ad = ["aria-label", "tabindex"], od = [
+}), rd = ["data-dp-mobile"], id = ["aria-label", "tabindex"], ad = [
 	"role",
 	"aria-label",
 	"tabindex"
-], sd = ["aria-label"], cd = /* @__PURE__ */ h({
+], od = ["aria-label"], sd = /* @__PURE__ */ h({
 	__name: "TimePicker",
 	props: {
 		hours: {},
@@ -11294,7 +11303,7 @@ var Vl = {
 		"reset-flow"
 	],
 	setup(e, { expose: t, emit: r }) {
-		let i = r, f = e, { rootEmit: m, setState: h, modelValue: g, rootProps: _, defaults: { ariaLabels: v, textInput: y, config: b, range: x, timeConfig: S } } = bl(), { isModelAuto: C } = uu(), { checkKeyDown: D, findFocusableEl: ee } = lu(), { transitionName: A, showTransition: M } = jl(), { hideNavigationButtons: N } = Mu(), { isMobile: P } = du(), te = ne(), R = G("overlay"), z = G("close-tp-btn"), B = G("tp-input"), V = F(!1);
+		let i = r, f = e, { rootEmit: m, setState: h, modelValue: g, rootProps: _, defaults: { ariaLabels: v, textInput: y, config: b, range: x, timeConfig: S } } = bl(), { isModelAuto: C } = lu(), { checkKeyDown: D, findFocusableEl: ee } = cu(), { transitionName: A, showTransition: M } = Al(), { hideNavigationButtons: N } = ju(), { isMobile: P } = uu(), te = ne(), R = G("overlay"), z = G("close-tp-btn"), B = G("tp-input"), V = F(!1);
 		k(() => {
 			i("mount");
 		});
@@ -11307,18 +11316,18 @@ var Vl = {
 			if (x.value.enabled) for (let t = 0; t < 2; t++) e.push(re(t));
 			else e.push(re(0));
 			return e;
-		}), K = (e, t = !1, n = "") => {
+		}), ae = (e, t = !1, n = "") => {
 			t || i("reset-flow"), W.value = e, h("arrowNavigationLevel", +!!e), m("overlay-toggle", {
 				open: e,
 				overlay: Cl.time
-			}), T(() => {
+			}), T().then(() => {
 				n !== "" && B.value?.[0] && B.value[0].openChildCmp(n);
 			});
-		}, ae = o(() => ({
-			dp__btn: !0,
-			dp__button: !0,
-			dp__button_bottom: _.autoApply && !b.value.keepActionRow
-		})), oe = bu(te, _u.TimeInput), ce = (e, t, n) => x.value.enabled ? t === 0 ? [e, ie.value[1][n]] : [ie.value[0][n], e] : e, le = (e) => {
+		}, K = o(() => ({
+			"dp--btn-base dp--bg-none": !0,
+			"dp--button": !0,
+			"dp--button-bottom": _.autoApply && !b.value.keepActionRow
+		})), oe = yu(te, gu.TimeInput), ce = (e, t, n) => x.value.enabled ? t === 0 ? [e, ie.value[1][n]] : [ie.value[0][n], e] : e, le = (e) => {
 			i("update:hours", e);
 		}, de = (e) => {
 			i("update:minutes", e);
@@ -11340,7 +11349,7 @@ var Vl = {
 				overlay: e
 			});
 		};
-		return t({ toggleTimePicker: K }), (t, r) => (j(), l("div", {
+		return t({ toggleTimePicker: ae }), (t, r) => (j(), l("div", {
 			class: "dp--tp-wrap",
 			"data-dp-mobile": H(P)
 		}, [!H(_).timePicker && !H(S).timePickerInline ? ue((j(), l("button", {
@@ -11349,15 +11358,15 @@ var Vl = {
 			type: "button",
 			"data-dp-action-element": "0",
 			class: E({
-				...ae.value,
+				...K.value,
 				"dp--hidden-el": W.value
 			}),
 			"aria-label": H(v)?.openTimePicker,
 			tabindex: e.noOverlayFocus ? void 0 : 0,
 			"data-test-id": "open-time-picker-btn",
-			onKeydown: r[0] ||= (e) => H(D)(e, () => K(!0)),
-			onClick: r[1] ||= (e) => K(!0)
-		}, [L(t.$slots, "clock-icon", {}, () => [p(H(hl))])], 42, ad)), [[se, !H(N)("time")]]) : c("", !0), p(a, {
+			onKeydown: r[0] ||= (e) => H(D)(e, () => ae(!0)),
+			onClick: r[1] ||= (e) => ae(!0)
+		}, [L(t.$slots, "clock-icon", {}, () => [p(H(hl))])], 42, id)), [[se, !H(N)("time")]]) : c("", !0), p(a, {
 			name: H(A)(W.value),
 			css: H(M) && !H(S).timePickerInline
 		}, {
@@ -11366,7 +11375,7 @@ var Vl = {
 				ref: "overlay",
 				role: H(S).timePickerInline ? void 0 : "dialog",
 				class: E({
-					dp__overlay: !H(S).timePickerInline,
+					"dp--overlay": !H(S).timePickerInline,
 					"dp--overlay-absolute": !H(_).timePicker && !H(S).timePickerInline,
 					"dp--overlay-relative": H(_).timePicker
 				}),
@@ -11374,7 +11383,7 @@ var Vl = {
 				"aria-label": H(v)?.timePicker,
 				tabindex: H(S).timePickerInline ? void 0 : 0
 			}, [u("div", {
-				class: E(H(S).timePickerInline ? "dp__time_picker_inline_container" : "dp__overlay_container dp__container_flex dp__time_picker_overlay_container"),
+				class: E(H(S).timePickerInline ? "dp--time-picker-inline-container" : "dp--overlay-container dp--container-flex dp--time-picker-overlay-container"),
 				style: { display: "flex" }
 			}, [L(t.$slots, "time-picker-overlay", {
 				hours: e.hours,
@@ -11383,7 +11392,7 @@ var Vl = {
 				setHours: le,
 				setMinutes: de,
 				setSeconds: fe
-			}, () => [u("div", { class: E(H(S).timePickerInline ? "dp__flex" : "dp__overlay_row dp__flex_row") }, [(j(!0), l(n, null, I(ie.value, (n, r) => ue((j(), s(rd, w({ key: r }, { ref_for: !0 }, {
+			}, () => [u("div", { class: E(H(S).timePickerInline ? "dp--flex" : "dp--overlay-row dp--flex-row") }, [(j(!0), l(n, null, I(ie.value, (n, r) => ue((j(), s(nd, w({ key: r }, { ref_for: !0 }, {
 				order: r,
 				hours: n.hours,
 				minutes: n.minutes,
@@ -11415,19 +11424,19 @@ var Vl = {
 				"data-dp-action-element": "1",
 				type: "button",
 				class: E({
-					...ae.value,
+					...K.value,
 					"dp--hidden-el": V.value
 				}),
 				"aria-label": H(v)?.closeTimePicker,
 				tabindex: "0",
-				onKeydown: r[2] ||= (e) => H(D)(e, () => K(!1)),
-				onClick: r[3] ||= (e) => K(!1)
-			}, [L(t.$slots, "calendar-icon", {}, () => [p(H(dl))])], 42, sd)), [[se, !H(N)("time")]]) : c("", !0)], 2)], 14, od)) : c("", !0)]),
+				onKeydown: r[2] ||= (e) => H(D)(e, () => ae(!1)),
+				onClick: r[3] ||= (e) => ae(!1)
+			}, [L(t.$slots, "calendar-icon", {}, () => [p(H(dl))])], 42, od)), [[se, !H(N)("time")]]) : c("", !0)], 2)], 14, ad)) : c("", !0)]),
 			_: 3
-		}, 8, ["name", "css"])], 8, id));
+		}, 8, ["name", "css"])], 8, rd));
 	}
-}), ld = (e) => {
-	let { getDate: t, modelValue: n, time: r, rootProps: i, defaults: { range: a, timeConfig: s } } = bl(), { isDateEqual: c, setTime: l } = uu(), u = (e, t) => Array.isArray(r[e]) ? r[e][t] : r[e], d = (e) => s.value.enableSeconds ? Array.isArray(r.seconds) ? r.seconds[e] : r.seconds : 0, f = (e, n) => e ? l(n === void 0 ? {
+}), cd = (e) => {
+	let { getDate: t, modelValue: n, time: r, rootProps: i, defaults: { range: a, timeConfig: s } } = bl(), { isDateEqual: c, setTime: l } = lu(), u = (e, t) => Array.isArray(r[e]) ? r[e][t] : r[e], d = (e) => s.value.enableSeconds ? Array.isArray(r.seconds) ? r.seconds[e] : r.seconds : 0, f = (e, n) => e ? l(n === void 0 ? {
 		hours: r.hours,
 		minutes: r.minutes,
 		seconds: d()
@@ -11500,12 +11509,12 @@ var Vl = {
 			};
 		})
 	};
-}, ud = (e) => {
-	let { getDate: t, time: n, modelValue: r, state: i, defaults: { startTime: a, range: o, timeConfig: s } } = bl(), { getTimeObj: c } = uu();
-	Ml(() => {
+}, ld = (e) => {
+	let { getDate: t, time: n, modelValue: r, state: i, defaults: { startTime: a, range: o, timeConfig: s } } = bl(), { getTimeObj: c } = lu();
+	jl(() => {
 		i.isTextInputDate && x();
 	});
-	let { updateTimeValues: l, getSetDateTime: u, assignTime: d, assignStartTime: f, disabledTimesConfig: p, validateTime: m } = ld(h);
+	let { updateTimeValues: l, getSetDateTime: u, assignTime: d, assignStartTime: f, disabledTimesConfig: p, validateTime: m } = cd(h);
 	function h() {
 		e("update-flow-step");
 	}
@@ -11550,7 +11559,7 @@ var Vl = {
 			l(e, S);
 		}
 	};
-}, dd = /* @__PURE__ */ h({
+}, ud = /* @__PURE__ */ h({
 	__name: "TimePickerSolo",
 	props: {
 		flowStep: {},
@@ -11565,7 +11574,7 @@ var Vl = {
 		"update-flow-step"
 	],
 	setup(e, { expose: t, emit: n }) {
-		let r = n, i = bu(ne(), _u.TimePicker), a = G("time-input"), { time: o, modelValue: c, disabledTimesConfig: l, updateTime: f, validateTime: m } = ud(r);
+		let r = n, i = yu(ne(), gu.TimePicker), a = G("time-input"), { time: o, modelValue: c, disabledTimesConfig: l, updateTime: f, validateTime: m } = ld(r);
 		return k(() => {
 			r("mount");
 		}), t({
@@ -11577,11 +11586,11 @@ var Vl = {
 			toggleTimePicker: (e, t = !1, n = "") => {
 				a.value?.toggleTimePicker(e, t, n);
 			}
-		}), (e, t) => (j(), s(zu, {
+		}), (e, t) => (j(), s(Ru, {
 			"multi-calendars": 0,
 			stretch: ""
 		}, {
-			default: q(({ wrapClass: n }) => [u("div", { class: E(n) }, [p(cd, w({ ref: "time-input" }, e.$props, {
+			default: q(({ wrapClass: n }) => [u("div", { class: E(n) }, [p(sd, w({ ref: "time-input" }, e.$props, {
 				hours: H(o).hours,
 				minutes: H(o).minutes,
 				seconds: H(o).seconds,
@@ -11616,8 +11625,8 @@ var Vl = {
 			_: 3
 		}));
 	}
-}), fd = (e, t) => {
-	let { getDate: n, rootProps: r, defaults: { filters: i } } = bl(), { validateMonthYearInRange: a, validateMonthYear: s } = Nl(), c = (e, t) => {
+}), dd = (e, t) => {
+	let { getDate: n, rootProps: r, defaults: { filters: i } } = bl(), { validateMonthYearInRange: a, validateMonthYear: s } = Ml(), c = (e, t) => {
 		let n = e;
 		return i.value.months.includes(Ds(n)) ? (n = t ? no(e, 1) : Xc(e, 1), c(n, t)) : n;
 	}, l = (e, t) => {
@@ -11646,16 +11655,16 @@ var Vl = {
 		}), r.preventMinMaxNavigation, t)),
 		updateMonthYear: d
 	};
-}, pd = { class: "dp--header-wrap" }, md = {
+}, fd = { class: "dp--header-wrap" }, pd = {
 	key: 0,
-	class: "dp__month_year_wrap"
-}, hd = { key: 0 }, gd = { class: "dp__month_year_wrap" }, _d = [
+	class: "dp--month-year-wrap"
+}, md = { key: 0 }, hd = { class: "dp--month-year-wrap" }, gd = [
 	"data-dp-element",
 	"aria-label",
 	"data-test-id",
 	"onClick",
 	"onKeydown"
-], vd = /* @__PURE__ */ h({
+], _d = /* @__PURE__ */ h({
 	__name: "DpHeader",
 	props: {
 		month: {},
@@ -11671,7 +11680,7 @@ var Vl = {
 		"update-month-year"
 	],
 	setup(e, { expose: t, emit: r }) {
-		let i = r, m = e, { rootEmit: h, rootProps: g, modelValue: _, defaults: { ariaLabels: y, filters: b, config: x, highlight: S, safeDates: C, ui: T } } = bl(), { transitionName: O, showTransition: ee } = jl(), { showLeftIcon: A, showRightIcon: M } = Mu(), { handleMonthYearChange: N, isDisabled: P, updateMonthYear: R } = fd(m, i), { getMaxMonth: B, getMinMonth: V, getYearFromDate: U, groupListAndMap: W, checkHighlightYear: ne, checkHighlightMonth: G } = uu(), { checkKeyDown: re } = lu(), { formatYear: ie } = fu(), { checkMinMaxValue: K } = Nl(), { boolHtmlAttribute: ae } = hu(), oe = F(!1), se = F(!1), ce = F(!1);
+		let i = r, m = e, { rootEmit: h, rootProps: g, modelValue: _, defaults: { ariaLabels: y, filters: b, config: x, highlight: S, safeDates: C, ui: T } } = bl(), { transitionName: O, showTransition: ee } = Al(), { showLeftIcon: A, showRightIcon: M } = ju(), { handleMonthYearChange: N, isDisabled: P, updateMonthYear: R } = dd(m, i), { getMaxMonth: B, getMinMonth: V, getYearFromDate: U, groupListAndMap: W, checkHighlightYear: ne, checkHighlightMonth: G } = lu(), { checkKeyDown: re } = cu(), { formatYear: ie } = du(), { checkMinMaxValue: ae } = Ml(), { boolHtmlAttribute: K } = mu(), oe = F(!1), se = F(!1), ce = F(!1);
 		k(() => {
 			i("mount");
 		});
@@ -11696,11 +11705,11 @@ var Vl = {
 			value: 0
 		}), me = o(() => W(m.months, (e) => ({
 			active: m.month === e.value,
-			disabled: K(e.value, V(m.year, C.value.minDate), B(m.year, C.value.maxDate)) || b.value.months.includes(e.value),
+			disabled: ae(e.value, V(m.year, C.value.minDate), B(m.year, C.value.maxDate)) || b.value.months.includes(e.value),
 			highlighted: G(S.value, e.value, m.year)
 		}))), he = o(() => W(m.years, (e) => ({
 			active: m.year === e.value,
-			disabled: K(e.value, U(C.value.minDate), U(C.value.maxDate)) || b.value.years.includes(e.value),
+			disabled: ae(e.value, U(C.value.minDate), U(C.value.maxDate)) || b.value.years.includes(e.value),
 			highlighted: ne(S.value, e.value)
 		}))), ge = (e, t, n) => {
 			n === void 0 ? e.value = !e.value : e.value = n, e.value ? (ce.value = !0, h("overlay-toggle", {
@@ -11743,7 +11752,8 @@ var Vl = {
 			toggleMonthPicker: _e,
 			toggleYearPicker: ve,
 			handleMonthYearChange: N
-		}), (t, r) => (j(), l("div", pd, [t.$slots["month-year"] ? (j(), l("div", md, [L(t.$slots, "month-year", D(v({
+		}), (t, r) => (j(), l("div", fd, [t.$slots["month-year"] ? (j(), l("div", pd, [L(t.$slots, "month-year", D(v({
+			mode: "date",
 			month: e.month,
 			year: e.year,
 			months: e.months,
@@ -11752,11 +11762,11 @@ var Vl = {
 			handleMonthYearChange: H(N),
 			instance: e.instance,
 			isDisabled: H(P)
-		})))])) : (j(), l(n, { key: 1 }, [t.$slots["top-extra"] ? (j(), l("div", hd, [L(t.$slots, "top-extra", { value: H(_) })])) : c("", !0), u("div", gd, [
-			H(A)(e.instance) && !H(g).vertical ? (j(), s(Vu, {
+		})))])) : (j(), l(n, { key: 1 }, [t.$slots["top-extra"] ? (j(), l("div", md, [L(t.$slots, "top-extra", { value: H(_) })])) : c("", !0), u("div", hd, [
+			H(A)(e.instance) && !H(g).vertical ? (j(), s(Bu, {
 				key: 0,
 				"aria-label": H(y)?.prevMonth,
-				disabled: H(ae)(H(P)(!1)),
+				disabled: H(K)(H(P)(!1)),
 				class: E(H(T)?.navBtnPrev),
 				"el-name": "action-prev",
 				onActivate: r[0] ||= (e) => H(N)(!1, !0)
@@ -11768,10 +11778,10 @@ var Vl = {
 				"disabled",
 				"class"
 			])) : c("", !0),
-			u("div", { class: E(["dp__month_year_wrap", { dp__year_disable_select: H(g).disableYearSelect }]) }, [(j(!0), l(n, null, I(xe.value, (r) => (j(), l(n, { key: r.type }, [u("button", {
+			u("div", { class: E(["dp--month-year-wrap", { "dp--year-disable-select": H(g).disableYearSelect }]) }, [(j(!0), l(n, null, I(xe.value, (r) => (j(), l(n, { key: r.type }, [u("button", {
 				type: "button",
 				"data-dp-element": `overlay-${r.type}`,
-				class: E(["dp__btn dp__month_year_select", { "dp--hidden-el": ce.value }]),
+				class: E(["dp--btn-base dp--bg-none dp--month-year-select-base dp--month-year-select", { "dp--hidden-el": ce.value }]),
 				"aria-label": `${r.text}-${r.ariaLabel}`,
 				"data-test-id": `${r.type}-toggle-overlay-${e.instance}`,
 				tabindex: "0",
@@ -11782,11 +11792,11 @@ var Vl = {
 				key: 0,
 				text: r.text,
 				value: m[r.type]
-			}) : c("", !0), t.$slots[r.type] ? c("", !0) : (j(), l(n, { key: 1 }, [f(z(r.text), 1)], 64))], 42, _d), p(a, {
+			}) : c("", !0), t.$slots[r.type] ? c("", !0) : (j(), l(n, { key: 1 }, [f(z(r.text), 1)], 64))], 42, gd), p(a, {
 				name: H(O)(r.showSelectionGrid),
 				css: H(ee)
 			}, {
-				default: q(() => [r.showSelectionGrid ? (j(), s(Lu, {
+				default: q(() => [r.showSelectionGrid ? (j(), s(Iu, {
 					key: 0,
 					items: r.items,
 					"is-last": H(g).autoApply && !H(x).keepActionRow,
@@ -11830,11 +11840,11 @@ var Vl = {
 				])) : c("", !0)]),
 				_: 2
 			}, 1032, ["name", "css"])], 64))), 128))], 2),
-			H(A)(e.instance) && H(g).vertical ? (j(), s(Vu, {
+			H(A)(e.instance) && H(g).vertical ? (j(), s(Bu, {
 				key: 1,
 				"aria-label": H(y)?.prevMonth,
 				"el-name": "action-prev",
-				disabled: H(ae)(H(P)(!1)),
+				disabled: H(K)(H(P)(!1)),
 				class: E(H(T)?.navBtnPrev),
 				onActivate: r[1] ||= (e) => H(N)(!1, !0)
 			}, {
@@ -11845,11 +11855,11 @@ var Vl = {
 				"disabled",
 				"class"
 			])) : c("", !0),
-			H(M)(e.instance) ? (j(), s(Vu, {
+			H(M)(e.instance) ? (j(), s(Bu, {
 				key: 2,
 				ref: "rightIcon",
 				"el-name": "action-next",
-				disabled: H(ae)(H(P)(!0)),
+				disabled: H(K)(H(P)(!0)),
 				"aria-label": H(y)?.nextMonth,
 				class: E(H(T)?.navBtnNext),
 				onActivate: r[2] ||= (e) => H(N)(!0, !0)
@@ -11863,18 +11873,18 @@ var Vl = {
 			])) : c("", !0)
 		])], 64))]));
 	}
-}), yd = {
-	class: "dp__calendar_header",
+}), vd = {
+	class: "dp--calendar-header",
 	role: "row"
-}, bd = {
+}, yd = {
 	key: 0,
-	class: "dp__calendar_header_item",
+	class: "dp--calendar-header-item",
 	role: "gridcell"
-}, xd = ["aria-label"], Sd = {
+}, bd = ["aria-label"], xd = {
 	key: 0,
-	class: "dp__calendar_item dp__week_num",
+	class: "dp--calendar-item dp--week-num",
 	role: "gridcell"
-}, Cd = { class: "dp__cell_inner" }, wd = [
+}, Sd = { class: "dp--cell-inner" }, Cd = [
 	"id",
 	"aria-selected",
 	"aria-disabled",
@@ -11888,7 +11898,7 @@ var Vl = {
 	"onMouseenter",
 	"onMouseleave",
 	"onMousedown"
-], Td = /* @__PURE__ */ h({
+], wd = /* @__PURE__ */ h({
 	__name: "DpCalendar",
 	props: {
 		instance: {},
@@ -11904,228 +11914,227 @@ var Vl = {
 		"handle-swipe"
 	],
 	setup(e, { expose: t, emit: r }) {
-		let i = r, s = e, { getDate: d, rootEmit: m, rootProps: h, defaults: { transitions: g, config: _, ariaLabels: v, multiCalendars: y, weekNumbers: b, multiDates: x, ui: S } } = bl(), { isDateAfter: C, isDateEqual: w, resetDateTime: D, getCellId: ee } = uu(), { checkKeyDown: M, checkStopPropagation: N, isTouchDevice: P } = lu(), { formatWeekDay: te } = fu(), R = G("calendar-wrap"), B = G("active-tooltip"), V = F([]), U = F(null), W = F(!0), ne = F(!1), re = F(""), ie = F({
+		let i = r, s = e, { getDate: d, rootEmit: m, rootProps: h, defaults: { transitions: g, config: _, ariaLabels: v, multiCalendars: y, weekNumbers: b, multiDates: x, ui: S, weekStart: C } } = bl(), { isDateAfter: w, isDateEqual: D, resetDateTime: ee, getCellId: M } = lu(), { checkKeyDown: N, checkStopPropagation: P, isTouchDevice: te } = cu(), { formatWeekDay: R } = du(), B = G("calendar-wrap"), V = G("active-tooltip"), U = F([]), W = F(null), ne = F(!0), re = F(!1), ie = F(""), ae = F({
 			bottom: "",
 			left: "",
 			transform: ""
 		}), K = F({ left: "50%" });
-		Wr(R, { onSwipeEnd: (e, t) => {
+		Wr(B, { onSwipeEnd: (e, t) => {
 			_.value.noSwipe || (h.vertical ? (t === "up" || t === "down") && i("handle-swipe", t === "up" ? "left" : "right") : (t === "left" || t === "right") && i("handle-swipe", t === "right" ? "left" : "right"));
 		} });
-		let ae = o(() => h.calendar ? h.calendar(s.mappedDates) : s.mappedDates), oe = o(() => h.dayNames ? Array.isArray(h.dayNames) ? h.dayNames : h.dayNames() : De());
+		let oe = o(() => h.calendar ? h.calendar(s.mappedDates) : s.mappedDates), se = o(() => h.dayNames ? Array.isArray(h.dayNames) ? h.dayNames : h.dayNames() : Oe());
 		k(() => {
 			i("mount", {
 				cmp: "calendar",
-				dayRefs: V.value
-			}), _.value.monthChangeOnScroll && R.value && R.value.addEventListener("wheel", xe, { passive: !1 });
+				dayRefs: U.value
+			}), _.value.monthChangeOnScroll && B.value && B.value.addEventListener("wheel", Se, { passive: !1 });
 		}), A(() => {
-			_.value.monthChangeOnScroll && R.value && R.value.removeEventListener("wheel", xe);
+			_.value.monthChangeOnScroll && B.value && B.value.removeEventListener("wheel", Se);
 		});
-		let se = (e) => e ? h.vertical ? "vNext" : "next" : h.vertical ? "vPrevious" : "previous", ce = (e, t) => {
+		let ce = (e) => e ? h.vertical ? "vNext" : "next" : h.vertical ? "vPrevious" : "previous", le = (e, t) => {
 			if (h.transitions) {
-				let n = D(Kc(d(), {
+				let n = ee(Kc(d(), {
 					month: s.month,
 					year: s.year
 				}));
-				re.value = C(D(Kc(d(), {
+				ie.value = w(ee(Kc(d(), {
 					month: e,
 					year: t
-				})), n) ? g.value[se(!0)] : g.value[se(!1)], W.value = !1, T(() => {
-					W.value = !0;
-				});
+				})), n) ? g.value[ce(!0)] : g.value[ce(!1)], ne.value = !1, T().then(() => ne.value = !0);
 			}
-		}, le = o(() => ({ ...S.value.calendar })), ue = (e) => ({
+		}, ue = o(() => ({ ...S.value.calendar })), de = (e) => ({
 			type: "dot",
 			...e
-		}), de = o(() => (e) => {
-			let t = ue(e);
+		}), pe = o(() => (e) => {
+			let t = de(e);
 			return {
-				dp__marker_dot: t.type === "dot",
-				dp__marker_line: t.type === "line"
+				"dp--marker-base": !0,
+				"dp--marker-dot": t.type === "dot",
+				"dp--marker-line": t.type === "line"
 			};
-		}), pe = o(() => (e) => w(e, U.value)), me = o(() => ({
-			dp__calendar: !0,
-			dp__calendar_next: y.value.count > 0 && s.instance !== 0
-		})), he = o(() => (e) => h.hideOffsetDates ? e.current : !0), ge = async (e, t) => {
+		}), me = o(() => (e) => D(e, W.value)), he = o(() => ({
+			"dp--calendar": !0,
+			"dp--calendar-next": y.value.count > 0 && s.instance !== 0
+		})), ge = o(() => (e) => h.hideOffsetDates ? e.current : !0), _e = async (e, t) => {
 			let { width: n, height: r } = e.getBoundingClientRect();
-			U.value = t.value;
+			W.value = t.value;
 			let i = { left: `${n / 2}px` }, a = -50;
-			if (await T(), B.value?.[0]) {
-				let { left: e, width: t } = B.value[0].getBoundingClientRect();
+			if (await T(), V.value?.[0]) {
+				let { left: e, width: t } = V.value[0].getBoundingClientRect();
 				e < 0 && (i = { left: "0" }, a = 0, K.value.left = `${n / 2}px`), globalThis.innerWidth < e + t && (i = { right: "0" }, a = 0, K.value.left = `${t - n / 2}px`);
 			}
-			ie.value = {
+			ae.value = {
 				bottom: `${r}px`,
 				...i,
 				transform: `translateX(${a}%)`
 			};
-		}, _e = async (e, t, n) => {
-			let r = Pr(V.value?.[t]?.[n]);
-			r && (e.marker?.customPosition && e.marker?.tooltip?.length ? ie.value = e.marker.customPosition(r) : await ge(r, e), m("tooltip-open", e.marker));
 		}, ve = async (e, t, n) => {
-			if (ne.value && x.value.enabled && x.value.dragSelect) return i("select-date", e);
+			let r = Pr(U.value?.[t]?.[n]);
+			r && (e.marker?.customPosition && e.marker?.tooltip?.length ? ae.value = e.marker.customPosition(r) : await _e(r, e), m("tooltip-open", e.marker));
+		}, ye = async (e, t, n) => {
+			if (re.value && x.value.enabled && x.value.dragSelect) return i("select-date", e);
 			if (i("set-hover-date", e), e.marker?.tooltip?.length) {
 				if (h.hideOffsetDates && !e.current) return;
-				await _e(e, t, n);
+				await ve(e, t, n);
 			}
-		}, ye = (e) => {
-			U.value && (U.value = null, ie.value = structuredClone({
+		}, be = (e) => {
+			W.value && (W.value = null, ae.value = structuredClone({
 				bottom: "",
 				left: "",
 				transform: ""
 			}), m("tooltip-close", e.marker));
-		}, be = (e, t, n) => {
-			e && (Array.isArray(V.value[t]) ? V.value[t][n] = e : V.value[t] = [e]);
-		}, xe = (e) => {
+		}, xe = (e, t, n) => {
+			e && (Array.isArray(U.value[t]) ? U.value[t][n] = e : U.value[t] = [e]);
+		}, Se = (e) => {
 			_.value.monthChangeOnScroll && (e.preventDefault(), i("handle-scroll", e));
-		}, Se = (e) => b.value ? b.value.type === "local" ? Xo(e.value, {
-			weekStartsOn: +h.weekStart,
+		}, Ce = (e) => b.value ? b.value.type === "local" ? Xo(e.value, {
+			weekStartsOn: C.value,
 			locale: h.locale
-		}) : b.value.type === "iso" ? qo(e.value) : typeof b.value.type == "function" ? b.value.type(e.value) : "" : "", Ce = (e) => {
+		}) : b.value.type === "iso" ? qo(e.value) : typeof b.value.type == "function" ? b.value.type(e.value) : "" : "", we = (e) => {
 			let t = e[0];
-			return b.value?.hideOnOffsetDates ? e.some((e) => e.current) ? Se(t) : "" : Se(t);
-		}, we = (e, t, n = !0) => {
-			!n && P() || (!x.value.enabled || _.value.allowPreventDefault) && (N(e, _.value), i("select-date", t));
-		}, Te = (e) => {
-			N(e, _.value);
+			return b.value?.hideOnOffsetDates ? e.some((e) => e.current) ? Ce(t) : "" : Ce(t);
+		}, Te = (e, t, n = !0) => {
+			!n && te() || (!x.value.enabled || _.value.allowPreventDefault) && (P(e, _.value), i("select-date", t));
 		}, Ee = (e) => {
-			x.value.enabled && x.value.dragSelect ? (ne.value = !0, i("select-date", e)) : x.value.enabled && i("select-date", e);
-		}, De = () => {
+			P(e, _.value);
+		}, De = (e) => {
+			x.value.enabled && x.value.dragSelect ? (re.value = !0, i("select-date", e)) : x.value.enabled && i("select-date", e);
+		}, Oe = () => {
 			let e = d();
 			return To({
 				start: oo(e, {
 					locale: h.locale,
-					weekStartsOn: +h.weekStart
+					weekStartsOn: C.value
 				}),
 				end: jo(e, {
 					locale: h.locale,
-					weekStartsOn: +h.weekStart
+					weekStartsOn: C.value
 				})
-			}).map((e) => te(e));
+			}).map((e) => R(e));
 		};
-		return t({ triggerTransition: ce }), (e, t) => (j(), l("div", { class: E(me.value) }, [u("div", {
+		return t({ triggerTransition: le }), (e, t) => (j(), l("div", { class: E(he.value) }, [u("div", {
 			ref: "calendar-wrap",
-			class: E(le.value),
+			class: E(ue.value),
 			role: "grid"
 		}, [
-			u("div", yd, [H(b) ? (j(), l("div", bd, z(H(b).label), 1)) : c("", !0), (j(!0), l(n, null, I(oe.value, (t, n) => (j(), l("div", {
+			u("div", vd, [H(b) ? (j(), l("div", yd, z(H(b).label), 1)) : c("", !0), (j(!0), l(n, null, I(se.value, (t, n) => (j(), l("div", {
 				key: n,
-				class: "dp__calendar_header_item",
+				class: "dp--calendar-header-item",
 				role: "gridcell",
 				"data-test-id": "calendar-header",
 				"aria-label": H(v)?.weekDay?.(n)
 			}, [L(e.$slots, "calendar-header", {
 				day: t,
 				index: n
-			}, () => [f(z(t), 1)])], 8, xd))), 128))]),
-			t[2] ||= u("div", { class: "dp__calendar_header_separator" }, null, -1),
+			}, () => [f(z(t), 1)])], 8, bd))), 128))]),
+			t[2] ||= u("div", { class: "dp--calendar-header-separator" }, null, -1),
 			p(a, {
-				name: re.value,
+				name: ie.value,
 				css: !!H(g)
 			}, {
-				default: q(() => [W.value ? (j(), l("div", {
+				default: q(() => [ne.value ? (j(), l("div", {
 					key: 0,
-					class: "dp__calendar",
+					class: "dp--calendar",
 					role: "rowgroup",
-					onMouseleave: t[1] ||= (e) => ne.value = !1
-				}, [(j(!0), l(n, null, I(ae.value, (r, i) => (j(), l("div", {
+					onMouseleave: t[1] ||= (e) => re.value = !1
+				}, [(j(!0), l(n, null, I(oe.value, (r, i) => (j(), l("div", {
 					key: i,
-					class: "dp__calendar_row",
+					class: "dp--calendar-row",
 					role: "row"
-				}, [H(b) ? (j(), l("div", Sd, [u("div", Cd, z(Ce(r.days)), 1)])) : c("", !0), (j(!0), l(n, null, I(r.days, (r, a) => (j(), l("div", {
-					id: H(ee)(r.value),
+				}, [H(b) ? (j(), l("div", xd, [u("div", Sd, z(we(r.days)), 1)])) : c("", !0), (j(!0), l(n, null, I(r.days, (r, a) => (j(), l("div", {
+					id: H(M)(r.value),
 					ref_for: !0,
-					ref: (e) => be(e, i, a),
+					ref: (e) => xe(e, i, a),
 					key: a + i,
 					role: "gridcell",
-					class: "dp__calendar_item",
-					"aria-selected": (r.classData.dp__active_date || r.classData.dp__range_start || r.classData.dp__range_end) ?? void 0,
-					"aria-disabled": r.classData.dp__cell_disabled || void 0,
+					class: "dp--calendar-item",
+					"aria-selected": (r.classData["dp--active"] || r.classData["dp--range-border-start"] || r.classData["dp--range-border-end"]) ?? void 0,
+					"aria-disabled": r.classData["dp--cell-disabled"] || void 0,
 					"aria-label": H(v)?.day?.(r),
 					tabindex: !r.current && H(h).hideOffsetDates ? void 0 : 0,
-					"data-test-id": H(ee)(r.value),
-					"data-dp-element-active": r.classData.dp__active_date ? 0 : void 0,
+					"data-test-id": H(M)(r.value),
+					"data-dp-element-active": r.classData["dp--active"] ? 0 : void 0,
 					"data-dp-action-element": "0",
-					onClick: fe((e) => we(e, r), ["prevent"]),
-					onTouchend: (e) => we(e, r, !1),
-					onKeydown: (t) => H(M)(t, () => e.$emit("select-date", r)),
-					onMouseenter: (e) => ve(r, i, a),
-					onMouseleave: (e) => ye(r),
-					onMousedown: (e) => Ee(r),
-					onMouseup: t[0] ||= (e) => ne.value = !1
-				}, [u("div", { class: E(["dp__cell_inner", r.classData]) }, [
-					e.$slots.day && he.value(r) ? L(e.$slots, "day", {
+					onClick: fe((e) => Te(e, r), ["prevent"]),
+					onTouchend: (e) => Te(e, r, !1),
+					onKeydown: (t) => H(N)(t, () => e.$emit("select-date", r)),
+					onMouseenter: (e) => ye(r, i, a),
+					onMouseleave: (e) => be(r),
+					onMousedown: (e) => De(r),
+					onMouseup: t[0] ||= (e) => re.value = !1
+				}, [u("div", { class: E(["dp--cell-inner", r.classData]) }, [
+					e.$slots.day && ge.value(r) ? L(e.$slots, "day", {
 						key: 0,
 						day: +r.text,
 						date: r.value
 					}) : c("", !0),
 					e.$slots.day ? c("", !0) : (j(), l(n, { key: 1 }, [f(z(r.text), 1)], 64)),
-					r.marker && he.value(r) ? L(e.$slots, "marker", {
+					r.marker && ge.value(r) ? L(e.$slots, "marker", {
 						key: 2,
 						marker: r.marker,
 						day: +r.text,
 						date: r.value
 					}, () => [u("div", {
-						class: E(de.value(r.marker)),
+						class: E(pe.value(r.marker)),
 						style: O(r.marker.color ? { backgroundColor: r.marker.color } : {})
 					}, null, 6)]) : c("", !0),
-					pe.value(r.value) ? (j(), l("div", {
+					me.value(r.value) ? (j(), l("div", {
 						key: 3,
 						ref_for: !0,
 						ref: "active-tooltip",
-						class: "dp__marker_tooltip",
-						style: O(ie.value)
+						class: "dp--marker-tooltip",
+						style: O(ae.value)
 					}, [r.marker?.tooltip ? (j(), l("div", {
 						key: 0,
-						class: "dp__tooltip_content",
-						onClick: Te
+						class: "dp--tooltip-content",
+						onClick: Ee
 					}, [(j(!0), l(n, null, I(r.marker.tooltip, (t, n) => (j(), l("div", {
 						key: n,
-						class: "dp__tooltip_text"
+						class: "dp--tooltip-text"
 					}, [L(e.$slots, "marker-tooltip", {
 						tooltip: t,
 						day: r.value
 					}, () => [u("div", {
-						class: "dp__tooltip_mark",
+						class: "dp--tooltip-mark",
 						style: O(t.color ? { backgroundColor: t.color } : {})
 					}, null, 4), u("div", null, z(t.text), 1)])]))), 128)), u("div", {
-						class: "dp__arrow_bottom_tp",
+						class: "dp--arrow-bottom-tp",
 						style: O(K.value)
 					}, null, 4)])) : c("", !0)], 4)) : c("", !0)
-				], 2)], 40, wd))), 128))]))), 128))], 32)) : c("", !0)]),
+				], 2)], 40, Cd))), 128))]))), 128))], 32)) : c("", !0)]),
 				_: 3
 			}, 8, ["name", "css"])
 		], 2)], 2));
 	}
-}), Ed = (e, t, n, r) => {
-	let i = F([]), a = F(/* @__PURE__ */ new Date()), s = F(), { getDate: c, rootEmit: l, calendars: u, month: d, year: f, time: p, modelValue: m, rootProps: h, today: g, state: _, defaults: { multiCalendars: v, startTime: y, range: b, config: x, safeDates: S, multiDates: C, timeConfig: w, flow: E } } = bl(), { validateMonthYearInRange: D, isDisabled: O, isDateRangeAllowed: ee, checkMinMaxRange: A } = Nl(), { updateTimeValues: j, getSetDateTime: M, assignTime: N, assignStartTime: P, validateTime: I, disabledTimesConfig: L } = ld(r), { formatDay: te } = fu(), { resetDateTime: R, setTime: z, isDateBefore: B, isDateEqual: V, getDaysInBetween: H } = uu(), { checkRangeAutoApply: U, getRangeWithFixedDate: W, handleMultiDatesSelect: ne, setPresetDate: G } = Gu(), { getMapDate: re } = lu();
-	Ml(() => le(_.isTextInputDate));
-	let ie = (e) => !x.value.keepViewOnOffsetClick || e ? !0 : !s.value, K = (e, t, n, r = !1) => {
-		ie(r) && (u.value[e] ??= u.value[e] = {
+}), Td = (e, t, n, r) => {
+	let i = F([]), a = F(/* @__PURE__ */ new Date()), s = F(), { getDate: c, rootEmit: l, calendars: u, month: d, year: f, time: p, modelValue: m, rootProps: h, today: g, state: _, defaults: { multiCalendars: v, startTime: y, range: b, config: x, safeDates: S, multiDates: C, timeConfig: w, flow: E, weekStart: D } } = bl(), { validateMonthYearInRange: O, isDisabled: ee, isDateRangeAllowed: A, checkMinMaxRange: j } = Ml(), { updateTimeValues: M, getSetDateTime: N, assignTime: P, assignStartTime: I, validateTime: L, disabledTimesConfig: te } = cd(r), { formatDay: R } = du(), { resetDateTime: z, setTime: B, isDateBefore: V, isDateEqual: H, getDaysInBetween: U } = lu(), { checkRangeAutoApply: W, getRangeWithFixedDate: ne, handleMultiDatesSelect: G, setPresetDate: re } = Wu(), { getMapDate: ie } = cu();
+	jl(() => q(_.isTextInputDate));
+	let ae = (e) => !x.value.keepViewOnOffsetClick || e ? !0 : !s.value, K = (e, t, n, r = !1) => {
+		ae(r) && (u.value[e] ??= u.value[e] = {
 			month: 0,
 			year: 0
 		}, u.value[e].month = t ?? u.value[e]?.month, u.value[e].year = n ?? u.value[e]?.year);
-	}, ae = () => {
-		h.autoApply && t("select-date");
 	}, oe = () => {
-		y.value && P(y.value);
+		h.autoApply && t("select-date");
+	}, se = () => {
+		y.value && I(y.value);
 	};
 	k(() => {
-		m.value || (be(), oe()), le(!0), h.focusStartDate && h.startDate && be();
+		m.value || (xe(), se()), q(!0), h.focusStartDate && h.startDate && xe();
 	});
-	let se = o(() => E.value?.steps?.length && !E.value?.partial ? e.flowStep === E.value.steps.length : !0), ce = () => {
-		h.autoApply && se.value && t("auto-apply", E.value?.partial ? e.flowStep !== E.value?.steps?.length : !1);
-	}, le = (e = !1) => {
-		if (m.value) return Array.isArray(m.value) ? (i.value = m.value, ge(e)) : fe(m.value, e);
-		if (v.value.count && e && !h.startDate) return de(c(), e);
-	}, q = () => Array.isArray(m.value) && b.value.enabled ? Ds(m.value[0]) === Ds(m.value[1] ?? m.value[0]) : !1, ue = (e) => {
+	let ce = o(() => E.value?.steps?.length && !E.value?.partial ? e.flowStep === E.value.steps.length : !0), le = () => {
+		h.autoApply && ce.value && t("auto-apply", E.value?.partial ? e.flowStep !== E.value?.steps?.length : !1);
+	}, q = (e = !1) => {
+		if (m.value) return Array.isArray(m.value) ? (i.value = m.value, _e(e)) : pe(m.value, e);
+		if (v.value.count && e && !h.startDate) return fe(c(), e);
+	}, ue = () => Array.isArray(m.value) && b.value.enabled ? Ds(m.value[0]) === Ds(m.value[1] ?? m.value[0]) : !1, de = (e) => {
 		let t = no(e, 1);
 		return {
 			month: Ds(t),
 			year: $(t)
 		};
-	}, de = (e = c(), t = !1) => {
-		if ((!v.value.count || !v.value.static || t) && K(0, Ds(e), $(e)), v.value.count && (!m.value || q() || !v.value.solo) && (!v.value.solo || t)) for (let e = 1; e < v.value.count; e++) {
+	}, fe = (e = c(), t = !1) => {
+		if ((!v.value.count || !v.value.static || t) && K(0, Ds(e), $(e)), v.value.count && (!m.value || ue() || !v.value.solo) && (!v.value.solo || t)) for (let e = 1; e < v.value.count; e++) {
 			let t = ro(Kc(c(), {
 				month: d.value(e - 1),
 				year: f.value(e - 1)
@@ -12135,39 +12144,39 @@ var Vl = {
 				year: $(t)
 			};
 		}
-	}, fe = (e, t) => {
-		de(e), N("hours", ws(e)), N("minutes", Es(e)), N("seconds", Os(e)), v.value.count && t && ye();
-	}, pe = (e) => {
+	}, pe = (e, t) => {
+		fe(e), P("hours", ws(e)), P("minutes", Es(e)), P("seconds", Os(e)), v.value.count && t && be();
+	}, me = (e) => {
 		if (v.value.count) {
 			if (v.value.solo) return 0;
 			let t = Ds(e[0]), n = Ds(e[1]);
 			return Math.abs(n - t) < v.value.count ? 0 : 1;
 		}
 		return 1;
-	}, me = (e, t) => {
-		e[1] && b.value.showLastInRange ? de(e[pe(e)], t) : de(e[0], t);
-		let n = (t, n) => [t(e[0]), e?.[1] ? t(e[1]) : p[n][1]];
-		N("hours", n(ws, "hours")), N("minutes", n(Es, "minutes")), N("seconds", n(Os, "seconds"));
 	}, he = (e, t) => {
-		if ((b.value.enabled || h.weekPicker) && !C.value.enabled) return me(e, t);
+		e[1] && b.value.showLastInRange ? fe(e[me(e)], t) : fe(e[0], t);
+		let n = (t, n) => [t(e[0]), e?.[1] ? t(e[1]) : p[n][1]];
+		P("hours", n(ws, "hours")), P("minutes", n(Es, "minutes")), P("seconds", n(Os, "seconds"));
+	}, ge = (e, t) => {
+		if ((b.value.enabled || h.weekPicker) && !C.value.enabled) return he(e, t);
 		if (C.value.enabled && t) {
-			let n = e[e.length - 1];
-			return fe(n, t);
+			let n = e.at(-1);
+			if (n) return pe(n, t);
 		}
-	}, ge = (e) => {
+	}, _e = (e) => {
 		let t = m.value;
-		he(t, e), v.value.count && v.value.solo && ye();
-	}, _e = (e, t) => {
+		ge(t, e), v.value.count && v.value.solo && be();
+	}, ve = (e, t) => {
 		let r = Kc(c(), {
 			month: d.value(t),
 			year: f.value(t)
 		}), i = e < 0 ? no(r, 1) : Xc(r, 1);
-		D(Ds(i), $(i), e < 0, h.preventMinMaxNavigation) && (K(t, Ds(i), $(i)), l("update-month-year", {
+		O(Ds(i), $(i), e < 0, h.preventMinMaxNavigation) && (K(t, Ds(i), $(i)), l("update-month-year", {
 			instance: t,
 			month: Ds(i),
 			year: $(i)
-		}), v.value.count && !v.value.solo && ve(t), n());
-	}, ve = (e) => {
+		}), v.value.count && !v.value.solo && ye(t), n());
+	}, ye = (e) => {
 		for (let t = e - 1; t >= 0; t--) {
 			let e = Xc(Kc(c(), {
 				month: d.value(t + 1),
@@ -12182,25 +12191,25 @@ var Vl = {
 			}), 1);
 			K(t, Ds(e), $(e));
 		}
-	}, ye = () => {
+	}, be = () => {
 		if (Array.isArray(m.value) && m.value.length === 2) {
 			let e = c(c(m.value[1] ?? no(m.value[0], 1))), [t, n] = [Ds(m.value[0]), $(m.value[0])], [r, i] = [Ds(m.value[1]), $(m.value[1])];
 			(t !== r || t === r && n !== i) && v.value.solo && K(1, Ds(e), $(e));
-		} else m.value && !Array.isArray(m.value) && (K(0, Ds(m.value), $(m.value)), de(c()));
-	}, be = () => {
-		h.startDate && (K(0, Ds(c(h.startDate)), $(c(h.startDate))), v.value.count && ve(0));
-	}, xe = (e, t) => {
+		} else m.value && !Array.isArray(m.value) && (K(0, Ds(m.value), $(m.value)), fe(c()));
+	}, xe = () => {
+		h.startDate && (K(0, Ds(c(h.startDate)), $(c(h.startDate))), v.value.count && ye(0));
+	}, Se = (e, t) => {
 		if (x.value.monthChangeOnScroll) {
 			let n = Date.now() - a.value.getTime(), r = Math.abs(e.deltaY), i = 500;
-			r > 1 && (i = 100), r > 100 && (i = 0), n > i && (a.value = /* @__PURE__ */ new Date(), _e(x.value.monthChangeOnScroll === "inverse" ? e.deltaY : -e.deltaY, t));
-		}
-	}, Se = (e, t, n = !1) => {
-		x.value.monthChangeOnArrows && h.vertical === n && Ce(e, t);
-	}, Ce = (e, t) => {
-		_e(e === "right" ? -1 : 1, t);
-	}, we = (e) => {
-		if (S.value.markers) return re(e.value, S.value.markers);
-	}, Te = (e, t) => {
+			r > 1 && (i = 100), r > 100 && (i = 0), n > i && (a.value = /* @__PURE__ */ new Date(), ve(x.value.monthChangeOnScroll === "inverse" ? e.deltaY : -e.deltaY, t));
+		}
+	}, Ce = (e, t, n = !1) => {
+		x.value.monthChangeOnArrows && h.vertical === n && we(e, t);
+	}, we = (e, t) => {
+		ve(e === "right" ? -1 : 1, t);
+	}, Te = (e) => {
+		if (S.value.markers) return ie(e.value, S.value.markers);
+	}, Ee = (e, t) => {
 		switch (h.sixWeeks === !0 ? "append" : h.sixWeeks) {
 			case "prepend": return [!0, !1];
 			case "center": return [e == 0, !0];
@@ -12208,106 +12217,111 @@ var Vl = {
 			case "append": return [!1, !1];
 			default: return [!1, !1];
 		}
-	}, Ee = (e, t, n, r) => {
+	}, De = (e, t, n) => {
+		if (n) {
+			let r = n.days.at(-1);
+			if (r) {
+				let n = ke(to(r.value, 1), Ds(t));
+				e.push({ days: n });
+			}
+		}
+	}, Oe = (e, t, n, r) => {
 		if (h.sixWeeks && e.length < 6) {
-			let i = 6 - e.length, [a, o] = Te((t.getDay() + 7 - r) % 7, 6 - (n.getDay() + 7 - r) % 7);
+			let i = 6 - e.length, [a, o] = Ee((t.getDay() + 7 - r) % 7, 6 - (n.getDay() + 7 - r) % 7);
 			for (let n = 1; n <= i; n++) if (o ? !!(n % 2) == a : a) {
-				let n = e[0].days[0], r = De(to(n.value, -7), Ds(t));
+				let n = e[0].days[0], r = ke(to(n.value, -7), Ds(t));
 				e.unshift({ days: r });
-			} else {
-				let n = e[e.length - 1], r = n.days[n.days.length - 1], i = De(to(r.value, 1), Ds(t));
-				e.push({ days: i });
-			}
+			} else De(e, t, e.at(-1));
 		}
 		return e;
-	}, De = (e, t) => {
+	}, ke = (e, t) => {
 		let n = c(e), r = [];
 		for (let e = 0; e < 7; e++) {
 			let i = to(n, e), a = Ds(i) !== t;
 			r.push({
-				text: h.hideOffsetDates && a ? "" : te(i),
+				text: h.hideOffsetDates && a ? "" : R(i),
 				value: i,
 				current: !a,
 				classData: {}
 			});
 		}
 		return r;
-	}, Oe = (e, t) => {
-		let n = [], r = c(new Date(t, e)), i = c(new Date(t, e + 1, 0)), a = h.weekStart, o = oo(r, { weekStartsOn: a }), s = (t) => {
-			let r = De(t, e);
-			n.push({ days: r }), !n[n.length - 1].days.some((e) => V(c(e.value), R(i))) && s(to(t, 7));
+	}, Ae = (e, t) => {
+		let n = [], r = c(new Date(t, e)), i = c(new Date(t, e + 1, 0)), a = oo(r, { weekStartsOn: D.value }), o = (t) => {
+			let r = ke(t, e);
+			n.push({ days: r }), n.at(-1)?.days.some((e) => H(c(e.value), z(i))) || o(to(t, 7));
 		};
-		return s(o), Ee(n, r, i, a);
-	}, ke = (e) => {
-		let t = z({
+		return o(a), Oe(n, r, i, D.value);
+	}, je = (e) => {
+		let t = B({
 			hours: p.hours,
 			minutes: p.minutes,
-			seconds: Ie()
+			seconds: Re()
 		}, c(e.value));
-		l("date-click", t), C.value.enabled ? ne(t, C.value.limit) : m.value = t, r(), T().then(() => {
-			ce();
+		l("date-click", t), C.value.enabled ? G(t, C.value.limit) : m.value = t, r(), T().then(() => {
+			le();
 		});
-	}, Ae = (e) => b.value.noDisabledRange ? H(i.value[0], e).some((e) => O(e)) : !1, je = () => {
+	}, Me = (e) => b.value.noDisabledRange ? U(i.value[0], e).some((e) => ee(e)) : !1, Ne = () => {
 		i.value = m.value ? m.value.slice().filter((e) => !!e) : [], i.value.length === 2 && !(b.value.fixedStart || b.value.fixedEnd) && (i.value = []);
-	}, Me = (e, t) => {
+	}, Pe = (e, t) => {
 		let n = [c(e.value), to(c(e.value), +b.value.autoRange)];
-		ee(n) ? (t && Ne(e.value), i.value = n) : l("invalid-date", e.value);
-	}, Ne = (e) => {
+		A(n) ? (t && Fe(e.value), i.value = n) : l("invalid-date", e.value);
+	}, Fe = (e) => {
 		if (K(0, Ds(c(e)), $(c(e))), v.value.count > 0) for (let t = 1; t < v.value.count; t++) {
-			let n = ue(Kc(c(e), {
+			let n = de(Kc(c(e), {
 				year: f.value(t - 1),
 				month: d.value(t - 1)
 			}));
 			K(t, n.month, n.year);
 		}
-	}, Pe = (e) => {
-		if (Ae(e.value) || !A(e.value, m.value, +!b.value.fixedStart)) return l("invalid-date", e.value);
-		i.value = W(c(e.value));
-	}, Fe = (e, t) => {
-		if (je(), b.value.autoRange) return Me(e, t);
-		if (b.value.fixedStart || b.value.fixedEnd) return Pe(e);
-		i.value[0] ? A(c(e.value), m.value) && !Ae(e.value) ? B(c(e.value), c(i.value[0])) ? b.value.autoSwitchStartEnd ? (i.value.unshift(c(e.value)), l("range-end", i.value[0])) : (i.value[0] = c(e.value), l("range-start", i.value[0])) : (i.value[1] = c(e.value), l("range-end", i.value[1])) : l("invalid-date", e.value) : (i.value[0] = c(e.value), l("range-start", i.value[0]));
-	}, Ie = (e = !0) => w.value.enableSeconds ? Array.isArray(p.seconds) ? e ? p.seconds[0] : p.seconds[1] : p.seconds : 0, Le = (e) => {
-		i.value[e] = z({
+	}, Ie = (e) => {
+		if (Me(e.value) || !j(e.value, m.value, +!b.value.fixedStart)) return l("invalid-date", e.value);
+		i.value = ne(c(e.value));
+	}, Le = (e, t) => {
+		if (Ne(), b.value.autoRange) return Pe(e, t);
+		if (b.value.fixedStart || b.value.fixedEnd) return Ie(e);
+		i.value[0] ? j(c(e.value), m.value) && !Me(e.value) ? V(c(e.value), c(i.value[0])) ? b.value.autoSwitchStartEnd ? (i.value.unshift(c(e.value)), l("range-end", i.value[0])) : (i.value[0] = c(e.value), l("range-start", i.value[0])) : (i.value[1] = c(e.value), l("range-end", i.value[1])) : l("invalid-date", e.value) : (i.value[0] = c(e.value), l("range-start", i.value[0]));
+	}, Re = (e = !0) => w.value.enableSeconds ? Array.isArray(p.seconds) ? e ? p.seconds[0] : p.seconds[1] : p.seconds : 0, ze = (e) => {
+		i.value[e] = B({
 			hours: p.hours[e],
 			minutes: p.minutes[e],
-			seconds: Ie(e !== 1)
+			seconds: Re(e !== 1)
 		}, i.value[e]);
-	}, Re = () => {
+	}, Be = () => {
 		i.value[0] && i.value[1] && +i.value?.[0] > +i.value?.[1] && (i.value.reverse(), l("range-start", i.value[0]), l("range-end", i.value[1]));
-	}, ze = () => {
-		i.value.length && (i.value[0] && !i.value[1] ? Le(0) : (Le(0), Le(1), r()), Re(), m.value = i.value.slice(), U(i.value, t, i.value.length < 2 || E.value?.steps.length ? e.flowStep !== E.value?.steps?.length : !1));
-	}, Be = (e, t = !1) => {
-		if (O(e.value) || !e.current && h.hideOffsetDates) return l("invalid-date", e.value);
-		if (s.value = structuredClone(e), !b.value.enabled) return ke(e);
-		Array.isArray(p.hours) && Array.isArray(p.minutes) && !C.value.enabled && (Fe(e, t), ze());
-	}, Ve = (t, i) => {
-		K(t, i.month, i.year, !0), v.value.count && !v.value.solo && ve(t), l("update-month-year", {
+	}, Ve = () => {
+		i.value.length && (i.value[0] && !i.value[1] ? ze(0) : (ze(0), ze(1), r()), Be(), m.value = i.value.slice(), W(i.value, t, i.value.length < 2 || E.value?.steps.length ? e.flowStep !== E.value?.steps?.length : !1));
+	}, He = (e, t = !1) => {
+		if (ee(e.value) || !e.current && h.hideOffsetDates) return l("invalid-date", e.value);
+		if (s.value = structuredClone(e), !b.value.enabled) return je(e);
+		Array.isArray(p.hours) && Array.isArray(p.minutes) && !C.value.enabled && (Le(e, t), Ve());
+	}, Ue = (t, i) => {
+		K(t, i.month, i.year, !0), v.value.count && !v.value.solo && ye(t), l("update-month-year", {
 			instance: t,
 			month: i.month,
 			year: i.year
 		}), n(v.value.solo ? t : void 0);
 		let a = E.value?.steps?.length ? E.value.steps[e.flowStep] : void 0;
 		!i.fromNav && (a === Cl.month || a === Cl.year) && r();
-	}, He = (e) => {
-		G({ value: e }), ae(), h.multiCalendars && T().then(() => le(!0));
-	}, Ue = () => {
+	}, We = (e) => {
+		re({ value: e }), oe(), h.multiCalendars && T().then(() => q(!0));
+	}, Ge = () => {
 		let e = c();
 		return h.actionRow?.nowBtnRound && (e = Wc(e, {
 			roundingMethod: h.actionRow.nowBtnRound.rounding ?? "ceil",
 			nearestTo: h.actionRow.nowBtnRound.roundTo ?? 15
 		})), e;
-	}, We = () => {
-		let e = Ue();
-		!b.value.enabled && !C.value.enabled ? m.value = e : m.value && Array.isArray(m.value) && m.value[0] ? C.value.enabled ? m.value = [...m.value, e] : m.value = B(e, m.value[0]) ? [e, m.value[0]] : [m.value[0], e] : m.value = [e], ae();
-	}, Ge = () => {
+	}, Ke = () => {
+		let e = Ge();
+		!b.value.enabled && !C.value.enabled ? m.value = e : m.value && Array.isArray(m.value) && m.value[0] ? C.value.enabled ? m.value = [...m.value, e] : m.value = V(e, m.value[0]) ? [e, m.value[0]] : [m.value[0], e] : m.value = [e], oe();
+	}, qe = () => {
 		if (Array.isArray(m.value)) if (C.value.enabled) {
-			let e = Ke();
-			m.value[m.value.length - 1] = M(e);
-		} else m.value = m.value.map((e, t) => e && M(e, t));
-		else m.value = M(m.value);
+			let e = Je();
+			m.value[m.value.length - 1] = N(e);
+		} else m.value = m.value.map((e, t) => e && N(e, t));
+		else m.value = N(m.value);
 		t("time-update");
-	}, Ke = () => Array.isArray(m.value) && m.value.length ? m.value[m.value.length - 1] : null, qe = (e) => {
+	}, Je = () => Array.isArray(m.value) && m.value.length ? m.value[m.value.length - 1] : null, Ye = (e) => {
 		let t = "";
 		if (b.value.enabled && Array.isArray(m.value)) for (let n of Object.keys(e)) {
 			let r = e[n];
@@ -12321,172 +12335,170 @@ var Vl = {
 		month: d,
 		year: f,
 		time: p,
-		disabledTimesConfig: L,
+		disabledTimesConfig: te,
 		today: g,
-		validateTime: I,
-		getCalendarDays: Oe,
-		getMarker: we,
-		handleScroll: xe,
-		handleSwipe: Ce,
-		handleArrow: Se,
-		selectDate: Be,
-		updateMonthYear: Ve,
-		presetDate: He,
-		selectCurrentDate: We,
+		validateTime: L,
+		getCalendarDays: Ae,
+		getMarker: Te,
+		handleScroll: Se,
+		handleSwipe: we,
+		handleArrow: Ce,
+		selectDate: He,
+		updateMonthYear: Ue,
+		presetDate: We,
+		selectCurrentDate: Ke,
 		updateTime: (e) => {
-			let t = qe(e);
-			j(e, Ge), t && l(t, m.value[t === "range-start" ? 0 : 1]);
+			let t = Ye(e);
+			M(e, qe), t && l(t, m.value[t === "range-start" ? 0 : 1]);
 		},
-		assignMonthAndYear: de,
-		setStartTime: oe
+		assignMonthAndYear: fe,
+		setStartTime: se
 	};
-}, Dd = () => {
-	let { isModelAuto: e, matchDate: t, isDateAfter: n, isDateBefore: r, isDateBetween: i, isDateEqual: a, getWeekFromDate: o, getBeforeAndAfterInRange: s } = uu(), { getDate: c, today: l, rootProps: u, defaults: { multiCalendars: d, multiDates: f, ui: p, highlight: m, safeDates: h, range: g }, modelValue: _ } = bl(), { isDisabled: v } = Nl(), y = F(null), b = (e) => {
-		!e.current && u.hideOffsetDates || (y.value = e.value);
-	}, x = () => {
-		y.value = null;
-	}, S = (e) => Array.isArray(_.value) && g.value.enabled && _.value[0] && y.value ? e ? n(y.value, _.value[0]) : r(y.value, _.value[0]) : !0, C = (e, t) => {
-		let n = _.value && Array.isArray(_.value) && _.value ? t ? _.value[0] || null : _.value[1] : null;
+}, Ed = () => {
+	let { isModelAuto: e, matchDate: t, isDateAfter: n, isDateBefore: r, isDateBetween: i, isDateEqual: a, getWeekFromDate: o, getBeforeAndAfterInRange: s } = lu(), { getDate: c, today: l, rootProps: u, defaults: { multiCalendars: d, multiDates: f, ui: p, highlight: m, safeDates: h, range: g, weekStart: _ }, modelValue: v } = bl(), { isDisabled: y } = Ml(), b = F(null), x = (e) => {
+		!e.current && u.hideOffsetDates || (b.value = e.value);
+	}, S = () => {
+		b.value = null;
+	}, C = (e) => Array.isArray(v.value) && g.value.enabled && v.value[0] && b.value ? e ? n(b.value, v.value[0]) : r(b.value, v.value[0]) : !0, w = (e, t) => {
+		let n = v.value && Array.isArray(v.value) && v.value ? t ? v.value[0] || null : v.value[1] : null;
 		return a(c(e.value), n);
-	}, w = (e) => {
-		let t = Array.isArray(_.value) ? _.value[0] : null;
-		return e ? !r(y.value, t) : !0;
-	}, T = (e, t = !0) => (g.value.enabled || u.weekPicker) && Array.isArray(_.value) && _.value.length === 2 ? u.hideOffsetDates && !e.current ? !1 : a(c(e.value), _.value[+!t]) : g.value.enabled ? C(e, t) && w(t) || a(e.value, Array.isArray(_.value) ? _.value[0] : null) && S(t) : !1, E = (e, t) => {
-		if (Array.isArray(_.value) && _.value[0] && _.value.length === 1) {
-			let i = a(e.value, y.value);
-			return t ? n(_.value[0], e.value) && i : r(_.value[0], e.value) && i;
+	}, T = (e) => {
+		let t = Array.isArray(v.value) ? v.value[0] : null;
+		return e ? !r(b.value, t) : !0;
+	}, E = (e, t = !0) => (g.value.enabled || u.weekPicker) && Array.isArray(v.value) && v.value.length === 2 ? u.hideOffsetDates && !e.current ? !1 : a(c(e.value), v.value[+!t]) : g.value.enabled ? w(e, t) && T(t) || a(e.value, Array.isArray(v.value) ? v.value[0] : null) && C(t) : !1, D = (e, t) => {
+		if (Array.isArray(v.value) && v.value[0] && v.value.length === 1) {
+			let i = a(e.value, b.value);
+			return t ? n(v.value[0], e.value) && i : r(v.value[0], e.value) && i;
 		}
 		return !1;
-	}, D = (e) => !_.value || u.hideOffsetDates && !e.current ? !1 : g.value.enabled ? u.modelAuto && Array.isArray(_.value) ? a(e.value, _.value[0] ?? l) : !1 : f.value.enabled && Array.isArray(_.value) ? _.value.some((t) => a(t, e.value)) : a(e.value, _.value ? _.value : l), O = (e) => {
+	}, O = (e) => !v.value || u.hideOffsetDates && !e.current ? !1 : g.value.enabled ? u.modelAuto && Array.isArray(v.value) ? a(e.value, v.value[0] ?? l) : !1 : f.value.enabled && Array.isArray(v.value) ? v.value.some((t) => a(t, e.value)) : a(e.value, v.value ? v.value : l), ee = (e) => {
 		if (g.value.autoRange || u.weekPicker) {
-			if (y.value) {
+			if (b.value) {
 				if (u.hideOffsetDates && !e.current) return !1;
-				let t = to(y.value, +g.value.autoRange), n = o(c(y.value), u.weekStart);
+				let t = to(b.value, +g.value.autoRange), n = o(c(b.value), _.value);
 				return u.weekPicker ? a(n[1], c(e.value)) : a(t, c(e.value));
 			}
 			return !1;
 		}
 		return !1;
-	}, ee = (e) => {
+	}, k = (e) => {
 		if (g.value.autoRange || u.weekPicker) {
-			if (y.value) {
-				let t = to(y.value, +g.value.autoRange);
+			if (b.value) {
+				let t = to(b.value, +g.value.autoRange);
 				if (u.hideOffsetDates && !e.current) return !1;
-				let i = o(c(y.value), u.weekStart);
-				return u.weekPicker ? n(e.value, i[0]) && r(e.value, i[1]) : n(e.value, y.value) && r(e.value, t);
+				let i = o(c(b.value), _.value);
+				return u.weekPicker ? n(e.value, i[0]) && r(e.value, i[1]) : n(e.value, b.value) && r(e.value, t);
 			}
 			return !1;
 		}
 		return !1;
-	}, k = (e) => {
+	}, A = (e) => {
 		if (g.value.autoRange || u.weekPicker) {
-			if (y.value) {
+			if (b.value) {
 				if (u.hideOffsetDates && !e.current) return !1;
-				let t = o(c(y.value), u.weekStart);
-				return u.weekPicker ? a(t[0], e.value) : a(y.value, e.value);
+				let t = o(c(b.value), _.value);
+				return u.weekPicker ? a(t[0], e.value) : a(b.value, e.value);
 			}
 			return !1;
 		}
 		return !1;
-	}, A = (e) => i(_.value, y.value, e.value), j = () => u.modelAuto && Array.isArray(_.value) ? !!_.value[0] : !1, M = () => u.modelAuto ? e(_.value) : !0, N = (e) => {
+	}, j = (e) => i(v.value, b.value, e.value), M = () => u.modelAuto && Array.isArray(v.value) ? !!v.value[0] : !1, N = () => u.modelAuto ? e(v.value) : !0, P = (e) => {
 		if (u.weekPicker) return !1;
-		let t = g.value.enabled ? !T(e) && !T(e, !1) : !0;
-		return !v(e.value) && !D(e) && !(!e.current && u.hideOffsetDates) && t;
-	}, P = (e) => g.value.enabled ? u.modelAuto ? j() && D(e) : !1 : D(e), I = (e) => m.value ? t(e.value, h.value.highlight) : !1, L = (e) => {
-		let t = v(e.value);
+		let t = g.value.enabled ? !E(e) && !E(e, !1) : !0;
+		return !y(e.value) && !O(e) && !(!e.current && u.hideOffsetDates) && t;
+	}, I = (e) => g.value.enabled ? u.modelAuto ? M() && O(e) : !1 : O(e), L = (e) => m.value ? t(e.value, h.value.highlight) : !1, te = (e) => {
+		let t = y(e.value);
 		return t && (typeof m.value == "function" ? !m.value(e.value, t) : !m.value.options.highlightDisabled);
-	}, te = (e) => typeof m.value == "function" ? m.value(e.value) : m.value.weekdays?.includes(e.value.getDay()), R = (e) => (g.value.enabled || u.weekPicker) && (!(d.value.count > 0) || e.current) && M() && !(!e.current && u.hideOffsetDates) && !D(e) ? A(e) : !1, z = (e) => {
-		if (Array.isArray(_.value) && _.value.length === 1) {
-			let { before: t, after: n } = s(+g.value.maxRange, _.value[0]);
+	}, R = (e) => typeof m.value == "function" ? m.value(e.value) : m.value.weekdays?.includes(e.value.getDay()), z = (e) => (g.value.enabled || u.weekPicker) && (!(d.value.count > 0) || e.current) && N() && !(!e.current && u.hideOffsetDates) && !O(e) ? j(e) : !1, B = (e) => {
+		if (Array.isArray(v.value) && v.value.length === 1) {
+			let { before: t, after: n } = s(+g.value.maxRange, v.value[0]);
 			return As(e.value, t) || ks(e.value, n);
 		}
 		return !1;
-	}, B = (e) => {
-		if (Array.isArray(_.value) && _.value.length === 1) {
-			let { before: t, after: n } = s(+g.value.minRange, _.value[0]);
-			return i([t, n], _.value[0], e.value);
+	}, V = (e) => {
+		if (Array.isArray(v.value) && v.value.length === 1) {
+			let { before: t, after: n } = s(+g.value.minRange, v.value[0]);
+			return i([t, n], v.value[0], e.value);
 		}
 		return !1;
-	}, V = (e) => g.value.enabled && (g.value.maxRange || g.value.minRange) ? g.value.maxRange && g.value.minRange ? z(e) || B(e) : g.value.maxRange ? z(e) : B(e) : !1, H = (e) => {
-		let { isRangeStart: t, isRangeEnd: i } = G(e), o = g.value.enabled ? t || i : !1;
+	}, H = (e) => g.value.enabled && (g.value.maxRange || g.value.minRange) ? g.value.maxRange && g.value.minRange ? B(e) || V(e) : g.value.maxRange ? B(e) : V(e) : !1, U = (e) => {
+		let { isRangeStart: t, isRangeEnd: i } = re(e), o = g.value.enabled ? t || i : !1;
 		return {
-			dp__cell_offset: !e.current,
-			dp__pointer: !u.disabled && !(!e.current && u.hideOffsetDates) && !v(e.value) && !V(e),
-			dp__cell_disabled: v(e.value) || V(e),
-			dp__cell_highlight: !L(e) && (I(e) || te(e)) && !P(e) && !o && !k(e) && !(R(e) && u.weekPicker) && !i,
-			dp__cell_highlight_active: !L(e) && (I(e) || te(e)) && P(e),
-			dp__today: !u.noToday && a(e.value, l) && e.current,
+			"dp--cell-offset": !e.current,
+			"dp--pointer": !u.disabled && !(!e.current && u.hideOffsetDates) && !y(e.value) && !H(e),
+			"dp--cell-disabled": y(e.value) || H(e),
+			"dp--cell-highlight": !te(e) && (L(e) || R(e)) && !I(e) && !o && !A(e) && !(z(e) && u.weekPicker) && !i,
+			"dp--cell-highlight-active": !te(e) && (L(e) || R(e)) && I(e),
+			"dp--today": !u.noToday && a(e.value, l) && e.current,
 			"dp--past": r(e.value, l),
 			"dp--future": n(e.value, l)
 		};
-	}, U = (e) => ({
-		dp__active_date: P(e),
-		dp__date_hover: N(e)
-	}), W = (e) => {
-		if (_.value && !Array.isArray(_.value)) {
-			let t = o(_.value, u.weekStart);
+	}, W = (e) => ({
+		"dp--active": I(e),
+		"dp--date-hoverable": P(e)
+	}), ne = (e) => {
+		if (v.value && !Array.isArray(v.value)) {
+			let t = o(v.value, _.value);
 			return {
-				...oe(e),
-				dp__range_start: a(t[0], e.value),
-				dp__range_end: a(t[1], e.value),
-				dp__range_between_week: n(e.value, t[0]) && r(e.value, t[1])
+				...se(e),
+				"dp--range-border-start dp--active": a(t[0], e.value),
+				"dp--range-border-end dp--active": a(t[1], e.value),
+				"dp--range-preview dp--range-between-week": n(e.value, t[0]) && r(e.value, t[1])
 			};
 		}
-		return { ...oe(e) };
-	}, ne = (e) => {
-		if (_.value && Array.isArray(_.value)) {
-			let t = o(_.value[0], u.weekStart), i = _.value[1] ? o(_.value[1], u.weekStart) : [];
+		return { ...se(e) };
+	}, G = (e) => {
+		if (v.value && Array.isArray(v.value)) {
+			let t = o(v.value[0], _.value), i = v.value[1] ? o(v.value[1], _.value) : [];
 			return {
-				...oe(e),
-				dp__range_start: a(t[0], e.value) || a(i[0], e.value),
-				dp__range_end: a(t[1], e.value) || a(i[1], e.value),
-				dp__range_between_week: n(e.value, t[0]) && r(e.value, t[1]) || n(e.value, i[0]) && r(e.value, i[1]),
-				dp__range_between: n(e.value, t[1]) && r(e.value, i[0])
+				...se(e),
+				"dp--range-border-start dp--active": a(t[0], e.value) || a(i[0], e.value),
+				"dp--range-border-end dp--active": a(t[1], e.value) || a(i[1], e.value),
+				"dp--range-preview dp--range-between-week": n(e.value, t[0]) && r(e.value, t[1]) || n(e.value, i[0]) && r(e.value, i[1]),
+				"dp--range-between": n(e.value, t[1]) && r(e.value, i[0])
 			};
 		}
-		return { ...oe(e) };
-	}, G = (e) => ({
-		isRangeStart: d.value.count > 0 ? e.current && T(e) && M() : T(e) && M(),
-		isRangeEnd: d.value.count > 0 ? e.current && T(e, !1) && M() : T(e, !1) && M()
-	}), re = (e) => g.value.enabled && (g.value.fixedStart || g.value.fixedEnd) && Array.isArray(_.value) && _.value.length === 2, ie = (e, t, n, r) => !re(_.value) || !y.value ? !1 : t ? g.value.fixedEnd && a(e.value, y.value) && As(e.value, _.value[0]) && !n : g.value.fixedStart && a(e.value, y.value) && ks(e.value, _.value[1]) && !r, K = (e, t) => !re(_.value) || !y.value ? !1 : t ? g.value.fixedEnd && ks(e.value, y.value) && As(e.value, _.value[0]) : g.value.fixedStart && As(e.value, y.value) && ks(e.value, _.value[1]), ae = (e) => {
-		let { isRangeStart: t, isRangeEnd: n } = G(e);
+		return { ...se(e) };
+	}, re = (e) => ({
+		isRangeStart: d.value.count > 0 ? e.current && E(e) && N() : E(e) && N(),
+		isRangeEnd: d.value.count > 0 ? e.current && E(e, !1) && N() : E(e, !1) && N()
+	}), ie = (e) => g.value.enabled && (g.value.fixedStart || g.value.fixedEnd) && Array.isArray(e) && e.length === 2, ae = (e, t, n, r) => !ie(v.value) || !b.value ? !1 : t ? g.value.fixedEnd && a(e.value, b.value) && As(e.value, v.value[0]) && !n : g.value.fixedStart && a(e.value, b.value) && ks(e.value, v.value[1]) && !r, K = (e, t) => !ie(v.value) || !b.value ? !1 : t ? g.value.fixedEnd && ks(e.value, b.value) && As(e.value, v.value[0]) : g.value.fixedStart && As(e.value, b.value) && ks(e.value, v.value[1]), oe = (e) => {
+		let { isRangeStart: t, isRangeEnd: n } = re(e);
 		return {
-			dp__range_start: t,
-			dp__range_end: n,
-			dp__range_between: R(e),
-			dp__date_hover: a(e.value, y.value) && !t && !n && !u.weekPicker,
-			dp__date_hover_start: E(e, !0) || ie(e, !0, t, n),
-			dp__date_hover_end: E(e, !1) || ie(e, !1, t, n),
-			"dp--extended-fixed-start": K(e, !0),
-			"dp--extended-fixed-end": K(e, !1)
+			"dp--range-border-start dp--active": t,
+			"dp--range-border-end dp--active": n,
+			"dp--range-between": z(e) || K(e, !0) || K(e, !1),
+			"dp--date-hoverable": a(e.value, b.value) && !t && !n && !u.weekPicker,
+			"dp--date-hoverable dp--date-hoverable-start": D(e, !0) || ae(e, !0, t, n),
+			"dp--date-hoverable dp--date-hoverable-end": D(e, !1) || ae(e, !1, t, n)
 		};
-	}, oe = (e) => ({
-		...ae(e),
-		dp__cell_auto_range: ee(e),
-		dp__cell_auto_range_start: k(e),
-		dp__cell_auto_range_end: O(e)
-	}), se = (e) => g.value.enabled ? g.value.autoRange ? oe(e) : u.modelAuto ? {
-		...U(e),
-		...ae(e)
-	} : u.weekPicker ? ne(e) : ae(e) : u.weekPicker ? W(e) : U(e);
+	}, se = (e) => ({
+		...oe(e),
+		"dp--range-preview dp--cell-auto-range": k(e),
+		"dp--range-preview dp--range-border-start dp--cell-auto-range-start": A(e),
+		"dp--range-preview dp--range-border-end dp--cell-auto-range-end": ee(e)
+	}), ce = (e) => g.value.enabled ? g.value.autoRange ? se(e) : u.modelAuto ? {
+		...W(e),
+		...oe(e)
+	} : u.weekPicker ? G(e) : oe(e) : u.weekPicker ? ne(e) : W(e);
 	return {
-		setHoverDate: b,
-		clearHoverDate: x,
+		setHoverDate: x,
+		clearHoverDate: S,
 		getDayClassData: (e) => u.hideOffsetDates && !e.current ? {} : {
-			...H(e),
-			...se(e),
-			[p.value.dayClass ? p.value.dayClass(e.value, _.value) : ""]: !0,
+			...U(e),
+			...ce(e),
+			[p.value.dayClass ? p.value.dayClass(e.value, v.value) : ""]: !0,
 			...p.value.calendarCell
 		}
 	};
-}, Od = { key: 0 }, kd = /* @__PURE__ */ h({
+}, Dd = { key: 0 }, Od = /* @__PURE__ */ h({
 	__name: "DatePicker",
 	props: /* @__PURE__ */ S({
 		flowStep: {},
 		collapse: { type: Boolean },
 		menuWrapRef: {},
 		noOverlayFocus: { type: Boolean }
-	}, iu),
+	}, ru),
 	emits: [
 		"mount",
 		"update-flow-step",
@@ -12497,7 +12509,7 @@ var Vl = {
 		"auto-apply"
 	],
 	setup(e, { expose: t, emit: r }) {
-		let i = r, { month: a, year: u, modelValue: f, time: m, disabledTimesConfig: h, today: g, validateTime: _, getCalendarDays: y, getMarker: b, handleArrow: x, handleScroll: S, handleSwipe: C, selectDate: T, updateMonthYear: O, presetDate: ee, selectCurrentDate: k, updateTime: A, assignMonthAndYear: M, setStartTime: N } = Ed(e, i, me, he), P = ne(), { setHoverDate: F, getDayClassData: te, clearHoverDate: R } = Dd(), { getDate: z, rootEmit: B, rootProps: V, defaults: { multiCalendars: U, timeConfig: W } } = bl(), { getYears: re, getMonths: ie } = pu(), { getCellId: K } = uu(), ae = G("calendar-header"), oe = G("calendar"), se = G("time-picker"), le = bu(P, _u.Calendar), ue = bu(P, _u.DatePickerHeader), de = bu(P, _u.TimePicker), fe = (e) => {
+		let i = r, { month: a, year: u, modelValue: f, time: m, disabledTimesConfig: h, today: g, validateTime: _, getCalendarDays: y, getMarker: b, handleArrow: x, handleScroll: S, handleSwipe: C, selectDate: T, updateMonthYear: O, presetDate: ee, selectCurrentDate: k, updateTime: A, assignMonthAndYear: M, setStartTime: N } = Td(e, i, me, he), P = ne(), { setHoverDate: F, getDayClassData: te, clearHoverDate: R } = Ed(), { getDate: z, rootEmit: B, rootProps: V, defaults: { multiCalendars: U, timeConfig: W } } = bl(), { getYears: re, getMonths: ie } = fu(), { getCellId: ae } = lu(), K = G("calendar-header"), oe = G("calendar"), se = G("time-picker"), le = yu(P, gu.Calendar), ue = yu(P, gu.DatePickerHeader), de = yu(P, gu.TimePicker), fe = (e) => {
 			i("mount", e);
 		};
 		ce(U, (e, t) => {
@@ -12514,9 +12526,9 @@ var Vl = {
 			i("update-flow-step");
 		}
 		let ge = (e, t, n = 0) => {
-			ae.value?.[n]?.toggleMonthPicker(e, t);
+			K.value?.[n]?.toggleMonthPicker(e, t);
 		}, _e = (e, t, n = 0) => {
-			ae.value?.[n]?.toggleYearPicker(e, t);
+			K.value?.[n]?.toggleYearPicker(e, t);
 		}, ve = (e, t, n) => {
 			se.value?.toggleTimePicker(e, t, n);
 		}, ye = (e, t) => {
@@ -12527,10 +12539,10 @@ var Vl = {
 					current: Ds(r) === a.value(0),
 					text: "",
 					classData: {}
-				}), document.getElementById(K(i))?.focus();
+				}), document.getElementById(ae(i))?.focus();
 			}
 		}, be = (e) => {
-			ae.value?.[0]?.handleMonthYearChange(e, !0);
+			K.value?.[0]?.handleMonthYearChange(e, !0);
 		}, xe = (e) => {
 			O(0, {
 				month: a.value(0),
@@ -12566,11 +12578,11 @@ var Vl = {
 			changeMonth: be,
 			changeYear: xe,
 			selectWeekDate: ye
-		}), (t, r) => (j(), l(n, null, [p(zu, { collapse: e.collapse }, {
+		}), (t, r) => (j(), l(n, null, [p(Ru, { collapse: e.collapse }, {
 			default: q(({ instances: i, wrapClass: o }) => [(j(!0), l(n, null, I(i, (n) => (j(), l("div", {
 				key: n,
 				class: E(o)
-			}, [H(V).hideMonthYearSelect ? c("", !0) : (j(), s(vd, {
+			}, [H(V).hideMonthYearSelect ? c("", !0) : (j(), s(_d, {
 				key: 0,
 				ref_for: !0,
 				ref: "calendar-header",
@@ -12595,7 +12607,7 @@ var Vl = {
 				"instance",
 				"menu-wrap-ref",
 				"onUpdateMonthYear"
-			])), p(Td, {
+			])), p(wd, {
 				ref_for: !0,
 				ref: "calendar",
 				"mapped-dates": pe.value(n),
@@ -12620,10 +12632,10 @@ var Vl = {
 				"onHandleSwipe"
 			])], 2))), 128))]),
 			_: 3
-		}, 8, ["collapse"]), H(W).enableTimePicker ? (j(), l("div", Od, [L(t.$slots, "time-picker", D(v({
+		}, 8, ["collapse"]), H(W).enableTimePicker ? (j(), l("div", Dd, [L(t.$slots, "time-picker", D(v({
 			time: H(m),
 			updateTime: H(A)
-		})), () => [p(cd, {
+		})), () => [p(sd, {
 			ref: "time-picker",
 			hours: H(m).hours,
 			minutes: H(m).minutes,
@@ -12660,10 +12672,10 @@ var Vl = {
 			"no-overlay-focus"
 		])])])) : c("", !0)], 64));
 	}
-}), Ad = (e, t) => {
-	let { getDate: n, modelValue: r, year: i, calendars: a, defaults: { highlight: s, range: c, multiDates: l } } = bl(), { isDateBetween: u, isDateEqual: d } = uu(), { checkRangeAutoApply: f, handleMultiDatesSelect: p, setMonthOrYearRange: m } = Gu();
-	Ml();
-	let { isDisabled: h } = Nl(), { formatQuarterText: g } = fu(), { selectYear: _, groupedYears: v, showYearPicker: y, isDisabled: b, toggleYearPicker: x, handleYearSelect: S, handleYear: C, setStartDate: w } = Wu(t), T = F();
+}), kd = (e, t) => {
+	let { getDate: n, modelValue: r, year: i, calendars: a, defaults: { highlight: s, range: c, multiDates: l } } = bl(), { isDateBetween: u, isDateEqual: d } = lu(), { checkRangeAutoApply: f, handleMultiDatesSelect: p, setMonthOrYearRange: m } = Wu();
+	jl();
+	let { isDisabled: h } = Ml(), { formatQuarterText: g } = du(), { selectYear: _, groupedYears: v, showYearPicker: y, isDisabled: b, toggleYearPicker: x, handleYearSelect: S, handleYear: C, setStartDate: w } = Uu(t), T = F();
 	k(() => {
 		w();
 	});
@@ -12720,12 +12732,12 @@ var Vl = {
 			if (!n) return a.value[t].month = Ds(Mo(e)), l.value.enabled ? j(e) : c.value.enabled ? M(e) : N(e);
 		}
 	};
-}, jd = { class: "dp--quarter-items" }, Md = [
+}, Ad = { class: "dp--quarter-items" }, jd = [
 	"data-test-id",
 	"disabled",
 	"onClick",
 	"onMouseover"
-], Nd = /* @__PURE__ */ h({
+], Md = /* @__PURE__ */ h({
 	__name: "QuarterPicker",
 	props: {
 		flowStep: {},
@@ -12735,14 +12747,14 @@ var Vl = {
 	},
 	emits: ["reset-flow", "auto-apply"],
 	setup(e, { expose: t, emit: r }) {
-		let i = r, a = e, { defaults: { config: o } } = bl(), m = ne(), { boolHtmlAttribute: h } = hu(), g = bu(m, _u.YearMode), { groupedYears: _, year: v, isDisabled: y, quarters: b, modelValue: x, showYearPicker: S, setHoverDate: C, selectQuarter: T, toggleYearPicker: D, handleYearSelect: ee, handleYear: k } = Ad(a, i);
+		let i = r, a = e, { defaults: { config: o } } = bl(), m = ne(), { boolHtmlAttribute: h } = mu(), g = yu(m, gu.YearMode), { groupedYears: _, year: v, isDisabled: y, quarters: b, modelValue: x, showYearPicker: S, setHoverDate: C, selectQuarter: T, toggleYearPicker: D, handleYearSelect: ee, handleYear: k } = kd(a, i);
 		return t({ getSidebarProps: () => ({
 			modelValue: x,
 			year: v,
 			selectQuarter: T,
 			handleYearSelect: ee,
 			handleYear: k
-		}) }), (t, r) => (j(), s(zu, {
+		}) }), (t, r) => (j(), s(Ru, {
 			collapse: e.collapse,
 			stretch: ""
 		}, {
@@ -12757,7 +12769,7 @@ var Vl = {
 					key: 0,
 					value: H(x)
 				}) : c("", !0),
-				u("div", null, [p(Uu, {
+				u("div", null, [p(Hu, {
 					items: H(_)(e),
 					instance: e,
 					"show-year-picker": H(S)[e],
@@ -12779,10 +12791,10 @@ var Vl = {
 					"onYearSelect",
 					"onToggleYearPicker"
 				])]),
-				u("div", jd, [(j(!0), l(n, null, I(H(b)(e), (n, r) => (j(), l("div", { key: r }, [u("button", {
+				u("div", Ad, [(j(!0), l(n, null, I(H(b)(e), (n, r) => (j(), l("div", { key: r }, [u("button", {
 					type: "button",
-					class: E(["dp--qr-btn", {
-						"dp--qr-btn-active": n.active,
+					class: E(["dp--btn-base dp--qr-btn", {
+						"dp--active": n.active,
 						"dp--qr-btn-between": n.isBetween,
 						"dp--qr-btn-disabled": n.disabled,
 						"dp--highlighted": n.highlighted
@@ -12795,37 +12807,37 @@ var Vl = {
 				}, [L(t.$slots, "quarter", {
 					value: n.value,
 					text: n.text
-				}, () => [f(z(n.text), 1)])], 42, Md)]))), 128))])
+				}, () => [f(z(n.text), 1)])], 42, jd)]))), 128))])
 			], 4)], 2))), 128))]),
 			_: 3
 		}, 8, ["collapse"]));
 	}
-}), Pd = [
+}), Nd = [
 	"id",
 	"tabindex",
 	"role",
 	"aria-label"
-], Fd = {
+], Pd = {
 	key: 0,
 	class: "dp--menu-load-container"
-}, Id = {
+}, Fd = {
 	key: 1,
 	class: "dp--menu-header"
-}, Ld = ["data-dp-mobile"], Rd = {
+}, Id = ["data-dp-mobile"], Ld = {
 	key: 0,
-	class: "dp__sidebar_left"
-}, zd = ["data-dp-mobile"], Bd = [
+	class: "dp--sidebar-left"
+}, Rd = ["data-dp-mobile"], zd = [
 	"data-test-id",
 	"data-dp-mobile",
 	"onClick",
 	"onKeydown"
-], Vd = { class: "dp__instance_calendar" }, Hd = {
+], Bd = { class: "dp--instance-calendar" }, Vd = {
 	key: 2,
-	class: "dp__sidebar_right"
-}, Ud = {
+	class: "dp--sidebar-right"
+}, Hd = {
 	key: 2,
-	class: "dp__action_extra"
-}, Wd = /* @__PURE__ */ h({
+	class: "dp--action-extra"
+}, Ud = /* @__PURE__ */ h({
 	__name: "DatepickerMenu",
 	props: {
 		collapse: { type: Boolean },
@@ -12840,34 +12852,34 @@ var Vl = {
 		"menu-blur"
 	],
 	setup(e, { expose: t, emit: r }) {
-		let i = r, a = ne(), { state: f, rootProps: p, defaults: { textInput: m, inline: h, config: g, ui: _, ariaLabels: y }, setState: b } = bl(), { isMobile: x } = du(), { handleEventPropagation: S, getElWithin: C, checkStopPropagation: w, checkKeyDown: T } = lu();
-		kl();
-		let ee = G("inner-menu"), M = G("dp-menu"), N = G("dyn-cmp"), P = F(0), R = F(!1), B = F(!1), { flowStep: U, updateFlowStep: W, childMount: re, resetFlow: ie, handleFlow: K } = Pl(N), ae = (e) => {
+		let i = r, a = ne(), { state: f, rootProps: p, defaults: { textInput: m, inline: h, config: g, ui: _, ariaLabels: y }, setState: b } = bl(), { isMobile: x } = uu(), { handleEventPropagation: S, getElWithin: C, checkStopPropagation: w, checkKeyDown: T } = cu();
+		Ol();
+		let ee = G("inner-menu"), M = G("dp-menu"), N = G("dyn-cmp"), P = F(0), R = F(!1), B = F(!1), { flowStep: U, updateFlowStep: W, childMount: re, resetFlow: ie, handleFlow: ae } = Nl(N), K = (e) => {
 			B.value = !0, g.value.allowPreventDefault && e.preventDefault(), w(e, g.value, !0);
 		};
 		k(() => {
 			R.value = !0, oe(), globalThis.addEventListener("resize", oe);
 			let e = Pr(M);
-			e && !m.value.enabled && !h.value.enabled && b("menuFocused", !0), e && (e.addEventListener("pointerdown", ae), e.addEventListener("mousedown", ae)), document.addEventListener("mousedown", Oe);
+			e && !m.value.enabled && !h.value.enabled && b("menuFocused", !0), e && (e.addEventListener("pointerdown", K), e.addEventListener("mousedown", K)), document.addEventListener("mousedown", Oe);
 		}), A(() => {
 			globalThis.removeEventListener("resize", oe), document.removeEventListener("mousedown", Oe);
 			let e = Pr(M);
-			e && (e.removeEventListener("pointerdown", ae), e.removeEventListener("mousedown", ae));
+			e && (e.removeEventListener("pointerdown", K), e.removeEventListener("mousedown", K));
 		});
 		let oe = () => {
 			let e = Pr(ee);
 			e && (P.value = e.getBoundingClientRect().width);
-		}, se = o(() => p.monthPicker ? qu : p.yearPicker ? Yu : p.timePicker ? dd : p.quarterPicker ? Nd : kd), ce = () => {
+		}, se = o(() => p.monthPicker ? Ku : p.yearPicker ? Ju : p.timePicker ? ud : p.quarterPicker ? Md : Od), ce = () => {
 			let e = Pr(M);
 			e && e.focus({ preventScroll: !0 });
-		}, le = o(() => N.value?.getSidebarProps() || {}), ue = bu(a, _u.ActionRow), de = bu(a, _u.PassTrough), pe = o(() => ({
-			dp__menu_disabled: p.disabled,
-			dp__menu_readonly: p.readonly,
-			"dp-menu-loading": p.loading
+		}, le = o(() => N.value?.getSidebarProps() || {}), ue = yu(a, gu.ActionRow), de = yu(a, gu.PassTrough), pe = o(() => ({
+			"dp--menu-unclickable dp--menu-disabled": p.disabled,
+			"dp--menu-unclickable dp--menu-readonly": p.readonly,
+			"dp--menu-unclickable dp-menu-loading": p.loading
 		})), me = o(() => ({
-			dp__menu: !0,
-			dp__menu_index: !h.value.enabled,
-			dp__relative: h.value.enabled,
+			"dp--menu": !0,
+			"dp--menu-index": !h.value.enabled,
+			"dp--relative": h.value.enabled,
 			..._.value.menu
 		})), he = (e) => {
 			w(e, g.value, !0);
@@ -12876,7 +12888,7 @@ var Vl = {
 		}, _e = (e) => {
 			p.arrowNavigation || (e === Tl.left || e === Tl.up ? xe("handleArrow", Tl.left, 0, e === Tl.up) : xe("handleArrow", Tl.right, 0, e === Tl.down));
 		}, ve = (e) => {
-			b("shiftKeyInMenu", e.shiftKey), !p.hideMonthYearSelect && e.code === El.tab && e.target.classList.contains("dp__menu") && f.shiftKeyInMenu && (e.preventDefault(), w(e, g.value, !0), i("close-picker"));
+			b("shiftKeyInMenu", e.shiftKey), !p.hideMonthYearSelect && e.code === El.tab && e.target.classList.contains("dp--menu") && f.shiftKeyInMenu && (e.preventDefault(), w(e, g.value, !0), i("close-picker"));
 		}, ye = (e) => {
 			N.value?.toggleTimePicker(!1, !1), N.value?.toggleMonthPicker(!1, !1, e), N.value?.toggleYearPicker(!1, !1, e);
 		}, be = (e, t = 0) => e === "month" ? N.value?.toggleMonthPicker(!1, !0, t) : e === "year" ? N.value?.toggleYearPicker(!1, !0, t) : e === "time" ? N.value?.toggleTimePicker(!0, !1) : ye(t), xe = (e, ...t) => {
@@ -12910,7 +12922,7 @@ var Vl = {
 			onValueCleared: () => {
 				N.value?.setStartTime?.();
 			},
-			handleFlow: K
+			handleFlow: ae
 		}), (t, r) => (j(), l("div", {
 			id: H(p).menuId,
 			ref: "dp-menu",
@@ -12925,19 +12937,19 @@ var Vl = {
 			(H(p).disabled || H(p).readonly) && H(h).enabled || H(p).loading ? (j(), l("div", {
 				key: 0,
 				class: E(pe.value)
-			}, [H(p).loading ? (j(), l("div", Fd, [...r[5] ||= [u("span", { class: "dp--menu-loader" }, null, -1)]])) : c("", !0)], 2)) : c("", !0),
-			t.$slots["menu-header"] ? (j(), l("div", Id, [L(t.$slots, "menu-header")])) : c("", !0),
+			}, [H(p).loading ? (j(), l("div", Pd, [...r[5] ||= [u("span", { class: "dp--menu-loader" }, null, -1)]])) : c("", !0)], 2)) : c("", !0),
+			t.$slots["menu-header"] ? (j(), l("div", Fd, [L(t.$slots, "menu-header")])) : c("", !0),
 			L(t.$slots, "arrow"),
 			u("div", {
 				ref: "inner-menu",
 				class: E({
-					dp__menu_content_wrapper: H(p).presetDates?.length || !!t.$slots["left-sidebar"] || !!t.$slots["right-sidebar"],
+					"dp--menu-content-wrapper": H(p).presetDates?.length || !!t.$slots["left-sidebar"] || !!t.$slots["right-sidebar"],
 					"dp--menu-content-wrapper-collapsed": e.collapse && (H(p).presetDates?.length || !!t.$slots["left-sidebar"] || !!t.$slots["right-sidebar"])
 				}),
 				"data-dp-mobile": H(x),
 				style: O({ "--dp-menu-width": `${P.value}px` })
 			}, [
-				t.$slots["left-sidebar"] ? (j(), l("div", Rd, [L(t.$slots, "left-sidebar", D(v(le.value)))])) : c("", !0),
+				t.$slots["left-sidebar"] ? (j(), l("div", Ld, [L(t.$slots, "left-sidebar", D(v(le.value)))])) : c("", !0),
 				H(p).presetDates.length ? (j(), l("div", {
 					key: 1,
 					class: E({
@@ -12954,13 +12966,13 @@ var Vl = {
 					key: 1,
 					type: "button",
 					style: O(r.style || {}),
-					class: E(["dp__btn dp--preset-range", { "dp--preset-range-collapsed": e.collapse }]),
+					class: E(["dp--btn dp--preset-range", { "dp--preset-range-collapsed": e.collapse }]),
 					"data-test-id": r.testId ?? void 0,
 					"data-dp-mobile": H(x),
 					onClick: fe((e) => Ce(r.value), ["prevent"]),
 					onKeydown: (e) => H(T)(e, () => Ce(r.value), !0)
-				}, z(r.label), 47, Bd))], 64))), 128))], 10, zd)) : c("", !0),
-				u("div", Vd, [(j(), s(te(se.value), {
+				}, z(r.label), 47, zd))], 64))), 128))], 10, Rd)) : c("", !0),
+				u("div", Bd, [(j(), s(te(se.value), {
 					ref: "dyn-cmp",
 					"flow-step": H(U),
 					collapse: e.collapse,
@@ -12985,13 +12997,13 @@ var Vl = {
 					"onUpdateFlowStep",
 					"onResetFlow"
 				]))]),
-				t.$slots["right-sidebar"] ? (j(), l("div", Hd, [L(t.$slots, "right-sidebar", D(v(le.value)))])) : c("", !0)
-			], 14, Ld),
-			t.$slots["action-extra"] ? (j(), l("div", Ud, [t.$slots["action-extra"] ? L(t.$slots, "action-extra", {
+				t.$slots["right-sidebar"] ? (j(), l("div", Vd, [L(t.$slots, "right-sidebar", D(v(le.value)))])) : c("", !0)
+			], 14, Id),
+			t.$slots["action-extra"] ? (j(), l("div", Hd, [t.$slots["action-extra"] ? L(t.$slots, "action-extra", {
 				key: 0,
 				selectCurrentDate: Se
 			}) : c("", !0)])) : c("", !0),
-			!H(p).autoApply || H(g).keepActionRow ? (j(), s(ju, {
+			!H(p).autoApply || H(g).keepActionRow ? (j(), s(Au, {
 				key: 3,
 				"menu-mount": R.value,
 				"calendar-width": P.value,
@@ -13002,169 +13014,174 @@ var Vl = {
 				name: e,
 				fn: q((n) => [L(t.$slots, e, D(v(n)))])
 			}))]), 1032, ["menu-mount", "calendar-width"])) : c("", !0)
-		], 42, Pd));
+		], 42, Nd));
 	}
-}), Gd = ["data-dp-mobile"], Kd = /* @__PURE__ */ h({
+}), Wd = ["data-dp-mobile"], Gd = /* @__PURE__ */ h({
 	__name: "VueDatePicker",
 	setup(e, { expose: t }) {
-		let { rootEmit: n, setState: i, inputValue: f, modelValue: m, rootProps: h, defaults: { inline: g, config: _, textInput: y, range: b, multiDates: x, teleport: S, floatingConfig: C } } = bl(), { validateDate: w, isValidTime: ee } = Nl(), { menuTransition: M, showTransition: N } = jl(), { isMobile: P } = du(), { findNextFocusableElement: te, getNumVal: R } = lu(), z = ne(), V = F(!1), U = F(g.value.enabled || h.centered), W = B(h, "modelValue"), re = B(h, "timezone"), ie = G("dp-menu-wrap"), K = G("dp-menu"), ae = G("input-cmp"), oe = G("picker-wrapper"), se = G("menu-arrow"), le = F(!1), ue = F(!1), de = F(!1), fe = F(!0), { floatingStyles: pe, middlewareData: me, placement: he, y: ge } = Ga(ae, ie, {
+		let { rootEmit: n, setState: i, inputValue: f, modelValue: m, rootProps: h, defaults: { inline: g, config: _, textInput: y, range: b, multiDates: x, teleport: S, floatingConfig: C } } = bl(), { validateDate: w, isValidTime: ee } = Ml(), { menuTransition: M, showTransition: N } = Al(), { isMobile: P } = uu(), { findNextFocusableElement: te, getNumVal: R } = cu(), z = ne(), V = F(!1), U = F(g.value.enabled), W = F(g.value.enabled || h.centered), re = B(h, "modelValue"), ie = B(h, "timezone"), ae = G("dp-menu-wrap"), K = G("dp-menu"), oe = G("input-cmp"), se = G("picker-wrapper"), le = G("menu-arrow"), ue = F(!1), de = F(!1), fe = F(!1), pe = F(!0), { floatingStyles: me, middlewareData: he, placement: ge, y: _e } = Ga(oe, ae, {
 			strategy: C.value.strategy,
 			placement: C.value.placement,
-			middleware: ((e) => (C.value.arrow && e.push(Ha({ element: C.value.arrow === !0 ? se : C.value.arrow })), C.value.flip && e.push(ja(typeof C.value.flip == "object" ? C.value.flip : {})), C.value.shift && e.push(Aa(typeof C.value.shift == "object" ? C.value.shift : {})), e))([ka(C.value.offset)]),
+			middleware: ((e) => (C.value.arrow && e.push(Ha({ element: C.value.arrow === !0 ? le : C.value.arrow })), C.value.flip && e.push(ja(typeof C.value.flip == "object" ? C.value.flip : {})), C.value.shift && e.push(Aa(typeof C.value.shift == "object" ? C.value.shift : {})), e))([ka(C.value.offset)]),
 			whileElementsMounted: Oa
 		});
 		k(() => {
-			ye(h.modelValue), T().then(() => {
-				g.value.enabled || globalThis.addEventListener("resize", Oe);
-			}), g.value.enabled && (V.value = !0), globalThis.addEventListener("keyup", ke), globalThis.addEventListener("keydown", Ae);
+			be(h.modelValue), T().then(() => {
+				g.value.enabled || globalThis.addEventListener("resize", ke);
+			}), g.value.enabled && (V.value = !0), globalThis.addEventListener("keyup", Ae), globalThis.addEventListener("keydown", je);
 		}), A(() => {
-			g.value.enabled || globalThis.removeEventListener("resize", Oe), globalThis.removeEventListener("keyup", ke), globalThis.removeEventListener("keydown", Ae);
+			g.value.enabled || globalThis.removeEventListener("resize", ke), globalThis.removeEventListener("keyup", Ae), globalThis.removeEventListener("keydown", je);
 		});
-		let _e = xu(z, h.presetDates), ve = bu(z, _u.Input);
-		ce([W, re], () => {
-			ye(W.value);
-		}, { deep: !0 }), ce([he, ge], () => {
-			!g.value.enabled && !h.centered && fe.value && (U.value = !1, T().then(() => {
-				fe.value = !1, U.value = !0;
+		let ve = bu(z, h.presetDates), ye = yu(z, gu.Input);
+		ce([re, ie], () => {
+			be(re.value);
+		}, { deep: !0 }), ce([ge, _e], () => {
+			!g.value.enabled && !h.centered && pe.value && (W.value = !1, T().then(() => {
+				pe.value = !1, W.value = !0;
 			}));
 		});
-		let { parseExternalModelValue: ye, emitModelValue: be, formatInputValue: xe, checkBeforeEmit: Se } = Al(), Ce = o(() => ({
-			dp__main: !0,
-			dp__theme_dark: h.dark,
-			dp__theme_light: !h.dark,
-			dp__flex_display: g.value.enabled,
-			"dp--flex-display-collapsed": de.value,
-			dp__flex_display_with_input: g.value.input
-		})), we = o(() => h.dark ? "dp__theme_dark" : "dp__theme_light"), Te = o(() => g.value.enabled && (h.timePicker || h.monthPicker || h.yearPicker || h.quarterPicker)), Ee = () => ae.value?.$el?.getBoundingClientRect() ?? {
+		let { parseExternalModelValue: be, emitModelValue: xe, formatInputValue: Se, checkBeforeEmit: Ce } = kl(), we = o(() => ({
+			"dp--main": !0,
+			"dp--theme-dark": h.dark,
+			"dp--theme-light": !h.dark,
+			"dp--flex-display": g.value.enabled,
+			"dp--flex-display-collapsed": fe.value,
+			"dp--flex-display-with-input": g.value.input
+		})), Te = o(() => h.dark ? "dp--theme-dark" : "dp--theme-light"), Ee = o(() => g.value.enabled && (h.timePicker || h.monthPicker || h.yearPicker || h.quarterPicker)), De = () => oe.value?.$el?.getBoundingClientRect() ?? {
 			width: 0,
 			left: 0,
 			right: 0
-		}, De = () => {
-			V.value && _.value.closeOnScroll && ze();
 		}, Oe = () => {
+			V.value && _.value.closeOnScroll && Be();
+		}, ke = () => {
 			let e = K.value?.$el.getBoundingClientRect().width ?? 0;
-			de.value = document.body.offsetWidth <= e;
-		}, ke = (e) => {
-			e.key === "Tab" && !g.value.enabled && !h.teleport && _.value.tabOutClosesMenu && (oe.value.contains(document.activeElement) || ze()), ue.value = e.shiftKey;
+			fe.value = document.body.offsetWidth <= e;
 		}, Ae = (e) => {
-			ue.value = e.shiftKey;
-		}, je = () => {
-			!h.disabled && !h.readonly && (fe.value = !0, V.value = !0, V.value && n("open"), V.value || Re(), ye(h.modelValue));
+			e.key === "Tab" && !g.value.enabled && !h.teleport && _.value.tabOutClosesMenu && (se.value.contains(document.activeElement) || Be()), de.value = e.shiftKey;
+		}, je = (e) => {
+			de.value = e.shiftKey;
 		}, Me = () => {
-			f.value = "", Re(), K.value?.onValueCleared(), ae.value?.setParsedDate(null), n("update:model-value", null), n("cleared"), _.value.closeOnClearValue && ze();
+			!h.disabled && !h.readonly && (pe.value = !0, U.value = !0, V.value = !0, V.value && n("open"), V.value || ze(), be(h.modelValue));
 		}, Ne = () => {
+			f.value = "", ze(), K.value?.onValueCleared(), oe.value?.setParsedDate(null), n("update:model-value", null), n("cleared"), _.value.closeOnClearValue && Be();
+		}, Pe = () => {
 			let e = m.value;
 			return !e || !Array.isArray(e) && w(e) ? !0 : Array.isArray(e) ? x.value.enabled || e.length === 2 && w(e[0]) && w(e[1]) ? !0 : b.value.partialRange && !h.timePicker ? w(e[0]) : !1 : !1;
-		}, Pe = () => {
-			Se() && Ne() ? (be(), ze()) : n("invalid-select");
-		}, Fe = (e) => {
-			Ie(), be(), _.value.closeOnAutoApply && !e && ze();
-		}, Ie = () => {
-			ae.value && y.value.enabled && ae.value.setParsedDate(m.value);
-		}, Le = (e = !1) => {
-			h.autoApply && ee(m.value) && Ne() && (b.value.enabled && Array.isArray(m.value) ? (b.value.partialRange || m.value.length === 2) && Fe(e) : Fe(e));
-		}, Re = () => {
+		}, Fe = () => {
+			Ce() && Pe() ? (xe(), Be()) : n("invalid-select");
+		}, Ie = (e) => {
+			Le(), xe(), _.value.closeOnAutoApply && !e && Be();
+		}, Le = () => {
+			oe.value && y.value.enabled && oe.value.setParsedDate(m.value);
+		}, Re = (e = !1) => {
+			h.autoApply && ee(m.value) && Pe() && (b.value.enabled && Array.isArray(m.value) ? (b.value.partialRange || m.value.length === 2) && Ie(e) : Ie(e));
+		}, ze = () => {
 			y.value.enabled || (m.value = null);
-		}, ze = (e = !1) => {
-			fe.value = !0, e && m.value && _.value.setDateOnMenuClose && Pe(), g.value.enabled || (V.value && (V.value = !1, i("menuFocused", !1), i("shiftKeyInMenu", !1), n("closed"), f.value && ye(W.value)), Re(), n("blur"));
-		}, Be = (e, t, r = !1) => {
+		}, Be = (e = !1) => {
+			pe.value = !0, e && m.value && _.value.setDateOnMenuClose && Fe(), g.value.enabled || (V.value && (V.value = !1, i("menuFocused", !1), i("shiftKeyInMenu", !1), n("closed"), f.value && be(re.value)), ze(), n("blur"));
+		}, Ve = () => {
+			!g.value.enabled && !V.value && (U.value = !1);
+		}, He = (e, t, r = !1) => {
 			if (!e) {
 				m.value = null;
 				return;
 			}
 			let a = Array.isArray(e) ? e.every((e) => w(e)) : w(e), o = ee(e);
-			a && o ? (i("isTextInputDate", !0), m.value = e, t ? (le.value = r, Pe(), n("text-submit")) : h.autoApply && Le(!0), T().then(() => {
+			a && o ? (i("isTextInputDate", !0), m.value = e, t ? (ue.value = r, Fe(), n("text-submit")) : h.autoApply && Re(!0), T().then(() => {
 				i("isTextInputDate", !1);
 			})) : n("invalid-date", e);
-		}, Ve = () => {
-			h.autoApply && ee(m.value) && be(), Ie();
-		}, He = () => V.value ? ze() : je(), Ue = (e) => {
+		}, Ue = () => {
+			h.autoApply && ee(m.value) && xe(), Le();
+		}, We = () => V.value ? Be() : Me(), Ge = (e) => {
 			m.value = e;
-		}, We = () => {
-			y.value.enabled && (i("isInputFocused", !0), xe()), n("focus");
-		}, Ge = () => {
-			y.value.enabled && (i("isInputFocused", !1), ye(h.modelValue), le.value && te(oe.value, ue.value)?.focus()), n("blur");
-		}, Ke = (e, t) => {
+		}, Ke = () => {
+			y.value.enabled && (i("isInputFocused", !0), Se()), n("focus");
+		}, qe = () => {
+			y.value.enabled && (i("isInputFocused", !1), be(h.modelValue), ue.value && te(se.value, de.value)?.focus()), n("blur");
+		}, Je = (e, t) => {
 			K.value && K.value.updateMonthYear(t ?? 0, {
 				month: R(e.month),
 				year: R(e.year)
 			});
-		}, qe = (e) => {
-			ye(e ?? h.modelValue);
-		}, Je = (e, t) => {
+		}, Ye = (e) => {
+			be(e ?? h.modelValue);
+		}, Xe = (e, t) => {
 			K.value?.switchView(e, t);
-		}, Ye = (e, t) => {
-			if (V.value) return _.value.onClickOutside ? _.value.onClickOutside(e, t) : ze(!0);
+		}, Ze = (e, t) => {
+			if (V.value) return _.value.onClickOutside ? _.value.onClickOutside(e, t) : Be(!0);
 		};
-		return Lr(ie, (e) => Ye(Ne, e), { ignore: [ae] }), t({
-			closeMenu: ze,
-			selectDate: Pe,
-			clearValue: Me,
-			openMenu: je,
-			onScroll: De,
-			formatInputValue: xe,
-			updateInternalModelValue: Ue,
-			setMonthYear: Ke,
-			parseModel: qe,
-			switchView: Je,
-			toggleMenu: He,
+		return Lr(ae, (e) => Ze(Pe, e), { ignore: [oe] }), t({
+			closeMenu: Be,
+			selectDate: Fe,
+			clearValue: Ne,
+			openMenu: Me,
+			onScroll: Oe,
+			formatInputValue: Se,
+			updateInternalModelValue: Ge,
+			setMonthYear: Je,
+			parseModel: Ye,
+			switchView: Xe,
+			toggleMenu: We,
 			handleFlow: (e = 0) => {
 				K.value?.handleFlow(e);
 			},
-			getDpWrapMenuRef: () => ie,
+			getDpWrapMenuRef: () => ae,
 			dpMenuRef: () => K,
-			dpWrapMenuRef: () => ie,
-			inputRef: () => ae
+			dpWrapMenuRef: () => ae,
+			inputRef: () => oe
 		}), (e, t) => (j(), l("div", {
 			ref: "picker-wrapper",
-			class: E(Ce.value),
+			class: E(we.value),
 			"data-datepicker-instance": "",
 			"data-dp-mobile": H(P)
-		}, [p(Eu, {
+		}, [p(Tu, {
 			ref: "input-cmp",
 			"is-menu-open": V.value,
-			onClear: Me,
-			onOpen: je,
-			onSetInputDate: Be,
-			onSetEmptyDate: H(be),
-			onSelectDate: Pe,
-			onToggle: He,
-			onClose: ze,
-			onFocus: We,
-			onBlur: Ge,
+			onClear: Ne,
+			onOpen: Me,
+			onSetInputDate: He,
+			onSetEmptyDate: H(xe),
+			onSelectDate: Fe,
+			onToggle: We,
+			onClose: Be,
+			onFocus: Ke,
+			onBlur: qe,
 			onRealBlur: t[0] ||= (e) => H(i)("isInputFocused", !1)
-		}, d({ _: 2 }, [I(H(ve), (t, n) => ({
+		}, d({ _: 2 }, [I(H(ye), (t, n) => ({
 			name: t,
 			fn: q((n) => [L(e.$slots, t, D(v(n)))])
 		}))]), 1032, ["is-menu-open", "onSetEmptyDate"]), p(r, {
 			to: H(S),
 			disabled: !H(S)
 		}, {
-			default: q(() => [u("div", {
+			default: q(() => [U.value ? (j(), l("div", {
+				key: 0,
 				ref: "dp-menu-wrap",
 				class: E({
 					"dp--menu-wrapper": !H(g).enabled,
-					dp__outer_menu_wrap: !0,
+					"dp--outer-menu-wrap": !0,
 					"dp--centered": H(h).centered
 				}),
-				style: O(!H(g).enabled && !H(h).centered ? H(pe) : void 0)
+				style: O(!H(g).enabled && !H(h).centered ? H(me) : void 0)
 			}, [p(a, {
-				name: H(M)(H(he).startsWith("top")),
-				css: H(N) && !H(g).enabled && !H(h).centered && U.value
+				name: H(M)(H(ge).startsWith("top")),
+				css: H(N) && !H(g).enabled && !H(h).centered && W.value,
+				appear: "",
+				onAfterLeave: Ve
 			}, {
-				default: q(() => [V.value && U.value ? (j(), s(Wd, {
+				default: q(() => [V.value && W.value ? (j(), s(Ud, {
 					key: 0,
 					ref: "dp-menu",
-					class: E({ [we.value]: !0 }),
-					"no-overlay-focus": Te.value,
-					collapse: de.value,
-					"get-input-rect": Ee,
-					onClosePicker: ze,
-					onSelectDate: Pe,
-					onAutoApply: Le,
-					onTimeUpdate: Ve,
+					class: E({ [Te.value]: !0 }),
+					"no-overlay-focus": Ee.value,
+					collapse: fe.value,
+					"get-input-rect": De,
+					onClosePicker: Be,
+					onSelectDate: Fe,
+					onAutoApply: Re,
+					onTimeUpdate: Ue,
 					onMenuBlur: t[1] ||= (e) => H(n)("blur")
-				}, d({ _: 2 }, [I(H(_e), (t, n) => ({
+				}, d({ _: 2 }, [I(H(ve), (t, n) => ({
 					name: t,
 					fn: q((n) => [L(e.$slots, t, D(v({ ...n })))])
 				})), !H(g).enabled && !H(h).centered && H(C).arrow === !0 ? {
@@ -13172,12 +13189,12 @@ var Vl = {
 					fn: q(() => [u("div", {
 						ref: "menu-arrow",
 						class: E({
-							dp__arrow_top: H(he) === "bottom",
-							dp__arrow_bottom: H(he) === "top"
+							"dp--arrow-top": H(ge) === "bottom",
+							"dp--arrow-bottom": H(ge) === "top"
 						}),
 						style: O({
-							left: H(me).arrow?.x == null ? "" : `${H(me).arrow.x}px`,
-							top: H(me).arrow?.y == null ? "" : `${H(me).arrow.y}px`
+							left: H(he).arrow?.x == null ? "" : `${H(he).arrow.x}px`,
+							top: H(he).arrow?.y == null ? "" : `${H(he).arrow.y}px`
 						})
 					}, null, 6)]),
 					key: "0"
@@ -13187,11 +13204,11 @@ var Vl = {
 					"collapse"
 				])) : c("", !0)]),
 				_: 3
-			}, 8, ["name", "css"])], 6)]),
+			}, 8, ["name", "css"])], 6)) : c("", !0)]),
 			_: 3
-		}, 8, ["to", "disabled"])], 10, Gd));
+		}, 8, ["to", "disabled"])], 10, Wd));
 	}
-}), qd = /* @__PURE__ */ h({
+}), Kd = /* @__PURE__ */ h({
 	__name: "VueDatePickerRoot",
 	props: /* @__PURE__ */ S({
 		multiCalendars: { type: [
@@ -13226,7 +13243,7 @@ var Vl = {
 		filters: {},
 		arrowNavigation: { type: Boolean },
 		highlight: { type: [Function, Object] },
-		teleport: { type: [String, Boolean] },
+		teleport: { type: [Boolean, String] },
 		centered: { type: Boolean },
 		locale: {},
 		weekStart: {},
@@ -13262,7 +13279,7 @@ var Vl = {
 		loading: { type: Boolean },
 		ui: {},
 		floating: {}
-	}, au),
+	}, iu),
 	emits: [
 		"update:model-value",
 		"internal-model-change",
@@ -13290,13 +13307,13 @@ var Vl = {
 	setup(e, { expose: t, emit: n }) {
 		let r = n, i = e;
 		yl(i, r);
-		let a = xu(ne(), i.presetDates);
-		return t(mu(G("date-picker"))), (e, t) => (j(), s(Kd, { ref: "date-picker" }, d({ _: 2 }, [I(H(a), (t, n) => ({
+		let a = bu(ne(), i.presetDates);
+		return t(pu(G("date-picker"))), (e, t) => (j(), s(Gd, { ref: "date-picker" }, d({ _: 2 }, [I(H(a), (t, n) => ({
 			name: t,
 			fn: q((n) => [L(e.$slots, t, D(v(n)))])
 		}))]), 1536));
 	}
-}), Jd = {
+}), qd = {
 	lessThanXSeconds: {
 		standalone: {
 			one: "weniger als 1 Sekunde",
@@ -13451,10 +13468,10 @@ var Vl = {
 			other: "fast {{count}} Jahren"
 		}
 	}
-}, Yd = (e, t, n) => {
-	let r, i = n?.addSuffix ? Jd[e].withPreposition : Jd[e].standalone;
+}, Jd = (e, t, n) => {
+	let r, i = n?.addSuffix ? qd[e].withPreposition : qd[e].standalone;
 	return r = typeof i == "string" ? i : t === 1 ? i.one : i.other.replace("{{count}}", String(t)), n?.addSuffix ? n.comparison && n.comparison > 0 ? "in " + r : "vor " + r : r;
-}, Xd = {
+}, Yd = {
 	date: Fo({
 		formats: {
 			full: "EEEE, do MMMM y",
@@ -13482,18 +13499,18 @@ var Vl = {
 		},
 		defaultWidth: "full"
 	})
-}, Zd = {
+}, Xd = {
 	lastWeek: "'letzten' eeee 'um' p",
 	yesterday: "'gestern um' p",
 	today: "'heute um' p",
 	tomorrow: "'morgen um' p",
 	nextWeek: "eeee 'um' p",
 	other: "P"
-}, Qd = (e, t, n, r) => Zd[e], $d = {
+}, Zd = (e, t, n, r) => Xd[e], Qd = {
 	narrow: ["v.Chr.", "n.Chr."],
 	abbreviated: ["v.Chr.", "n.Chr."],
 	wide: ["vor Christus", "nach Christus"]
-}, ef = {
+}, $d = {
 	narrow: [
 		"1",
 		"2",
@@ -13512,7 +13529,7 @@ var Vl = {
 		"3. Quartal",
 		"4. Quartal"
 	]
-}, tf = {
+}, ef = {
 	narrow: [
 		"J",
 		"F",
@@ -13555,8 +13572,8 @@ var Vl = {
 		"November",
 		"Dezember"
 	]
-}, nf = {
-	narrow: tf.narrow,
+}, tf = {
+	narrow: ef.narrow,
 	abbreviated: [
 		"Jan.",
 		"Feb.",
@@ -13571,26 +13588,26 @@ var Vl = {
 		"Nov.",
 		"Dez."
 	],
-	wide: tf.wide
-}, rf = {
+	wide: ef.wide
+}, nf = {
 	code: "de",
-	formatDistance: Yd,
-	formatLong: Xd,
-	formatRelative: Qd,
+	formatDistance: Jd,
+	formatLong: Yd,
+	formatRelative: Zd,
 	localize: {
 		ordinalNumber: (e) => Number(e) + ".",
 		era: zo({
-			values: $d,
+			values: Qd,
 			defaultWidth: "wide"
 		}),
 		quarter: zo({
-			values: ef,
+			values: $d,
 			defaultWidth: "wide",
 			argumentCallback: (e) => e - 1
 		}),
 		month: zo({
-			values: tf,
-			formattingValues: nf,
+			values: ef,
+			formattingValues: tf,
 			defaultWidth: "wide"
 		}),
 		day: zo({
@@ -13817,14 +13834,14 @@ var Vl = {
 		weekStartsOn: 1,
 		firstWeekContainsDate: 4
 	}
-}, af = { class: "flex min-w-0 items-center gap-2" }, of = { class: "truncate" }, sf = { class: "flex w-full flex-col gap-y-2 px-6 py-4" }, cf = { class: "text-xs/4 font-semibold tracking-wider text-neutral-subtle uppercase" }, lf = { class: "flex flex-col flex-nowrap items-start gap-y-2 whitespace-nowrap" }, uf = ["data-testid", "onClick"], df = { key: 0 }, ff = /* @__PURE__ */ h({
+}, rf = { class: "flex min-w-0 items-center gap-2" }, af = { class: "truncate" }, of = { class: "flex w-full flex-col gap-y-2 px-6 py-4" }, sf = { class: "text-xs/4 font-semibold tracking-wider text-neutral-subtle uppercase" }, cf = { class: "flex flex-col flex-nowrap items-start gap-y-2 whitespace-nowrap" }, lf = ["data-testid", "onClick"], uf = { key: 0 }, df = /* @__PURE__ */ h({
 	__name: "UiDatePicker",
 	props: /* @__PURE__ */ C({
 		autoApply: {
 			type: Boolean,
 			default: !0
 		},
-		locale: { default: () => rf },
+		locale: { default: () => nf },
 		disabled: {
 			type: Boolean,
 			default: !1
@@ -13924,7 +13941,7 @@ var Vl = {
 			}
 			return e.monthPicker ? S(t) : ys(t, "dd.MM.yyyy");
 		}
-		return (t, o) => (j(), l("div", null, [p(H(qd), {
+		return (t, o) => (j(), l("div", null, [p(H(Kd), {
 			ref_key: "datePicker",
 			ref: r,
 			modelValue: a.value,
@@ -13991,12 +14008,12 @@ var Vl = {
 				size: "sm",
 				"data-testid": "datepicker-trigger"
 			}, {
-				default: q(() => [u("div", af, [e.leftTriggerIcon ? (j(), s(Te, {
+				default: q(() => [u("div", rf, [e.leftTriggerIcon ? (j(), s(Te, {
 					key: 0,
 					class: "shrink-0",
 					name: e.leftTriggerIcon,
 					size: "sm"
-				}, null, 8, ["name"])) : c("", !0), u("span", of, z(t || e.triggerPlaceholderText), 1)]), p(Te, {
+				}, null, 8, ["name"])) : c("", !0), u("span", af, z(t || e.triggerPlaceholderText), 1)]), p(Te, {
 					class: "shrink-0",
 					name: "chevron-down",
 					size: "sm"
@@ -14020,18 +14037,18 @@ var Vl = {
 			arrow: q(() => [u("div", {
 				ref_key: "menuArrow",
 				ref: i,
-				class: "dp__arrow_top"
+				class: "dp--arrow-top"
 			}, null, 512)]),
 			_: 2
 		}, [
 			e.leftSidebar ? {
 				name: "left-sidebar",
-				fn: q(() => [u("div", sf, [u("h2", cf, z(e.quickFilterHeadline), 1), u("div", lf, [(j(!0), l(n, null, I(e.quickFilterRanges, (e) => (j(), l("button", {
+				fn: q(() => [u("div", of, [u("h2", sf, z(e.quickFilterHeadline), 1), u("div", cf, [(j(!0), l(n, null, I(e.quickFilterRanges, (e) => (j(), l("button", {
 					key: e.label,
 					"data-testid": e.label,
 					class: E(["text-sm font-semibold text-neutral-primary hover:text-primary", { "text-primary": x(e.range) }]),
 					onClick: (t) => y(e)
-				}, z(e.label), 11, uf))), 128))])])]),
+				}, z(e.label), 11, lf))), 128))])])]),
 				key: "0"
 			} : void 0,
 			t.$slots["action-row"] ? {
@@ -14044,7 +14061,7 @@ var Vl = {
 				fn: q((n) => [L(t.$slots, "action-extra", D(v({
 					...n,
 					reset: _
-				})), () => [e.actionExtraContent ? (j(), l("div", df, z(e.actionExtraContent), 1)) : c("", !0)])]),
+				})), () => [e.actionExtraContent ? (j(), l("div", uf, z(e.actionExtraContent), 1)) : c("", !0)])]),
 				key: "2"
 			} : void 0
 		]), 1032, [
@@ -14067,19 +14084,19 @@ var Vl = {
 			"time-config"
 		])]));
 	}
-}), pf = {
+}), ff = {
 	key: 0,
 	class: "flex flex-wrap items-center justify-between gap-4 rounded-t-2xl bg-neutral-whisper px-4 py-2"
-}, mf = {
+}, pf = {
 	key: 0,
 	class: "text-lg font-semibold"
-}, hf = {
+}, mf = {
 	key: 1,
 	class: "space-y-2 px-4 py-3"
-}, gf = {
+}, hf = {
 	key: 2,
 	class: "flex flex-wrap items-center justify-between gap-2 px-4 py-3"
-}, _f = /* @__PURE__ */ e(/* @__PURE__ */ h({
+}, gf = /* @__PURE__ */ e(/* @__PURE__ */ h({
 	__name: "UiDialog",
 	props: {
 		hasCloseButton: {
@@ -14114,7 +14131,7 @@ var Vl = {
 			onClick: a[0] ||= fe((e) => n.value?.requestClose(), ["self"]),
 			onKeydown: a[1] ||= de(fe((e) => n.value?.requestClose(), ["prevent"]), ["esc"])
 		}, [
-			t.$slots.header || e.hasCloseButton ? (j(), l("header", pf, [t.$slots.header ? (j(), l("div", mf, [L(t.$slots, "header", D(v({
+			t.$slots.header || e.hasCloseButton ? (j(), l("header", ff, [t.$slots.header ? (j(), l("div", pf, [L(t.$slots, "header", D(v({
 				close: r,
 				requestClose: i
 			})), void 0, !0)])) : c("", !0), e.hasCloseButton ? (j(), s(mn, {
@@ -14128,14 +14145,14 @@ var Vl = {
 				default: q(() => [p(Te, { name: "close" })]),
 				_: 1
 			}, 8, ["aria-label"])) : c("", !0)])) : c("", !0),
-			t.$slots.default ? (j(), l("div", hf, [L(t.$slots, "default", {}, void 0, !0)])) : c("", !0),
-			t.$slots.footer ? (j(), l("footer", gf, [L(t.$slots, "footer", D(v({
+			t.$slots.default ? (j(), l("div", mf, [L(t.$slots, "default", {}, void 0, !0)])) : c("", !0),
+			t.$slots.footer ? (j(), l("footer", hf, [L(t.$slots, "footer", D(v({
 				close: r,
 				requestClose: i
 			})), void 0, !0)])) : c("", !0)
 		], 34));
 	}
-}), [["__scopeId", "data-v-91134016"]]), vf = { class: "flex items-center" }, yf = /* @__PURE__ */ h({
+}), [["__scopeId", "data-v-91134016"]]), _f = { class: "flex items-center" }, vf = /* @__PURE__ */ h({
 	__name: "UiFilterBadge",
 	props: {
 		textColor: { default: "#000" },
@@ -14153,7 +14170,7 @@ var Vl = {
 			lg: "text-lg font-medium leading-relaxed",
 			xl: "text-2xl font-medium leading-loose"
 		}, n = o(() => t[e.size]);
-		return (t, r) => (j(), l("div", vf, [p(Te, {
+		return (t, r) => (j(), l("div", _f, [p(Te, {
 			class: "mr-1 shrink-0",
 			style: O({ color: e.iconColor }),
 			size: e.size,
@@ -14168,7 +14185,7 @@ var Vl = {
 			"data-testid": "innerText"
 		}, [L(t.$slots, "default")], 6)]));
 	}
-}), bf = ["disabled"], xf = { class: "w-full grow truncate" }, Sf = /* @__PURE__ */ h({
+}), yf = ["disabled"], bf = { class: "w-full grow truncate" }, xf = /* @__PURE__ */ h({
 	name: "UiFilterButton",
 	props: {
 		title: { default: "" },
@@ -14256,7 +14273,7 @@ var Vl = {
 				"size",
 				"class"
 			])) : c("", !0),
-			u("span", xf, z(e.title), 1),
+			u("span", bf, z(e.title), 1),
 			e.hasIcon ? (j(), s(Te, {
 				key: 1,
 				name: e.chevronIcon,
@@ -14270,9 +14287,9 @@ var Vl = {
 				"class",
 				"size"
 			])) : c("", !0)
-		], 2)], 8, bf)], 2));
+		], 2)], 8, yf)], 2));
 	}
-}), Cf = ["disabled", "aria-label"], wf = /* @__PURE__ */ h({
+}), Sf = ["disabled", "aria-label"], Cf = /* @__PURE__ */ h({
 	name: "UiIconButton",
 	props: {
 		iconName: {},
@@ -14329,20 +14346,20 @@ var Vl = {
 			class: "flex items-center justify-center",
 			name: e.iconName,
 			size: f.value
-		}, null, 8, ["name", "size"])], 10, Cf));
+		}, null, 8, ["name", "size"])], 10, Sf));
 	}
-}), Tf = {
+}), wf = {
 	key: 1,
 	class: "pt-4 text-center text-2xl font-medium text-neutral-primary",
 	"data-testid": "info-title"
-}, Ef = {
+}, Tf = {
 	key: 2,
 	class: "pt-4 text-center text-base text-neutral-emphasis",
 	"data-testid": "info-text"
-}, Df = {
+}, Ef = {
 	key: 3,
 	class: "flex flex-none flex-wrap justify-center gap-x-6 gap-y-2 pt-6"
-}, Of = /* @__PURE__ */ h({
+}, Df = /* @__PURE__ */ h({
 	__name: "UiInfoContent",
 	props: {
 		appearance: { default: "default" },
@@ -14373,25 +14390,25 @@ var Vl = {
 				"size-classes": "size-6 sm:size-10",
 				"data-testid": "icon"
 			}, null, 8, ["name"])], 2)) : c("", !0),
-			t.$slots.title ? (j(), l("h2", Tf, [L(t.$slots, "title")])) : c("", !0),
-			t.$slots.default ? (j(), l("span", Ef, [L(t.$slots, "default")])) : c("", !0),
-			t.$slots.actions ? (j(), l("div", Df, [L(t.$slots, "actions")])) : c("", !0)
+			t.$slots.title ? (j(), l("h2", wf, [L(t.$slots, "title")])) : c("", !0),
+			t.$slots.default ? (j(), l("span", Tf, [L(t.$slots, "default")])) : c("", !0),
+			t.$slots.actions ? (j(), l("div", Ef, [L(t.$slots, "actions")])) : c("", !0)
 		], 2));
 	}
-}), kf = [
+}), Of = [
 	"id",
 	"aria-invalid",
 	"aria-errormessage",
 	"aria-label",
 	"data-is-label-raised"
-], Af = [
+], kf = [
 	"id",
 	"aria-invalid",
 	"aria-errormessage",
 	"aria-label",
 	"type",
 	"data-is-label-raised"
-], jf = ["id"], Mf = /* @__PURE__ */ h({
+], Af = ["id"], jf = /* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "UiInput",
 	props: /* @__PURE__ */ C({
@@ -14409,69 +14426,69 @@ var Vl = {
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = W(e, "modelValue"), n = F(!1), r = U(), i = o(() => e.id ?? `id-${r}`), a = o(() => fn("peer block w-full rounded-sm border border-neutral-faint p-4 text-sm text-neutral-primary outline-hidden transition duration-150 placeholder:text-neutral-soft read-only:border-neutral-faint focus:border-2 focus:border-primary focus:p-inputFocused not-read-only:enabled:cursor-pointer enabled:hover:border-neutral-subtle enabled:hover:focus:border-primary disabled:bg-neutral-whisper disabled:opacity-70 aria-invalid:rounded-b-none aria-invalid:border-2 aria-invalid:border-error aria-invalid:focus:border-error-hover aria-invalid:enabled:hover:border-error-hover", {
+		let t = W(e, "modelValue"), n = o(() => t.value !== void 0 && t.value !== ""), r = F(!1), i = U(), a = o(() => e.id ?? `id-${i}`), u = o(() => fn("peer block w-full rounded-sm border border-neutral-faint p-4 text-sm text-neutral-primary outline-hidden transition duration-150 placeholder:text-neutral-soft read-only:border-neutral-faint focus:border-2 focus:border-primary focus:p-inputFocused not-read-only:enabled:cursor-pointer enabled:hover:border-neutral-subtle enabled:hover:focus:border-primary disabled:bg-neutral-whisper disabled:opacity-70 aria-invalid:rounded-b-none aria-invalid:border-2 aria-invalid:border-error aria-invalid:focus:border-error-hover aria-invalid:enabled:hover:border-error-hover", {
 			"rounded-b-none focus:border-neutral-subtle enabled:hover:border-neutral-subtle": e.inputStatus === "info",
 			"rounded-b-none border-2 border-orange-default focus:border-orange-dark enabled:hover:border-orange-dark": e.inputStatus === "warning"
 		}));
-		return (r, o) => (j(), l("div", { class: E(H(fn)("relative", r.$attrs.class)) }, [
-			r.$slots.default || e.label ? (j(), s(Cn, {
+		return (i, o) => (j(), l("div", { class: E(H(fn)("relative", i.$attrs.class)) }, [
+			i.$slots.default || e.label ? (j(), s(Cn, {
 				key: 0,
-				for: i.value,
+				for: a.value,
 				class: E(H(fn)("pointer-events-none absolute left-3 z-1 origin-left translate-y-4 px-1 text-neutral-muted transition-all duration-150 select-none [&:has(+:is(input,textarea):where(:enabled:hover))]:text-neutral-subtle [&:has(+:is(input,textarea):where(:focus))]:text-primary [&:has(+:is(input,textarea):where(:read-only:enabled:hover))]:text-neutral-subtle [&:has(+:is(input,textarea):where(:read-only:focus))]:text-neutral-subtle [&:has(+:is(input,textarea):where([aria-invalid='true']))]:text-error [&:has(+:is(input,textarea):where([aria-invalid='true']:enabled:hover))]:text-error-hover [&:has(+:is(input,textarea):where([aria-invalid='true']:focus))]:text-error-hover [&:has(+[data-is-label-raised])]:-translate-y-1/2 [&:has(+[data-is-label-raised])]:bg-neutral [&:has(+[data-is-label-raised])]:text-xs", {
 					"[&:has(+:is(input,textarea):where(:focus))]:text-neutral-subtle": e.inputStatus === "info",
 					"text-orange-default [&:has(+:is(input,textarea):where(:enabled:hover))]:text-orange-dark [&:has(+:is(input,textarea):where(:focus))]:text-orange-dark": e.inputStatus === "warning"
 				}))
 			}, {
-				default: q(() => [L(r.$slots, "default", {}, () => [f(z(e.label), 1)])]),
+				default: q(() => [L(i.$slots, "default", {}, () => [f(z(e.label), 1)])]),
 				_: 3
 			}, 8, ["for", "class"])) : c("", !0),
 			e.isTextarea ? ue((j(), l("textarea", w({
 				key: 1,
-				id: i.value,
+				id: a.value,
 				"onUpdate:modelValue": o[0] ||= (e) => t.value = e,
 				"aria-invalid": e.inputStatus === "error",
-				"aria-errormessage": e.inputStatus === "error" ? `${i.value}-extra` : void 0,
+				"aria-errormessage": e.inputStatus === "error" ? `${a.value}-extra` : void 0,
 				"aria-label": e.label,
-				class: ["h-24", a.value],
+				class: ["h-24", u.value],
 				"data-testid": "input-value"
 			}, {
-				...r.$attrs,
+				...i.$attrs,
 				class: null
 			}, {
-				"data-is-label-raised": r.$attrs.placeholder || n.value || t.value ? "" : void 0,
-				onFocus: o[1] ||= (e) => n.value = !0,
-				onBlur: o[2] ||= (e) => n.value = !1
-			}), null, 16, kf)), [[oe, t.value]]) : ue((j(), l("input", w({
+				"data-is-label-raised": i.$attrs.placeholder || r.value || n.value ? "" : void 0,
+				onFocus: o[1] ||= (e) => r.value = !0,
+				onBlur: o[2] ||= (e) => r.value = !1
+			}), null, 16, Of)), [[oe, t.value]]) : ue((j(), l("input", w({
 				key: 2,
-				id: i.value,
+				id: a.value,
 				"onUpdate:modelValue": o[3] ||= (e) => t.value = e,
 				"aria-invalid": e.inputStatus === "error",
-				"aria-errormessage": e.inputStatus === "error" ? `${i.value}-extra` : void 0,
+				"aria-errormessage": e.inputStatus === "error" ? `${a.value}-extra` : void 0,
 				"aria-label": e.label,
-				class: ["h-14", a.value],
+				class: ["h-14", u.value],
 				type: e.type,
 				autocomplete: "on",
 				"data-testid": "input-value"
 			}, {
-				...r.$attrs,
+				...i.$attrs,
 				class: null
 			}, {
-				"data-is-label-raised": r.$attrs.placeholder || n.value || t.value ? "" : void 0,
-				onFocus: o[4] ||= (e) => n.value = !0,
-				onBlur: o[5] ||= (e) => n.value = !1
-			}), null, 16, Af)), [[ie, t.value]]),
-			r.$slots.extra && e.inputStatus !== void 0 ? (j(), l("div", {
+				"data-is-label-raised": i.$attrs.placeholder || r.value || n.value ? "" : void 0,
+				onFocus: o[4] ||= (e) => r.value = !0,
+				onBlur: o[5] ||= (e) => r.value = !1
+			}), null, 16, kf)), [[ie, t.value]]),
+			i.$slots.extra && e.inputStatus !== void 0 ? (j(), l("div", {
 				key: 3,
-				id: `${i.value}-extra`,
+				id: `${a.value}-extra`,
 				class: E(H(fn)("rounded-b-sm px-4 py-1 text-xs/normal font-medium transition-all duration-150 ease-in-out peer-disabled:opacity-70 peer-aria-invalid:bg-error peer-aria-invalid:text-neutral peer-enabled:peer-aria-invalid:peer-hover:bg-error-hover peer-enabled:peer-aria-invalid:peer-focus:bg-error-hover", {
 					"bg-neutral-faint text-neutral-primary": e.inputStatus === "info",
 					"bg-orange-default text-neutral-primary peer-focus:bg-orange-dark peer-enabled:peer-hover:bg-orange-dark": e.inputStatus === "warning"
 				}))
-			}, [L(r.$slots, "extra")], 10, jf)) : c("", !0),
-			L(r.$slots, "buttons")
+			}, [L(i.$slots, "extra")], 10, Af)) : c("", !0),
+			L(i.$slots, "buttons")
 		], 2));
 	}
-}), Nf = {
+}), Mf = {
 	alert: () => import("./alert-DBH5Lw4Q.js"),
 	audio: () => import("./audio-BnHB5z0H.js"),
 	gallery: () => import("./gallery-01MqVCbs.js"),
@@ -14481,11 +14498,11 @@ var Vl = {
 	story: () => import("./story-k_tWc66v.js"),
 	text: () => import("./text-CK3z1Tdh.js"),
 	video: () => import("./video-C1tVlag5.js")
-}, Pf = {};
-function Ff(e, t) {
+}, Nf = {};
+function Pf(e, t) {
 	return j(), l("div");
 }
-var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
+var Ff = /* @__PURE__ */ e(Nf, [["render", Pf]]), If = /* @__PURE__ */ h({
 	__name: "UiMediaTypeIcon",
 	props: {
 		name: {},
@@ -14493,12 +14510,12 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 	},
 	setup(e) {
 		let t = o(() => m({
-			loader: Nf[e.name] ?? Nf.alert,
-			loadingComponent: If,
+			loader: Mf[e.name] ?? Mf.alert,
+			loadingComponent: Ff,
 			delay: 0
 		}));
 		return le(() => {
-			if (!Nf[e.name]) throw Error(`UiMediaFormatIcon: No icon named “${e.name}” exists.`);
+			if (!Mf[e.name]) throw Error(`UiMediaTypeIcon: No icon named “${e.name}” exists.`);
 		}), (n, r) => (j(), s(te(t.value), { class: E(["inline-flex fill-current", {
 			xs: "size-3",
 			sm: "size-4",
@@ -14508,7 +14525,7 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 			"2xl": "size-14"
 		}[e.size]]) }, null, 8, ["class"]));
 	}
-}), Rf, zf = {
+}), Lf, Rf = {
 	mounted(e, t) {
 		let n = t.instance;
 		if (typeof t.value != "function") {
@@ -14516,15 +14533,15 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 			e && (r += `Found in component '${e}'`), console.warn(r);
 		}
 		let { bubble: r } = t.modifiers;
-		Rf = (n) => {
+		Lf = (n) => {
 			let i = n.target;
 			(r || !e.contains(i) && e !== n.target) && t.value(n);
-		}, document.addEventListener("mousedown", Rf);
+		}, document.addEventListener("mousedown", Lf);
 	},
 	unmounted() {
-		document.removeEventListener("mousedown", Rf);
+		document.removeEventListener("mousedown", Lf);
 	}
-}, Bf = ["data-side"], Vf = /* @__PURE__ */ e(/* @__PURE__ */ h({
+}, zf = ["data-side"], Bf = /* @__PURE__ */ e(/* @__PURE__ */ h({
 	__name: "UiPopover",
 	props: {
 		animate: {
@@ -14578,28 +14595,28 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 				ref_key: "floating",
 				ref: o,
 				style: O(H(s)),
-				class: "z-10 w-fit rounded-sm bg-neutral [text-align:initial] [--transition-close-duration:100ms] [--transition-duration:200ms]",
+				class: "z-10 w-fit [text-align:initial] [--transition-close-duration:100ms] [--transition-duration:200ms]",
 				"data-side": e.placement
-			}, [L(t.$slots, "default", D(v({ close: m })), void 0, !0)], 12, Bf), [[se, d.value]])]),
+			}, [L(t.$slots, "default", D(v({ close: m })), void 0, !0)], 12, zf), [[se, d.value]])]),
 			_: 3
-		}, 8, ["name"])])), [[H(zf), () => {
+		}, 8, ["name"])])), [[H(Rf), () => {
 			d.value && m();
 		}]]);
 	}
-}), [["__scopeId", "data-v-0d999552"]]), Hf = { class: "flex items-center gap-2" }, Uf = { class: "block w-max max-w-full divide-y overflow-hidden rounded-sm text-base/6 shadow-lg focus:outline-hidden sm:text-sm/5" }, Wf = {
+}), [["__scopeId", "data-v-5fabfa69"]]), Vf = { class: "flex items-center gap-2" }, Hf = { class: "block w-max max-w-full divide-y overflow-hidden rounded-lg border border-neutral-faint bg-neutral text-base/6 shadow-md focus:outline-hidden sm:text-sm/5" }, Uf = {
 	key: 0,
-	class: "flex items-center gap-2 rounded-t-sm px-4 py-2 text-neutral-primary [&:has(>input:focus-visible)]:focus-outline [&:has(>input:focus-visible)]:-outline-offset-2"
-}, Gf = ["placeholder"], Kf = {
+	class: "flex items-center gap-2 rounded-t-lg px-4 py-1.5 text-neutral-primary [&:has(>input:focus-visible)]:focus-outline [&:has(>input:focus-visible)]:-outline-offset-2"
+}, Wf = ["placeholder"], Gf = {
 	key: 0,
 	class: "max-h-80 overflow-y-auto",
 	"data-testid": "menu-option-list"
-}, qf = {
+}, Kf = {
 	key: 0,
 	class: "flex h-6 items-center bg-neutral-whisper px-4 text-xs font-semibold tracking-wider text-neutral-subtle uppercase"
-}, Jf = {
+}, qf = {
 	key: 1,
-	class: "px-4 py-2 text-neutral-primary"
-}, Yf = /* @__PURE__ */ h({
+	class: "px-4 py-1.5 text-neutral-primary"
+}, Jf = /* @__PURE__ */ h({
 	__name: "UiMenu",
 	props: /* @__PURE__ */ C({
 		options: { default: () => void 0 },
@@ -14646,7 +14663,6 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 		resetLabel: { default: "" },
 		iconSize: { default: "sm" },
 		imageShape: { default: "square" },
-		checkboxSize: { default: "md" },
 		checkboxAppearance: { default: "primary" },
 		listVariant: { default: "blank" }
 	}, {
@@ -14675,7 +14691,7 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 				index: t
 			});
 		};
-		return (t, i) => (j(), s(Vf, {
+		return (t, i) => (j(), s(Bf, {
 			"initially-open": e.isOpen,
 			animate: e.animate,
 			placement: e.floatingUiPlacement,
@@ -14689,7 +14705,7 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 				"data-testid": "menu-button",
 				onClick: t
 			}, {
-				default: q(() => [u("div", Hf, [e.iconLeft ? (j(), s(Te, {
+				default: q(() => [u("div", Vf, [e.iconLeft ? (j(), s(Te, {
 					key: 0,
 					name: e.iconLeft,
 					size: "sm"
@@ -14705,8 +14721,8 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 				"size",
 				"onClick"
 			])]),
-			default: q(() => [u("div", Uf, [
-				e.hasSearch ? (j(), l("div", Wf, [p(Te, {
+			default: q(() => [u("div", Hf, [
+				e.hasSearch ? (j(), l("div", Uf, [p(Te, {
 					class: "shrink-0 text-neutral-emphasis",
 					name: "search",
 					size: "sm"
@@ -14718,16 +14734,15 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 					class: "w-full text-sm focus:outline-hidden",
 					placeholder: e.searchPlaceholder,
 					"data-testid": "menu-search-input"
-				}, null, 8, Gf), [[oe, r.value]])])) : c("", !0),
+				}, null, 8, Wf), [[oe, r.value]])])) : c("", !0),
 				L(t.$slots, "default", D(v({
 					checkboxAppearance: e.checkboxAppearance,
-					checkboxSize: e.checkboxSize,
 					iconSize: e.iconSize,
 					imageShape: e.imageShape,
 					listVariant: e.listVariant,
 					options: e.options,
 					groupedOptions: e.groupedOptions
-				})), () => [d.value.some(({ options: e }) => e.length > 0) ? (j(), l("ul", Kf, [(j(!0), l(n, null, I(d.value, (t) => (j(), l(n, { key: `group-${t.groupLabel ?? "default"}` }, [t.options.length > 0 ? (j(), l(n, { key: 0 }, [t.groupLabel ? (j(), l("li", qf, z(t.groupLabel), 1)) : c("", !0), (j(!0), l(n, null, I(t.options, (t, n) => (j(), s(Nn, {
+				})), () => [d.value.some(({ options: e }) => e.length > 0) ? (j(), l("ul", Gf, [(j(!0), l(n, null, I(d.value, (t) => (j(), l(n, { key: `group-${t.groupLabel ?? "default"}` }, [t.options.length > 0 ? (j(), l(n, { key: 0 }, [t.groupLabel ? (j(), l("li", Kf, z(t.groupLabel), 1)) : c("", !0), (j(!0), l(n, null, I(t.options, (t, n) => (j(), s(Nn, {
 					key: `option-${t.value}`,
 					selected: t.selected,
 					selectable: e.listVariant === "selectable",
@@ -14737,7 +14752,6 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 					"image-shape": e.imageShape,
 					"image-src": t.imageSrc,
 					"icon-name": t.iconName,
-					"checkbox-size": e.checkboxSize,
 					"checkbox-appearance": e.checkboxAppearance,
 					class: E(["hover:bg-neutral-whisper focus:bg-neutral-faint", { "border-t": t.hasDividerAbove }]),
 					"data-testid": `menu-option-button-${n}`,
@@ -14754,13 +14768,12 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 					"image-shape",
 					"image-src",
 					"icon-name",
-					"checkbox-size",
 					"checkbox-appearance",
 					"class",
 					"data-testid",
 					"onListItemClick"
 				]))), 128))], 64)) : c("", !0)], 64))), 128))])) : c("", !0)]),
-				e.hasResetOption ? (j(), l("div", Jf, [p(mn, {
+				e.hasResetOption ? (j(), l("div", qf, [p(mn, {
 					appearance: "secondary",
 					disabled: m.value,
 					"icon-name": "reset",
@@ -14781,7 +14794,7 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 			"placement"
 		]));
 	}
-}), Xf = /* @__PURE__ */ h({
+}), Yf = /* @__PURE__ */ h({
 	name: "UiMenuItem",
 	setup() {
 		k(() => {
@@ -14833,7 +14846,7 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 			"class"
 		]));
 	}
-}), Zf = /* @__PURE__ */ h({
+}), Xf = /* @__PURE__ */ h({
 	name: "UiMenuList",
 	setup() {
 		k(() => {
@@ -14847,24 +14860,24 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 			tabindex: "0"
 		}, [L(e.$slots, "default")], 2));
 	}
-}), Qf = {
+}), Zf = {
 	class: "fixed inset-0 z-50 max-h-screen",
 	role: "dialog"
-}, $f = /* @__PURE__ */ h({
+}, Qf = /* @__PURE__ */ h({
 	name: "UiOverlay",
 	emits: ["close"],
 	setup(e, { emit: t }) {
 		let n = t;
 		return k(() => {
 			window.location.origin.includes("local") && console.warn("Component is deprecated. It will be removed in a future update.");
-		}), (e, t) => (j(), l("div", Qf, [u("div", {
+		}), (e, t) => (j(), l("div", Zf, [u("div", {
 			class: "fixed inset-0 h-screen bg-black opacity-60",
 			"data-testid": "background",
 			style: { "z-index": "-1" },
 			onClick: t[0] ||= (e) => n("close")
 		}), L(e.$slots, "default")]));
 	}
-}), ep = { class: "relative size-full border-none" }, tp = { class: "absolute top-12 right-3 z-10 block border-t bg-neutral px-4 py-3 shadow-lg" }, np = /* @__PURE__ */ h({
+}), $f = { class: "relative size-full border-none" }, ep = { class: "absolute top-12 right-3 z-10 block border-t bg-neutral px-4 py-3 shadow-lg" }, tp = /* @__PURE__ */ h({
 	name: "UiOverlayMenu",
 	props: { isOpen: {
 		type: Boolean,
@@ -14877,13 +14890,13 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 		};
 		return k(() => {
 			window.location.origin.includes("local") && console.warn("Component is deprecated. It will be removed in a future update.");
-		}), (t, n) => ue((j(), l("div", ep, [u("div", tp, [L(t.$slots, "default")])])), [[se, e.isOpen], [H(zf), r]]);
+		}), (t, n) => ue((j(), l("div", $f, [u("div", ep, [L(t.$slots, "default")])])), [[se, e.isOpen], [H(Rf), r]]);
 	}
-}), rp = [
+}), np = [
 	"id",
 	"aria-invalid",
 	"aria-errormessage"
-], ip = ["id"], ap = /* @__PURE__ */ h({
+], rp = ["id"], ip = /* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "UiRadioButton",
 	props: /* @__PURE__ */ C({
@@ -14922,7 +14935,7 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 				...n.$attrs,
 				class: null,
 				"data-testid": null
-			}), null, 16, rp), [[K, t.value]]), L(n.$slots, "default")]),
+			}), null, 16, np), [[ae, t.value]]), L(n.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"class",
@@ -14932,9 +14945,9 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 			key: 0,
 			id: `${r.value}-errors`,
 			class: "bg-error px-4 py-1 text-xs/normal font-medium text-neutral transition-all duration-150 ease-in-out"
-		}, [L(n.$slots, "errors")], 8, ip)) : c("", !0)], 2));
+		}, [L(n.$slots, "errors")], 8, rp)) : c("", !0)], 2));
 	}
-}), op = /* @__PURE__ */ h({
+}), ap = /* @__PURE__ */ h({
 	name: "UiRadioInputGroup",
 	props: /* @__PURE__ */ C({
 		options: {},
@@ -14955,7 +14968,7 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 		let t = W(e, "modelValue");
 		return k(() => {
 			window.location.origin.includes("local") && console.warn("Component is deprecated. It will be removed in a future update.");
-		}), (r, i) => (j(), l("ul", { class: E([H(fn)("flex gap-4", { "flex-col": e.direction === "vertical" }, r.$attrs.class)]) }, [(j(!0), l(n, null, I(e.options, (n) => (j(), l("li", { key: n.value }, [p(ap, {
+		}), (r, i) => (j(), l("ul", { class: E([H(fn)("flex gap-4", { "flex-col": e.direction === "vertical" }, r.$attrs.class)]) }, [(j(!0), l(n, null, I(e.options, (n) => (j(), l("li", { key: n.value }, [p(ip, {
 			modelValue: t.value,
 			"onUpdate:modelValue": i[0] ||= (e) => t.value = e,
 			appearance: e.appearance,
@@ -14975,7 +14988,7 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 			"value"
 		])]))), 128))], 2));
 	}
-}), sp = { class: "relative flex h-full items-center pl-4" }, cp = { class: "h-full min-w-0 flex-1" }, lp = ["placeholder"], up = { class: "relative flex items-center gap-x-1 px-2" }, dp = { class: "flex items-center" }, fp = /* @__PURE__ */ h({
+}), op = { class: "relative flex h-full items-center pl-4" }, sp = { class: "h-full min-w-0 flex-1" }, cp = ["placeholder"], lp = { class: "relative flex items-center gap-x-1 px-2" }, up = { class: "flex items-center" }, dp = /* @__PURE__ */ h({
 	__name: "UiSearchBar",
 	props: /* @__PURE__ */ C({
 		placeholder: { default: "" },
@@ -15012,13 +15025,13 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 		}, g = () => {
 			n("search", r.value);
 		};
-		return (t, n) => (j(), l("div", { class: E(["h-12 w-full rounded-full outline-2 outline-transparent focus-within:outline-primary hover:outline-neutral-faint hover:focus-within:outline-primary", i[e.appearance]]) }, [u("div", sp, [
+		return (t, n) => (j(), l("div", { class: E(["h-12 w-full rounded-full outline-2 outline-transparent focus-within:outline-primary hover:outline-neutral-faint hover:focus-within:outline-primary", i[e.appearance]]) }, [u("div", op, [
 			!a.value && r.value ? (j(), l("div", {
 				key: 0,
 				class: "flex h-full grow-0 flex-row items-center gap-x-1 overflow-hidden py-2",
 				onClick: n[0] ||= (e) => o.value?.focus()
 			}, [L(t.$slots, "chips")])) : c("", !0),
-			u("div", cp, [ue(u("input", {
+			u("div", sp, [ue(u("input", {
 				ref_key: "searchInputRef",
 				ref: o,
 				"onUpdate:modelValue": n[1] ||= (e) => r.value = e,
@@ -15029,8 +15042,8 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 				onKeyup: de(m, ["enter"]),
 				onFocus: n[2] ||= (e) => d(e),
 				onBlur: n[3] ||= (e) => f(e)
-			}, null, 42, lp), [[oe, r.value]])]),
-			u("div", up, [L(t.$slots, "action"), u("div", dp, [
+			}, null, 42, cp), [[oe, r.value]])]),
+			u("div", lp, [L(t.$slots, "action"), u("div", up, [
 				p(mn, {
 					class: E(e.showResetButtonOnMobile ? "inline-flex" : "hidden sm:inline-flex"),
 					"aria-label": e.resetSearchButtonTitle,
@@ -15067,17 +15080,17 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 			])])
 		])], 2));
 	}
-}), pp = {
+}), fp = {
 	key: 0,
 	class: "col-span-1 flex items-center pr-5 text-sm lg:py-2"
-}, mp = { class: "flex items-center" }, hp = [
+}, pp = { class: "flex items-center" }, mp = [
 	"id",
 	"value",
 	"placeholder",
 	"onInput",
 	"onKeyup",
 	"onKeydown"
-], gp = /* @__PURE__ */ h({
+], hp = /* @__PURE__ */ h({
 	__name: "UiSearchInput",
 	props: {
 		id: { default: void 0 },
@@ -15126,7 +15139,7 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 		return (t, r) => (j(), l("div", { class: E(["mb-4 grid text-neutral-primary lg:mb-0 lg:grid-rows-1 lg:gap-y-5", {
 			"lg:grid-cols-[224px_1fr]": D.value,
 			"lg:grid-cols-1": !D.value
-		}]) }, [D.value ? (j(), l("div", pp, [p(Cn, {
+		}]) }, [D.value ? (j(), l("div", fp, [p(Cn, {
 			for: _.value,
 			class: "font-medium"
 		}, {
@@ -15135,7 +15148,7 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 		}, 8, ["for"]), L(t.$slots, "tooltip")])) : c("", !0), (j(!0), l(n, null, I(a.value, (t, n) => (j(), l("div", {
 			key: n,
 			class: E(O.value)
-		}, [u("div", mp, [u("input", {
+		}, [u("div", pp, [u("input", {
 			id: _.value,
 			ref_for: !0,
 			ref_key: "inputs",
@@ -15148,7 +15161,7 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 			onBlur: C,
 			onKeyup: de((e) => y(n, e.target.value), ["delete"]),
 			onKeydown: (e) => S(n, e.target.value, e)
-		}, null, 40, hp), e.hasAddEntryOption && n === a.value.length - 1 ? (j(), s(mn, {
+		}, null, 40, mp), e.hasAddEntryOption && n === a.value.length - 1 ? (j(), s(mn, {
 			key: 0,
 			"aria-label": "Add Row",
 			disabled: !v.value,
@@ -15161,7 +15174,7 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 			_: 1
 		}, 8, ["disabled"])) : c("", !0)])], 2))), 128))], 2));
 	}
-}), _p = /* @__PURE__ */ h({
+}), gp = /* @__PURE__ */ h({
 	name: "UiSection",
 	props: {
 		size: { default: "wide" },
@@ -15191,7 +15204,7 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 			"data-testid": "inner"
 		}, [L(t.$slots, "default")], 2)], 2));
 	}
-}), vp = /* @__PURE__ */ h({
+}), _p = /* @__PURE__ */ h({
 	name: "UiSectionDivider",
 	props: {
 		size: { default: "large" },
@@ -15206,11 +15219,11 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 			window.location.origin.includes("local") && console.warn("Component is deprecated. It will be removed in a future update.");
 		}), (t, n) => (j(), l("div", { class: E([[r.value, e.customClasses], "bg-neutral-whisper"]) }, null, 2));
 	}
-}), yp = [
+}), vp = [
 	"id",
 	"aria-invalid",
 	"aria-errormessage"
-], bp = ["id"], xp = /* @__PURE__ */ e(/* @__PURE__ */ h({
+], yp = ["id"], bp = /* @__PURE__ */ e(/* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "UiSelect",
 	props: /* @__PURE__ */ C({ id: { default: () => void 0 } }, {
@@ -15238,7 +15251,7 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 			}, {
 				...e.$attrs,
 				class: null
-			}), [L(e.$slots, "options", {}, void 0, !0)], 16, yp), [[ae, t.value]]),
+			}), [L(e.$slots, "options", {}, void 0, !0)], 16, vp), [[K, t.value]]),
 			p(Te, {
 				class: "pointer-events-none absolute top-4 right-3",
 				name: "chevron-down"
@@ -15247,10 +15260,10 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 				key: 1,
 				id: `${r.value}-errors`,
 				class: "rounded-b-sm bg-error px-4 py-1 text-xs/normal font-medium text-neutral transition-all duration-150 ease-in-out peer-focus:bg-error-hover peer-enabled:peer-hover:bg-error-hover peer-disabled:opacity-70"
-			}, [L(e.$slots, "errors", {}, void 0, !0)], 8, bp)) : c("", !0)
+			}, [L(e.$slots, "errors", {}, void 0, !0)], 8, yp)) : c("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-deec4cfc"]]), Sp = /* @__PURE__ */ h({
+}), [["__scopeId", "data-v-26d9c609"]]), xp = /* @__PURE__ */ h({
 	__name: "UiSkeletonBox",
 	props: {
 		maxWidth: { default: 100 },
@@ -15267,7 +15280,7 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 			style: O({ width: t.value })
 		}, null, 6));
 	}
-}), Cp = { class: "text-sm/5 font-normal" }, wp = /* @__PURE__ */ h({
+}), Sp = { class: "text-sm/5 font-normal" }, Cp = /* @__PURE__ */ h({
 	__name: "UiSnackbar",
 	props: {
 		isShown: {
@@ -15310,7 +15323,7 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 					size: e.iconSize,
 					class: "mr-2 text-neutral"
 				}, null, 8, ["name", "size"])) : c("", !0),
-				u("p", Cp, [L(t.$slots, "default")]),
+				u("p", Sp, [L(t.$slots, "default")]),
 				t.$slots.action ? (j(), l("button", {
 					key: 1,
 					ref: "actionBtn",
@@ -15322,14 +15335,7 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 			_: 3
 		}));
 	}
-}), Tp = {
-	class: "animate-spin",
-	width: "32",
-	height: "32",
-	viewBox: "0 0 32 32",
-	fill: "none",
-	xmlns: "http://www.w3.org/2000/svg"
-}, Ep = /* @__PURE__ */ h({
+}), wp = /* @__PURE__ */ h({
 	__name: "UiSpinner",
 	props: {
 		appearance: { default: "primary" },
@@ -15348,7 +15354,14 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 			primary: "text-neutral-faint",
 			neutral: "text-neutral/25"
 		})[e.appearance]);
-		return (e, i) => (j(), l("div", { class: E(t.value) }, [(j(), l("svg", Tp, [u("circle", {
+		return (e, i) => (j(), l("svg", {
+			class: E(["inline-flex animate-spin", t.value]),
+			width: "24",
+			height: "24",
+			viewBox: "0 0 32 32",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg"
+		}, [u("circle", {
 			cx: "16",
 			cy: "16",
 			r: "14.5",
@@ -15368,9 +15381,9 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 			fill: "none",
 			"stroke-dasharray": "22.78 68.33",
 			"stroke-linecap": "square"
-		}, null, 2)]))], 2));
+		}, null, 2)], 2));
 	}
-}), Dp = /* @__PURE__ */ h({
+}), Tp = /* @__PURE__ */ h({
 	name: "UiTextButton",
 	setup() {
 		k(() => {
@@ -15445,7 +15458,7 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 			"target"
 		]));
 	}
-}), Op = ["id"], kp = /* @__PURE__ */ h({
+}), Ep = ["id"], Dp = /* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "UiToggleButton",
 	props: /* @__PURE__ */ C({
@@ -15483,13 +15496,13 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 				}, {
 					...n.$attrs,
 					class: null
-				}), null, 16, Op), [[re, t.value]]),
+				}), null, 16, Ep), [[re, t.value]]),
 				e.labelPosition === "right" ? L(n.$slots, "default", { key: 1 }) : c("", !0)
 			]),
 			_: 3
 		}, 8, ["for", "class"]));
 	}
-}), Ap = ["data-placement"], jp = /* @__PURE__ */ h({
+}), Op = ["data-placement"], kp = /* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "UiTooltip",
 	props: {
@@ -15563,17 +15576,17 @@ var If = /* @__PURE__ */ e(Pf, [["render", Ff]]), Lf = /* @__PURE__ */ h({
 			"leave-active-class",
 			"leave-to-class",
 			"enter-from-class"
-		])], 12, Ap)], 8, ["disabled"]))], 2));
+		])], 12, Op)], 8, ["disabled"]))], 2));
 	}
-}), Mp = {
+}), Ap = {
 	sm: "40rem",
 	md: "48rem",
 	lg: "64rem",
 	xl: "80rem",
 	"2xl": "96rem"
 };
-function Np() {
-	let e = Ur(Mp).current();
+function jp() {
+	let e = Ur(Ap).current();
 	return {
 		currentBreakpoint: e,
 		sm: o(() => e.value.includes("sm")),
@@ -15584,4 +15597,4 @@ function Np() {
 	};
 }
 //#endregion
-export { Ie as DpaMediaItem, Le as UiBadge, mn as UiButton, vn as UiButtonGroup, Sn as UiCard, Pn as UiCheckBoxGroup, En as UiCheckbox, Fn as UiChip, Rn as UiCollapseNavigation, vr as UiColorPicker, ff as UiDatePicker, _f as UiDialog, yf as UiFilterBadge, Sf as UiFilterButton, Te as UiIcon, wf as UiIconButton, Of as UiInfoContent, Mf as UiInput, Cn as UiLabel, An as UiList, Nn as UiListItem, Lf as UiMediaTypeIcon, Yf as UiMenu, Xf as UiMenuItem, Zf as UiMenuList, $f as UiOverlay, np as UiOverlayMenu, Vf as UiPopover, ap as UiRadioButton, op as UiRadioInputGroup, fp as UiSearchBar, gp as UiSearchInput, _p as UiSection, vp as UiSectionDivider, xp as UiSelect, Sp as UiSkeletonBox, wp as UiSnackbar, Ep as UiSpinner, Dp as UiTextButton, kp as UiToggleButton, jp as UiTooltip, fn as cn, Np as useBreakpoints, zf as vClickAway };
+export { Ie as DpaMediaItem, Le as UiBadge, mn as UiButton, vn as UiButtonGroup, Sn as UiCard, Pn as UiCheckBoxGroup, En as UiCheckbox, Fn as UiChip, Rn as UiCollapseNavigation, vr as UiColorPicker, df as UiDatePicker, gf as UiDialog, vf as UiFilterBadge, xf as UiFilterButton, Te as UiIcon, Cf as UiIconButton, Df as UiInfoContent, jf as UiInput, Cn as UiLabel, An as UiList, Nn as UiListItem, If as UiMediaTypeIcon, Jf as UiMenu, Yf as UiMenuItem, Xf as UiMenuList, Qf as UiOverlay, tp as UiOverlayMenu, Bf as UiPopover, ip as UiRadioButton, ap as UiRadioInputGroup, dp as UiSearchBar, hp as UiSearchInput, gp as UiSection, _p as UiSectionDivider, bp as UiSelect, xp as UiSkeletonBox, Cp as UiSnackbar, wp as UiSpinner, Tp as UiTextButton, Dp as UiToggleButton, kp as UiTooltip, fn as cn, jp as useBreakpoints, Rf as vClickAway };