@rebilly/revel 13.2.1 → 13.3.0

package/dist/revel.mjs

@@ -1,4 +1,4 @@
-import { Fragment as e, Teleport as t, Transition as n, cloneVNode as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createTextVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, h as m, inject as h, isRef as g, mergeModels as _, mergeProps as v, nextTick as y, normalizeClass as b, normalizeProps as x, normalizeStyle as S, onBeforeMount as C, onBeforeUnmount as w, onMounted as T, onUnmounted as E, openBlock as D, provide as O, reactive as k, ref as A, render as j, renderList as M, renderSlot as N, resolveComponent as P, resolveDirective as F, resolveDynamicComponent as ee, shallowRef as te, toDisplayString as I, toHandlers as ne, toRef as L, toRefs as R, unref as z, useAttrs as B, useModel as re, useSlots as ie, useTemplateRef as ae, vModelText as V, vShow as oe, watch as H, watchEffect as se, withCtx as U, withDirectives as W, withKeys as G, withModifiers as K } from "vue";
+import { Fragment as e, Teleport as t, Transition as n, cloneVNode as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createTextVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, h as m, inject as h, isRef as g, mergeModels as _, mergeProps as v, nextTick as y, normalizeClass as b, normalizeProps as x, normalizeStyle as S, onBeforeMount as C, onBeforeUnmount as w, onMounted as T, onUnmounted as E, openBlock as D, provide as O, reactive as k, ref as A, render as j, renderList as M, renderSlot as N, resolveComponent as P, resolveDirective as F, resolveDynamicComponent as ee, shallowRef as te, toDisplayString as I, toHandlers as ne, toRef as L, toRefs as R, unref as z, useAttrs as B, useModel as re, useSlots as ie, useTemplateRef as ae, vModelText as V, vShow as H, watch as U, watchEffect as oe, withCtx as W, withDirectives as G, withKeys as se, withModifiers as K } from "vue";
 import * as ce from "moment";
 import q from "moment";
 //#region \0rolldown/runtime.js
@@ -770,11 +770,11 @@ function tn(e) {
 			var k = b === "y" ? "top" : Ce, A = b === "y" ? xe : Se, j = b === "y" ? "height" : "width", M = S[b], N = M + g[k], P = M - g[A], F = p ? -w[j] / 2 : 0, ee = v === "start" ? C[j] : w[j], te = v === "start" ? -w[j] : -C[j], I = t.elements.arrow, ne = p && I ? Ye(I) : {
 				width: 0,
 				height: 0
-			}, L = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : st(), R = L[k], z = L[A], B = at(0, C[j], ne[j]), re = y ? C[j] / 2 - F - B - R - E.mainAxis : ee - B - R - E.mainAxis, ie = y ? -C[j] / 2 + F + B + z + E.mainAxis : te + B + z + E.mainAxis, ae = t.elements.arrow && rt(t.elements.arrow), V = ae ? b === "y" ? ae.clientTop || 0 : ae.clientLeft || 0 : 0, oe = D?.[b] ?? 0, H = M + re - oe - V, se = M + ie - oe, U = at(p ? We(N, H) : N, M, p ? Ue(P, se) : P);
-			S[b] = U, O[b] = U - M;
+			}, L = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : st(), R = L[k], z = L[A], B = at(0, C[j], ne[j]), re = y ? C[j] / 2 - F - B - R - E.mainAxis : ee - B - R - E.mainAxis, ie = y ? -C[j] / 2 + F + B + z + E.mainAxis : te + B + z + E.mainAxis, ae = t.elements.arrow && rt(t.elements.arrow), V = ae ? b === "y" ? ae.clientTop || 0 : ae.clientLeft || 0 : 0, H = D?.[b] ?? 0, U = M + re - H - V, oe = M + ie - H, W = at(p ? We(N, U) : N, M, p ? Ue(P, oe) : P);
+			S[b] = W, O[b] = W - M;
 		}
 		if (s) {
-			var W = b === "x" ? "top" : Ce, G = b === "x" ? xe : Se, K = S[x], ce = x === "y" ? "height" : "width", q = K + g[W], le = K - g[G], ue = ["top", Ce].indexOf(_) !== -1, de = D?.[x] ?? 0, fe = ue ? q : K - C[ce] - w[ce] - de + E.altAxis, pe = ue ? K + C[ce] + w[ce] - de - E.altAxis : le, me = p && ue ? ot(fe, K, pe) : at(p ? fe : q, K, p ? pe : le);
+			var G = b === "x" ? "top" : Ce, se = b === "x" ? xe : Se, K = S[x], ce = x === "y" ? "height" : "width", q = K + g[G], le = K - g[se], ue = ["top", Ce].indexOf(_) !== -1, de = D?.[x] ?? 0, fe = ue ? q : K - C[ce] - w[ce] - de + E.altAxis, pe = ue ? K + C[ce] + w[ce] - de - E.altAxis : le, me = p && ue ? ot(fe, K, pe) : at(p ? fe : q, K, p ? pe : le);
 			S[x] = me, O[x] = me - K;
 		}
 		t.modifiersData[r] = O;
@@ -3820,7 +3820,7 @@ function Av(e) {
 		let n = typeof e.value;
 		n === "string" && e.value.toLowerCase() === "system" ? s() : n === "object" ? l(e.value) : t.value = !!e.value;
 	}
-	let d = H(() => e.value, () => u(), { immediate: !0 });
+	let d = U(() => e.value, () => u(), { immediate: !0 });
 	function f() {
 		r &&= (r.removeEventListener("change", o), void 0), a &&= (a.disconnect(), void 0);
 	}
@@ -4124,12 +4124,12 @@ function Zv(e, { slots: t, emit: n }) {
 	}, R = () => {
 		s.value = !1, n("transition-end"), p &&= (p.resolve(!0), null);
 	}, z = (e, t, n = u.value) => Lg(e, t, n, v.value), B = (e) => Ig(e, u.value, v.value), re = (e) => {
-		S.value && W.value && (e.isDisabled = W.value.cellExists(S.value.key, e.dayIndex));
+		S.value && G.value && (e.isDisabled = G.value.cellExists(S.value.key, e.dayIndex));
 	}, ie = (e) => {
 		e.isFocusable = e.inMonth && e.day === o.value;
 	}, ae = (e, t) => {
 		for (let n of e) for (let e of n.days) if (t(e) === !1) return;
-	}, V = i(() => d.value.reduce((e, t) => (e.push(...t.viewDays), e), [])), oe = i(() => {
+	}, V = i(() => d.value.reduce((e, t) => (e.push(...t.viewDays), e), [])), H = i(() => {
 		let t = [];
 		return (e.attributes || []).forEach((e, n) => {
 			e && e.dates && t.push(new gv({
@@ -4137,22 +4137,22 @@ function Zv(e, { slots: t, emit: n }) {
 				order: e.order || 0
 			}, h.value, v.value));
 		}), S.value && t.push(S.value), t;
-	}), U = i(() => fh(oe.value)), W = i(() => {
+	}), W = i(() => fh(H.value)), G = i(() => {
 		let e = new Yg();
-		return oe.value.forEach((t) => {
+		return H.value.forEach((t) => {
 			t.ranges.forEach((n) => {
 				e.render(t, n, V.value);
 			});
 		}), e;
-	}), G = i(() => V.value.reduce((e, t) => (e[t.dayIndex] = {
+	}), se = i(() => V.value.reduce((e, t) => (e[t.dayIndex] = {
 		day: t,
 		cells: []
-	}, e[t.dayIndex].cells.push(...W.value.getCells(t)), e), {})), K = (t, n) => {
+	}, e[t.dayIndex].cells.push(...G.value.getCells(t)), e), {})), K = (t, n) => {
 		let r = e.showWeeknumbers || e.showIsoWeeknumbers;
 		return r == null ? "" : _f(r) ? r ? "left" : "" : r.startsWith("right") ? n > 1 ? "right" : r : t > 1 ? "left" : r;
 	}, ce = () => {
-		if (!U.value) return null;
-		let e = oe.value.find((e) => e.pinPage) || oe.value[0];
+		if (!W.value) return null;
+		let e = H.value.find((e) => e.pinPage) || H.value[0];
 		if (!e || !e.hasRanges) return null;
 		let [t] = e.ranges, n = t.start?.date || t.end?.date;
 		return n ? B(n) : null;
@@ -4274,15 +4274,15 @@ function Zv(e, { slots: t, emit: n }) {
 		}, e_("touch")));
 	}), E(() => {
 		d.value = [], m && m();
-	}), H(() => v.value, () => {
+	}), U(() => v.value, () => {
 		de();
-	}), H(() => w.value, () => de()), H(() => e.view, () => u.value = e.view), H(() => u.value, () => {
+	}), U(() => w.value, () => de()), U(() => e.view, () => u.value = e.view), U(() => u.value, () => {
 		Dv("view", () => {
 			de();
 		}), n("update:view", u.value);
-	}), H(() => o.value, () => {
+	}), U(() => o.value, () => {
 		ae(d.value, (e) => ie(e));
-	}), se(() => {
+	}), oe(() => {
 		n("update:pages", d.value), ae(d.value, (e) => {
 			re(e), ie(e);
 		});
@@ -4302,12 +4302,12 @@ function Zv(e, { slots: t, emit: n }) {
 		displayMode: _,
 		locale: v,
 		masks: y,
-		attributes: oe,
+		attributes: H,
 		disabledAttribute: S,
 		disabledDates: C,
-		attributeContext: W,
+		attributeContext: G,
 		days: V,
-		dayCells: G,
+		dayCells: se,
 		count: w,
 		step: D,
 		firstPage: k,
@@ -4517,11 +4517,11 @@ var $v = f({
 		function z() {
 			a != null && (a.disconnect(), a = null);
 		}
-		return H(() => r.value, (e) => {
+		return U(() => r.value, (e) => {
 			z(), e && (a = new ResizeObserver(() => {
 				o && o.update();
 			}), a.observe(e));
-		}), H(() => s.placement, c, { immediate: !0 }), T(() => {
+		}), U(() => s.placement, c, { immediate: !0 }), T(() => {
 			O();
 		}), E(() => {
 			f(), z(), j();
@@ -4564,7 +4564,7 @@ function ty(e, t, r, i, a, l) {
 		onBeforeLeave: e.beforeLeave,
 		onAfterLeave: e.afterLeave
 	}, {
-		default: U(() => [e.isVisible ? (D(), s("div", v({
+		default: W(() => [e.isVisible ? (D(), s("div", v({
 			key: 0,
 			tabindex: "-1",
 			class: `vc-popover-content direction-${e.direction}`
@@ -4625,7 +4625,7 @@ var ny = /* @__PURE__ */ ey($v, [["render", ty]]), ry = { class: "vc-day-popover
 			id: z(n),
 			class: b([`vc-${z(i)}`, `vc-${z(r)}`])
 		}, {
-			default: U(({ data: { day: t, attributes: n }, hide: r }) => [d(sy, {
+			default: W(({ data: { day: t, attributes: n }, hide: r }) => [d(sy, {
 				name: "day-popover",
 				day: t,
 				"day-title": p(t),
@@ -4634,7 +4634,7 @@ var ny = /* @__PURE__ */ ey($v, [["render", ty]]), ry = { class: "vc-day-popover
 				masks: z(l),
 				hide: r
 			}, {
-				default: U(() => [c("div", cy, [z(l).dayPopover ? (D(), s("div", ly, I(p(t)), 1)) : o("", !0), (D(!0), s(e, null, M(n, (e) => (D(), a(oy, {
+				default: W(() => [c("div", cy, [z(l).dayPopover ? (D(), s("div", ly, I(p(t)), 1)) : o("", !0), (D(!0), s(e, null, M(n, (e) => (D(), a(oy, {
 					key: e.key,
 					attribute: e
 				}, null, 8, ["attribute"]))), 128))])]),
@@ -4776,23 +4776,23 @@ var Ay = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 				class: "vc-arrow vc-prev vc-focus",
 				disabled: !z(a),
 				onClick: n[0] ||= (...e) => z(l) && z(l)(...e),
-				onKeydown: n[1] ||= G((...e) => z(l) && z(l)(...e), ["space", "enter"])
+				onKeydown: n[1] ||= se((...e) => z(l) && z(l)(...e), ["space", "enter"])
 			}, [d(sy, {
 				name: "header-prev-button",
 				disabled: !z(a)
 			}, {
-				default: U(() => [d(jy, {
+				default: W(() => [d(jy, {
 					name: "ChevronLeft",
 					size: "24"
 				})]),
 				_: 1
 			}, 8, ["disabled"])], 40, My)) : o("", !0),
 			z(v).title ? (D(), s("div", Ny, [d(sy, { name: "header-title-wrapper" }, {
-				default: U(() => [W((D(), s("button", Py, [d(sy, {
+				default: W(() => [G((D(), s("button", Py, [d(sy, {
 					name: "header-title",
 					title: e.page.title
 				}, {
-					default: U(() => [c("span", null, I(e.page.title), 1)]),
+					default: W(() => [c("span", null, I(e.page.title), 1)]),
 					_: 1
 				}, 8, ["title"])])), [[z(Cv), z(m)]])]),
 				_: 1
@@ -4803,12 +4803,12 @@ var Ay = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 				class: "vc-arrow vc-next vc-focus",
 				disabled: !z(u),
 				onClick: n[2] ||= (...e) => z(f) && z(f)(...e),
-				onKeydown: n[3] ||= G((...e) => z(f) && z(f)(...e), ["space", "enter"])
+				onKeydown: n[3] ||= se((...e) => z(f) && z(f)(...e), ["space", "enter"])
 			}, [d(sy, {
 				name: "header-next-button",
 				disabled: !z(u)
 			}, {
-				default: U(() => [d(jy, {
+				default: W(() => [d(jy, {
 					name: "ChevronRight",
 					size: "24"
 				})]),
@@ -4927,10 +4927,10 @@ var By = { class: "vc-nav-header" }, Vy = ["disabled"], Hy = ["disabled"], Uy =
 			click: () => {
 				f.value = e.year, u.value = !0, h();
 			}
-		}))), te = i(() => l(v(p.value - 1), y(p.value - 1))), ne = i(() => te.value.some((e) => !e.isDisabled)), L = i(() => l(v(p.value + 1), y(p.value + 1))), R = i(() => L.value.some((e) => !e.isDisabled)), B = i(() => u.value ? k.value : ee.value), re = i(() => u.value ? N.value : ne.value), ie = i(() => u.value ? F.value : R.value), ae = i(() => rh(ee.value.map((e) => e.year))), V = i(() => ah(ee.value.map((e) => e.year))), oe = i(() => u.value ? f.value : `${ae.value} - ${V.value}`);
-		return se(() => {
+		}))), te = i(() => l(v(p.value - 1), y(p.value - 1))), ne = i(() => te.value.some((e) => !e.isDisabled)), L = i(() => l(v(p.value + 1), y(p.value + 1))), R = i(() => L.value.some((e) => !e.isDisabled)), B = i(() => u.value ? k.value : ee.value), re = i(() => u.value ? N.value : ne.value), ie = i(() => u.value ? F.value : R.value), ae = i(() => rh(ee.value.map((e) => e.year))), V = i(() => ah(ee.value.map((e) => e.year))), H = i(() => u.value ? f.value : `${ae.value} - ${V.value}`);
+		return oe(() => {
 			f.value = a.value.year, h();
-		}), H(() => f.value, (e) => p.value = g(e)), T(() => h()), (t, n) => (D(), s("div", {
+		}), U(() => f.value, (e) => p.value = g(e)), T(() => h()), (t, n) => (D(), s("div", {
 			class: "vc-nav-container",
 			ref_key: "navContainer",
 			ref: m
@@ -4946,7 +4946,7 @@ var By = { class: "vc-nav-header" }, Vy = ["disabled"], Hy = ["disabled"], Uy =
 				move: x,
 				disabled: !z(re)
 			}, {
-				default: U(() => [d(jy, {
+				default: W(() => [d(jy, {
 					name: "ChevronLeft",
 					width: "22px",
 					height: "24px"
@@ -4958,7 +4958,7 @@ var By = { class: "vc-nav-header" }, Vy = ["disabled"], Hy = ["disabled"], Uy =
 				class: "vc-nav-title vc-focus",
 				onClick: _,
 				onKeydown: n[1] ||= (e) => z(_h)(e, _)
-			}, I(z(oe)), 33),
+			}, I(z(H)), 33),
 			c("button", {
 				type: "button",
 				class: "vc-nav-arrow is-right vc-focus",
@@ -4970,7 +4970,7 @@ var By = { class: "vc-nav-header" }, Vy = ["disabled"], Hy = ["disabled"], Uy =
 				move: S,
 				disabled: !z(ie)
 			}, {
-				default: U(() => [d(jy, {
+				default: W(() => [d(jy, {
 					name: "ChevronRight",
 					width: "22px",
 					height: "24px"
@@ -5006,9 +5006,9 @@ var By = { class: "vc-nav-header" }, Vy = ["disabled"], Hy = ["disabled"], Uy =
 				`vc-${z(r)}`
 			])
 		}, {
-			default: U(({ data: e }) => [d(Ky, { page: e.page }, {
-				default: U(() => [d(sy, { name: "nav" }, {
-					default: U(() => [d(Gy)]),
+			default: W(({ data: e }) => [d(Ky, { page: e.page }, {
+				default: W(() => [d(sy, { name: "nav" }, {
+					default: W(() => [d(Gy)]),
 					_: 1
 				})]),
 				_: 2
@@ -5147,7 +5147,7 @@ function eb(t, n, r, i, a, l) {
 			dayEvents: t.dayContentEvents,
 			locale: t.locale
 		}, {
-			default: U(() => [W((D(), s("div", v(t.dayContentProps, ne(t.dayContentEvents, !0)), [u(I(t.day.label), 1)], 16)), [[p, t.dayPopover]])]),
+			default: W(() => [G((D(), s("div", v(t.dayContentProps, ne(t.dayContentEvents, !0)), [u(I(t.day.label), 1)], 16)), [[p, t.dayPopover]])]),
 			_: 1
 		}, 8, [
 			"day",
@@ -5251,7 +5251,7 @@ function ob(t, r, i, l, u, f) {
 				onBeforeEnter: t.onTransitionBeforeEnter,
 				onAfterEnter: t.onTransitionAfterEnter
 			}, {
-				default: U(() => [(D(), s("div", {
+				default: W(() => [(D(), s("div", {
 					key: t.pages[0].id,
 					class: "vc-pane-layout",
 					style: S({ gridTemplateColumns: `repeat(${t.columns}, 1fr)` })
@@ -5259,11 +5259,11 @@ function ob(t, r, i, l, u, f) {
 					key: e.id,
 					page: e
 				}, {
-					default: U(() => [d(h, {
+					default: W(() => [d(h, {
 						name: "page",
 						page: e
 					}, {
-						default: U(() => [d(m)]),
+						default: W(() => [d(m)]),
 						_: 2
 					}, 1032, ["page"])]),
 					_: 2
@@ -5365,7 +5365,7 @@ function db(e, { emit: t, slots: n }) {
 			end: t[1]
 		} : t[0];
 	}), ne = i(() => {
-		if (!se(u.value)) return null;
+		if (!oe(u.value)) return null;
 		let t = {
 			key: "select-drag",
 			...e.selectAttribute,
@@ -5374,7 +5374,7 @@ function db(e, { emit: t, slots: n }) {
 		}, { dot: n, bar: r, highlight: i, content: a } = t;
 		return !n && !r && !i && !a && (t.highlight = !0), t;
 	}), R = i(() => {
-		if (!v.value || !se(d.value)) return null;
+		if (!v.value || !oe(d.value)) return null;
 		let t = {
 			key: "select-drag",
 			...e.dragAttribute,
@@ -5426,23 +5426,23 @@ function db(e, { emit: t, slots: n }) {
 	function V(e) {
 		return e == null ? !1 : Sf(e) ? !isNaN(e) : sh(e) ? !isNaN(e.getTime()) : Uo(e) ? e !== "" : G_(e);
 	}
-	function oe(e) {
+	function H(e) {
 		return ch(e) && "start" in e && "end" in e && V(e.start ?? null) && V(e.end ?? null);
 	}
-	function se(e) {
-		return oe(e) || V(e);
+	function oe(e) {
+		return H(e) || V(e);
 	}
-	function U(e, t) {
+	function W(e, t) {
 		if (e == null && t == null) return !0;
 		if (e == null || t == null) return !1;
 		let n = sh(e), r = sh(t);
-		return n && r ? e.getTime() === t.getTime() : n || r ? !1 : U(e.start, t.start) && U(e.end, t.end);
+		return n && r ? e.getTime() === t.getTime() : n || r ? !1 : W(e.start, t.start) && W(e.end, t.end);
 	}
-	function W(e) {
-		return !se(e) || !s.value ? !1 : s.value.intersectsRange(a.value.range(e));
+	function G(e) {
+		return !oe(e) || !s.value ? !1 : s.value.intersectsRange(a.value.range(e));
 	}
-	function G(e, t, n, r) {
-		return se(e) ? oe(e) ? De({
+	function se(e, t, n, r) {
+		return oe(e) ? H(e) ? De({
 			start: a.value.toDate(e.start, {
 				...t[0],
 				fillDate: b.value ?? void 0,
@@ -5460,7 +5460,7 @@ function db(e, { emit: t, slots: n }) {
 		}) : null;
 	}
 	function K(e, t) {
-		return oe(e) ? {
+		return H(e) ? {
 			start: a.value.fromDate(e.start, t[0]),
 			end: a.value.fromDate(e.end, t[1])
 		} : v.value ? null : a.value.fromDate(e, t[0]);
@@ -5474,12 +5474,12 @@ function db(e, { emit: t, slots: n }) {
 		});
 	}
 	function q(n, { config: r = D.value, patch: i = "dateTime", clearIfEqual: a = !1, formatInput: o = !0, hidePopover: s = !1, dragging: c = E.value, targetPriority: l, moveToValue: f = !1 } = {}) {
-		let p = G(n, ae(r), i, l);
-		if (W(p)) {
+		let p = se(n, ae(r), i, l);
+		if (G(p)) {
 			if (c) return null;
 			p = u.value, s = !1;
-		} else p == null && e.isRequired ? p = u.value : p != null && U(u.value, p) && a && (p = null);
-		let m = c ? d : u, h = !U(m.value, p);
+		} else p == null && e.isRequired ? p = u.value : p != null && W(u.value, p) && a && (p = null);
+		let m = c ? d : u, h = !W(m.value, p);
 		m.value = p, c || (d.value = null);
 		let g = K(p, D.value);
 		return h && (_ = !1, t(c ? "drag" : "update:modelValue", g), y(() => _ = !0)), s && !c && Te(), o && le(), f && y(() => Ae(l ?? "start")), g;
@@ -5644,32 +5644,32 @@ function db(e, { emit: t, slots: n }) {
 	}
 	async function Ae(e, t = {}) {
 		let n = u.value;
-		if (m.value == null || !se(n)) return !1;
-		let r = e !== "end", i = r ? 1 : -1, o = Ig(oe(n) ? r ? n.start : n.end : n, "monthly", a.value);
+		if (m.value == null || !oe(n)) return !1;
+		let r = e !== "end", i = r ? 1 : -1, o = Ig(H(n) ? r ? n.start : n.end : n, "monthly", a.value);
 		return m.value.move(o, {
 			position: i,
 			...t
 		});
 	}
-	H(() => e.isRange, (e) => {
+	U(() => e.isRange, (e) => {
 		e && console.warn("The `is-range` prop will be deprecated in future releases. Please use the `range` modifier.");
-	}, { immediate: !0 }), H(() => v.value, () => {
+	}, { immediate: !0 }), U(() => v.value, () => {
 		q(null, { formatInput: !0 });
-	}), H(() => j.value, () => le()), H(() => e.modelValue, (e) => {
+	}), U(() => j.value, () => le()), U(() => e.modelValue, (e) => {
 		_ && q(e, {
 			formatInput: !0,
 			hidePopover: !1
 		});
-	}), H(() => B.value, () => {
+	}), U(() => B.value, () => {
 		ch(e.rules) && q(e.modelValue, {
 			formatInput: !0,
 			hidePopover: !1
 		});
-	}), H(() => e.timezone, () => {
+	}), U(() => e.timezone, () => {
 		q(u.value, { formatInput: !0 });
 	});
 	let je = ie(D.value);
-	u.value = G(e.modelValue ?? null, je, "dateTime"), T(() => {
+	u.value = se(e.modelValue ?? null, je, "dateTime"), T(() => {
 		q(e.modelValue, {
 			formatInput: !0,
 			hidePopover: !1
@@ -5954,7 +5954,7 @@ var gb = ["value"], _b = ["value", "disabled"], vb = {
 			"vc-invalid": !z(l),
 			"vc-attached": !z(y)
 		}]]) }, [d(sy, { name: "time-header" }, {
-			default: U(() => [z(w) && z(u) ? (D(), s("div", bb, [
+			default: W(() => [z(w) && z(u) ? (D(), s("div", bb, [
 				c("span", xb, I(z(i).formatDate(z(u), "WWW")), 1),
 				c("span", Sb, I(z(i).formatDate(z(u), "MMM")), 1),
 				c("span", Cb, I(z(i).formatDate(z(u), "D")), 1),
@@ -6033,7 +6033,7 @@ var gb = ["value"], _b = ["value", "disabled"], vb = {
 			onDaymouseenter: z(m),
 			onDaykeydown: z(h)
 		}, {
-			footer: U(() => [z(l) ? (D(!0), s(e, { key: 0 }, M(z(g), (e) => (D(), a(kb, {
+			footer: W(() => [z(l) ? (D(!0), s(e, { key: 0 }, M(z(g), (e) => (D(), a(kb, {
 				key: e,
 				position: e
 			}, null, 8, ["position"]))), 128)) : o("", !0), d(sy, { name: "dp-footer" })]),
@@ -6067,7 +6067,7 @@ var gb = ["value"], _b = ["value", "disabled"], vb = {
 					onBeforeHide: z(c),
 					onAfterHide: z(l)
 				}, {
-					default: U(() => [d(Ab, x(p(e.$attrs)), null, 16)]),
+					default: W(() => [d(Ab, x(p(e.$attrs)), null, 16)]),
 					_: 1
 				}, 8, [
 					"id",
@@ -6974,10 +6974,10 @@ var $x = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", eS
 		function d() {
 			l.value = !1, n("onerror");
 		}
-		return (t, n) => (D(), s("figure", v({ class: "r-component r-img" }, a.value, { role: "img" }), [W(c("img", v({ class: "r-img-image" }, o.value, {
+		return (t, n) => (D(), s("figure", v({ class: "r-component r-img" }, a.value, { role: "img" }), [G(c("img", v({ class: "r-img-image" }, o.value, {
 			onLoad: u,
 			onError: d
-		}), null, 16), [[z(iS), e.lazy]]), N(t.$slots, "loading", {}, () => [W(c("div", oS, null, 512), [[oe, l.value]])])], 16));
+		}), null, 16), [[z(iS), e.lazy]]), N(t.$slots, "loading", {}, () => [G(c("div", oS, null, 512), [[H, l.value]])])], 16));
 	}
 }), cS = { class: "r-avatar-main" }, lS = { class: "r-avatar-initials-value" }, uS = {
 	key: 1,
@@ -7052,7 +7052,7 @@ var $x = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", eS
 			"aria-hidden": "true",
 			class: "r-icon-gray r-badge-icon r-cursor-pointer",
 			icon: "close-s",
-			onKeypress: n[0] ||= G(K((e) => r("close"), ["prevent"]), ["enter"]),
+			onKeypress: n[0] ||= se(K((e) => r("close"), ["prevent"]), ["enter"]),
 			onClickCapture: n[1] ||= K((e) => r("close"), ["stop"])
 		})) : o("", !0)], 2));
 	}
@@ -7252,7 +7252,8 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 				masks: e.masks,
 				"onUpdate:modelValue": h
 			}), l({
-				default: U(({ inputValue: s, inputEvents: c }) => [d(i, {
+				default: W(({ inputValue: s, inputEvents: c }) => [d(i, {
+					name: t.$attrs.name,
 					value: s,
 					"input-events": c,
 					disabled: e.disabled,
@@ -7261,7 +7262,7 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 					onFocus: _,
 					onRightIconClick: c.click
 				}, {
-					"right-button": U(() => [e.modelValue && e.allowEmpty ? (D(), a(r, {
+					"right-button": W(() => [e.modelValue && e.allowEmpty ? (D(), a(r, {
 						key: 0,
 						icon: "trash",
 						class: "r-flex-none",
@@ -7269,6 +7270,7 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 					})) : o("", !0)]),
 					_: 1
 				}, 8, [
+					"name",
 					"value",
 					"input-events",
 					"disabled",
@@ -7279,11 +7281,11 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 				_: 2
 			}, [e.hideSelectToday ? void 0 : {
 				name: "footer",
-				fn: U(() => [c("div", DS, [d(r, {
+				fn: W(() => [c("div", DS, [d(r, {
 					fluid: "",
 					onClick: b
 				}, {
-					default: U(() => [...n[1] ||= [u("Today", -1)]]),
+					default: W(() => [...n[1] ||= [u("Today", -1)]]),
 					_: 1
 				})])]),
 				key: "0"
@@ -7493,14 +7495,14 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 		return (n, r) => {
 			let i = P("r-button"), l = P("r-popper"), u = P("r-button-group");
 			return D(), a(u, { class: b({ "r-button-group-single": !t.showPresets }) }, {
-				default: U(() => [d(i, {
+				default: W(() => [d(i, {
 					"icon-left": "calendar",
 					"capitalize-first-letter": !1,
 					disabled: t.disabled,
 					class: b({ "r-date-range-button": t.showPresets }),
 					onClick: r[0] ||= (e) => t.calendarToggle()
 				}, {
-					default: U(() => [C.value ? (D(), s("span", MS, I(C.value), 1)) : (D(), s("span", NS, I(t.placeholder), 1))]),
+					default: W(() => [C.value ? (D(), s("span", MS, I(C.value), 1)) : (D(), s("span", NS, I(t.placeholder), 1))]),
 					_: 1
 				}, 8, ["disabled", "class"]), t.showPresets ? (D(), a(l, {
 					key: 0,
@@ -7511,12 +7513,12 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 					offset: 6,
 					disabled: t.disabled
 				}, {
-					trigger: U(() => [d(i, {
+					trigger: W(() => [d(i, {
 						disabled: t.disabled,
 						icon: "actions",
 						onClick: O
 					}, null, 8, ["disabled"])]),
-					content: U(() => [c("div", PS, [c("div", FS, [c("div", IS, [(D(!0), s(e, null, M(p.value, (e) => (D(), s("a", {
+					content: W(() => [c("div", PS, [c("div", FS, [c("div", IS, [(D(!0), s(e, null, M(p.value, (e) => (D(), s("a", {
 						key: e,
 						class: "r-popover-menu-item r-range-picker-item",
 						onClick: (t) => j(e)
@@ -7588,10 +7590,10 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 		};
 		return (t, n) => {
 			let r = P("r-input");
-			return D(), s("div", BS, [W(d(r, {
+			return D(), s("div", BS, [G(d(r, {
 				disabled: e.disabled,
 				"right-icon": "calendar"
-			}, null, 8, ["disabled"]), [[oe, e.disabled]]), d(z(Nb), v({
+			}, null, 8, ["disabled"]), [[H, e.disabled]]), d(z(Nb), v({
 				"is-range": "",
 				"model-value": p.value
 			}, t.$attrs, {
@@ -7605,7 +7607,7 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 				mode: m.value,
 				"onUpdate:modelValue": h
 			}), {
-				default: U(({ togglePopover: t }) => [d(zS, {
+				default: W(({ togglePopover: t }) => [d(zS, {
 					"model-value": f.value,
 					"calendar-toggle": t,
 					disabled: e.disabled,
@@ -7649,16 +7651,49 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 			class: "r-field-caption-error"
 		}, I(e), 1))), 128)) : o("", !0);
 	}
-}), US = {
+}), US = ["for"], WS = {
 	key: 0,
-	class: "r-field-label"
-}, WS = {
+	class: "r-field-label-required"
+}, GS = {
+	key: 1,
+	class: "r-field-label-optional"
+}, KS = /* @__PURE__ */ f({
+	__name: "r-field-label",
+	props: {
+		for: { default: void 0 },
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		optional: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(t) {
+		let n = t;
+		return oe(() => {
+			n.required && n.optional && console.warn("'required' and 'optional' are exclusive; neither marker is shown");
+		}), (t, r) => (D(), s("label", {
+			class: "r-field-label",
+			for: n.for
+		}, [N(t.$slots, "default"), n.required === n.optional ? o("", !0) : (D(), s(e, { key: 0 }, [n.required ? (D(), s("span", WS, [...r[0] ||= [c("span", { "aria-hidden": "true" }, "*", -1), c("span", { class: "r-sr-only" }, "required", -1)]])) : (D(), s("span", GS, "(optional)"))], 64))], 8, US));
+	}
+}), qS = {
 	key: 3,
 	class: "r-field-caption"
-}, GS = /* @__PURE__ */ f({
+}, JS = /* @__PURE__ */ f({
 	__name: "r-date-input",
 	props: {
 		label: { default: "" },
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		optional: {
+			type: Boolean,
+			default: !1
+		},
 		id: { default: () => eS() },
 		caption: { default: void 0 },
 		modelValue: { default: () => /* @__PURE__ */ new Date() },
@@ -7703,9 +7738,8 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { isInvalid: c } = _S(() => n.validate), l = i(() => n.type === "range"), u = i(() => {
+		let n = e, r = t, { isInvalid: c } = _S(() => n.validate), l = i(() => n.type === "range"), f = i(() => {
 			let e = {
-				id: n.id,
 				name: n.id,
 				minDate: n.minDate,
 				maxDate: n.maxDate,
@@ -7722,24 +7756,36 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 				locale: void 0
 			};
 			return n.locale && (e.locale = n.locale), e;
-		}), f = i(() => n.type === "datetime" && !n.modelValue ? { timeAdjust: "00:00:00" } : {}), p = (e) => {
+		}), p = i(() => n.type === "datetime" && !n.modelValue ? { timeAdjust: "00:00:00" } : {}), m = (e) => {
 			r("update:modelValue", e);
 		};
 		return q.isMoment(n.modelValue) && (console.log(`You are passing a moment instance (${n.modelValue.toISOString()}) to r-date-input. It is recommended to pass a native Date instance instead (and using timezone property for dealing with timezones)`), r("update:modelValue", n.modelValue.toDate())), (t, n) => (D(), s("div", { class: b(["r-field", { "r-is-error": z(c) }]) }, [
-			e.label ? (D(), s("label", US, I(e.label), 1)) : o("", !0),
+			e.label ? (D(), a(KS, {
+				key: 0,
+				for: e.id,
+				required: e.required,
+				optional: e.optional
+			}, {
+				default: W(() => [u(I(e.label), 1)]),
+				_: 1
+			}, 8, [
+				"for",
+				"required",
+				"optional"
+			])) : o("", !0),
 			l.value ? (D(), a(VS, v({
 				key: 1,
 				"model-value": e.modelValue
-			}, u.value, { "onUpdate:modelValue": p }), null, 16, ["model-value"])) : (D(), a(OS, v({ key: 2 }, u.value, {
+			}, f.value, { "onUpdate:modelValue": m }), null, 16, ["model-value"])) : (D(), a(OS, v({ key: 2 }, f.value, {
 				"model-value": e.modelValue,
-				"model-config": f.value,
+				"model-config": p.value,
 				type: e.type,
 				masks: e.masks,
 				"allow-empty": e.allowEmpty,
 				"hide-select-today": e.hideSelectToday,
 				rules: e.rules,
 				"time-accuracy": e.timeAccuracy,
-				"onUpdate:modelValue": p
+				"onUpdate:modelValue": m
 			}), null, 16, [
 				"model-value",
 				"model-config",
@@ -7750,17 +7796,17 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 				"rules",
 				"time-accuracy"
 			])),
-			e.caption ? (D(), s("span", WS, I(e.caption), 1)) : o("", !0),
+			e.caption ? (D(), s("span", qS, I(e.caption), 1)) : o("", !0),
 			d(HS, {
 				validate: e.validate,
 				"show-validate-messages": e.showValidateMessages
 			}, null, 8, ["validate", "show-validate-messages"])
 		], 2));
 	}
-}), KS = {
+}), YS = {
 	key: 0,
 	class: "r-popper-transition-content"
-}, qS = /* @__PURE__ */ f({
+}, XS = /* @__PURE__ */ f({
 	__name: "r-popper",
 	props: {
 		state: { default: null },
@@ -7974,11 +8020,11 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 		}
 		return T(ie), w(() => {
 			l.hideTimer && clearInterval(l.hideTimer), l.activePopper === l.id && C(null), re();
-		}), H(() => a.state, (e) => {
+		}), U(() => a.state, (e) => {
 			e !== null && E(e);
-		}, { immediate: !0 }), H(() => l.activePopper, (e) => {
+		}, { immediate: !0 }), U(() => l.activePopper, (e) => {
 			e !== null && e !== l.id && a.globalAutoHide && te();
-		}, { immediate: !0 }), (t, r) => W((D(), s("div", {
+		}, { immediate: !0 }), (t, r) => G((D(), s("div", {
 			ref_key: "popperElement",
 			ref: u,
 			class: b(["r-popper", {
@@ -7986,7 +8032,7 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 				"r-popover-fixed": e.strategy === "fixed",
 				"r-popover-absolute": e.strategy === "absolute"
 			}]),
-			onKeydown: G(I, ["esc"])
+			onKeydown: se(I, ["esc"])
 		}, [N(t.$slots, "trigger", { popper: S.value }), c("div", {
 			ref_key: "popperContentElement",
 			ref: f,
@@ -7996,20 +8042,20 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 			name: e.slideFrom,
 			duration: _.value
 		}, {
-			default: U(() => [l.isPopperVisible ? (D(), s("div", KS, [N(t.$slots, "content", { popper: S.value })])) : o("", !0)]),
+			default: W(() => [l.isPopperVisible ? (D(), s("div", YS, [N(t.$slots, "content", { popper: S.value })])) : o("", !0)]),
 			_: 3
 		}, 8, ["name", "duration"])], 512)], 34)), [[z(Gb), ee]]);
 	}
-}), JS = ["disabled"], YS = {
+}), ZS = ["disabled"], QS = {
 	key: 0,
 	class: "r-date-range-trigger-badge"
-}, XS = {
+}, $S = {
 	key: 1,
 	class: "r-date-range-trigger-label"
-}, ZS = {
+}, eC = {
 	key: 2,
 	class: "r-date-range-trigger-placeholder"
-}, QS = /* @__PURE__ */ f({
+}, tC = /* @__PURE__ */ f({
 	__name: "trigger",
 	props: {
 		dateRange: { default: null },
@@ -8068,11 +8114,11 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 				icon: "calendar",
 				class: "r-date-range-trigger-icon"
 			}),
-			u.value ? (D(), s("span", YS, I(u.value), 1)) : o("", !0),
-			l.value ? (D(), s("span", XS, I(l.value), 1)) : (D(), s("span", ZS, I(n.placeholder), 1))
-		], 10, JS));
+			u.value ? (D(), s("span", QS, I(u.value), 1)) : o("", !0),
+			l.value ? (D(), s("span", $S, I(l.value), 1)) : (D(), s("span", eC, I(n.placeholder), 1))
+		], 10, ZS));
 	}
-}), $S = ["onClick"], eC = { class: "r-date-range-preset-label" }, tC = /* @__PURE__ */ f({
+}), nC = ["onClick"], rC = { class: "r-date-range-preset-label" }, iC = /* @__PURE__ */ f({
 	__name: "presets",
 	props: {
 		selectedPreset: { default: null },
@@ -8099,22 +8145,22 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 			type: "button",
 			class: b(["r-date-range-preset-item", { "r-is-selected": f(e) }]),
 			onClick: (t) => p(e)
-		}, [c("span", eC, I(d(e)), 1), f(e) ? (D(), a(Q, {
+		}, [c("span", rC, I(d(e)), 1), f(e) ? (D(), a(Q, {
 			key: 0,
 			icon: "check-s",
 			class: "r-date-range-preset-check"
-		})) : o("", !0)], 10, $S))), 128))], 2));
+		})) : o("", !0)], 10, nC))), 128))], 2));
 	}
-}), nC = { class: "r-date-range-inputs" }, rC = { class: "r-date-range-input-group" }, iC = { class: "r-date-range-input-row" }, aC = { class: "r-date-range-input-field" }, oC = { class: "r-date-range-input-field r-date-range-time-field" }, sC = ["placeholder"], cC = {
+}), aC = { class: "r-date-range-inputs" }, oC = { class: "r-date-range-input-group" }, sC = { class: "r-date-range-input-row" }, cC = { class: "r-date-range-input-field" }, lC = { class: "r-date-range-input-field r-date-range-time-field" }, uC = ["placeholder"], dC = {
 	key: 0,
 	class: "r-date-range-time-dropdown-list"
-}, lC = ["onMousedown"], uC = {
+}, fC = ["onMousedown"], pC = {
 	key: 0,
 	class: "r-date-range-input-separator"
-}, dC = { class: "r-date-range-input-group" }, fC = { class: "r-date-range-input-row" }, pC = { class: "r-date-range-input-field" }, mC = { class: "r-date-range-input-field r-date-range-time-field" }, hC = ["placeholder"], gC = {
+}, mC = { class: "r-date-range-input-group" }, hC = { class: "r-date-range-input-row" }, gC = { class: "r-date-range-input-field" }, _C = { class: "r-date-range-input-field r-date-range-time-field" }, vC = ["placeholder"], yC = {
 	key: 0,
 	class: "r-date-range-time-dropdown-list"
-}, _C = ["onMousedown"], vC = /* @__PURE__ */ f({
+}, bC = ["onMousedown"], xC = /* @__PURE__ */ f({
 	__name: "inputs",
 	props: {
 		startDate: {},
@@ -8161,11 +8207,11 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 			let n = e >= 12 ? "PM" : "AM";
 			return `${l(e % 12 || 12)} : ${l(t)} ${n}`;
 		}
-		H(() => r.startDate, (e) => {
+		U(() => r.startDate, (e) => {
 			e ? (f.value = l(e.getMonth() + 1), p.value = l(e.getDate()), m.value = e.getFullYear().toString()) : (f.value = "", p.value = "", m.value = "");
-		}, { immediate: !0 }), H(() => r.endDate, (e) => {
+		}, { immediate: !0 }), U(() => r.endDate, (e) => {
 			e ? (h.value = l(e.getMonth() + 1), g.value = l(e.getDate()), _.value = e.getFullYear().toString()) : (h.value = "", g.value = "", _.value = "");
-		}, { immediate: !0 }), H(() => r.startTime, (e) => {
+		}, { immediate: !0 }), U(() => r.startTime, (e) => {
 			if (r.is24hr) v.value = l(e.hours);
 			else {
 				let t = e.hours % 12 || 12;
@@ -8175,7 +8221,7 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 		}, {
 			immediate: !0,
 			deep: !0
-		}), H(() => r.endTime, (e) => {
+		}), U(() => r.endTime, (e) => {
 			if (r.is24hr) C.value = l(e.hours);
 			else {
 				let t = e.hours % 12 || 12;
@@ -8237,16 +8283,16 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 		function ae() {
 			h.value.length >= 2 && y(() => N.value?.focus());
 		}
-		function oe() {
+		function H() {
 			g.value.length >= 2 && y(() => P.value?.focus());
 		}
-		function se() {
+		function oe() {
 			v.value.length >= 2 && y(() => F.value?.focus());
 		}
-		function U() {
+		function W() {
 			C.value.length >= 2 && y(() => ee.value?.focus());
 		}
-		function G() {
+		function se() {
 			S.value = S.value === "AM" ? "PM" : "AM", z();
 		}
 		function ce() {
@@ -8300,9 +8346,9 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 			document.addEventListener("click", be);
 		}), E(() => {
 			document.removeEventListener("click", be);
-		}), (t, n) => (D(), s("div", nC, [
-			c("div", rC, [n[18] ||= c("label", { class: "r-date-range-input-label" }, "Start date", -1), c("div", iC, [c("div", aC, [
-				W(c("input", {
+		}), (t, n) => (D(), s("div", aC, [
+			c("div", oC, [n[18] ||= c("label", { class: "r-date-range-input-label" }, "Start date", -1), c("div", sC, [c("div", cC, [
+				G(c("input", {
 					"onUpdate:modelValue": n[0] ||= (e) => f.value = e,
 					type: "text",
 					class: "r-date-range-segment r-date-range-segment-month",
@@ -8313,7 +8359,7 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 					onKeydown: xe
 				}, null, 544), [[V, f.value]]),
 				n[14] ||= c("span", { class: "r-date-range-segment-separator" }, "/", -1),
-				W(c("input", {
+				G(c("input", {
 					ref_key: "startDayRef",
 					ref: k,
 					"onUpdate:modelValue": n[1] ||= (e) => p.value = e,
@@ -8326,7 +8372,7 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 					onKeydown: xe
 				}, null, 544), [[V, p.value]]),
 				n[15] ||= c("span", { class: "r-date-range-segment-separator" }, "/", -1),
-				W(c("input", {
+				G(c("input", {
 					ref_key: "startYearRef",
 					ref: j,
 					"onUpdate:modelValue": n[2] ||= (e) => m.value = e,
@@ -8346,22 +8392,22 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 				ref_key: "startDropdownRef",
 				ref: ue,
 				class: "r-date-range-time-dropdown"
-			}, [c("div", oC, [
-				W(c("input", {
+			}, [c("div", lC, [
+				G(c("input", {
 					"onUpdate:modelValue": n[3] ||= (e) => v.value = e,
 					type: "text",
 					class: "r-date-range-segment r-date-range-segment-hour",
 					placeholder: r.is24hr ? "HH" : "hh",
 					maxlength: "2",
-					onInput: se,
+					onInput: oe,
 					onFocus: fe,
 					onBlur: n[4] ||= (e) => {
 						z(), me();
 					},
 					onKeydown: xe
-				}, null, 40, sC), [[V, v.value]]),
+				}, null, 40, uC), [[V, v.value]]),
 				n[16] ||= c("span", { class: "r-date-range-segment-separator" }, ":", -1),
-				W(c("input", {
+				G(c("input", {
 					ref_key: "startMinuteRef",
 					ref: F,
 					"onUpdate:modelValue": n[5] ||= (e) => x.value = e,
@@ -8379,7 +8425,7 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 					key: 0,
 					type: "button",
 					class: "r-date-range-period-toggle",
-					onClick: G
+					onClick: se
 				}, I(S.value), 1)),
 				n[17] ||= c("svg", {
 					class: "r-date-range-time-clock-icon r-icon-20",
@@ -8399,15 +8445,15 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 					"stroke-width": "1.5",
 					"stroke-linecap": "round"
 				})], -1)
-			]), q.value ? (D(), s("div", cC, [(D(!0), s(e, null, M(te.value, (e) => (D(), s("button", {
+			]), q.value ? (D(), s("div", dC, [(D(!0), s(e, null, M(te.value, (e) => (D(), s("button", {
 				key: `start-${e.hours}-${e.minutes}`,
 				type: "button",
 				class: b(["r-date-range-time-dropdown-item", { "r-is-selected": ve(e) }]),
 				onMousedown: K((t) => ge(e), ["prevent"])
-			}, I(e.label), 43, lC))), 128))])) : o("", !0)], 512)) : o("", !0)])]),
-			r.showTimePicker ? (D(), s("span", uC, "-")) : o("", !0),
-			c("div", dC, [n[23] ||= c("label", { class: "r-date-range-input-label" }, "End date", -1), c("div", fC, [c("div", pC, [
-				W(c("input", {
+			}, I(e.label), 43, fC))), 128))])) : o("", !0)], 512)) : o("", !0)])]),
+			r.showTimePicker ? (D(), s("span", pC, "-")) : o("", !0),
+			c("div", mC, [n[23] ||= c("label", { class: "r-date-range-input-label" }, "End date", -1), c("div", hC, [c("div", gC, [
+				G(c("input", {
 					"onUpdate:modelValue": n[7] ||= (e) => h.value = e,
 					type: "text",
 					class: "r-date-range-segment r-date-range-segment-month",
@@ -8418,7 +8464,7 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 					onKeydown: xe
 				}, null, 544), [[V, h.value]]),
 				n[19] ||= c("span", { class: "r-date-range-segment-separator" }, "/", -1),
-				W(c("input", {
+				G(c("input", {
 					ref_key: "endDayRef",
 					ref: N,
 					"onUpdate:modelValue": n[8] ||= (e) => g.value = e,
@@ -8426,12 +8472,12 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 					class: "r-date-range-segment r-date-range-segment-day",
 					placeholder: "DD",
 					maxlength: "2",
-					onInput: oe,
+					onInput: H,
 					onBlur: R,
 					onKeydown: xe
 				}, null, 544), [[V, g.value]]),
 				n[20] ||= c("span", { class: "r-date-range-segment-separator" }, "/", -1),
-				W(c("input", {
+				G(c("input", {
 					ref_key: "endYearRef",
 					ref: P,
 					"onUpdate:modelValue": n[9] ||= (e) => _.value = e,
@@ -8451,22 +8497,22 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 				ref_key: "endDropdownRef",
 				ref: de,
 				class: "r-date-range-time-dropdown"
-			}, [c("div", mC, [
-				W(c("input", {
+			}, [c("div", _C, [
+				G(c("input", {
 					"onUpdate:modelValue": n[10] ||= (e) => C.value = e,
 					type: "text",
 					class: "r-date-range-segment r-date-range-segment-hour",
 					placeholder: r.is24hr ? "HH" : "hh",
 					maxlength: "2",
-					onInput: U,
+					onInput: W,
 					onFocus: pe,
 					onBlur: n[11] ||= (e) => {
 						B(), he();
 					},
 					onKeydown: xe
-				}, null, 40, hC), [[V, C.value]]),
+				}, null, 40, vC), [[V, C.value]]),
 				n[21] ||= c("span", { class: "r-date-range-segment-separator" }, ":", -1),
-				W(c("input", {
+				G(c("input", {
 					ref_key: "endMinuteRef",
 					ref: ee,
 					"onUpdate:modelValue": n[12] ||= (e) => w.value = e,
@@ -8504,18 +8550,18 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 					"stroke-width": "1.5",
 					"stroke-linecap": "round"
 				})], -1)
-			]), le.value ? (D(), s("div", gC, [(D(!0), s(e, null, M(te.value, (e) => (D(), s("button", {
+			]), le.value ? (D(), s("div", yC, [(D(!0), s(e, null, M(te.value, (e) => (D(), s("button", {
 				key: `end-${e.hours}-${e.minutes}`,
 				type: "button",
 				class: b(["r-date-range-time-dropdown-item", { "r-is-selected": ye(e) }]),
 				onMousedown: K((t) => _e(e), ["prevent"])
-			}, I(e.label), 43, _C))), 128))])) : o("", !0)], 512)) : o("", !0)])])
+			}, I(e.label), 43, bC))), 128))])) : o("", !0)], 512)) : o("", !0)])])
 		]));
 	}
-}), yC = { class: "r-date-range-month" }, bC = {
+}), SC = { class: "r-date-range-month" }, CC = {
 	key: 0,
 	class: "r-date-range-month-header"
-}, xC = { class: "r-date-range-month-weekdays" }, SC = ["onClick", "onMouseenter"], CC = { class: "r-date-range-day-number" }, wC = /* @__PURE__ */ f({
+}, wC = { class: "r-date-range-month-weekdays" }, TC = ["onClick", "onMouseenter"], EC = { class: "r-date-range-day-number" }, DC = /* @__PURE__ */ f({
 	__name: "month",
 	props: {
 		month: {},
@@ -8553,9 +8599,9 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 		function m() {
 			a("date-hover", null);
 		}
-		return (t, n) => (D(), s("div", yC, [
-			r.showHeader ? (D(), s("div", bC, I(u.value), 1)) : o("", !0),
-			c("div", xC, [(D(!0), s(e, null, M(z(l), (e) => (D(), s("div", {
+		return (t, n) => (D(), s("div", SC, [
+			r.showHeader ? (D(), s("div", CC, I(u.value), 1)) : o("", !0),
+			c("div", wC, [(D(!0), s(e, null, M(z(l), (e) => (D(), s("div", {
 				key: e,
 				class: "r-date-range-weekday"
 			}, I(e), 1))), 128))]),
@@ -8567,13 +8613,13 @@ var vS = ["aria-checked"], yS = ["for"], bS = [
 				class: b(d(e)),
 				onClick: (t) => f(e),
 				onMouseenter: (t) => p(e)
-			}, [c("span", CC, I(e.day), 1)], 42, SC))), 128))], 64))), 128))], 32)
+			}, [c("span", EC, I(e.day), 1)], 42, TC))), 128))], 64))), 128))], 32)
 		]));
 	}
 });
 //#endregion
 //#region src/components/r-date-range/use-calendar.ts
-function TC(e = {}) {
+function OC(e = {}) {
 	let { timezone: t = "UTC", minDate: n, maxDate: r, columns: a } = e, o = (0, Rx.default)().tz(t), s = A(o.year()), c = A(o.month());
 	function l(e, t, n, r) {
 		let i = new Date(e, t, n);
@@ -8655,7 +8701,7 @@ function TC(e = {}) {
 }
 //#endregion
 //#region src/components/r-date-range/components/calendar.vue?vue&type=script&setup=true&lang.ts
-var EC = { class: "r-date-range-calendar-header" }, DC = { class: "r-date-range-calendar-nav" }, OC = { class: "r-date-range-calendar-titles" }, kC = { class: "r-date-range-calendar-nav" }, AC = { class: "r-date-range-calendar-months" }, jC = /* @__PURE__ */ f({
+var kC = { class: "r-date-range-calendar-header" }, AC = { class: "r-date-range-calendar-nav" }, jC = { class: "r-date-range-calendar-titles" }, MC = { class: "r-date-range-calendar-nav" }, NC = { class: "r-date-range-calendar-months" }, PC = /* @__PURE__ */ f({
 	__name: "calendar",
 	props: {
 		columns: { default: 2 },
@@ -8669,13 +8715,13 @@ var EC = { class: "r-date-range-calendar-header" }, DC = { class: "r-date-range-
 	},
 	emits: ["date-click", "date-hover"],
 	setup(t, { emit: n }) {
-		let r = t, i = n, { displayedMonths: o, nextMonth: l, prevMonth: u, nextYear: f, prevYear: p, goToDate: m } = TC({
+		let r = t, i = n, { displayedMonths: o, nextMonth: l, prevMonth: u, nextYear: f, prevYear: p, goToDate: m } = OC({
 			timezone: r.timezone,
 			minDate: L(r, "minDate"),
 			maxDate: L(r, "maxDate"),
 			columns: L(r, "columns")
 		});
-		H(() => r.navigateToDate, (e) => {
+		U(() => r.navigateToDate, (e) => {
 			e && m(e);
 		});
 		function h(e) {
@@ -8684,8 +8730,8 @@ var EC = { class: "r-date-range-calendar-header" }, DC = { class: "r-date-range-
 		function g(e) {
 			i("date-hover", e);
 		}
-		return (t, n) => (D(), s("div", { class: b(["r-date-range-calendar", `r-date-range-calendar-cols-${r.columns}`]) }, [c("div", EC, [
-			c("div", DC, [c("button", {
+		return (t, n) => (D(), s("div", { class: b(["r-date-range-calendar", `r-date-range-calendar-cols-${r.columns}`]) }, [c("div", kC, [
+			c("div", AC, [c("button", {
 				type: "button",
 				class: "r-date-range-calendar-nav-btn",
 				"aria-label": "Previous year",
@@ -8696,11 +8742,11 @@ var EC = { class: "r-date-range-calendar-header" }, DC = { class: "r-date-range-
 				"aria-label": "Previous month",
 				onClick: n[1] ||= (...e) => z(u) && z(u)(...e)
 			}, [d(Q, { icon: "caret-left" })])]),
-			c("div", OC, [(D(!0), s(e, null, M(z(o), (e) => (D(), s("span", {
+			c("div", jC, [(D(!0), s(e, null, M(z(o), (e) => (D(), s("span", {
 				key: `title-${e.year}-${e.month}`,
 				class: "r-date-range-calendar-title"
 			}, I(e.name) + " " + I(e.year), 1))), 128))]),
-			c("div", kC, [c("button", {
+			c("div", MC, [c("button", {
 				type: "button",
 				class: "r-date-range-calendar-nav-btn",
 				"aria-label": "Next month",
@@ -8711,7 +8757,7 @@ var EC = { class: "r-date-range-calendar-header" }, DC = { class: "r-date-range-
 				"aria-label": "Next year",
 				onClick: n[3] ||= (...e) => z(f) && z(f)(...e)
 			}, [d(Q, { icon: "caret-double-right" })])])
-		]), c("div", AC, [(D(!0), s(e, null, M(z(o), (e) => (D(), a(wC, {
+		]), c("div", NC, [(D(!0), s(e, null, M(z(o), (e) => (D(), a(DC, {
 			key: `${e.year}-${e.month}`,
 			month: e,
 			"show-header": !1,
@@ -8727,7 +8773,7 @@ var EC = { class: "r-date-range-calendar-header" }, DC = { class: "r-date-range-
 			"is-range-end"
 		]))), 128))])], 2));
 	}
-}), MC = { class: "r-date-range-popup-main" }, NC = { class: "r-date-range-presets-wrapper" }, PC = { class: "r-date-range-popup-footer" }, FC = { class: "r-date-range-popup-footer-actions" }, IC = /* @__PURE__ */ f({
+}), FC = { class: "r-date-range-popup-main" }, IC = { class: "r-date-range-presets-wrapper" }, LC = { class: "r-date-range-popup-footer" }, RC = { class: "r-date-range-popup-footer-actions" }, zC = /* @__PURE__ */ f({
 	__name: "popup",
 	props: {
 		startDate: {},
@@ -8808,21 +8854,21 @@ var EC = { class: "r-date-range-calendar-header" }, DC = { class: "r-date-range-
 		return (e, t) => (D(), s("div", { class: b(["r-date-range-popup", {
 			"r-date-range-popup-mobile": n.isMobile,
 			"r-date-range-popup-with-time": n.showTimePicker
-		}]) }, [n.showPresets && !n.isMobile ? (D(), a(tC, {
+		}]) }, [n.showPresets && !n.isMobile ? (D(), a(iC, {
 			key: 0,
 			"selected-preset": n.selectedPreset,
 			"available-presets": n.availablePresets,
 			"is-mobile": !1,
 			onSelect: l
-		}, null, 8, ["selected-preset", "available-presets"])) : o("", !0), c("div", MC, [
-			c("div", NC, [n.showPresets && n.isMobile ? (D(), a(tC, {
+		}, null, 8, ["selected-preset", "available-presets"])) : o("", !0), c("div", FC, [
+			c("div", IC, [n.showPresets && n.isMobile ? (D(), a(iC, {
 				key: 0,
 				"selected-preset": n.selectedPreset,
 				"available-presets": n.availablePresets,
 				"is-mobile": !0,
 				onSelect: l
 			}, null, 8, ["selected-preset", "available-presets"])) : o("", !0)]),
-			d(vC, {
+			d(xC, {
 				"start-date": n.startDate,
 				"end-date": n.endDate,
 				"start-time": n.startTime,
@@ -8841,7 +8887,7 @@ var EC = { class: "r-date-range-calendar-header" }, DC = { class: "r-date-range-
 				"show-time-picker",
 				"is24hr"
 			]),
-			d(jC, {
+			d(PC, {
 				columns: n.columns,
 				"min-date": n.minDate,
 				"max-date": n.maxDate,
@@ -8862,21 +8908,21 @@ var EC = { class: "r-date-range-calendar-header" }, DC = { class: "r-date-range-
 				"is-range-start",
 				"is-range-end"
 			]),
-			c("div", PC, [d(Bb, {
+			c("div", LC, [d(Bb, {
 				type: "plain",
 				onClick: x
 			}, {
-				default: U(() => [...t[0] ||= [u("Clear", -1)]]),
+				default: W(() => [...t[0] ||= [u("Clear", -1)]]),
 				_: 1
-			}), c("div", FC, [d(Bb, { onClick: y }, {
-				default: U(() => [...t[1] ||= [u("Cancel", -1)]]),
+			}), c("div", RC, [d(Bb, { onClick: y }, {
+				default: W(() => [...t[1] ||= [u("Cancel", -1)]]),
 				_: 1
 			}), d(Bb, {
 				type: "primary",
 				disabled: S.value,
 				onClick: v
 			}, {
-				default: U(() => [...t[2] ||= [u("Apply", -1)]]),
+				default: W(() => [...t[2] ||= [u("Apply", -1)]]),
 				_: 1
 			}, 8, ["disabled"])])])
 		])], 2));
@@ -8884,10 +8930,10 @@ var EC = { class: "r-date-range-calendar-header" }, DC = { class: "r-date-range-
 });
 //#endregion
 //#region src/components/r-date-range/use-date-range-state.ts
-function LC(e, t) {
+function BC(e, t) {
 	return e.getDate() === t.getDate() && e.getMonth() === t.getMonth() && e.getFullYear() === t.getFullYear();
 }
-function RC(e = {}) {
+function VC(e = {}) {
 	let { timezone: t = "UTC", showTimePicker: n = !0 } = e, r = A(null), a = A(null), o = A({
 		hours: 0,
 		minutes: 0
@@ -8911,11 +8957,11 @@ function RC(e = {}) {
 	function g(e) {
 		if (!r.value) return !1;
 		let t = a.value || c.value;
-		return t && t < r.value ? LC(e, t) : LC(e, r.value);
+		return t && t < r.value ? BC(e, t) : BC(e, r.value);
 	}
 	function _(e) {
 		let t = a.value || c.value;
-		return t ? r.value && t < r.value ? LC(e, r.value) : LC(e, t) : !1;
+		return t ? r.value && t < r.value ? BC(e, r.value) : BC(e, t) : !1;
 	}
 	function v(e) {
 		r.value = new Date(e.start.year(), e.start.month(), e.start.date()), a.value = new Date(e.end.year(), e.end.month(), e.end.date()), o.value = {
@@ -9008,14 +9054,14 @@ function RC(e = {}) {
 }
 //#endregion
 //#region src/components/r-date-range/resolve-effective-date-boundary.ts
-function zC(e, t, n, r) {
+function HC(e, t, n, r) {
 	if (e !== void 0 && t !== null && n) {
 		let n = new Date(t);
 		return n.setDate(n.getDate() + e - 1), r ? n <= new Date(r) ? n : r : n;
 	}
 	return r;
 }
-function BC(e, t, n, r) {
+function UC(e, t, n, r) {
 	if (e !== void 0 && t !== null && n) {
 		let n = new Date(t);
 		return n.setDate(n.getDate() - e + 1), r ? n >= new Date(r) ? n : r : n;
@@ -9024,13 +9070,19 @@ function BC(e, t, n, r) {
 }
 //#endregion
 //#region src/components/r-date-range/r-date-range.vue?vue&type=script&setup=true&lang.ts
-var VC = {
-	key: 0,
-	class: "r-field-label"
-}, HC = 900, UC = /* @__PURE__ */ f({
+var WC = 900, GC = /* @__PURE__ */ f({
 	__name: "r-date-range",
 	props: /*@__PURE__*/ _({
+		id: { default: () => eS() },
 		label: { default: "" },
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		optional: {
+			type: Boolean,
+			default: !1
+		},
 		placeholder: { default: "Select date range" },
 		disabled: {
 			type: Boolean,
@@ -9068,163 +9120,173 @@ var VC = {
 		"clear"
 	], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = re(e, "modelValue"), r = e, a = t, c = A(null), l = A(null), u = A(!1), f = A("bottomStart"), p = A(window.innerWidth), m = i(() => p.value < HC || document.documentElement.clientWidth < HC || document.body.clientWidth < HC);
-		function h() {
-			let e = l.value?.$el;
+		let n = re(e, "modelValue"), r = e, c = t, l = A(null), f = A(null), p = A(!1), m = A("bottomStart"), h = A(window.innerWidth), g = i(() => h.value < WC || document.documentElement.clientWidth < WC || document.body.clientWidth < WC);
+		function _() {
+			let e = f.value?.$el;
 			if (!e) return;
 			let t = e.getBoundingClientRect(), n = window.innerWidth - t.left;
-			f.value = n < HC ? "bottomEnd" : "bottomStart";
+			m.value = n < WC ? "bottomEnd" : "bottomStart";
 		}
-		function g() {
-			p.value = window.innerWidth, h();
+		function v() {
+			h.value = window.innerWidth, _();
 		}
 		T(() => {
-			window.addEventListener("resize", g);
+			window.addEventListener("resize", v);
 		}), E(() => {
-			window.removeEventListener("resize", g);
+			window.removeEventListener("resize", v);
 		});
-		let { isInvalid: _ } = _S(() => r.validate), v = RC({
+		let { isInvalid: y } = _S(() => r.validate), x = VC({
 			timezone: r.timezone,
 			showTimePicker: r.showTimePicker
-		}), y = i(() => r.columns === void 0 ? m.value ? 1 : 2 : r.columns), x = i(() => {
+		}), S = i(() => r.columns === void 0 ? g.value ? 1 : 2 : r.columns), C = i(() => {
 			let e = r.maxDateRangeDays;
 			if (!(e === void 0 || e <= 0 || !Number.isFinite(e))) return Math.floor(e);
-		}), S = i(() => {
-			let e = Object.keys($), t = x.value;
+		}), w = i(() => {
+			let e = Object.keys($), t = C.value;
 			if (t === void 0) return e;
 			let n = jS(r.timezone);
 			return e.filter((e) => n[e].end.diff(n[e].start, "days") < t);
-		}), C = i(() => zC(x.value, v.startDate.value, v.selectionMode.value === "end", r.maxDate)), w = i(() => BC(x.value, v.startDate.value, v.selectionMode.value === "end", r.minDate));
-		H(n, (e) => {
-			u.value || v.setFromDateRange(e);
+		}), O = i(() => HC(C.value, x.startDate.value, x.selectionMode.value === "end", r.maxDate)), k = i(() => UC(C.value, x.startDate.value, x.selectionMode.value === "end", r.minDate));
+		U(n, (e) => {
+			p.value || x.setFromDateRange(e);
 		}, { immediate: !0 });
-		function O() {
-			r.disabled || (h(), v.setFromDateRange(n.value), c.value?.popper?.open(), u.value = !0);
-		}
-		function k() {
-			c.value?.popper?.close(), u.value = !1;
-		}
 		function j() {
-			u.value ? k() : O();
+			r.disabled || (_(), x.setFromDateRange(n.value), l.value?.popper?.open(), p.value = !0);
 		}
 		function M() {
-			let e = v.buildDateRange();
-			n.value = e, a("apply", e), k();
+			l.value?.popper?.close(), p.value = !1;
 		}
 		function N() {
-			v.setFromDateRange(n.value), a("cancel"), k();
+			p.value ? M() : j();
 		}
 		function P() {
-			v.clear(), a("clear");
+			let e = x.buildDateRange();
+			n.value = e, c("apply", e), M();
 		}
-		function F(e) {
-			v.applyPreset(e);
+		function F() {
+			x.setFromDateRange(n.value), c("cancel"), M();
 		}
-		function ee(e) {
-			v.onDateClick(e);
+		function ee() {
+			x.clear(), c("clear");
 		}
 		function te(e) {
-			v.onDateHover(e);
+			x.applyPreset(e);
 		}
 		function ne(e) {
-			v.startDate.value = e, v.selectedPreset.value = null;
+			x.onDateClick(e);
 		}
 		function L(e) {
-			v.endDate.value = e, v.selectedPreset.value = null;
+			x.onDateHover(e);
 		}
 		function R(e) {
-			v.startTime.value = e, v.selectedPreset.value = null;
+			x.startDate.value = e, x.selectedPreset.value = null;
 		}
 		function B(e) {
-			v.endTime.value = e, v.selectedPreset.value = null;
+			x.endDate.value = e, x.selectedPreset.value = null;
 		}
-		return (e, t) => (D(), s("div", { class: b(["r-date-range-picker r-field", { "r-is-error": z(_) }]) }, [
-			r.label ? (D(), s("label", VC, I(r.label), 1)) : o("", !0),
-			d(qS, {
-				ref_key: "popperRef",
-				ref: c,
-				disabled: r.disabled,
-				position: f.value,
-				"auto-hide": !0,
-				onToggleOn: t[0] ||= (e) => u.value = !0,
-				onToggleOff: t[1] ||= (e) => u.value = !1
+		function ie(e) {
+			x.startTime.value = e, x.selectedPreset.value = null;
+		}
+		function ae(e) {
+			x.endTime.value = e, x.selectedPreset.value = null;
+		}
+		return (e, t) => (D(), s("div", { class: b(["r-date-range-picker r-field", { "r-is-error": z(y) }]) }, [d(XS, {
+			ref_key: "popperRef",
+			ref: l,
+			disabled: r.disabled,
+			position: m.value,
+			"auto-hide": !0,
+			onToggleOn: t[0] ||= (e) => p.value = !0,
+			onToggleOff: t[1] ||= (e) => p.value = !1
+		}, {
+			trigger: W(() => [r.label ? (D(), a(KS, {
+				key: 0,
+				for: r.id,
+				required: r.required,
+				optional: r.optional
 			}, {
-				trigger: U(() => [d(QS, {
-					ref_key: "triggerRef",
-					ref: l,
-					"date-range": n.value,
-					placeholder: r.placeholder,
-					disabled: r.disabled,
-					"show-time-picker": r.showTimePicker,
-					is24hr: r.is24hr,
-					timezone: r.timezone,
-					"is-invalid": z(_),
-					onClick: j
-				}, null, 8, [
-					"date-range",
-					"placeholder",
-					"disabled",
-					"show-time-picker",
-					"is24hr",
-					"timezone",
-					"is-invalid"
-				])]),
-				content: U(() => [d(IC, {
-					"start-date": z(v).startDate.value,
-					"end-date": z(v).endDate.value,
-					"start-time": z(v).startTime.value,
-					"end-time": z(v).endTime.value,
-					"selected-preset": z(v).selectedPreset.value,
-					"show-presets": r.showPresets,
-					"show-time-picker": r.showTimePicker,
-					is24hr: r.is24hr,
-					columns: y.value,
-					"min-date": w.value,
-					"max-date": C.value,
-					timezone: r.timezone,
-					"is-mobile": m.value,
-					"is-in-range": z(v).isInRange,
-					"is-range-start": z(v).isRangeStart,
-					"is-range-end": z(v).isRangeEnd,
-					"available-presets": S.value,
-					onDateClick: ee,
-					onDateHover: te,
-					onPresetSelect: F,
-					"onUpdate:startDate": ne,
-					"onUpdate:endDate": L,
-					"onUpdate:startTime": R,
-					"onUpdate:endTime": B,
-					onApply: M,
-					onCancel: N,
-					onClear: P
-				}, null, 8, [
-					"start-date",
-					"end-date",
-					"start-time",
-					"end-time",
-					"selected-preset",
-					"show-presets",
-					"show-time-picker",
-					"is24hr",
-					"columns",
-					"min-date",
-					"max-date",
-					"timezone",
-					"is-mobile",
-					"is-in-range",
-					"is-range-start",
-					"is-range-end",
-					"available-presets"
-				])]),
+				default: W(() => [u(I(r.label), 1)]),
 				_: 1
-			}, 8, ["disabled", "position"]),
-			d(HS, {
-				validate: r.validate,
-				"show-validate-messages": r.showValidateMessages
-			}, null, 8, ["validate", "show-validate-messages"])
-		], 2));
+			}, 8, [
+				"for",
+				"required",
+				"optional"
+			])) : o("", !0), d(tC, {
+				id: r.id,
+				ref_key: "triggerRef",
+				ref: f,
+				"date-range": n.value,
+				placeholder: r.placeholder,
+				disabled: r.disabled,
+				"show-time-picker": r.showTimePicker,
+				is24hr: r.is24hr,
+				timezone: r.timezone,
+				"is-invalid": z(y),
+				onClick: N
+			}, null, 8, [
+				"id",
+				"date-range",
+				"placeholder",
+				"disabled",
+				"show-time-picker",
+				"is24hr",
+				"timezone",
+				"is-invalid"
+			])]),
+			content: W(() => [d(zC, {
+				"start-date": z(x).startDate.value,
+				"end-date": z(x).endDate.value,
+				"start-time": z(x).startTime.value,
+				"end-time": z(x).endTime.value,
+				"selected-preset": z(x).selectedPreset.value,
+				"show-presets": r.showPresets,
+				"show-time-picker": r.showTimePicker,
+				is24hr: r.is24hr,
+				columns: S.value,
+				"min-date": k.value,
+				"max-date": O.value,
+				timezone: r.timezone,
+				"is-mobile": g.value,
+				"is-in-range": z(x).isInRange,
+				"is-range-start": z(x).isRangeStart,
+				"is-range-end": z(x).isRangeEnd,
+				"available-presets": w.value,
+				onDateClick: ne,
+				onDateHover: L,
+				onPresetSelect: te,
+				"onUpdate:startDate": R,
+				"onUpdate:endDate": B,
+				"onUpdate:startTime": ie,
+				"onUpdate:endTime": ae,
+				onApply: P,
+				onCancel: F,
+				onClear: ee
+			}, null, 8, [
+				"start-date",
+				"end-date",
+				"start-time",
+				"end-time",
+				"selected-preset",
+				"show-presets",
+				"show-time-picker",
+				"is24hr",
+				"columns",
+				"min-date",
+				"max-date",
+				"timezone",
+				"is-mobile",
+				"is-in-range",
+				"is-range-start",
+				"is-range-end",
+				"available-presets"
+			])]),
+			_: 1
+		}, 8, ["disabled", "position"]), d(HS, {
+			validate: r.validate,
+			"show-validate-messages": r.showValidateMessages
+		}, null, 8, ["validate", "show-validate-messages"])], 2));
 	}
-}), WC = { class: "r-file-dropzone-list" }, GC = { class: "r-file-dropzone-list-item-name" }, KC = { class: "r-file-dropzone-list-item-size r-text-muted" }, qC = { class: "r-file-dropzone-list-item-delete" }, JC = /* @__PURE__ */ f({
+}), KC = { class: "r-file-dropzone-list" }, qC = { class: "r-file-dropzone-list-item-name" }, JC = { class: "r-file-dropzone-list-item-size r-text-muted" }, YC = { class: "r-file-dropzone-list-item-delete" }, XC = /* @__PURE__ */ f({
 	__name: "r-file-dropzone-list",
 	props: { files: {} },
 	emits: ["remove"],
@@ -9232,13 +9294,13 @@ var VC = {
 		let r = t, i = n;
 		return (t, n) => {
 			let a = P("r-button");
-			return D(), s("div", WC, [(D(!0), s(e, null, M(r.files, (e, t) => (D(), s("div", {
+			return D(), s("div", KC, [(D(!0), s(e, null, M(r.files, (e, t) => (D(), s("div", {
 				key: e.name + t,
 				class: "r-file-dropzone-list-item"
 			}, [
-				c("div", GC, I(e.name), 1),
-				c("div", KC, I(e.size), 1),
-				c("div", qC, [d(a, {
+				c("div", qC, I(e.name), 1),
+				c("div", JC, I(e.size), 1),
+				c("div", YC, [d(a, {
 					type: "danger",
 					size: "small",
 					icon: "trash",
@@ -9250,18 +9312,18 @@ var VC = {
 });
 //#endregion
 //#region src/components/r-file-dropzone/types.ts
-function YC(e) {
+function ZC(e) {
 	return "url" in e && typeof e.url == "string";
 }
 //#endregion
 //#region src/components/r-file-dropzone/r-file-dropzone-gallery-item.vue?vue&type=script&setup=true&lang.ts
-var XC = { class: "r-file-dropzone-gallery-item" }, ZC = {
+var QC = { class: "r-file-dropzone-gallery-item" }, $C = {
 	key: 0,
 	class: "r-file-dropzone-gallery-item-image"
-}, QC = ["src"], $C = {
+}, ew = ["src"], tw = {
 	key: 1,
 	class: "r-file-dropzone-gallery-item-icon"
-}, ew = { class: "r-file-dropzone-gallery-item-overlay" }, tw = { class: "r-file-dropzone-gallery-item-name" }, nw = { class: "r-file-dropzone-gallery-item-action" }, rw = /* @__PURE__ */ f({
+}, nw = { class: "r-file-dropzone-gallery-item-overlay" }, rw = { class: "r-file-dropzone-gallery-item-name" }, iw = { class: "r-file-dropzone-gallery-item-action" }, aw = /* @__PURE__ */ f({
 	__name: "r-file-dropzone-gallery-item",
 	props: { file: {} },
 	emits: ["remove"],
@@ -9269,7 +9331,7 @@ var XC = { class: "r-file-dropzone-gallery-item" }, ZC = {
 		let n = e, r = t, a = A(""), o = i(() => !a.value);
 		function l() {
 			if (a.value &&= "", n.file.name) {
-				if (YC(n.file)) {
+				if (ZC(n.file)) {
 					a.value = n.file.url;
 					return;
 				}
@@ -9281,15 +9343,15 @@ var XC = { class: "r-file-dropzone-gallery-item" }, ZC = {
 				}
 			}
 		}
-		return T(l), H(() => n.file, l), (t, n) => {
+		return T(l), U(() => n.file, l), (t, n) => {
 			let i = P("r-icon"), l = P("r-button");
-			return D(), s("div", XC, [o.value ? (D(), s("div", $C, [c("span", null, [d(i, {
+			return D(), s("div", QC, [o.value ? (D(), s("div", tw, [c("span", null, [d(i, {
 				icon: "file",
 				size: "32"
-			})])])) : (D(), s("div", ZC, [c("img", { src: a.value }, null, 8, QC)])), c("div", ew, [
+			})])])) : (D(), s("div", $C, [c("img", { src: a.value }, null, 8, ew)])), c("div", nw, [
 				n[1] ||= c("div", { class: "r-file-dropzone-gallery-item-overlay-bg" }, null, -1),
-				c("div", tw, [c("small", null, I(e.file.name), 1)]),
-				c("div", nw, [d(l, {
+				c("div", rw, [c("small", null, I(e.file.name), 1)]),
+				c("div", iw, [d(l, {
 					size: "small",
 					type: "danger",
 					icon: "trash",
@@ -9299,13 +9361,13 @@ var XC = { class: "r-file-dropzone-gallery-item" }, ZC = {
 			])]);
 		};
 	}
-}), iw = { class: "r-file-dropzone-gallery" }, aw = /* @__PURE__ */ f({
+}), ow = { class: "r-file-dropzone-gallery" }, sw = /* @__PURE__ */ f({
 	__name: "r-file-dropzone-gallery",
 	props: { files: {} },
 	emits: ["remove"],
 	setup(t, { emit: n }) {
 		let r = t, i = n;
-		return (t, n) => (D(), s("div", iw, [(D(!0), s(e, null, M(r.files, (e, t) => (D(), a(rw, {
+		return (t, n) => (D(), s("div", ow, [(D(!0), s(e, null, M(r.files, (e, t) => (D(), a(aw, {
 			key: e.name + t,
 			file: e,
 			onRemove: (e) => i("remove", t)
@@ -9314,7 +9376,7 @@ var XC = { class: "r-file-dropzone-gallery-item" }, ZC = {
 });
 //#endregion
 //#region src/components/r-file-dropzone/pretty-file-name-format.ts
-function ow(e) {
+function cw(e) {
 	if (!e) return null;
 	let t = {
 		"image/*": "All image types",
@@ -9341,7 +9403,7 @@ function ow(e) {
 }
 //#endregion
 //#region src/components/r-file-dropzone/pretty-file-size-format.ts
-function sw(e) {
+function lw(e) {
 	if (typeof e != "number" || !Number.isFinite(e) || e < 0) return "0 B";
 	let t = [
 		"B",
@@ -9355,20 +9417,20 @@ function sw(e) {
 }
 //#endregion
 //#region src/components/r-file-dropzone/r-file-dropzone.vue?vue&type=script&setup=true&lang.ts
-var cw = { class: "r-file-dropzone-fields" }, lw = { class: "r-file-dropzone-heading" }, uw = {
+var uw = { class: "r-file-dropzone-fields" }, dw = { class: "r-file-dropzone-heading" }, fw = {
 	key: 0,
 	class: "r-mb-6 r-text-muted"
-}, dw = { class: "r-d-block" }, fw = {
+}, pw = { class: "r-d-block" }, mw = {
 	key: 0,
 	class: "r-file-dropzone-error-list"
-}, pw = { key: 0 }, mw = { key: 1 }, hw = [
+}, hw = { key: 0 }, gw = { key: 1 }, _w = [
 	"accept",
 	"multiple",
 	"disabled"
-], gw = {
+], vw = {
 	key: 1,
 	class: "r-mt-7"
-}, _w = /* @__PURE__ */ f({
+}, yw = /* @__PURE__ */ f({
 	__name: "r-file-dropzone",
 	props: {
 		modelValue: {},
@@ -9411,8 +9473,8 @@ var cw = { class: "r-file-dropzone-fields" }, lw = { class: "r-file-dropzone-hea
 			"r-is-error": m.value
 		})), x = i(() => !!r.maxFileSize || !!r.accept), S = i(() => !!h.invalidFiles.length || m.value && r.showValidateMessages);
 		function C(e) {
-			let t = sw(e.size);
-			return YC(e) ? {
+			let t = lw(e.size);
+			return ZC(e) ? {
 				...e,
 				size: t
 			} : {
@@ -9422,13 +9484,13 @@ var cw = { class: "r-file-dropzone-fields" }, lw = { class: "r-file-dropzone-hea
 			};
 		}
 		function w(e, t) {
-			return YC(e) ? !0 : t.split(",").some((t) => {
+			return ZC(e) ? !0 : t.split(",").some((t) => {
 				let n = t.trim();
 				return n.startsWith(".") ? e.name.toLowerCase().endsWith(n.toLowerCase()) : n.endsWith("/*") ? e.type.startsWith(n.slice(0, -1)) : e.type === n;
 			});
 		}
 		function T(e) {
-			return YC(e) ? !0 : e.size <= r.maxFileSize * 1024 * 1024;
+			return ZC(e) ? !0 : e.size <= r.maxFileSize * 1024 * 1024;
 		}
 		function E(e) {
 			if (h.invalidFiles = [], !e || !e.length) return;
@@ -9468,15 +9530,15 @@ var cw = { class: "r-file-dropzone-fields" }, lw = { class: "r-file-dropzone-hea
 			onDragleave: j,
 			onDrop: K(P, ["prevent"])
 		}, [
-			N(t.$slots, "default", {}, () => [c("div", cw, [
+			N(t.$slots, "default", {}, () => [c("div", uw, [
 				d(Q, {
 					icon: "upload",
 					size: "32",
 					class: "r-mb-6"
 				}),
-				c("div", lw, " Drag and drop " + I(r.multiple ? "files" : "file") + " here ", 1),
-				x.value ? (D(), s("div", uw, [c("small", dw, [
-					r.accept ? (D(), s(e, { key: 0 }, [u(" Accepted file formats: " + I(z(ow)(r.accept)), 1)], 64)) : o("", !0),
+				c("div", dw, " Drag and drop " + I(r.multiple ? "files" : "file") + " here ", 1),
+				x.value ? (D(), s("div", fw, [c("small", pw, [
+					r.accept ? (D(), s(e, { key: 0 }, [u(" Accepted file formats: " + I(z(cw)(r.accept)), 1)], 64)) : o("", !0),
 					r.accept && r.maxFileSize ? (D(), s(e, { key: 1 }, [u(" \xA0.\xA0 ")], 64)) : o("", !0),
 					r.maxFileSize ? (D(), s(e, { key: 2 }, [u(" Max file size: " + I(r.maxFileSize) + " MB ", 1)], 64)) : o("", !0)
 				])])) : o("", !0),
@@ -9486,17 +9548,17 @@ var cw = { class: "r-file-dropzone-fields" }, lw = { class: "r-file-dropzone-hea
 					c("hr")
 				], -1),
 				d(Bb, null, {
-					default: U(() => [...n[0] ||= [u("Browse files", -1)]]),
+					default: W(() => [...n[0] ||= [u("Browse files", -1)]]),
 					_: 1
 				})
 			])]),
-			S.value ? (D(), s("div", fw, [(D(!0), s(e, null, M(z(p), (e, t) => (D(), s("div", {
+			S.value ? (D(), s("div", mw, [(D(!0), s(e, null, M(z(p), (e, t) => (D(), s("div", {
 				key: t,
 				class: "r-file-dropzone-error-item"
 			}, I(e), 1))), 128)), (D(!0), s(e, null, M(h.invalidFiles, (e, t) => (D(), s("div", {
 				key: e.name + t,
 				class: "r-file-dropzone-error-item"
-			}, [e.type === "format" ? (D(), s("span", pw, I(e.name) + ": Invalid file type, allowed file types: " + I(z(ow)(r.accept)), 1)) : e.type === "size" ? (D(), s("span", mw, I(e.name) + ": Invalid file size, file size should be smaller than " + I(r.maxFileSize) + " MB. ", 1)) : o("", !0)]))), 128))])) : o("", !0),
+			}, [e.type === "format" ? (D(), s("span", hw, I(e.name) + ": Invalid file type, allowed file types: " + I(z(cw)(r.accept)), 1)) : e.type === "size" ? (D(), s("span", gw, I(e.name) + ": Invalid file size, file size should be smaller than " + I(r.maxFileSize) + " MB. ", 1)) : o("", !0)]))), 128))])) : o("", !0),
 			c("input", {
 				ref: "file-input",
 				type: "file",
@@ -9504,23 +9566,23 @@ var cw = { class: "r-file-dropzone-fields" }, lw = { class: "r-file-dropzone-hea
 				multiple: r.multiple,
 				disabled: r.disabled,
 				onChange: O
-			}, null, 40, hw),
-			v.value ? (D(), s("div", gw, [r.previewType === "list" ? (D(), a(JC, {
+			}, null, 40, _w),
+			v.value ? (D(), s("div", vw, [r.previewType === "list" ? (D(), a(XC, {
 				key: 0,
 				files: _.value,
 				onRemove: F
-			}, null, 8, ["files"])) : (D(), a(aw, {
+			}, null, 8, ["files"])) : (D(), a(sw, {
 				key: 1,
 				files: _.value,
 				onRemove: F
 			}, null, 8, ["files"]))])) : o("", !0)
 		], 34));
 	}
-}), vw = [
+}), bw = [
 	"multiple",
 	"accept",
 	"disabled"
-], yw = /* @__PURE__ */ f({
+], xw = /* @__PURE__ */ f({
 	__name: "r-file-upload",
 	props: {
 		multiple: {
@@ -9563,12 +9625,12 @@ var cw = { class: "r-file-dropzone-fields" }, lw = { class: "r-file-dropzone-hea
 			accept: e.accept,
 			disabled: e.disabled,
 			onChange: K(l, ["stop"])
-		}, null, 40, vw), N(t.$slots, "default", {
+		}, null, 40, bw), N(t.$slots, "default", {
 			openFileBrowser: a,
 			setFocus: o
 		})], 32));
 	}
-}), bw = /* @__PURE__ */ f({
+}), Sw = /* @__PURE__ */ f({
 	__name: "r-flex",
 	props: {
 		columns: { default: "12" },
@@ -9608,7 +9670,7 @@ var cw = { class: "r-file-dropzone-fields" }, lw = { class: "r-file-dropzone-hea
 			"data-testid": "r-flex-layout"
 		}, [N(e.$slots, "default")], 2));
 	}
-}), xw = /* @__PURE__ */ f({
+}), Cw = /* @__PURE__ */ f({
 	__name: "r-flex-item",
 	props: {
 		span: { default: "auto" },
@@ -9631,7 +9693,7 @@ var cw = { class: "r-file-dropzone-fields" }, lw = { class: "r-file-dropzone-hea
 		});
 		return Number(n.span) > 12 && console.warn(`Revel[RFlexItem]: 'span' prop only covers 12 columns. Received: ${n.span}`), (e, t) => (D(), s("div", { class: b(["r-flex-layout-item", r.value]) }, [N(e.$slots, "default")], 2));
 	}
-}), Sw = /* @__PURE__ */ f({
+}), ww = /* @__PURE__ */ f({
 	__name: "r-grid",
 	props: {
 		columns: { default: "12" },
@@ -9660,7 +9722,7 @@ var cw = { class: "r-file-dropzone-fields" }, lw = { class: "r-file-dropzone-hea
 			"data-testid": "r-grid-layout"
 		}, [N(e.$slots, "default")], 2));
 	}
-}), Cw = /* @__PURE__ */ f({
+}), Tw = /* @__PURE__ */ f({
 	__name: "r-grid-cell",
 	props: {
 		span: { default: null },
@@ -9701,55 +9763,63 @@ var cw = { class: "r-file-dropzone-fields" }, lw = { class: "r-file-dropzone-hea
 			}, null, 2)) : o("", !0)
 		], 64));
 	}
-}), ww = (e, t) => {
+}), Ew = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, Tw = {}, Ew = { class: "r-field-group" };
-function Dw(e, t) {
-	return D(), s("div", Ew, [N(e.$slots, "default")]);
+}, Dw = {}, Ow = { class: "r-field-group" };
+function kw(e, t) {
+	return D(), s("div", Ow, [N(e.$slots, "default")]);
 }
-var Ow = /*#__PURE__*/ ww(Tw, [["render", Dw]]), kw = ["for"], Aw = [
+var Aw = /*#__PURE__*/ Ew(Dw, [["render", kw]]), jw = [
 	"id",
 	"value",
 	"type",
 	"name",
 	"maxlength",
 	"autocomplete"
-], jw = [
+], Mw = [
 	"id",
 	"value",
 	"maxlength",
 	"rows",
 	"name",
 	"onKeydown"
-], Mw = [
+], Nw = [
 	"id",
 	"value",
 	"maxlength",
 	"rows",
 	"name"
-], Nw = {
+], Pw = {
 	key: 0,
 	class: "r-field-addon r-flex-none r-text-muted"
-}, Pw = [
+}, Fw = [
 	"id",
 	"value",
 	"type",
 	"name",
 	"maxlength",
 	"autocomplete"
-], Fw = {
+], Iw = {
 	key: 1,
 	class: "r-field-addon r-flex-none r-text-muted"
-}, Iw = {
+}, Lw = {
 	key: 3,
 	class: "r-field-caption"
-}, Lw = ["innerHTML"], Rw = { key: 1 }, zw = /* @__PURE__ */ f({
+}, Rw = ["innerHTML"], zw = { key: 1 }, Bw = /* @__PURE__ */ f({
 	inheritAttrs: !1,
 	__name: "r-input",
 	props: {
 		label: { default: null },
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		optional: {
+			type: Boolean,
+			default: !1
+		},
 		modelValue: { default: null },
 		validate: { default: null },
 		showValidateMessages: {
@@ -9896,13 +9966,13 @@ var Ow = /*#__PURE__*/ ww(Tw, [["render", Dw]]), kw = ["for"], Aw = [
 				}
 			}
 		}
-		function oe(e) {
+		function H(e) {
 			if (!l.integer) return;
 			let t = e.clipboardData?.getData("text") ?? "";
 			/^-?\d+$/.test(t) || e.preventDefault();
 		}
-		function H(e) {
-			oe(e), l.onPaste?.(e);
+		function U(e) {
+			H(e), l.onPaste?.(e);
 		}
 		return n({
 			focus: te,
@@ -9912,11 +9982,19 @@ var Ow = /*#__PURE__*/ ww(Tw, [["render", Dw]]), kw = ["for"], Aw = [
 		}), T(() => {
 			l.autoFocus && F(), l.autoHighlight && ae(), l.autoResize && m.value && B(m.value);
 		}), (n, r) => (D(), s("div", { class: b(["r-field", { "r-is-error": z(g) }]) }, [
-			t.label ? (D(), s("label", {
+			t.label ? (D(), a(KS, {
 				key: 0,
 				for: t.name,
-				class: "r-field-label"
-			}, I(t.label), 9, kw)) : o("", !0),
+				required: t.required,
+				optional: t.optional
+			}, {
+				default: W(() => [u(I(t.label), 1)]),
+				_: 1
+			}, 8, [
+				"for",
+				"required",
+				"optional"
+			])) : o("", !0),
 			x.value ? o("", !0) : (D(), s(e, { key: 1 }, [t.multiline ? t.multiline && t.submitOnEnter ? (D(), s("textarea", v({
 				key: 1,
 				id: t.name,
@@ -9929,10 +10007,10 @@ var Ow = /*#__PURE__*/ ww(Tw, [["render", Dw]]), kw = ["for"], Aw = [
 				name: t.name
 			}, n.$attrs, {
 				onInput: O,
-				onKeydown: [G(K(j, ["exact", "prevent"]), ["enter"]), P],
+				onKeydown: [se(K(j, ["exact", "prevent"]), ["enter"]), P],
 				onKeyup: M,
-				onPaste: H
-			}, ne(t.inputEvents, !0)), "      ", 16, jw)) : t.multiline && !t.submitOnEnter ? (D(), s("textarea", v({
+				onPaste: U
+			}, ne(t.inputEvents, !0)), "      ", 16, Mw)) : t.multiline && !t.submitOnEnter ? (D(), s("textarea", v({
 				key: 2,
 				id: t.name,
 				ref_key: "textAreaElement",
@@ -9944,10 +10022,10 @@ var Ow = /*#__PURE__*/ ww(Tw, [["render", Dw]]), kw = ["for"], Aw = [
 				name: t.name
 			}, n.$attrs, {
 				onInput: O,
-				onKeydown: [G(j, ["enter"]), P],
+				onKeydown: [se(j, ["enter"]), P],
 				onKeyup: M,
-				onPaste: H
-			}), null, 16, Mw)) : o("", !0) : (D(), s("input", v({
+				onPaste: U
+			}), null, 16, Nw)) : o("", !0) : (D(), s("input", v({
 				key: 0,
 				id: t.name,
 				ref_key: "inputElement",
@@ -9960,17 +10038,17 @@ var Ow = /*#__PURE__*/ ww(Tw, [["render", Dw]]), kw = ["for"], Aw = [
 				autocomplete: w.value
 			}, n.$attrs, {
 				onInput: O,
-				onKeyup: [G(j, ["enter"]), M],
+				onKeyup: [se(j, ["enter"]), M],
 				onKeydown: P,
 				onFocus: te,
 				onBlur: r[0] ||= (e) => f("blur"),
 				onClick: L,
-				onPaste: H,
+				onPaste: U,
 				onWheelPassive: R
-			}, ne(t.inputEvents, !0)), null, 16, Aw))], 64)),
-			x.value ? (D(), a(Ow, { key: 2 }, {
-				default: U(() => [
-					t.leftLabel ? (D(), s("div", Nw, I(t.leftLabel), 1)) : o("", !0),
+			}, ne(t.inputEvents, !0)), null, 16, jw))], 64)),
+			x.value ? (D(), a(Aw, { key: 2 }, {
+				default: W(() => [
+					t.leftLabel ? (D(), s("div", Pw, I(t.leftLabel), 1)) : o("", !0),
 					c("div", { class: b(["r-field-control", S.value]) }, [
 						t.leftIcon ? (D(), a(Q, {
 							key: 0,
@@ -9993,14 +10071,14 @@ var Ow = /*#__PURE__*/ ww(Tw, [["render", Dw]]), kw = ["for"], Aw = [
 							autocomplete: w.value
 						}, n.$attrs, {
 							onInput: k,
-							onKeyup: [G(j, ["enter"]), M],
+							onKeyup: [se(j, ["enter"]), M],
 							onKeydown: P,
 							onFocus: te,
 							onBlur: r[2] ||= (e) => f("blur"),
 							onClick: L,
-							onPaste: H,
+							onPaste: U,
 							onWheelPassive: R
-						}, ne(t.inputEvents, !0)), null, 16, Pw),
+						}, ne(t.inputEvents, !0)), null, 16, Fw),
 						t.password ? (D(), a(Q, {
 							key: 1,
 							icon: _.value ? "eye-closed" : "eye",
@@ -10017,17 +10095,17 @@ var Ow = /*#__PURE__*/ ww(Tw, [["render", Dw]]), kw = ["for"], Aw = [
 						}, null, 8, ["icon", "class"])) : o("", !0)
 					], 2),
 					N(n.$slots, "right-button"),
-					t.rightLabel ? (D(), s("div", Fw, I(t.rightLabel), 1)) : o("", !0)
+					t.rightLabel ? (D(), s("div", Iw, I(t.rightLabel), 1)) : o("", !0)
 				]),
 				_: 3
 			})) : o("", !0),
-			t.helpText || t.maxLength ? (D(), s("p", Iw, [
+			t.helpText || t.maxLength ? (D(), s("p", Lw, [
 				t.helpText ? (D(), s("span", {
 					key: 0,
 					innerHTML: t.helpText
-				}, null, 8, Lw)) : o("", !0),
+				}, null, 8, Rw)) : o("", !0),
 				r[4] ||= u(" " + I(" ") + " ", -1),
-				t.maxLength ? (D(), s("span", Rw, I(E.value), 1)) : o("", !0)
+				t.maxLength ? (D(), s("span", zw, I(E.value), 1)) : o("", !0)
 			])) : o("", !0),
 			d(HS, {
 				validate: t.validate,
@@ -10035,12 +10113,12 @@ var Ow = /*#__PURE__*/ ww(Tw, [["render", Dw]]), kw = ["for"], Aw = [
 			}, null, 8, ["validate", "show-validate-messages"])
 		], 2));
 	}
-}), Bw = {
+}), Vw = {
 	key: 0,
 	class: "r-loader-spinner",
 	viewBox: "0 0 24 24",
 	"aria-hidden": "true"
-}, Vw = /* @__PURE__ */ f({
+}, Hw = /* @__PURE__ */ f({
 	__name: "r-loader",
 	props: {
 		show: {
@@ -10067,7 +10145,7 @@ var Ow = /*#__PURE__*/ ww(Tw, [["render", Dw]]), kw = ["for"], Aw = [
 			class: b(["r-component r-loader", a.value]),
 			role: "alert",
 			"aria-busy": "true"
-		}, [c("div", { class: b(["r-loader-icon-wrapper", { "r-is-spinner": r.value }]) }, [r.value ? (D(), s("svg", Bw, [...i[0] ||= [c("circle", {
+		}, [c("div", { class: b(["r-loader-icon-wrapper", { "r-is-spinner": r.value }]) }, [r.value ? (D(), s("svg", Vw, [...i[0] ||= [c("circle", {
 			class: "r-loader-spinner-arc",
 			cx: "12",
 			cy: "12",
@@ -10084,16 +10162,16 @@ var Ow = /*#__PURE__*/ ww(Tw, [["render", Dw]]), kw = ["for"], Aw = [
 			class: "r-loader-bar"
 		})), 64))], 2)), 64))], 2)], 2)) : o("", !0);
 	}
-}), Hw = ["aria-label"], Uw = {
+}), Uw = ["aria-label"], Ww = {
 	key: 0,
 	class: "r-modal-header"
-}, Ww = { class: "r-inline-3" }, Gw = {
+}, Gw = { class: "r-inline-3" }, Kw = {
 	key: 0,
 	class: "r-mis-auto r-inline-3"
-}, Kw = { class: "r-modal-actions" }, qw = { key: 0 }, Jw = { class: "r-modal-actions-right r-equal-widths-container-on-s" }, Yw = {
+}, qw = { class: "r-modal-actions" }, Jw = { key: 0 }, Yw = { class: "r-modal-actions-right r-equal-widths-container-on-s" }, Xw = {
 	key: 1,
 	class: "r-modal-overlay"
-}, Xw = /* @__PURE__ */ f({
+}, Zw = /* @__PURE__ */ f({
 	__name: "r-modal",
 	props: {
 		show: {
@@ -10150,7 +10228,7 @@ var Ow = /*#__PURE__*/ ww(Tw, [["render", Dw]]), kw = ["for"], Aw = [
 			onEnter: _,
 			onLeave: v
 		}, {
-			default: U(() => [e.show ? (D(), s("div", {
+			default: W(() => [e.show ? (D(), s("div", {
 				key: 0,
 				ref_key: "containerElement",
 				ref: f,
@@ -10159,7 +10237,7 @@ var Ow = /*#__PURE__*/ ww(Tw, [["render", Dw]]), kw = ["for"], Aw = [
 				style: S(p.value),
 				"aria-label": e.title ? e.title : "Modal",
 				onMousedown: g,
-				onKeyup: [G(g, ["esc"]), G(h, ["enter"])]
+				onKeyup: [se(g, ["esc"]), se(h, ["enter"])]
 			}, [t.$slots.content || t.$slots.contents ? (D(), s("div", {
 				key: 0,
 				class: b(["r-modal-overlay", { "r-is-scrollable": e.scroll }])
@@ -10168,9 +10246,9 @@ var Ow = /*#__PURE__*/ ww(Tw, [["render", Dw]]), kw = ["for"], Aw = [
 				style: S(p.value),
 				onMousedown: r[1] ||= (e) => e.stopPropagation()
 			}, [
-				e.title ? (D(), s("div", Uw, [
-					c("h2", Ww, I(e.title), 1),
-					t.$slots["header-actions"] ? (D(), s("div", Gw, [N(t.$slots, "header-actions")])) : o("", !0),
+				e.title ? (D(), s("div", Ww, [
+					c("h2", Gw, I(e.title), 1),
+					t.$slots["header-actions"] ? (D(), s("div", Kw, [N(t.$slots, "header-actions")])) : o("", !0),
 					d(Bb, {
 						type: "plain",
 						size: "small",
@@ -10181,31 +10259,31 @@ var Ow = /*#__PURE__*/ ww(Tw, [["render", Dw]]), kw = ["for"], Aw = [
 					})
 				])) : o("", !0),
 				N(t.$slots, "contents", {}, () => [c("div", { class: b(["r-modal-content", { "r-is-scrollable": e.scrollContent }]) }, [N(t.$slots, "content")], 2)]),
-				c("div", Kw, [t.$slots["left-actions"] ? (D(), s("div", qw, [N(t.$slots, "left-actions", {
+				c("div", qw, [t.$slots["left-actions"] ? (D(), s("div", Jw, [N(t.$slots, "left-actions", {
 					submit: h,
 					close: g
-				})])) : o("", !0), c("div", Jw, [N(t.$slots, "right-actions", {
+				})])) : o("", !0), c("div", Yw, [N(t.$slots, "right-actions", {
 					submit: h,
 					close: g
 				}, () => [d(Bb, {
 					class: b({ "r-inline-3": t.$slots.actions }),
 					onClick: g
 				}, {
-					default: U(() => [u(I(e.cancelLabel), 1)]),
+					default: W(() => [u(I(e.cancelLabel), 1)]),
 					_: 1
 				}, 8, ["class"]), N(t.$slots, "actions", {
 					submit: h,
 					close: g
 				})])])])
-			], 38)], 2)) : (D(), s("div", Yw, [d(Vw, {
+			], 38)], 2)) : (D(), s("div", Xw, [d(Hw, {
 				class: "r-modal-loader r-is-loading",
 				show: !0,
 				loading: !0
-			})]))], 44, Hw)) : o("", !0)]),
+			})]))], 44, Uw)) : o("", !0)]),
 			_: 3
 		}));
 	}
-}), Zw = [
+}), Qw = [
 	"January",
 	"February",
 	"March",
@@ -10218,10 +10296,7 @@ var Ow = /*#__PURE__*/ ww(Tw, [["render", Dw]]), kw = ["for"], Aw = [
 	"October",
 	"November",
 	"December"
-], Qw = {
-	key: 0,
-	class: "r-field-label"
-}, $w = { class: "r-month-picker-input-value" }, eT = { key: 0 }, tT = {
+], $w = { class: "r-month-picker-input-value" }, eT = { key: 0 }, tT = {
 	key: 1,
 	class: "r-text-muted"
 }, nT = {
@@ -10233,7 +10308,16 @@ var Ow = /*#__PURE__*/ ww(Tw, [["render", Dw]]), kw = ["for"], Aw = [
 }, oT = { class: "r-month-picker-container" }, sT = { class: "r-month-picker-year" }, cT = { class: "r-month-picker" }, lT = ["aria-label", "onClick"], uT = /* @__PURE__ */ f({
 	__name: "r-month-picker",
 	props: {
+		id: { default: () => eS() },
 		label: { default: "" },
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		optional: {
+			type: Boolean,
+			default: !1
+		},
 		caption: { default: "" },
 		modelValue: {},
 		clearable: {
@@ -10252,13 +10336,13 @@ var Ow = /*#__PURE__*/ ww(Tw, [["render", Dw]]), kw = ["for"], Aw = [
 		"year-change"
 	],
 	setup(t, { emit: n }) {
-		let r = t, a = n, l = A(null), u = i(() => r.modelValue?.monthIndex === null ? r.placeholder : `${Zw[r.modelValue.monthIndex]}, ${r.modelValue.year}`), f = i(() => r.minValue?.year && r.modelValue?.year && r.modelValue.year <= r.minValue.year), p = i(() => r.maxValue?.year && r.modelValue?.year && r.modelValue.year >= r.maxValue.year), m = () => {
-			l.value?.popper.toggle();
-		}, h = (e) => {
-			if (v(e)) return;
+		let r = t, l = n, f = A(null), p = i(() => r.modelValue?.monthIndex === null ? r.placeholder : `${Qw[r.modelValue.monthIndex]}, ${r.modelValue.year}`), m = i(() => r.minValue?.year && r.modelValue?.year && r.modelValue.year <= r.minValue.year), h = i(() => r.maxValue?.year && r.modelValue?.year && r.modelValue.year >= r.maxValue.year), g = () => {
+			f.value?.popper.toggle();
+		}, _ = (e) => {
+			if (x(e)) return;
 			let t = r.modelValue?.monthIndex === e;
 			if (r.clearable && t) {
-				a("clear");
+				l("clear");
 				return;
 			}
 			if (t) return;
@@ -10266,8 +10350,8 @@ var Ow = /*#__PURE__*/ ww(Tw, [["render", Dw]]), kw = ["for"], Aw = [
 				...r.modelValue,
 				monthIndex: e
 			};
-			a("update:modelValue", n), a("month-change", e), m();
-		}, g = (e) => {
+			l("update:modelValue", n), l("month-change", e), g();
+		}, v = (e) => {
 			if (!r.modelValue) return;
 			let t = r.modelValue.year + e;
 			if (r.minValue && t < r.minValue.year || r.maxValue && t > r.maxValue.year) return;
@@ -10275,40 +10359,53 @@ var Ow = /*#__PURE__*/ ww(Tw, [["render", Dw]]), kw = ["for"], Aw = [
 				...r.modelValue,
 				year: t
 			};
-			a("update:modelValue", n), a("year-change", t);
-		}, _ = (e) => r.modelValue && r.modelValue.monthIndex === e, v = (e) => !!(r.minValue && r.modelValue && (r.modelValue.year < r.minValue.year || r.minValue.monthIndex && r.modelValue.year === r.minValue.year && e < r.minValue.monthIndex) || r.maxValue && r.modelValue && (r.modelValue.year > r.maxValue.year || r.maxValue.monthIndex && r.modelValue.year === r.maxValue.year && e > r.maxValue.monthIndex));
-		return (!r.modelValue.year || !Number.isInteger(r.modelValue.year)) && a("update:modelValue", {
+			l("update:modelValue", n), l("year-change", t);
+		}, y = (e) => r.modelValue && r.modelValue.monthIndex === e, x = (e) => !!(r.minValue && r.modelValue && (r.modelValue.year < r.minValue.year || r.minValue.monthIndex && r.modelValue.year === r.minValue.year && e < r.minValue.monthIndex) || r.maxValue && r.modelValue && (r.modelValue.year > r.maxValue.year || r.maxValue.monthIndex && r.modelValue.year === r.maxValue.year && e > r.maxValue.monthIndex));
+		return (!r.modelValue.year || !Number.isInteger(r.modelValue.year)) && l("update:modelValue", {
 			...r.modelValue,
 			year: (/* @__PURE__ */ new Date()).getFullYear()
 		}), (n, r) => {
-			let i = P("r-button"), a = P("r-popper");
-			return D(), s("div", null, [d(a, {
+			let i = P("r-button"), l = P("r-popper");
+			return D(), s("div", null, [d(l, {
 				ref_key: "monthPickerElement",
-				ref: l,
+				ref: f,
 				position: t.position
 			}, {
-				trigger: U(() => [
-					t.label ? (D(), s("label", Qw, I(t.label), 1)) : o("", !0),
+				trigger: W(() => [
+					t.label ? (D(), a(KS, {
+						key: 0,
+						for: t.id,
+						required: t.required,
+						optional: t.optional
+					}, {
+						default: W(() => [u(I(t.label), 1)]),
+						_: 1
+					}, 8, [
+						"for",
+						"required",
+						"optional"
+					])) : o("", !0),
 					d(i, {
+						id: t.id,
 						class: "r-month-picker-input",
 						"icon-left": "calendar",
 						"capitalize-first-letter": !1,
-						onClick: m
+						onClick: g
 					}, {
-						default: U(() => [c("span", $w, [t.modelValue ? (D(), s("span", eT, I(u.value), 1)) : (D(), s("span", tT, I(t.placeholder), 1))])]),
+						default: W(() => [c("span", $w, [t.modelValue ? (D(), s("span", eT, I(p.value), 1)) : (D(), s("span", tT, I(t.placeholder), 1))])]),
 						_: 1
-					}),
+					}, 8, ["id"]),
 					t.caption ? (D(), s("span", nT, I(t.caption), 1)) : o("", !0)
 				]),
-				content: U(() => [c("div", rT, [c("div", iT, [c("div", aT, [c("div", oT, [c("div", sT, [
+				content: W(() => [c("div", rT, [c("div", iT, [c("div", aT, [c("div", oT, [c("div", sT, [
 					d(i, {
 						"aria-label": "decrement button",
 						class: "r-month-picker-year-left",
 						type: "plain",
 						size: "small",
 						icon: "caret-left",
-						disabled: f.value,
-						onClick: r[0] ||= (e) => g(-1)
+						disabled: m.value,
+						onClick: r[0] ||= (e) => v(-1)
 					}, null, 8, ["disabled"]),
 					c("div", null, I(t.modelValue && t.modelValue.year), 1),
 					d(i, {
@@ -10317,18 +10414,18 @@ var Ow = /*#__PURE__*/ ww(Tw, [["render", Dw]]), kw = ["for"], Aw = [
 						type: "plain",
 						size: "small",
 						icon: "caret-right",
-						disabled: p.value,
-						onClick: r[1] ||= (e) => g(1)
+						disabled: h.value,
+						onClick: r[1] ||= (e) => v(1)
 					}, null, 8, ["disabled"])
-				]), c("div", cT, [(D(!0), s(e, null, M(z(Zw), (e, t) => (D(), s("div", {
+				]), c("div", cT, [(D(!0), s(e, null, M(z(Qw), (e, t) => (D(), s("div", {
 					key: e,
 					role: "button",
 					"aria-label": `${e}-month-button`,
 					class: b([{
-						"r-month-picker-month-disabled": v(t),
-						"r-month-picker-month-selected": _(t)
+						"r-month-picker-month-disabled": x(t),
+						"r-month-picker-month-selected": y(t)
 					}, "r-month-picker-month"]),
-					onClick: (e) => h(t)
+					onClick: (e) => _(t)
 				}, I(e), 11, lT))), 128))])])])])])]),
 				_: 1
 			}, 8, ["position"])]);
@@ -10376,7 +10473,7 @@ var Ow = /*#__PURE__*/ ww(Tw, [["render", Dw]]), kw = ["for"], Aw = [
 				disabled: !T.value.hasPrevious,
 				onClick: T.value.previous
 			}, {
-				default: U(() => [d(Q, { icon: "arrow-left" }), n[0] ||= u(" Prev ", -1)]),
+				default: W(() => [d(Q, { icon: "arrow-left" }), n[0] ||= u(" Prev ", -1)]),
 				_: 1
 			}, 8, ["disabled", "onClick"]),
 			(D(!0), s(e, null, M(T.value.items, (t, n) => (D(), s(e, null, [t.breakView ? (D(), s("span", {
@@ -10387,7 +10484,7 @@ var Ow = /*#__PURE__*/ ww(Tw, [["render", Dw]]), kw = ["for"], Aw = [
 				class: b(["r-pagination-control-button", { "r-button-type-primary": t.selected }]),
 				onClick: (e) => E(t)
 			}, {
-				default: U(() => [u(I(t.content), 1)]),
+				default: W(() => [u(I(t.content), 1)]),
 				_: 2
 			}, 1032, ["class", "onClick"]))], 64))), 256)),
 			d(Bb, {
@@ -10395,7 +10492,7 @@ var Ow = /*#__PURE__*/ ww(Tw, [["render", Dw]]), kw = ["for"], Aw = [
 				disabled: !T.value.hasNext,
 				onClick: T.value.next
 			}, {
-				default: U(() => [n[1] ||= u(" Next ", -1), d(Q, { icon: "arrow-right" })]),
+				default: W(() => [n[1] ||= u(" Next ", -1), d(Q, { icon: "arrow-right" })]),
 				_: 1
 			}, 8, ["disabled", "onClick"])
 		])])])]));
@@ -10544,7 +10641,7 @@ var Ow = /*#__PURE__*/ ww(Tw, [["render", Dw]]), kw = ["for"], Aw = [
 		}
 		return T(() => {
 			l();
-		}), H(() => n.watcher, l, { deep: !0 }), (n, i) => (D(), s("div", xT, [r.isLoading ? (D(), a(Vw, {
+		}), U(() => n.watcher, l, { deep: !0 }), (n, i) => (D(), s("div", xT, [r.isLoading ? (D(), a(Hw, {
 			key: 0,
 			fullscreen: t.isLoaderFullscreen,
 			type: t.loaderType
@@ -10743,7 +10840,8 @@ var kT = (e) => e.reduce((e, t) => [...e, ...t.options || []], []), AT = (e) =>
 		RInputErrors: HS,
 		RIcon: Q,
 		RButton: Bb,
-		RBadge: hS
+		RBadge: hS,
+		RFieldLabel: KS
 	},
 	props: {
 		allowEmpty: {
@@ -10806,6 +10904,14 @@ var kT = (e) => e.reduce((e, t) => [...e, ...t.options || []], []), AT = (e) =>
 			type: String,
 			default: ""
 		},
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		optional: {
+			type: Boolean,
+			default: !1
+		},
 		limit: {
 			type: Number,
 			default: 99999
@@ -11300,12 +11406,12 @@ var kT = (e) => e.reduce((e, t) => [...e, ...t.options || []], []), AT = (e) =>
 			});
 		}
 	}
-}), MT = ["id", "for"], NT = [
+}), MT = [
 	"tabindex",
 	"aria-labelledby",
 	"aria-owns",
 	"aria-expanded"
-], PT = ["textContent"], FT = { class: "r-select-loading-spinner" }, IT = [
+], NT = ["textContent"], PT = { class: "r-select-loading-spinner" }, FT = [
 	"id",
 	"name",
 	"autocomplete",
@@ -11313,32 +11419,44 @@ var kT = (e) => e.reduce((e, t) => [...e, ...t.options || []], []), AT = (e) =>
 	"disabled",
 	"tabindex",
 	"aria-controls"
-], LT = ["id"], RT = {
+], IT = ["id"], LT = {
 	key: 0,
 	class: "r-select-content-element-option"
-}, zT = {
+}, RT = {
 	key: 1,
 	class: "r-select-content-element-option r-align-center r-select-content-element-option-load r-select-content-element-option-load-prev"
-}, BT = { key: 0 }, VT = { class: "r-select-content-element-option" }, HT = ["id", "aria-selected"], UT = ["onClick", "onMouseenter"], WT = {
+}, zT = { key: 0 }, BT = { class: "r-select-content-element-option" }, VT = ["id", "aria-selected"], HT = ["onClick", "onMouseenter"], UT = {
 	key: 0,
 	class: "r-select-content-element-option-text r-select-create-tag"
-}, GT = {
+}, WT = {
 	key: 1,
 	class: "r-select-content-element-option-text"
-}, KT = { class: "r-select-content-element" }, qT = { class: "r-select-content-element-option" }, JT = { class: "r-select-content-element" }, YT = { class: "r-select-content-element-option" }, XT = {
+}, GT = { class: "r-select-content-element" }, KT = { class: "r-select-content-element-option" }, qT = { class: "r-select-content-element" }, JT = { class: "r-select-content-element-option" }, YT = {
 	key: 0,
 	class: "r-select-content-element-option r-align-center r-select-content-element-option-load r-select-content-element-option-load-next"
-}, ZT = ["innerHTML"];
-function QT(t, r, i, l, f, p) {
-	let m = P("r-icon"), h = P("r-badge"), g = P("r-button"), _ = P("r-input-errors");
+}, XT = ["innerHTML"];
+function ZT(t, r, i, l, f, p) {
+	let m = P("r-field-label"), h = P("r-icon"), g = P("r-badge"), _ = P("r-button"), v = P("r-input-errors");
 	return D(), s("div", { class: b(t.classes) }, [
-		t.hasLabel ? (D(), s("label", {
+		t.hasLabel ? (D(), a(m, {
 			key: 0,
 			id: "label-" + t.id,
 			for: t.id,
-			class: b(["r-field-label", t.labelClasses]),
-			onClick: r[0] ||= (...e) => t.activate && t.activate(...e)
-		}, I(t.label), 11, MT)) : o("", !0),
+			class: b(t.labelClasses),
+			required: t.required,
+			optional: t.optional,
+			onClick: t.activate
+		}, {
+			default: W(() => [u(I(t.label), 1)]),
+			_: 1
+		}, 8, [
+			"id",
+			"for",
+			"class",
+			"required",
+			"optional",
+			"onClick"
+		])) : o("", !0),
 		c("div", {
 			tabindex: t.searchable ? -1 : t.tabindex,
 			class: b([{
@@ -11354,69 +11472,69 @@ function QT(t, r, i, l, f, p) {
 			"aria-owns": "listbox-" + t.id,
 			"aria-haspopup": "listbox",
 			"aria-expanded": t.isOpen,
-			onFocus: r[23] ||= (e) => t.activate(),
-			onBlur: r[24] ||= (e) => !t.searchable && t.deactivate(),
-			onKeydown: [r[25] ||= G(K((e) => t.pointerForward(), ["self", "prevent"]), ["down"]), r[26] ||= G(K((e) => t.pointerBackward(), ["self", "prevent"]), ["up"])],
-			onKeypress: r[27] ||= G(K((e) => t.addPointerElement(e), ["stop", "self"]), ["enter", "tab"]),
-			onKeyup: r[28] ||= G((e) => t.deactivate(), ["esc"])
+			onFocus: r[22] ||= (e) => t.activate(),
+			onBlur: r[23] ||= (e) => !t.searchable && t.deactivate(),
+			onKeydown: [r[24] ||= se(K((e) => t.pointerForward(), ["self", "prevent"]), ["down"]), r[25] ||= se(K((e) => t.pointerBackward(), ["self", "prevent"]), ["up"])],
+			onKeypress: r[26] ||= se(K((e) => t.addPointerElement(e), ["stop", "self"]), ["enter", "tab"]),
+			onKeyup: r[27] ||= se((e) => t.deactivate(), ["esc"])
 		}, [
-			t.showRemoveIcon ? N(t.$slots, "remove", { remove: t.removeLastElement }, () => [d(m, {
+			t.showRemoveIcon ? N(t.$slots, "remove", { remove: t.removeLastElement }, () => [d(h, {
 				icon: "close-s",
 				class: "r-select-close",
-				onMouseenter: r[1] ||= (e) => t.isHovered = !0,
-				onMouseleave: r[2] ||= (e) => t.isHovered = !1,
+				onMouseenter: r[0] ||= (e) => t.isHovered = !0,
+				onMouseleave: r[1] ||= (e) => t.isHovered = !1,
 				onMousedown: K(t.removeLastElement, ["prevent", "stop"])
-			}, null, 8, ["onMousedown"])], void 0, 0) : N(t.$slots, "caret", { toggle: t.toggle }, () => [d(m, {
+			}, null, 8, ["onMousedown"])], void 0, 0) : N(t.$slots, "caret", { toggle: t.toggle }, () => [d(h, {
 				icon: "caret-down",
 				class: "r-select-caret",
-				onMouseenter: r[3] ||= (e) => t.isHovered = !0,
-				onMouseleave: r[4] ||= (e) => t.isHovered = !1,
-				onMousedown: r[5] ||= K((e) => t.toggle(), ["prevent", "stop"])
+				onMouseenter: r[2] ||= (e) => t.isHovered = !0,
+				onMouseleave: r[3] ||= (e) => t.isHovered = !1,
+				onMousedown: r[4] ||= K((e) => t.toggle(), ["prevent", "stop"])
 			})], void 0, 1),
 			N(t.$slots, "clear", { search: t.search }),
 			c("div", {
 				ref: "tagsElement",
 				class: "r-select-tags",
-				onMouseenter: r[19] ||= (e) => t.isHovered = !0,
-				onMouseleave: r[20] ||= (e) => t.isHovered = !1
+				onMouseenter: r[18] ||= (e) => t.isHovered = !0,
+				onMouseleave: r[19] ||= (e) => t.isHovered = !1
 			}, [
 				!t.loading || t.visibleValues.length > 0 ? N(t.$slots, "selection", {
 					search: t.search,
 					remove: t.removeElement,
 					values: t.computedValue,
 					isOpen: t.isOpen
-				}, () => [t.multiple ? W((D(), s("div", {
+				}, () => [t.multiple ? G((D(), s("div", {
 					key: 0,
 					class: "r-select-tags-wrap",
-					onMousedown: r[7] ||= K(() => {}, ["prevent"])
+					onMousedown: r[6] ||= K(() => {}, ["prevent"])
 				}, [(D(!0), s(e, null, M(t.computedValue, (e) => N(t.$slots, "tag", {
 					option: e,
 					search: t.search,
 					remove: t.removeElement
-				}, () => [d(h, {
+				}, () => [d(g, {
 					class: "r-select-tag",
 					type: "tag",
 					close: !0,
 					onClose: (n) => t.removeElement(e)
 				}, {
-					default: U(() => [c("span", {
+					default: W(() => [c("span", {
 						class: "r-select-tag-text",
-						onMousedown: r[6] ||= K((e) => t.toggle(), ["prevent"])
+						onMousedown: r[5] ||= K((e) => t.toggle(), ["prevent"])
 					}, I(t.getOptionLabel(e)), 33)]),
 					_: 2
-				}, 1032, ["onClose"])])), 256))], 544)), [[oe, t.visibleValues.length > 0]]) : o("", !0), t.internalValue && t.internalValue.length > t.limit ? N(t.$slots, "limit", {}, () => [c("strong", {
+				}, 1032, ["onClose"])])), 256))], 544)), [[H, t.visibleValues.length > 0]]) : o("", !0), t.internalValue && t.internalValue.length > t.limit ? N(t.$slots, "limit", {}, () => [c("strong", {
 					class: "r-select-limit",
 					textContent: I(t.limitText(t.internalValue.length - t.limit))
-				}, null, 8, PT)], void 0, 1) : o("", !0)], void 0, 0) : o("", !0),
+				}, null, 8, NT)], void 0, 1) : o("", !0)], void 0, 0) : o("", !0),
 				d(n, { name: "r-select-loading" }, {
-					default: U(() => [N(t.$slots, "loading", {}, () => [W(c("div", FT, null, 512), [[oe, t.loading]])])]),
+					default: W(() => [N(t.$slots, "loading", {}, () => [G(c("div", PT, null, 512), [[H, t.loading]])])]),
 					_: 3
 				}),
-				t.searchable ? W((D(), s("input", {
+				t.searchable ? G((D(), s("input", {
 					key: 1,
 					id: t.id,
 					ref: "searchElement",
-					"onUpdate:modelValue": r[8] ||= (e) => t.search = e,
+					"onUpdate:modelValue": r[7] ||= (e) => t.search = e,
 					name: t.name,
 					type: "text",
 					autocomplete: t.autocomplete,
@@ -11428,47 +11546,47 @@ function QT(t, r, i, l, f, p) {
 					class: "r-select-input",
 					"aria-autocomplete": "list",
 					"aria-controls": "listbox-" + t.id,
-					"on:update:modelValue": r[9] ||= (...e) => t.updateSearch && t.updateSearch(...e),
-					onFocus: r[10] ||= K((e) => t.activate(), ["prevent"]),
-					onBlur: r[11] ||= K((e) => t.deactivate(), ["prevent"]),
-					onKeyup: r[12] ||= G((e) => t.deactivate(), ["esc"]),
+					"on:update:modelValue": r[8] ||= (...e) => t.updateSearch && t.updateSearch(...e),
+					onFocus: r[9] ||= K((e) => t.activate(), ["prevent"]),
+					onBlur: r[10] ||= K((e) => t.deactivate(), ["prevent"]),
+					onKeyup: r[11] ||= se((e) => t.deactivate(), ["esc"]),
 					onKeydown: [
-						r[13] ||= G(K((e) => t.pointerForward(), ["prevent"]), ["down"]),
-						r[14] ||= G(K((e) => t.pointerBackward(), ["prevent"]), ["up"]),
-						r[16] ||= G(K((e) => t.removeLastElement(), ["stop"]), ["delete"])
+						r[12] ||= se(K((e) => t.pointerForward(), ["prevent"]), ["down"]),
+						r[13] ||= se(K((e) => t.pointerBackward(), ["prevent"]), ["up"]),
+						r[15] ||= se(K((e) => t.removeLastElement(), ["stop"]), ["delete"])
 					],
-					onKeypress: r[15] ||= G(K((e) => t.addPointerElement(e), [
+					onKeypress: r[14] ||= se(K((e) => t.addPointerElement(e), [
 						"prevent",
 						"stop",
 						"self"
 					]), ["enter"])
-				}, null, 44, IT)), [[V, t.search]]) : o("", !0),
+				}, null, 44, FT)), [[V, t.search]]) : o("", !0),
 				t.isSingleLabelVisible && !t.loading ? (D(), s("span", {
 					key: 2,
 					class: "r-select-single",
-					onMousedown: r[17] ||= K((...e) => t.toggle && t.toggle(...e), ["prevent"])
+					onMousedown: r[16] ||= K((...e) => t.toggle && t.toggle(...e), ["prevent"])
 				}, [N(t.$slots, "singleLabel", { option: t.singleValue }, () => [t.displayAsyncLoadingForPreselectedValue ? (D(), s(e, { key: 0 }, [u(I(t.messages.loading), 1)], 64)) : (D(), s(e, { key: 1 }, [u(I(t.currentOptionLabel), 1)], 64))])], 32)) : o("", !0),
 				t.shouldShowPlaceholder ? (D(), s("span", {
 					key: 3,
 					class: "r-select-placeholder",
-					onMousedown: r[18] ||= K((...e) => t.toggle && t.toggle(...e), ["prevent"])
+					onMousedown: r[17] ||= K((...e) => t.toggle && t.toggle(...e), ["prevent"])
 				}, [N(t.$slots, "placeholder", {}, () => [u(I(t.computedPlaceholder), 1)])], 32)) : o("", !0)
 			], 544),
 			d(n, { name: "r-select" }, {
-				default: U(() => [W(c("div", {
+				default: W(() => [G(c("div", {
 					ref: "listElement",
 					class: "r-select-content-wrapper",
 					tabindex: "-1",
 					style: S({ maxHeight: t.optimizedHeight + "px" }),
-					onFocus: r[21] ||= (...e) => t.activate && t.activate(...e),
-					onMousedown: r[22] ||= K(() => {}, ["prevent"])
+					onFocus: r[20] ||= (...e) => t.activate && t.activate(...e),
+					onMousedown: r[21] ||= K(() => {}, ["prevent"])
 				}, [c("ul", {
 					id: "listbox-" + t.id,
 					class: "r-select-content",
 					style: S(t.contentStyle),
 					role: "listbox"
 				}, [
-					N(t.$slots, "beforeList", {}, () => [t.computedIsLoading ? (D(), s("span", RT, I(t.messages.loading), 1)) : o("", !0), t.computedAsyncHasPrevOptions ? (D(), s("li", zT, [d(g, {
+					N(t.$slots, "beforeList", {}, () => [t.computedIsLoading ? (D(), s("span", LT, I(t.messages.loading), 1)) : o("", !0), t.computedAsyncHasPrevOptions ? (D(), s("li", RT, [d(_, {
 						type: "default",
 						size: "small",
 						disabled: t.computedIsLoading,
@@ -11476,10 +11594,10 @@ function QT(t, r, i, l, f, p) {
 						"icon-right": "caret-up",
 						onClick: t.handleAsyncLoadPrev
 					}, {
-						default: U(() => [...r[29] ||= [u(" Get prev ", -1)]]),
+						default: W(() => [...r[28] ||= [u(" Get prev ", -1)]]),
 						_: 1
 					}, 8, ["disabled", "onClick"])])) : o("", !0)]),
-					t.multiple && t.max === t.internalValue.length ? (D(), s("li", BT, [c("span", VT, [N(t.$slots, "maxElements", {}, () => [u(I(t.messages.max(t.max)), 1)])])])) : o("", !0),
+					t.multiple && t.max === t.internalValue.length ? (D(), s("li", zT, [c("span", BT, [N(t.$slots, "maxElements", {}, () => [u(I(t.messages.max(t.max)), 1)])])])) : o("", !0),
 					(D(!0), s(e, null, M(t.filteredOptions, (e, n) => (D(), s("li", {
 						id: t.id + "-" + n,
 						key: n,
@@ -11493,13 +11611,13 @@ function QT(t, r, i, l, f, p) {
 					}, [N(t.$slots, "option", {
 						option: e,
 						search: t.search
-					}, () => [t.taggable && typeof e == "object" && e.isTag ? (D(), s("span", WT, [d(m, { icon: "plus" }), u(" Create tag \"" + I(e.label) + "\" ", 1)])) : (D(), s("span", GT, [u(I(t.getOptionLabel(e)) + " ", 1), t.isSelected(e) ? (D(), a(m, {
+					}, () => [t.taggable && typeof e == "object" && e.isTag ? (D(), s("span", UT, [d(h, { icon: "plus" }), u(" Create tag \"" + I(e.label) + "\" ", 1)])) : (D(), s("span", WT, [u(I(t.getOptionLabel(e)) + " ", 1), t.isSelected(e) ? (D(), a(h, {
 						key: 0,
 						icon: "check-s"
-					})) : o("", !0)]))])], 42, UT)], 8, HT))), 128)),
-					W(c("li", KT, [c("span", qT, [N(t.$slots, "noResult", { search: t.search }, () => [u(I(t.messages.noResult), 1)])])], 512), [[oe, t.displayNoResultsMessage]]),
-					W(c("li", JT, [c("span", YT, [N(t.$slots, "noOptions", {}, () => [u(I(t.computedNoOptionsMessage), 1)])])], 512), [[oe, t.showNoOptions && t.computedOptions.length === 0 && !t.search && !t.loading && !t.computedIsLoading]]),
-					N(t.$slots, "afterList", {}, () => [t.computedAsyncHasNextOptions ? (D(), s("li", XT, [d(g, {
+					})) : o("", !0)]))])], 42, HT)], 8, VT))), 128)),
+					G(c("li", GT, [c("span", KT, [N(t.$slots, "noResult", { search: t.search }, () => [u(I(t.messages.noResult), 1)])])], 512), [[H, t.displayNoResultsMessage]]),
+					G(c("li", qT, [c("span", JT, [N(t.$slots, "noOptions", {}, () => [u(I(t.computedNoOptionsMessage), 1)])])], 512), [[H, t.showNoOptions && t.computedOptions.length === 0 && !t.search && !t.loading && !t.computedIsLoading]]),
+					N(t.$slots, "afterList", {}, () => [t.computedAsyncHasNextOptions ? (D(), s("li", YT, [d(_, {
 						type: "default",
 						size: "small",
 						disabled: t.computedIsLoading,
@@ -11507,25 +11625,25 @@ function QT(t, r, i, l, f, p) {
 						"icon-right": "caret-down",
 						onClick: t.handleAsyncLoadNext
 					}, {
-						default: U(() => [...r[30] ||= [u(" Load more... ", -1)]]),
+						default: W(() => [...r[29] ||= [u(" Load more... ", -1)]]),
 						_: 1
 					}, 8, ["disabled", "onClick"])])) : o("", !0)])
-				], 12, LT)], 36), [[oe, t.isOpen && t.hasContent]])]),
+				], 12, IT)], 36), [[H, t.isOpen && t.hasContent]])]),
 				_: 3
 			})
-		], 42, NT),
+		], 42, MT),
 		t.helpText ? (D(), s("span", {
 			key: 1,
 			class: "r-field-caption",
 			innerHTML: t.helpText
-		}, null, 8, ZT)) : o("", !0),
-		d(_, {
+		}, null, 8, XT)) : o("", !0),
+		d(v, {
 			validate: t.validate,
 			"show-validate-messages": t.showValidateMessages
 		}, null, 8, ["validate", "show-validate-messages"])
 	], 2);
 }
-var $T = /*#__PURE__*/ ww(jT, [["render", QT]]), eE = f({
+var QT = /*#__PURE__*/ Ew(jT, [["render", ZT]]), $T = f({
 	name: "RTab",
 	props: {
 		name: {
@@ -11564,13 +11682,13 @@ var $T = /*#__PURE__*/ ww(jT, [["render", QT]]), eE = f({
 	},
 	setup(e) {
 		let t = h("addItemToTabsList"), n = h("removeItemFromTabsList"), r = h("visibleTabs"), a = h("tabsLazy"), { name: o, panelId: s, hidden: c, active: l, value: u } = R(e), d = te(e.to);
-		H(() => JSON.stringify(e.to), () => {
+		U(() => JSON.stringify(e.to), () => {
 			d.value = e.to;
 		});
 		let f = e.validate.map((e) => _S(() => e)), p = i(() => f.map((e) => e.validateErrorMessages.value).reduce((e, t) => e.concat(t), [])), m = i(() => f.some((e) => e.isInvalid.value)), g = i(() => s.value || eS()), _ = i(() => `tab-${g.value}`), v = i(() => {
 			if (r) return r.value.find(({ tabId: e }) => e === _.value)?.isActive;
 		}), y = i(() => `tabpanel-${g.value}`), b = i(() => e.lazy ?? a?.value ?? !0), x = A(e.active);
-		H(v, (e) => {
+		U(v, (e) => {
 			e && (x.value = !0);
 		});
 		let S = A(l.value);
@@ -11602,21 +11720,21 @@ var $T = /*#__PURE__*/ ww(jT, [["render", QT]]), eE = f({
 	created() {
 		this.addItemToTabsList();
 	}
-}), tE = ["id", "aria-labelledby"], nE = ["id", "aria-labelledby"];
-function rE(t, n, r, i, a, c) {
-	return t.resolvedLazy ? (D(), s(e, { key: 0 }, [t.$slots.default && t.hasBeenVisited ? W((D(), s("div", {
+}), eE = ["id", "aria-labelledby"], tE = ["id", "aria-labelledby"];
+function nE(t, n, r, i, a, c) {
+	return t.resolvedLazy ? (D(), s(e, { key: 0 }, [t.$slots.default && t.hasBeenVisited ? G((D(), s("div", {
 		key: 0,
 		id: t.tabPanelId,
 		role: "tabpanel",
 		"aria-labelledby": t.tabId
-	}, [N(t.$slots, "default", {}, () => [n[0] ||= u("Default tab content", -1)])], 8, tE)), [[oe, t.shouldShowThisTab]]) : o("", !0)], 64)) : W((D(), s("div", {
+	}, [N(t.$slots, "default", {}, () => [n[0] ||= u("Default tab content", -1)])], 8, eE)), [[H, t.shouldShowThisTab]]) : o("", !0)], 64)) : G((D(), s("div", {
 		key: 1,
 		id: t.tabPanelId,
 		role: "tabpanel",
 		"aria-labelledby": t.tabId
-	}, [N(t.$slots, "default", {}, () => [n[1] ||= u("Default tab content", -1)])], 8, nE)), [[oe, t.$slots.default && t.shouldShowThisTab]]);
+	}, [N(t.$slots, "default", {}, () => [n[1] ||= u("Default tab content", -1)])], 8, tE)), [[H, t.$slots.default && t.shouldShowThisTab]]);
 }
-var iE = /*#__PURE__*/ ww(eE, [["render", rE]]), aE = f({
+var rE = /*#__PURE__*/ Ew($T, [["render", nE]]), iE = f({
 	name: "RTabs",
 	components: {},
 	directives: { tooltip: nS },
@@ -11755,25 +11873,25 @@ var iE = /*#__PURE__*/ ww(eE, [["render", rE]]), aE = f({
 			this.selectTab(this.visibleTabs[this.preselectedTab]);
 		}
 	}
-}), oE = [
+}), aE = [
 	"id",
 	"to",
 	"aria-selected",
 	"aria-controls",
 	"onClick"
-], sE = [
+], oE = [
 	"id",
 	"aria-selected",
 	"aria-controls",
 	"onClick"
 ];
-function cE(t, n, r, i, a, o) {
+function sE(t, n, r, i, a, o) {
 	let l = F("tooltip");
 	return D(), s("div", null, [c("div", {
 		ref: "tablistRef",
 		class: b(["r-tab", [{ "r-tab-divided": t.divided }, t.menuClass]]),
 		role: "tablist"
-	}, [(D(!0), s(e, null, M(t.visibleTabs, (e, n) => W((D(), s("div", {
+	}, [(D(!0), s(e, null, M(t.visibleTabs, (e, n) => G((D(), s("div", {
 		key: e.tabId,
 		class: "r-tab-item"
 	}, [e.to ? (D(), s("button", {
@@ -11794,7 +11912,7 @@ function cE(t, n, r, i, a, o) {
 	}, [N(t.$slots, "label", {
 		tab: e,
 		index: n
-	}, () => [u(I(t.getTabName(e, n)), 1)])], 10, oE)) : (D(), s("button", {
+	}, () => [u(I(t.getTabName(e, n)), 1)])], 10, aE)) : (D(), s("button", {
 		key: 1,
 		id: e.tabId,
 		ref_for: !0,
@@ -11811,21 +11929,21 @@ function cE(t, n, r, i, a, o) {
 	}, [N(t.$slots, "label", {
 		tab: e,
 		index: n
-	}, () => [u(I(t.getTabName(e, n)), 1)])], 10, sE))])), [[l, { text: e.isInvalid && t.showValidateMessages ? e.validateErrorMessages.join("\n") : null }]])), 128)), W(c("div", {
+	}, () => [u(I(t.getTabName(e, n)), 1)])], 10, oE))])), [[l, { text: e.isInvalid && t.showValidateMessages ? e.validateErrorMessages.join("\n") : null }]])), 128)), G(c("div", {
 		class: b(["r-tab-item-indicator", { "r-is-error": t.isInvalidTab }]),
 		style: S({
 			width: t.visibleTabIndicatorWidth + "px",
 			left: t.visibleTabIndicatorPosition + "px"
 		})
-	}, null, 6), [[oe, t.isIndicatorReady]])], 2), c("div", { class: b(["r-tab-content", t.contentClass]) }, [N(t.$slots, "default")], 2)]);
+	}, null, 6), [[H, t.isIndicatorReady]])], 2), c("div", { class: b(["r-tab-content", t.contentClass]) }, [N(t.$slots, "default")], 2)]);
 }
-var lE = /*#__PURE__*/ ww(aE, [["render", cE]]), uE = {
+var cE = /*#__PURE__*/ Ew(iE, [["render", sE]]), lE = {
 	key: 0,
 	class: "r-tile-title"
-}, dE = { key: 0 }, fE = {
+}, uE = { key: 0 }, dE = {
 	key: 1,
 	class: "r-tile-title-actions r-flex-none"
-}, pE = /* @__PURE__ */ f({
+}, fE = /* @__PURE__ */ f({
 	__name: "r-tile",
 	props: {
 		type: { default: "default" },
@@ -11838,15 +11956,15 @@ var lE = /*#__PURE__*/ ww(aE, [["render", cE]]), uE = {
 			[`is-inset-${t.inset}`]: !0,
 			"is-header-only": !(!t.title && !n.actions || n.default)
 		}));
-		return (t, i) => (D(), s("div", { class: b(["r-tile", r.value]) }, [e.title || z(n).actions ? (D(), s("div", uE, [e.title ? (D(), s("h2", dE, I(e.title), 1)) : o("", !0), z(n).actions ? (D(), s("div", fE, [N(t.$slots, "actions")])) : o("", !0)])) : o("", !0), N(t.$slots, "default")], 2));
+		return (t, i) => (D(), s("div", { class: b(["r-tile", r.value]) }, [e.title || z(n).actions ? (D(), s("div", lE, [e.title ? (D(), s("h2", uE, I(e.title), 1)) : o("", !0), z(n).actions ? (D(), s("div", dE, [N(t.$slots, "actions")])) : o("", !0)])) : o("", !0), N(t.$slots, "default")], 2));
 	}
-}), mE = {
+}), pE = {
 	key: 0,
 	class: "r-tile-content-title"
-}, hE = { key: 0 }, gE = {
+}, mE = { key: 0 }, hE = {
 	key: 1,
 	class: "r-tile-content-title-actions r-flex-none"
-}, _E = /* @__PURE__ */ f({
+}, gE = /* @__PURE__ */ f({
 	__name: "r-tile-content",
 	props: {
 		type: { default: "primary" },
@@ -11857,19 +11975,19 @@ var lE = /*#__PURE__*/ ww(aE, [["render", cE]]), uE = {
 			[`is-${t.type}`]: !0,
 			"is-header-only": !(!t.title && !n.actions || n.default)
 		}));
-		return (t, i) => (D(), s("div", { class: b(["r-tile-content", r.value]) }, [e.title || z(n).actions ? (D(), s("div", mE, [e.title ? (D(), s("h3", hE, I(e.title), 1)) : o("", !0), z(n).actions ? (D(), s("div", gE, [N(t.$slots, "actions")])) : o("", !0)])) : o("", !0), N(t.$slots, "default")], 2));
+		return (t, i) => (D(), s("div", { class: b(["r-tile-content", r.value]) }, [e.title || z(n).actions ? (D(), s("div", pE, [e.title ? (D(), s("h3", mE, I(e.title), 1)) : o("", !0), z(n).actions ? (D(), s("div", hE, [N(t.$slots, "actions")])) : o("", !0)])) : o("", !0), N(t.$slots, "default")], 2));
 	}
-}), vE = {
+}), _E = {
 	key: 0,
 	class: "r-toast-title"
-}, yE = { class: "r-toast-close" }, bE = {
+}, vE = { class: "r-toast-close" }, yE = {
 	class: "r-toast-message",
 	"data-cy": "Toast Message"
-}, xE = {
+}, bE = {
 	key: 1,
 	class: "r-toast-message",
 	"data-cy": "Toast Message"
-}, SE = /* @__PURE__ */ f({
+}, xE = /* @__PURE__ */ f({
 	__name: "r-toast",
 	props: {
 		type: { default: "positive" },
@@ -11922,7 +12040,7 @@ var lE = /*#__PURE__*/ ww(aE, [["render", cE]]), uE = {
 		function _() {
 			h(), r.isVisible = !1, u("hide");
 		}
-		return H(() => n.visible, (e) => {
+		return U(() => n.visible, (e) => {
 			r.isVisible = e;
 		}), C(() => {
 			p();
@@ -11938,24 +12056,24 @@ var lE = /*#__PURE__*/ ww(aE, [["render", cE]]), uE = {
 				onMouseenter: h,
 				onMouseleave: m
 			}, [
-				e.title ? (D(), s("div", vE, [c("span", null, I(e.title), 1)])) : o("", !0),
-				c("div", yE, [e.allowClose ? (D(), a(i, {
+				e.title ? (D(), s("div", _E, [c("span", null, I(e.title), 1)])) : o("", !0),
+				c("div", vE, [e.allowClose ? (D(), a(i, {
 					key: 0,
 					"aria-hidden": "true",
 					color: "text",
 					icon: "close-s",
 					onClick: _
 				})) : o("", !0)]),
-				c("div", bE, [f.value ? (D(), a(ee(f.value), { key: 0 })) : e.message ? (D(), s("span", xE, I(e.message), 1)) : o("", !0)])
+				c("div", yE, [f.value ? (D(), a(ee(f.value), { key: 0 })) : e.message ? (D(), s("span", bE, I(e.message), 1)) : o("", !0)])
 			], 34)) : o("", !0);
 		};
 	}
-}), CE = ["aria-checked"], wE = ["for"], TE = [
+}), SE = ["aria-checked"], CE = ["for"], wE = [
 	"id",
 	"disabled",
 	"value",
 	"checked"
-], EE = ["for"], DE = /* @__PURE__ */ f({
+], TE = ["for"], EE = /* @__PURE__ */ f({
 	__name: "r-toggle",
 	props: {
 		label: { default: null },
@@ -11990,13 +12108,13 @@ var lE = /*#__PURE__*/ ww(aE, [["render", cE]]), uE = {
 			value: e.modelValue,
 			checked: e.modelValue,
 			onChange: r
-		}, null, 40, TE), n[0] ||= c("span", { class: "r-toggle-switch-handle" }, null, -1)], 8, wE), e.label ? (D(), s("label", {
+		}, null, 40, wE), n[0] ||= c("span", { class: "r-toggle-switch-handle" }, null, -1)], 8, CE), e.label ? (D(), s("label", {
 			key: 0,
 			class: "r-toggle-label",
 			for: e.name
-		}, I(e.label), 9, EE)) : o("", !0)], 8, CE));
+		}, I(e.label), 9, TE)) : o("", !0)], 8, SE));
 	}
-}), OE = { class: "r-step-title" }, kE = { class: "r-step-title-text" }, AE = { class: "r-step-icon" }, jE = /* @__PURE__ */ f({
+}), DE = { class: "r-step-title" }, OE = { class: "r-step-title-text" }, kE = { class: "r-step-icon" }, AE = /* @__PURE__ */ f({
 	__name: "r-step",
 	props: {
 		index: {},
@@ -12014,12 +12132,12 @@ var lE = /*#__PURE__*/ ww(aE, [["render", cE]]), uE = {
 		return (n, r) => (D(), s("div", { class: b(["r-step", {
 			"is-active": e.active,
 			"is-completed": e.completed
-		}]) }, [c("div", OE, [c("span", kE, [c("span", AE, [d(Q, { icon: "check-s" })]), N(n.$slots, "title", {}, () => [u(I(z(Qx)(e.index)), 1)])]), r[0] ||= c("div", { class: "r-step-indicator" }, null, -1)]), e.active && e.teleport ? (D(), a(t, {
+		}]) }, [c("div", DE, [c("span", OE, [c("span", kE, [d(Q, { icon: "check-s" })]), N(n.$slots, "title", {}, () => [u(I(z(Qx)(e.index)), 1)])]), r[0] ||= c("div", { class: "r-step-indicator" }, null, -1)]), e.active && e.teleport ? (D(), a(t, {
 			key: 0,
 			to: e.teleport
 		}, [N(n.$slots, "content")], 8, ["to"])) : o("", !0)], 2));
 	}
-}), ME = { class: "r-multistep" }, NE = { class: "r-multistep-tabs" }, PE = /* @__PURE__ */ f({
+}), jE = { class: "r-multistep" }, ME = { class: "r-multistep-tabs" }, NE = /* @__PURE__ */ f({
 	__name: "r-multistep",
 	props: {
 		current: { default: void 0 },
@@ -12039,7 +12157,7 @@ var lE = /*#__PURE__*/ ww(aE, [["render", cE]]), uE = {
 			}
 		}), g = ie(), _ = () => {
 			let e = g.default ? g.default() : [];
-			e = e.filter((e) => e.type === jE);
+			e = e.filter((e) => e.type === AE);
 			let t = [], n = e.map((e) => {
 				let n = e.props?.index;
 				if (t.includes(n)) throw Error(`Duplicate step index found: "${n}". Step indexes must be unique.`);
@@ -12073,52 +12191,53 @@ var lE = /*#__PURE__*/ ww(aE, [["render", cE]]), uE = {
 			hasPrevStep: y,
 			nextStep: b,
 			prevStep: x
-		}), (e, t) => (D(), s("div", ME, [c("div", NE, [(D(), a(ee(_)))]), c("div", {
+		}), (e, t) => (D(), s("div", jE, [c("div", ME, [(D(), a(ee(_)))]), c("div", {
 			ref_key: "content",
 			ref: u,
 			class: "r-multistep-content"
 		}, null, 512)]));
 	}
-}), FE = /* @__PURE__ */ _e({
+}), PE = /* @__PURE__ */ _e({
 	RAlert: () => Wb,
 	RAvatar: () => pS,
 	RBadge: () => hS,
 	RButton: () => Bb,
 	RButtonGroup: () => gS,
 	RCheckbox: () => CS,
-	RDateInput: () => GS,
-	RDateRange: () => UC,
-	RFieldGroup: () => Ow,
-	RFileDropzone: () => _w,
-	RFileUpload: () => yw,
-	RFlex: () => bw,
-	RFlexItem: () => xw,
-	RGrid: () => Sw,
-	RGridCell: () => Cw,
+	RDateInput: () => JS,
+	RDateRange: () => GC,
+	RFieldGroup: () => Aw,
+	RFieldLabel: () => KS,
+	RFileDropzone: () => yw,
+	RFileUpload: () => xw,
+	RFlex: () => Sw,
+	RFlexItem: () => Cw,
+	RGrid: () => ww,
+	RGridCell: () => Tw,
 	RIcon: () => Q,
 	RImg: () => sS,
-	RInput: () => zw,
+	RInput: () => Bw,
 	RInputErrors: () => HS,
-	RLoader: () => Vw,
-	RModal: () => Xw,
+	RLoader: () => Hw,
+	RModal: () => Zw,
 	RMonthPicker: () => uT,
-	RMultistep: () => PE,
+	RMultistep: () => NE,
 	RPagination: () => mT,
 	RPaginationControl: () => pT,
-	RPopper: () => qS,
+	RPopper: () => XS,
 	RRadio: () => bT,
 	RRepeater: () => CT,
-	RSelect: () => $T,
-	RStep: () => jE,
-	RTab: () => iE,
-	RTabs: () => lE,
-	RTile: () => pE,
-	RTileContent: () => _E,
-	RToast: () => SE,
-	RToggle: () => DE
-}), IE = /* @__PURE__ */ function(e) {
+	RSelect: () => QT,
+	RStep: () => AE,
+	RTab: () => rE,
+	RTabs: () => cE,
+	RTile: () => fE,
+	RTileContent: () => gE,
+	RToast: () => xE,
+	RToggle: () => EE
+}), FE = /* @__PURE__ */ function(e) {
 	return e.Positive = "positive", e.Negative = "negative", e.Warning = "warning", e.Info = "info", e;
-}({}), LE = class {
+}({}), IE = class {
 	static parseError(e, t = "Something went wrong, please try again or contact support") {
 		let n = [];
 		if (e && e.name === "RebillyMfaRequiredError") return n;
@@ -12148,7 +12267,7 @@ var lE = /*#__PURE__*/ ww(aE, [["render", cE]]), uE = {
 		else e && e.name === "RebillyAppError" && e.message && n.push(e.message);
 		return n.length ? n : [t];
 	}
-}, RE = (e, t) => ({
+}, LE = (e, t) => ({
 	show(n) {
 		let r;
 		typeof n == "string" && (r = n);
@@ -12156,244 +12275,244 @@ var lE = /*#__PURE__*/ ww(aE, [["render", cE]]), uE = {
 			message: r,
 			...t,
 			...typeof n == "object" && n
-		}, a = m(SE, i);
+		}, a = m(xE, i);
 		return e && e._context && (a.appContext = e._context), j(a, document.createElement("div"));
 	},
 	positive(e, t = {}) {
 		return this.show({
 			message: e,
-			type: IE.Positive,
+			type: FE.Positive,
 			...t
 		});
 	},
 	negative(e, t = {}) {
 		return this.show({
 			message: e,
-			type: IE.Negative,
+			type: FE.Negative,
 			...t
 		});
 	},
 	info(e, t = {}) {
 		return this.show({
 			message: e,
-			type: IE.Info,
+			type: FE.Info,
 			...t
 		});
 	},
 	warning(e, t = {}) {
 		return this.show({
 			message: e,
-			type: IE.Warning,
+			type: FE.Warning,
 			...t
 		});
 	},
 	fromError(e, n, r = {}) {
-		let i = t?.ErrorHandler ? t.ErrorHandler : LE;
+		let i = t?.ErrorHandler ? t.ErrorHandler : IE;
 		if (!i.parseError || typeof i.parseError != "function") throw Error("No 'parseError' method is found in the error handler object");
 		i.parseError(e, n).forEach((e) => this.negative(e, r));
 	}
-}), zE = /* @__PURE__ */ _e({
-	RBackground: () => fO,
-	RBackgroundHover: () => pO,
-	RBorder: () => ek,
-	RBorderDanger: () => lk,
-	RBorderDisabled: () => ik,
-	RBorderInfo: () => uk,
-	RBorderInverse: () => ak,
-	RBorderMuted: () => tk,
-	RBorderPrimary: () => ok,
-	RBorderRadius1: () => BE,
-	RBorderRadius2: () => VE,
-	RBorderRadius3: () => HE,
-	RBorderRadius4: () => UE,
+}), RE = /* @__PURE__ */ _e({
+	RBackground: () => dO,
+	RBackgroundHover: () => fO,
+	RBorder: () => $O,
+	RBorderDanger: () => ck,
+	RBorderDisabled: () => rk,
+	RBorderInfo: () => lk,
+	RBorderInverse: () => ik,
+	RBorderMuted: () => ek,
+	RBorderPrimary: () => ak,
+	RBorderRadius1: () => zE,
+	RBorderRadius2: () => BE,
+	RBorderRadius3: () => VE,
+	RBorderRadius4: () => HE,
 	RBorderRadiusCircle: () => "50%",
-	RBorderRadiusPill: () => WE,
-	RBorderStrong: () => nk,
-	RBorderStronger: () => rk,
-	RBorderSuccess: () => sk,
-	RBorderWarning: () => ck,
-	RBreakpointsL: () => JE,
-	RBreakpointsM: () => qE,
-	RBreakpointsS: () => KE,
-	RBreakpointsXl: () => YE,
-	RBreakpointsXs: () => GE,
-	RColorDanger100: () => WD,
-	RColorDanger200: () => GD,
-	RColorDanger300: () => KD,
-	RColorDanger400: () => qD,
-	RColorDanger50: () => UD,
-	RColorDanger500: () => JD,
-	RColorDanger600: () => YD,
-	RColorDanger700: () => XD,
-	RColorDanger800: () => ZD,
-	RColorDanger900: () => QD,
-	RColorInfo100: () => eO,
-	RColorInfo200: () => tO,
-	RColorInfo300: () => nO,
-	RColorInfo400: () => rO,
-	RColorInfo50: () => $D,
-	RColorInfo500: () => iO,
-	RColorInfo600: () => aO,
-	RColorInfo700: () => oO,
-	RColorInfo800: () => sO,
-	RColorInfo900: () => cO,
-	RColorNeutral0: () => XE,
-	RColorNeutral100: () => QE,
-	RColorNeutral150: () => $E,
-	RColorNeutral200: () => eD,
-	RColorNeutral250: () => tD,
-	RColorNeutral300: () => nD,
-	RColorNeutral350: () => rD,
-	RColorNeutral400: () => iD,
-	RColorNeutral50: () => ZE,
-	RColorNeutral500: () => aD,
-	RColorNeutral600: () => oD,
-	RColorNeutral650: () => sD,
-	RColorNeutral700: () => cD,
-	RColorNeutral750: () => lD,
-	RColorNeutral800: () => uD,
-	RColorNeutral850: () => dD,
-	RColorNeutral900: () => fD,
-	RColorPrimary100: () => mD,
-	RColorPrimary200: () => hD,
-	RColorPrimary300: () => gD,
-	RColorPrimary400: () => _D,
-	RColorPrimary50: () => pD,
-	RColorPrimary500: () => vD,
-	RColorPrimary600: () => yD,
-	RColorPrimary700: () => bD,
-	RColorPrimary800: () => xD,
-	RColorPrimary900: () => SD,
-	RColorSuccess100: () => wD,
-	RColorSuccess200: () => TD,
-	RColorSuccess300: () => ED,
-	RColorSuccess400: () => DD,
-	RColorSuccess50: () => CD,
-	RColorSuccess500: () => OD,
-	RColorSuccess600: () => kD,
-	RColorSuccess700: () => AD,
-	RColorSuccess800: () => jD,
-	RColorSuccess900: () => MD,
-	RColorWarning100: () => PD,
-	RColorWarning200: () => FD,
-	RColorWarning300: () => ID,
-	RColorWarning400: () => LD,
-	RColorWarning50: () => ND,
-	RColorWarning500: () => RD,
-	RColorWarning600: () => zD,
-	RColorWarning700: () => BD,
-	RColorWarning800: () => VD,
-	RColorWarning900: () => HD,
-	RFocus: () => dk,
-	RFontFamily: () => pk,
-	RFontFamilyMono: () => mk,
-	RFontLineHeight2xl: () => Ak,
-	RFontLineHeight3xl: () => kk,
-	RFontLineHeight4xl: () => Ok,
-	RFontLineHeight5xl: () => Dk,
-	RFontLineHeight6xl: () => Ek,
-	RFontLineHeight7xl: () => Tk,
-	RFontLineHeightL: () => Mk,
-	RFontLineHeightM: () => Nk,
-	RFontLineHeightS: () => Pk,
-	RFontLineHeightXl: () => jk,
-	RFontSize2xl: () => bk,
-	RFontSize3xl: () => yk,
-	RFontSize4xl: () => vk,
-	RFontSize5xl: () => _k,
-	RFontSize6xl: () => gk,
-	RFontSize7xl: () => hk,
-	RFontSizeL: () => Sk,
-	RFontSizeM: () => Ck,
-	RFontSizeS: () => wk,
-	RFontSizeXl: () => xk,
+	RBorderRadiusPill: () => UE,
+	RBorderStrong: () => tk,
+	RBorderStronger: () => nk,
+	RBorderSuccess: () => ok,
+	RBorderWarning: () => sk,
+	RBreakpointsL: () => qE,
+	RBreakpointsM: () => KE,
+	RBreakpointsS: () => GE,
+	RBreakpointsXl: () => JE,
+	RBreakpointsXs: () => WE,
+	RColorDanger100: () => UD,
+	RColorDanger200: () => WD,
+	RColorDanger300: () => GD,
+	RColorDanger400: () => KD,
+	RColorDanger50: () => HD,
+	RColorDanger500: () => qD,
+	RColorDanger600: () => JD,
+	RColorDanger700: () => YD,
+	RColorDanger800: () => XD,
+	RColorDanger900: () => ZD,
+	RColorInfo100: () => $D,
+	RColorInfo200: () => eO,
+	RColorInfo300: () => tO,
+	RColorInfo400: () => nO,
+	RColorInfo50: () => QD,
+	RColorInfo500: () => rO,
+	RColorInfo600: () => iO,
+	RColorInfo700: () => aO,
+	RColorInfo800: () => oO,
+	RColorInfo900: () => sO,
+	RColorNeutral0: () => YE,
+	RColorNeutral100: () => ZE,
+	RColorNeutral150: () => QE,
+	RColorNeutral200: () => $E,
+	RColorNeutral250: () => eD,
+	RColorNeutral300: () => tD,
+	RColorNeutral350: () => nD,
+	RColorNeutral400: () => rD,
+	RColorNeutral50: () => XE,
+	RColorNeutral500: () => iD,
+	RColorNeutral600: () => aD,
+	RColorNeutral650: () => oD,
+	RColorNeutral700: () => sD,
+	RColorNeutral750: () => cD,
+	RColorNeutral800: () => lD,
+	RColorNeutral850: () => uD,
+	RColorNeutral900: () => dD,
+	RColorPrimary100: () => pD,
+	RColorPrimary200: () => mD,
+	RColorPrimary300: () => hD,
+	RColorPrimary400: () => gD,
+	RColorPrimary50: () => fD,
+	RColorPrimary500: () => _D,
+	RColorPrimary600: () => vD,
+	RColorPrimary700: () => yD,
+	RColorPrimary800: () => bD,
+	RColorPrimary900: () => xD,
+	RColorSuccess100: () => CD,
+	RColorSuccess200: () => wD,
+	RColorSuccess300: () => TD,
+	RColorSuccess400: () => ED,
+	RColorSuccess50: () => SD,
+	RColorSuccess500: () => DD,
+	RColorSuccess600: () => OD,
+	RColorSuccess700: () => kD,
+	RColorSuccess800: () => AD,
+	RColorSuccess900: () => jD,
+	RColorWarning100: () => ND,
+	RColorWarning200: () => PD,
+	RColorWarning300: () => FD,
+	RColorWarning400: () => ID,
+	RColorWarning50: () => MD,
+	RColorWarning500: () => LD,
+	RColorWarning600: () => RD,
+	RColorWarning700: () => zD,
+	RColorWarning800: () => BD,
+	RColorWarning900: () => VD,
+	RFocus: () => uk,
+	RFontFamily: () => fk,
+	RFontFamilyMono: () => pk,
+	RFontLineHeight2xl: () => kk,
+	RFontLineHeight3xl: () => Ok,
+	RFontLineHeight4xl: () => Dk,
+	RFontLineHeight5xl: () => Ek,
+	RFontLineHeight6xl: () => Tk,
+	RFontLineHeight7xl: () => wk,
+	RFontLineHeightL: () => jk,
+	RFontLineHeightM: () => Mk,
+	RFontLineHeightS: () => Nk,
+	RFontLineHeightXl: () => Ak,
+	RFontSize2xl: () => yk,
+	RFontSize3xl: () => vk,
+	RFontSize4xl: () => _k,
+	RFontSize5xl: () => gk,
+	RFontSize6xl: () => hk,
+	RFontSize7xl: () => mk,
+	RFontSizeL: () => xk,
+	RFontSizeM: () => Sk,
+	RFontSizeS: () => Ck,
+	RFontSizeXl: () => bk,
 	RFontWeightBold: () => "700",
 	RFontWeightExtraBold: () => "800",
 	RFontWeightMedium: () => "500",
 	RFontWeightRegular: () => "400",
 	RFontWeightSemiBold: () => "600",
-	RIcon: () => KO,
-	RIconDanger: () => QO,
-	RIconInfo: () => $O,
-	RIconMuted: () => qO,
-	RIconOnColor: () => JO,
-	RIconPrimary: () => YO,
-	RIconSuccess: () => XO,
-	RIconWarning: () => ZO,
+	RIcon: () => GO,
+	RIconDanger: () => ZO,
+	RIconInfo: () => QO,
+	RIconMuted: () => KO,
+	RIconOnColor: () => qO,
+	RIconPrimary: () => JO,
+	RIconSuccess: () => YO,
+	RIconWarning: () => XO,
 	RMotionDuration0: () => "0",
-	RMotionDuration100: () => Vk,
-	RMotionDuration150: () => Hk,
-	RMotionDuration200: () => Uk,
-	RMotionDuration300: () => Wk,
-	RMotionDuration400: () => Gk,
-	RMotionDuration50: () => Bk,
-	RMotionDuration500: () => Kk,
-	RMotionEase: () => Ik,
-	RMotionEaseIn: () => Lk,
-	RMotionEaseInOut: () => zk,
-	RMotionEaseOut: () => Rk,
-	RMotionLinear: () => Fk,
-	ROverlay: () => fk,
-	RPrimary: () => lO,
-	RPrimaryHover: () => uO,
-	RPrimaryMuted: () => dO,
-	RShadow0: () => qk,
-	RShadow10: () => Jk,
-	RShadow20: () => Yk,
-	RShadow30: () => Xk,
-	RShadow40: () => Zk,
-	RShadowInset10: () => Qk,
-	RShadowInset20: () => $k,
+	RMotionDuration100: () => Bk,
+	RMotionDuration150: () => Vk,
+	RMotionDuration200: () => Hk,
+	RMotionDuration300: () => Uk,
+	RMotionDuration400: () => Wk,
+	RMotionDuration50: () => zk,
+	RMotionDuration500: () => Gk,
+	RMotionEase: () => Fk,
+	RMotionEaseIn: () => Ik,
+	RMotionEaseInOut: () => Rk,
+	RMotionEaseOut: () => Lk,
+	RMotionLinear: () => Pk,
+	ROverlay: () => dk,
+	RPrimary: () => cO,
+	RPrimaryHover: () => lO,
+	RPrimaryMuted: () => uO,
+	RShadow0: () => Kk,
+	RShadow10: () => qk,
+	RShadow20: () => Jk,
+	RShadow30: () => Yk,
+	RShadow40: () => Xk,
+	RShadowInset10: () => Zk,
+	RShadowInset20: () => Qk,
 	RSpace0: () => "0",
-	RSpace1: () => eA,
-	RSpace10: () => lA,
-	RSpace11: () => uA,
-	RSpace12: () => dA,
-	RSpace13: () => fA,
-	RSpace14: () => pA,
-	RSpace15: () => mA,
-	RSpace2: () => tA,
-	RSpace3: () => nA,
-	RSpace4: () => rA,
-	RSpace5: () => iA,
-	RSpace6: () => aA,
-	RSpace7: () => oA,
-	RSpace8: () => sA,
-	RSpace9: () => cA,
-	RSurface: () => mO,
-	RSurfaceDanger: () => OO,
-	RSurfaceDangerHover: () => kO,
-	RSurfaceDangerMuted: () => AO,
-	RSurfaceDisabled: () => bO,
-	RSurfaceHover: () => hO,
-	RSurfaceInfo: () => jO,
-	RSurfaceInfoHover: () => MO,
-	RSurfaceInfoMuted: () => NO,
-	RSurfaceInverse: () => xO,
-	RSurfaceSelected: () => gO,
-	RSurfaceSuccess: () => SO,
-	RSurfaceSuccessHover: () => CO,
-	RSurfaceSuccessMuted: () => wO,
-	RSurfaceSunken: () => _O,
-	RSurfaceSunkenHover: () => vO,
-	RSurfaceSunkenSelected: () => yO,
-	RSurfaceWarning: () => TO,
-	RSurfaceWarningHover: () => EO,
-	RSurfaceWarningMuted: () => DO,
-	RText: () => PO,
-	RTextDanger: () => WO,
-	RTextDisabled: () => IO,
-	RTextInfo: () => GO,
-	RTextLink: () => RO,
-	RTextLinkHover: () => zO,
-	RTextMuted: () => FO,
-	RTextOnColor: () => BO,
-	RTextPlaceholder: () => LO,
-	RTextPrimary: () => VO,
-	RTextSuccess: () => HO,
-	RTextWarning: () => UO,
+	RSpace1: () => $k,
+	RSpace10: () => cA,
+	RSpace11: () => lA,
+	RSpace12: () => uA,
+	RSpace13: () => dA,
+	RSpace14: () => fA,
+	RSpace15: () => pA,
+	RSpace2: () => eA,
+	RSpace3: () => tA,
+	RSpace4: () => nA,
+	RSpace5: () => rA,
+	RSpace6: () => iA,
+	RSpace7: () => aA,
+	RSpace8: () => oA,
+	RSpace9: () => sA,
+	RSurface: () => pO,
+	RSurfaceDanger: () => DO,
+	RSurfaceDangerHover: () => OO,
+	RSurfaceDangerMuted: () => kO,
+	RSurfaceDisabled: () => yO,
+	RSurfaceHover: () => mO,
+	RSurfaceInfo: () => AO,
+	RSurfaceInfoHover: () => jO,
+	RSurfaceInfoMuted: () => MO,
+	RSurfaceInverse: () => bO,
+	RSurfaceSelected: () => hO,
+	RSurfaceSuccess: () => xO,
+	RSurfaceSuccessHover: () => SO,
+	RSurfaceSuccessMuted: () => CO,
+	RSurfaceSunken: () => gO,
+	RSurfaceSunkenHover: () => _O,
+	RSurfaceSunkenSelected: () => vO,
+	RSurfaceWarning: () => wO,
+	RSurfaceWarningHover: () => TO,
+	RSurfaceWarningMuted: () => EO,
+	RText: () => NO,
+	RTextDanger: () => UO,
+	RTextDisabled: () => FO,
+	RTextInfo: () => WO,
+	RTextLink: () => LO,
+	RTextLinkHover: () => RO,
+	RTextMuted: () => PO,
+	RTextOnColor: () => zO,
+	RTextPlaceholder: () => IO,
+	RTextPrimary: () => BO,
+	RTextSuccess: () => VO,
+	RTextWarning: () => HO,
 	RZIndex10: () => "100",
-	RZIndex100: () => hA,
+	RZIndex100: () => mA,
 	RZIndex15: () => "150",
 	RZIndex20: () => "200",
 	RZIndex25: () => "250",
@@ -12407,7 +12526,7 @@ var lE = /*#__PURE__*/ ww(aE, [["render", cE]]), uE = {
 	RZIndex60: () => "600",
 	RZIndex65: () => "650",
 	RZIndex70: () => "700"
-}), BE = "0.125rem", VE = "0.25rem", HE = "0.375rem", UE = "0.5rem", WE = "624.9375rem", GE = "576px", KE = "768px", qE = "1040px", JE = "1200px", YE = "1400px", XE = "#FFFFFF", ZE = "#F8FAFC", QE = "#F1F5F9", $E = "#E8EDF4", eD = "#E0E6EF", tD = "#D7DEE8", nD = "#CBD5E1", rD = "#AFBCCC", iD = "#94A3B8", aD = "#64748B", oD = "#475569", sD = "#3D4A5F", cD = "#334155", lD = "#28344A", uD = "#182137", dD = "#0C1424", fD = "#020617", pD = "#E1EBFF", mD = "#A5C6FF", hD = "#76A0FF", gD = "#4878EE", _D = "#2A55E4", vD = "#0044D4", yD = "#0036AA", bD = "#00297F", xD = "#001B55", SD = "#000D2A", CD = "#F0FDF4", wD = "#DCFCE7", TD = "#BBF7D0", ED = "#86EFAC", DD = "#4ADE80", OD = "#22C55E", kD = "#16A34A", AD = "#15803D", jD = "#166534", MD = "#052E16", ND = "#FFFBEB", PD = "#FEF3C7", FD = "#FDE68A", ID = "#FCD34D", LD = "#FBBF24", RD = "#F59E0B", zD = "#D97706", BD = "#B45309", VD = "#92400E", HD = "#451A03", UD = "#FEF2F2", WD = "#FEE2E2", GD = "#FECACA", KD = "#FCA5A5", qD = "#F87171", JD = "#EF4444", YD = "#DC2626", XD = "#B91C1C", ZD = "#991B1B", QD = "#450A0A", $D = "#F0F9FF", eO = "#E0F2FE", tO = "#BAE6FD", nO = "#7DD3FC", rO = "#38BDF8", iO = "#0EA5E9", aO = "#0284C7", oO = "#0369A1", sO = "#075985", cO = "#082F49", lO = "#0044D4", uO = "#0036AA", dO = "#E1EBFF", fO = "#F1F5F9", pO = "#E0E6EF", mO = "#FFFFFF", hO = "#F1F5F9", gO = "#E8EDF4", _O = "#F8FAFC", vO = "#E8EDF4", yO = "#E0E6EF", bO = "#F1F5F9", xO = "#182137", SO = "#15803D", CO = "#166534", wO = "#DCFCE7", TO = "#B45309", EO = "#92400E", DO = "#FEF3C7", OO = "#DC2626", kO = "#B91C1C", AO = "#FEE2E2", jO = "#0369A1", MO = "#075985", NO = "#E0F2FE", PO = "#182137", FO = "#475569", IO = "#64748B", LO = "#64748B", RO = "#0044D4", zO = "#00297F", BO = "#FFFFFF", VO = "#0044D4", HO = "#166534", UO = "#B45309", WO = "#B91C1C", GO = "#075985", KO = "#334155", qO = "#64748B", JO = "#FFFFFF", YO = "#0044D4", XO = "#166534", ZO = "#B45309", QO = "#B91C1C", $O = "#075985", ek = "#D7DEE8", tk = "#E8EDF4", nk = "#AFBCCC", rk = "#94A3B8", ik = "#D7DEE8", ak = "#020617", ok = "#0044D4", sk = "#15803D", ck = "#B45309", lk = "#B91C1C", uk = "#0369A1", dk = "#2A55E4", fk = "#02061780", pk = "-apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial sans-serif", mk = "'SFMono-Medium', 'SF Mono', 'Segoe UI Mono', 'Roboto Mono', 'Ubuntu Mono', Menlo, Consolas, Courier, monospace", hk = "4.875rem", gk = "3.25rem", _k = "2.5rem", vk = "2.125rem", yk = "1.75rem", bk = "1.5rem", xk = "1.25rem", Sk = "1rem", Ck = "0.875rem", wk = "0.75rem", Tk = "6rem", Ek = "3.875rem", Dk = "3.125rem", Ok = "2.875rem", kk = "2.25rem", Ak = "2rem", jk = "1.75rem", Mk = "1.5rem", Nk = "1.25rem", Pk = "1rem", Fk = "cubic-bezier(0, 0, 1, 1)", Ik = "cubic-bezier(0.25, 0.1, 0.25, 1)", Lk = "cubic-bezier(0.42, 0, 1, 1)", Rk = "cubic-bezier(0, 0, 0.58, 1)", zk = "cubic-bezier(0.42, 0, 0.58, 1)", Bk = "50ms", Vk = "100ms", Hk = "150ms", Uk = "200ms", Wk = "300ms", Gk = "400ms", Kk = "500ms", qk = "none", Jk = "0 1px 2px 0 rgba(2, 6, 23, 0.18), 0 4px 4px 0 rgba(2, 6, 23, 0.04)", Yk = "0 7px 14px 0 rgba(2, 6, 23, 0.11), 0 3px 6px 0 rgba(2, 6, 23, 0.05)", Xk = "0 3px 6px 0 rgba(2, 6, 23, 0.15), 0 7px 14px 0 rgba(2, 6, 23, 0.26)", Zk = "0 20px 40px -8px rgba(2, 6, 23, 0.13), 0 3px 6px 0 rgba(2, 6, 23, 0.05)", Qk = "0 0 0 1px rgba(2, 6, 23, 0.02), 0 1px 2px 0 rgba(2, 6, 23, 0.18), 0 4px 4px 0 rgba(2, 6, 23, 0.04)", $k = "0 0 0 1px rgba(2, 6, 23, 0.07), 0 7px 14px 0 rgba(2, 6, 23, 0.11), 0 3px 6px 0 rgba(2, 6, 23, 0.05)", eA = "0.125rem", tA = "0.25rem", nA = "0.5rem", rA = "0.75rem", iA = "1rem", aA = "1.25rem", oA = "1.5rem", sA = "1.75rem", cA = "2rem", lA = "2.5rem", uA = "3rem", dA = "4rem", fA = "5rem", pA = "7.5rem", mA = "10rem", hA = "1000", gA = (e) => `
+}), zE = "0.125rem", BE = "0.25rem", VE = "0.375rem", HE = "0.5rem", UE = "624.9375rem", WE = "576px", GE = "768px", KE = "1040px", qE = "1200px", JE = "1400px", YE = "#FFFFFF", XE = "#F8FAFC", ZE = "#F1F5F9", QE = "#E8EDF4", $E = "#E0E6EF", eD = "#D7DEE8", tD = "#CBD5E1", nD = "#AFBCCC", rD = "#94A3B8", iD = "#64748B", aD = "#475569", oD = "#3D4A5F", sD = "#334155", cD = "#28344A", lD = "#182137", uD = "#0C1424", dD = "#020617", fD = "#E1EBFF", pD = "#A5C6FF", mD = "#76A0FF", hD = "#4878EE", gD = "#2A55E4", _D = "#0044D4", vD = "#0036AA", yD = "#00297F", bD = "#001B55", xD = "#000D2A", SD = "#F0FDF4", CD = "#DCFCE7", wD = "#BBF7D0", TD = "#86EFAC", ED = "#4ADE80", DD = "#22C55E", OD = "#16A34A", kD = "#15803D", AD = "#166534", jD = "#052E16", MD = "#FFFBEB", ND = "#FEF3C7", PD = "#FDE68A", FD = "#FCD34D", ID = "#FBBF24", LD = "#F59E0B", RD = "#D97706", zD = "#B45309", BD = "#92400E", VD = "#451A03", HD = "#FEF2F2", UD = "#FEE2E2", WD = "#FECACA", GD = "#FCA5A5", KD = "#F87171", qD = "#EF4444", JD = "#DC2626", YD = "#B91C1C", XD = "#991B1B", ZD = "#450A0A", QD = "#F0F9FF", $D = "#E0F2FE", eO = "#BAE6FD", tO = "#7DD3FC", nO = "#38BDF8", rO = "#0EA5E9", iO = "#0284C7", aO = "#0369A1", oO = "#075985", sO = "#082F49", cO = "#0044D4", lO = "#0036AA", uO = "#E1EBFF", dO = "#F1F5F9", fO = "#E0E6EF", pO = "#FFFFFF", mO = "#F1F5F9", hO = "#E8EDF4", gO = "#F8FAFC", _O = "#E8EDF4", vO = "#E0E6EF", yO = "#F1F5F9", bO = "#182137", xO = "#15803D", SO = "#166534", CO = "#DCFCE7", wO = "#B45309", TO = "#92400E", EO = "#FEF3C7", DO = "#DC2626", OO = "#B91C1C", kO = "#FEE2E2", AO = "#0369A1", jO = "#075985", MO = "#E0F2FE", NO = "#182137", PO = "#475569", FO = "#64748B", IO = "#64748B", LO = "#0044D4", RO = "#00297F", zO = "#FFFFFF", BO = "#0044D4", VO = "#166534", HO = "#B45309", UO = "#B91C1C", WO = "#075985", GO = "#334155", KO = "#64748B", qO = "#FFFFFF", JO = "#0044D4", YO = "#166534", XO = "#B45309", ZO = "#B91C1C", QO = "#075985", $O = "#D7DEE8", ek = "#E8EDF4", tk = "#AFBCCC", nk = "#94A3B8", rk = "#D7DEE8", ik = "#020617", ak = "#0044D4", ok = "#15803D", sk = "#B45309", ck = "#B91C1C", lk = "#0369A1", uk = "#2A55E4", dk = "#02061780", fk = "-apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial sans-serif", pk = "'SFMono-Medium', 'SF Mono', 'Segoe UI Mono', 'Roboto Mono', 'Ubuntu Mono', Menlo, Consolas, Courier, monospace", mk = "4.875rem", hk = "3.25rem", gk = "2.5rem", _k = "2.125rem", vk = "1.75rem", yk = "1.5rem", bk = "1.25rem", xk = "1rem", Sk = "0.875rem", Ck = "0.75rem", wk = "6rem", Tk = "3.875rem", Ek = "3.125rem", Dk = "2.875rem", Ok = "2.25rem", kk = "2rem", Ak = "1.75rem", jk = "1.5rem", Mk = "1.25rem", Nk = "1rem", Pk = "cubic-bezier(0, 0, 1, 1)", Fk = "cubic-bezier(0.25, 0.1, 0.25, 1)", Ik = "cubic-bezier(0.42, 0, 1, 1)", Lk = "cubic-bezier(0, 0, 0.58, 1)", Rk = "cubic-bezier(0.42, 0, 0.58, 1)", zk = "50ms", Bk = "100ms", Vk = "150ms", Hk = "200ms", Uk = "300ms", Wk = "400ms", Gk = "500ms", Kk = "none", qk = "0 1px 2px 0 rgba(2, 6, 23, 0.18), 0 4px 4px 0 rgba(2, 6, 23, 0.04)", Jk = "0 7px 14px 0 rgba(2, 6, 23, 0.11), 0 3px 6px 0 rgba(2, 6, 23, 0.05)", Yk = "0 3px 6px 0 rgba(2, 6, 23, 0.15), 0 7px 14px 0 rgba(2, 6, 23, 0.26)", Xk = "0 20px 40px -8px rgba(2, 6, 23, 0.13), 0 3px 6px 0 rgba(2, 6, 23, 0.05)", Zk = "0 0 0 1px rgba(2, 6, 23, 0.02), 0 1px 2px 0 rgba(2, 6, 23, 0.18), 0 4px 4px 0 rgba(2, 6, 23, 0.04)", Qk = "0 0 0 1px rgba(2, 6, 23, 0.07), 0 7px 14px 0 rgba(2, 6, 23, 0.11), 0 3px 6px 0 rgba(2, 6, 23, 0.05)", $k = "0.125rem", eA = "0.25rem", tA = "0.5rem", nA = "0.75rem", rA = "1rem", iA = "1.25rem", aA = "1.5rem", oA = "1.75rem", sA = "2rem", cA = "2.5rem", lA = "3rem", uA = "4rem", dA = "5rem", fA = "7.5rem", pA = "10rem", mA = "1000", hA = (e) => `
     <!-- 20px icons -->
 
     <!-- Fingerprint -->
@@ -13202,7 +13321,7 @@ var lE = /*#__PURE__*/ ww(aE, [["render", cE]]), uE = {
             <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M3.783 16.217a4.38 4.38 0 0 1 0-6.196l1.778-1.778a.626.626 0 0 1 .885.885l-1.778 1.778a3.13 3.13 0 1 0 4.426 4.426l1.778-1.778a.626.626 0 0 1 .885.885L9.98 16.217a4.38 4.38 0 0 1-6.196 0M16.217 3.783a4.38 4.38 0 0 1 0 6.196l-1.805 1.805a.626.626 0 1 1-.885-.886l1.805-1.804a3.13 3.13 0 0 0-4.426-4.426L9.102 6.473a.626.626 0 1 1-.885-.885l1.804-1.805a4.38 4.38 0 0 1 6.196 0"/><path d="M12.674 6.441a.626.626 0 0 1 .885.885l-6.26 6.26a.626.626 0 0 1-.884-.886z"/></svg>
         </symbol>
     </svg>
-`, _A = (e) => `
+`, gA = (e) => `
     <!-- 16px icons -->
 
     <!-- Fingerprint -->
@@ -13997,7 +14116,7 @@ var lE = /*#__PURE__*/ ww(aE, [["render", cE]]), uE = {
             <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M3.027 12.973a3.505 3.505 0 0 1 0-4.956l1.422-1.423a.5.5 0 0 1 .708.708L3.735 8.725a2.503 2.503 0 1 0 3.54 3.54l1.423-1.422a.5.5 0 0 1 .708.708l-1.423 1.422a3.505 3.505 0 0 1-4.956 0m9.946-9.946a3.505 3.505 0 0 1 0 4.956L11.53 9.427a.5.5 0 1 1-.708-.708l1.443-1.444a2.503 2.503 0 1 0-3.54-3.54L7.28 5.178a.5.5 0 0 1-.708-.708l1.444-1.443a3.505 3.505 0 0 1 4.956 0"/><path d="M10.139 5.153a.5.5 0 0 1 .708.708L5.84 10.868a.5.5 0 1 1-.708-.708z"/></svg>
         </symbol>
     </svg>
-`, vA = (e) => `
+`, _A = (e) => `
     <!-- 24px icons -->
 
     <!-- Fingerprint -->
@@ -14792,7 +14911,7 @@ var lE = /*#__PURE__*/ ww(aE, [["render", cE]]), uE = {
             <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M4.54 19.46a5.257 5.257 0 0 1 0-7.435l2.133-2.134a.751.751 0 0 1 1.063 1.063l-2.134 2.133a3.755 3.755 0 1 0 5.31 5.311l2.134-2.134a.751.751 0 0 1 1.063 1.063l-2.134 2.133a5.257 5.257 0 0 1-7.435 0M19.46 4.54a5.257 5.257 0 0 1 0 7.435l-2.165 2.165a.751.751 0 0 1-1.062-1.062l2.165-2.165a3.755 3.755 0 0 0-5.31-5.311l-2.166 2.165A.751.751 0 1 1 9.86 6.705l2.165-2.165a5.257 5.257 0 0 1 7.435 0"/><path d="M15.208 7.73a.751.751 0 0 1 1.062 1.062l-7.51 7.51a.751.751 0 1 1-1.062-1.062z"/></svg>
         </symbol>
     </svg>
-`, yA = (e) => `
+`, vA = (e) => `
     <!-- 32px icons -->
 
     <!-- Fingerprint -->
@@ -15587,12 +15706,12 @@ var lE = /*#__PURE__*/ ww(aE, [["render", cE]]), uE = {
             <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M6.053 25.947a7.01 7.01 0 0 1 0-9.913l2.845-2.845a1.002 1.002 0 0 1 1.416 1.416L7.47 17.45a5.007 5.007 0 0 0 7.081 7.08l2.845-2.844a1.002 1.002 0 0 1 1.416 1.416l-2.844 2.845a7.01 7.01 0 0 1-9.914 0M25.947 6.053a7.01 7.01 0 0 1 0 9.914l-2.887 2.887a1.001 1.001 0 1 1-1.416-1.417l2.887-2.887a5.007 5.007 0 0 0-7.081-7.08l-2.887 2.886a1.002 1.002 0 0 1-1.417-1.416l2.887-2.887a7.01 7.01 0 0 1 9.914 0"/><path d="M20.278 10.306a1.002 1.002 0 0 1 1.416 1.416L11.68 21.737a1.001 1.001 0 1 1-1.416-1.417z"/></svg>
         </symbol>
     </svg>
-`, bA = /* @__PURE__ */ _e({
-	RIconColors: () => SA,
-	RIconNames: () => xA,
-	RIconSprites: () => CA,
-	RIconSpritesAppend: () => wA
-}), xA = {
+`, yA = /* @__PURE__ */ _e({
+	RIconColors: () => xA,
+	RIconNames: () => bA,
+	RIconSprites: () => SA,
+	RIconSpritesAppend: () => CA
+}), bA = {
 	fingerprint: "fingerprint",
 	dashboard: "dashboard",
 	automations: "automations",
@@ -15725,7 +15844,7 @@ var lE = /*#__PURE__*/ ww(aE, [["render", cE]]), uE = {
 	expand: "expand",
 	reduce: "reduce",
 	link: "link"
-}, SA = {
+}, xA = {
 	default: "default",
 	"on-surface": "on-surface",
 	"on-color": "on-color",
@@ -15734,27 +15853,27 @@ var lE = /*#__PURE__*/ ww(aE, [["render", cE]]), uE = {
 	warning: "warning",
 	danger: "danger",
 	info: "info"
-}, CA = `
+}, SA = `
     <!-- SVG Sprite -->
-    ${gA(xA)}
-    ${_A(xA)}
-    ${vA(xA)}
-    ${yA(xA)}
+    ${hA(bA)}
+    ${gA(bA)}
+    ${_A(bA)}
+    ${vA(bA)}
 `;
-function wA(e = document.body) {
+function CA(e = document.body) {
 	let t = e ?? document.body;
 	t.querySelector("[data-revel=\"icon-sprite-sheet\"]")?.remove();
 	let n = document.createElement("div");
-	n.setAttribute("data-revel", "icon-sprite-sheet"), n.style.display = "none", n.innerHTML = CA, t.appendChild(n);
+	n.setAttribute("data-revel", "icon-sprite-sheet"), n.style.display = "none", n.innerHTML = SA, t.appendChild(n);
 }
 //#endregion
 //#region src/index.ts
-var TA = (e, { registerDirectives: t = !0, appendIconSheet: n = !0 } = {}) => {
+var wA = (e, { registerDirectives: t = !0, appendIconSheet: n = !0 } = {}) => {
 	t && Object.keys(aS).forEach((t) => {
 		e.directive(t, aS[t]);
-	}), Object.keys(FE).forEach((t) => {
-		e.component(t, FE[t]);
-	}), e.config.globalProperties.$toast = RE(e), n && wA(null), e.use(t_, {});
-}, EA = { install: TA };
+	}), Object.keys(PE).forEach((t) => {
+		e.component(t, PE[t]);
+	}), e.config.globalProperties.$toast = LE(e), n && CA(null), e.use(t_, {});
+}, TA = { install: wA };
 //#endregion
-export { Wb as RAlert, pS as RAvatar, hS as RBadge, Bb as RButton, gS as RButtonGroup, CS as RCheckbox, GS as RDateInput, UC as RDateRange, Ow as RFieldGroup, _w as RFileDropzone, yw as RFileUpload, bw as RFlex, xw as RFlexItem, Sw as RGrid, Cw as RGridCell, Q as RIcon, sS as RImg, zw as RInput, HS as RInputErrors, Vw as RLoader, Xw as RModal, uT as RMonthPicker, PE as RMultistep, mT as RPagination, pT as RPaginationControl, qS as RPopper, bT as RRadio, CT as RRepeater, $T as RSelect, jE as RStep, iE as RTab, lE as RTabs, pE as RTile, _E as RTileContent, SE as RToast, DE as RToggle, Gb as clickOutside, rS as content, RE as createRToastManager, EA as default, jS as getCalendarPresetPeriods, bA as icons, TA as install, iS as lazy, zE as tokens, nS as tooltip };
+export { Wb as RAlert, pS as RAvatar, hS as RBadge, Bb as RButton, gS as RButtonGroup, CS as RCheckbox, JS as RDateInput, GC as RDateRange, Aw as RFieldGroup, KS as RFieldLabel, yw as RFileDropzone, xw as RFileUpload, Sw as RFlex, Cw as RFlexItem, ww as RGrid, Tw as RGridCell, Q as RIcon, sS as RImg, Bw as RInput, HS as RInputErrors, Hw as RLoader, Zw as RModal, uT as RMonthPicker, NE as RMultistep, mT as RPagination, pT as RPaginationControl, XS as RPopper, bT as RRadio, CT as RRepeater, QT as RSelect, AE as RStep, rE as RTab, cE as RTabs, fE as RTile, gE as RTileContent, xE as RToast, EE as RToggle, Gb as clickOutside, rS as content, LE as createRToastManager, TA as default, jS as getCalendarPresetPeriods, yA as icons, wA as install, iS as lazy, RE as tokens, nS as tooltip };