@ac-design/design-system 2.3.0 → 2.4.0

package/dist/lib/components/AcDatePicker.vue_vue_type_script_setup_true_lang.js

@@ -1,15 +1,12 @@
-import e from "./AcButton.js";
-import { fixedFrame as t } from "./fixedFrame.js";
-import { Fragment as n, Teleport as r, Transition as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeModels as ee, mergeProps as te, nextTick as p, normalizeClass as m, onBeforeUnmount as ne, onMounted as re, openBlock as h, reactive as ie, ref as g, renderList as _, renderSlot as ae, resolveDynamicComponent as oe, toDisplayString as v, unref as y, useAttrs as se, useId as ce, useModel as le, watch as ue, withCtx as de } from "vue";
-import { Calendar as fe, CalendarRange as pe, ChevronLeft as me, ChevronRight as he, Clock as ge, Timer as _e, X as ve } from "@lucide/vue";
+import { fixedFrame as e } from "./fixedFrame.js";
+import t from "./AcButton.js";
+import { Fragment as n, Teleport as r, Transition as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as ee, defineComponent as d, mergeModels as te, mergeProps as ne, nextTick as f, normalizeClass as p, onBeforeUnmount as re, onMounted as ie, openBlock as m, reactive as ae, ref as h, renderList as g, renderSlot as oe, resolveDynamicComponent as se, toDisplayString as _, unref as v, useAttrs as ce, useId as le, useModel as ue, watch as de, withCtx as fe } from "vue";
+import { Calendar as pe, CalendarRange as me, ChevronLeft as he, ChevronRight as ge, Clock as _e, Timer as ve, X as ye } from "@lucide/vue";
 //#region src/lib/components/AcDatePicker.vue?vue&type=script&setup=true&lang.ts
-var ye = ["for"], be = { key: 0 }, xe = {
+var be = ["for"], xe = { key: 0 }, Se = {
 	key: 1,
 	class: "text-danger",
 	"aria-hidden": "true"
-}, Se = {
-	key: 2,
-	class: "relative"
 }, Ce = [
 	"id",
 	"disabled",
@@ -110,10 +107,10 @@ var ye = ["for"], be = { key: 0 }, xe = {
 	key: 1,
 	class: "basis-full text-xs text-danger-strong",
 	role: "alert"
-}, st = ["name", "value"], b = /*@__PURE__*/ f({
+}, st = ["name", "value"], y = /*@__PURE__*/ d({
 	inheritAttrs: !1,
 	__name: "AcDatePicker",
-	props: /*@__PURE__*/ ee({
+	props: /*@__PURE__*/ te({
 		label: { default: "" },
 		placeholder: { default: "" },
 		mode: { default: "date" },
@@ -163,6 +160,17 @@ var ye = ["for"], be = { key: 0 }, xe = {
 		showTimeZone: {
 			type: Boolean,
 			default: !0
+		},
+		valueType: { default: "string" },
+		fieldClass: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
 		}
 	}, {
 		modelValue: { default: null },
@@ -174,8 +182,8 @@ var ye = ["for"], be = { key: 0 }, xe = {
 		openModifiers: {}
 	}),
 	emits: ["update:modelValue", "update:open"],
-	setup(f, { expose: ee }) {
-		let b = f, ct = le(f, "modelValue"), x = le(f, "open"), lt = /^\d{4}-\d{2}-\d{2}$/, ut = /^(\d{4}-\d{2}-\d{2})T(\d{2}):(\d{2})(?::(\d{2}))?$/, dt = {
+	setup(d, { expose: te }) {
+		let y = d, ct = ue(d, "modelValue"), b = ue(d, "open"), lt = /^\d{4}-\d{2}-\d{2}$/, ut = /^(\d{4}-\d{2}-\d{2})T(\d{2}):(\d{2})(?::(\d{2}))?$/, dt = {
 			w: 604800,
 			d: 86400,
 			h: 3600,
@@ -193,66 +201,66 @@ var ye = ["for"], be = { key: 0 }, xe = {
 		}, mt = [{
 			key: "date",
 			label: "Date",
-			icon: fe
+			icon: pe
 		}, {
 			key: "time",
 			label: "Time",
-			icon: ge
-		}], S = ce(), ht = se(), gt = a(() => ({
+			icon: _e
+		}], x = le(), ht = ce(), gt = a(() => ({
 			class: ht.class,
 			style: ht.style
 		})), _t = a(() => {
 			let { class: e, style: t, ...n } = ht;
 			return n;
-		}), vt = `${S}-label`, yt = `${S}-value`, bt = `${S}-month`, xt = `${S}-msg`, St = `${S}-hint`, Ct = /* @__PURE__ */ new Map(), wt = g(null), Tt = g(null), C = g(null), w = g({
+		}), vt = `${x}-label`, yt = `${x}-value`, bt = `${x}-month`, xt = `${x}-msg`, St = `${x}-hint`, Ct = /* @__PURE__ */ new Map(), wt = h(null), Tt = h(null), S = h(null), C = h({
 			left: 0,
 			maxHeight: 480,
 			minWidth: 0
-		}), T = g("2026-01-01"), E = g("days"), D = g(2020), O = g(0), k = g("date"), A = g("2026-01-01"), Et = g(null), j = g(null), M = g(null), N = ie({
+		}), w = h("2026-01-01"), T = h("days"), E = h(2020), D = h(0), O = h("date"), k = h("2026-01-01"), Et = h(null), A = h(null), j = h(null), M = ae({
 			h: 0,
 			m: 0,
 			s: 0
-		}), Dt = ie({
+		}), Dt = ae({
 			h: 23,
 			m: 59,
 			s: 59
-		}), P = ie({
+		}), N = ae({
 			d: 0,
 			h: 0,
 			m: 0
-		}), F = a(() => b.timeZone || Intl.DateTimeFormat().resolvedOptions().timeZone), I = a(() => b.range && b.mode !== "duration"), L = a(() => b.mode === "datetime"), Ot = a(() => b.weekStartsOn ?? mn()), kt = a(() => new Intl.DateTimeFormat(b.locale, {
+		}), P = a(() => y.timeZone || Intl.DateTimeFormat().resolvedOptions().timeZone), F = a(() => y.range && y.mode !== "duration"), I = a(() => y.mode === "datetime"), Ot = a(() => y.weekStartsOn ?? gn()), kt = a(() => new Intl.DateTimeFormat(y.locale, {
 			year: "numeric",
 			month: "short",
 			day: "numeric",
 			timeZone: "UTC"
-		})), At = a(() => new Intl.DateTimeFormat(b.locale, {
+		})), At = a(() => new Intl.DateTimeFormat(y.locale, {
 			year: "numeric",
 			month: "short",
 			day: "numeric",
 			hour: "2-digit",
 			minute: "2-digit",
-			second: b.showSeconds ? "2-digit" : void 0,
-			hourCycle: b.hourCycle === 12 ? "h12" : "h23",
-			timeZone: F.value,
-			timeZoneName: b.showTimeZone ? "short" : void 0
-		})), jt = a(() => new Intl.DateTimeFormat(b.locale, {
+			second: y.showSeconds ? "2-digit" : void 0,
+			hourCycle: y.hourCycle === 12 ? "h12" : "h23",
+			timeZone: P.value,
+			timeZoneName: y.showTimeZone ? "short" : void 0
+		})), jt = a(() => new Intl.DateTimeFormat(y.locale, {
 			month: "long",
 			year: "numeric",
 			timeZone: "UTC"
-		})), Mt = a(() => new Intl.DateTimeFormat(b.locale, {
+		})), Mt = a(() => new Intl.DateTimeFormat(y.locale, {
 			weekday: "long",
 			year: "numeric",
 			month: "long",
 			day: "numeric",
 			timeZone: "UTC"
-		})), Nt = a(() => new Intl.DateTimeFormat(b.locale, {
+		})), Nt = a(() => new Intl.DateTimeFormat(y.locale, {
 			day: "numeric",
 			timeZone: "UTC"
 		})), Pt = a(() => {
-			let e = new Intl.DateTimeFormat(b.locale, {
+			let e = new Intl.DateTimeFormat(y.locale, {
 				weekday: "short",
 				timeZone: "UTC"
-			}), t = new Intl.DateTimeFormat(b.locale, {
+			}), t = new Intl.DateTimeFormat(y.locale, {
 				weekday: "long",
 				timeZone: "UTC"
 			});
@@ -263,97 +271,131 @@ var ye = ["for"], be = { key: 0 }, xe = {
 					long: t.format(i)
 				};
 			});
-		}), Ft = a(() => new Intl.DateTimeFormat(b.locale, {
-			timeZone: F.value,
+		}), Ft = a(() => new Intl.DateTimeFormat(y.locale, {
+			timeZone: P.value,
 			timeZoneName: "short"
-		}).formatToParts(Date.now()).find((e) => e.type === "timeZoneName")?.value ?? F.value), It = a(() => Y(Date.now()).day), R = a(() => b.minDate ? _n(b.minDate) : null), z = a(() => b.maxDate ? _n(b.maxDate) : null), Lt = a(() => b.minDate ? X(b.minDate) : null), Rt = a(() => b.maxDate ? lt.test(b.maxDate) ? gn(q(b.maxDate, 1), 0, 0, 0) - 1e3 : X(b.maxDate) : null), B = a(() => {
-			let e = ct.value;
-			return I.value ? Array.isArray(e) ? [e[0] || null, e[1] || null] : [null, null] : [typeof e == "string" && e ? e : null];
-		}), zt = a(() => B.value.some(Boolean)), Bt = a(() => {
-			let [e, t] = B.value;
+		}).formatToParts(Date.now()).find((e) => e.type === "timeZoneName")?.value ?? P.value), It = a(() => Y(Date.now()).day), L = a(() => y.minDate ? yn(y.minDate) : null), R = a(() => y.maxDate ? yn(y.maxDate) : null), Lt = a(() => y.minDate ? X(y.minDate) : null), Rt = a(() => y.maxDate ? lt.test(y.maxDate) ? vn(q(y.maxDate, 1), 0, 0, 0) - 1e3 : X(y.maxDate) : null), zt = a({
+			get() {
+				let e = ct.value;
+				if (y.range || y.mode === "duration" || Array.isArray(e)) return e ?? null;
+				if (y.valueType === "string" && !(e instanceof Date)) return e || null;
+				let t = Bt(e);
+				return t ? y.mode === "date" ? `${t.getFullYear()}-${U(t.getMonth() + 1)}-${U(t.getDate())}` : t.toISOString().replace(/\.\d{3}Z$/, "Z") : null;
+			},
+			set(e) {
+				if (y.range || y.mode === "duration" || Array.isArray(e) || y.valueType === "string" && !(ct.value instanceof Date)) {
+					ct.value = e;
+					return;
+				}
+				if (!e) {
+					ct.value = y.valueType === "local" ? "" : null;
+					return;
+				}
+				let t;
+				if (y.mode === "date") {
+					t = Bt(ct.value) ?? /* @__PURE__ */ new Date();
+					let [n, r, i] = e.split("-").map(Number);
+					t.setFullYear(n, r - 1, i);
+				} else t = new Date(e);
+				ct.value = y.valueType === "local" ? Vt(t) : t;
+			}
+		});
+		function Bt(e) {
+			if (!e) return null;
+			let t = e instanceof Date ? new Date(e) : new Date(String(e));
+			return Number.isNaN(t.getTime()) ? null : t;
+		}
+		function Vt(e) {
+			return `${e.getFullYear()}-${U(e.getMonth() + 1)}-${U(e.getDate())}T${U(e.getHours())}:${U(e.getMinutes())}`;
+		}
+		let z = a(() => {
+			let e = zt.value;
+			return F.value ? Array.isArray(e) ? [e[0] || null, e[1] || null] : [null, null] : [typeof e == "string" && e ? e : null];
+		}), Ht = a(() => z.value.some(Boolean)), Ut = a(() => {
+			let [e, t] = z.value;
 			if (!e) return "";
-			if (b.mode === "duration") {
-				let t = vn(e);
-				return t === null ? e : bn(t);
+			if (y.mode === "duration") {
+				let t = bn(e);
+				return t === null ? e : Sn(t);
 			}
-			if (b.mode === "date") {
-				let n = _n(e), r = t ? _n(t) : null;
-				return n ? I.value ? r ? kt.value.formatRange(K(n), K(r)) : `${kt.value.format(K(n))} –` : kt.value.format(K(n)) : e;
+			if (y.mode === "date") {
+				let n = yn(e), r = t ? yn(t) : null;
+				return n ? F.value ? r ? kt.value.formatRange(K(n), K(r)) : `${kt.value.format(K(n))} –` : kt.value.format(K(n)) : e;
 			}
 			let n = X(e), r = t ? X(t) : null;
-			return n === null ? e : I.value ? r === null ? `${At.value.format(n)} –` : At.value.formatRange(n, r) : At.value.format(n);
-		}), Vt = a(() => B.value.filter(Boolean).join("/")), Ht = a(() => {
-			let e = (pn(T.value) - Ot.value + 7) % 7, t = q(T.value, -e), n = Math.ceil((e + fn(T.value)) / 7);
+			return n === null ? e : F.value ? r === null ? `${At.value.format(n)} –` : At.value.formatRange(n, r) : At.value.format(n);
+		}), Wt = a(() => z.value.filter(Boolean).join("/")), Gt = a(() => {
+			let e = (hn(w.value) - Ot.value + 7) % 7, t = q(w.value, -e), n = Math.ceil((e + mn(w.value)) / 7);
 			return Array.from({ length: n }, (e, n) => Array.from({ length: 7 }, (e, r) => q(t, n * 7 + r)));
-		}), V = a(() => G(T.value).y), Ut = a(() => G(T.value).m - 1), Wt = a(() => {
-			let e = new Intl.DateTimeFormat(b.locale, {
+		}), B = a(() => G(w.value).y), Kt = a(() => G(w.value).m - 1), qt = a(() => {
+			let e = new Intl.DateTimeFormat(y.locale, {
 				month: "short",
 				timeZone: "UTC"
-			}), t = new Intl.DateTimeFormat(b.locale, {
+			}), t = new Intl.DateTimeFormat(y.locale, {
 				month: "long",
 				year: "numeric",
 				timeZone: "UTC"
 			});
 			return Array.from({ length: 12 }, (n, r) => {
-				let i = W(V.value, r + 1, 1);
+				let i = W(B.value, r + 1, 1);
 				return {
 					value: r,
 					text: e.format(K(i)),
 					label: t.format(K(i)),
-					disabled: Sn(i, W(V.value, r + 2, 0)),
-					selected: r === Ut.value
+					disabled: wn(i, W(B.value, r + 2, 0)),
+					selected: r === Kt.value
 				};
 			});
-		}), Gt = a(() => Array.from({ length: 12 }, (e, t) => {
-			let n = D.value + t;
+		}), Jt = a(() => Array.from({ length: 12 }, (e, t) => {
+			let n = E.value + t;
 			return {
 				value: n,
 				text: String(n),
 				label: String(n),
-				disabled: Sn(W(n, 1, 1), W(n, 12, 31)),
-				selected: n === V.value
+				disabled: wn(W(n, 1, 1), W(n, 12, 31)),
+				selected: n === B.value
 			};
-		})), Kt = a(() => E.value === "months" ? Wt.value : Gt.value), qt = a(() => [
+		})), Yt = a(() => T.value === "months" ? qt.value : Jt.value), Xt = a(() => [
 			0,
 			4,
 			8
-		].map((e) => Kt.value.slice(e, e + 4))), Jt = a(() => Kt.value.some((e) => e.value === O.value) ? O.value : Kt.value[0].value), H = a(() => E.value === "days" ? jt.value.format(K(T.value)) : E.value === "months" ? String(V.value) : `${D.value}–${D.value + 9}`), Yt = a(() => E.value === "days" ? ["Previous month", "Next month"] : E.value === "months" ? ["Previous year", "Next year"] : ["Previous years", "Next years"]), Xt = a(() => !I.value || !j.value ? null : M.value ?? Et.value ?? null), U = a(() => j.value ? gn(j.value, N.h, N.m, N.s) : null), Zt = a(() => M.value ? gn(M.value, Dt.h, Dt.m, Dt.s) : null), Qt = a(() => {
-			if (!L.value) return "";
-			let e = I.value ? [U.value, Zt.value] : [U.value];
+		].map((e) => Yt.value.slice(e, e + 4))), Zt = a(() => Yt.value.some((e) => e.value === D.value) ? D.value : Yt.value[0].value), V = a(() => T.value === "days" ? jt.value.format(K(w.value)) : T.value === "months" ? String(B.value) : `${E.value}–${E.value + 9}`), Qt = a(() => T.value === "days" ? ["Previous month", "Next month"] : T.value === "months" ? ["Previous year", "Next year"] : ["Previous years", "Next years"]), $t = a(() => !F.value || !A.value ? null : j.value ?? Et.value ?? null), H = a(() => A.value ? vn(A.value, M.h, M.m, M.s) : null), en = a(() => j.value ? vn(j.value, Dt.h, Dt.m, Dt.s) : null), tn = a(() => {
+			if (!I.value) return "";
+			let e = F.value ? [H.value, en.value] : [H.value];
 			for (let t of e) if (t !== null) {
 				if (Lt.value !== null && t < Lt.value) return `Choose a time from ${At.value.format(Lt.value)}`;
 				if (Rt.value !== null && t > Rt.value) return `Choose a time up to ${At.value.format(Rt.value)}`;
 			}
-			return I.value && U.value !== null && Zt.value !== null && Zt.value < U.value ? "The end must be after the start" : "";
-		}), $t = a(() => b.mode === "duration" ? !0 : b.inline && !L.value ? !1 : !I.value || L.value && (!b.autoApply || !!Qt.value)), en = a(() => b.mode === "duration" ? !0 : !j.value || I.value && !M.value ? !1 : !Qt.value), tn = a(() => P.d * 86400 + P.h * 3600 + P.m * 60), nn = a(() => {
+			return F.value && H.value !== null && en.value !== null && en.value < H.value ? "The end must be after the start" : "";
+		}), nn = a(() => y.mode === "duration" ? !0 : y.inline && !I.value ? !1 : !F.value || I.value && (!y.autoApply || !!tn.value)), rn = a(() => y.mode === "duration" ? !0 : !A.value || F.value && !j.value ? !1 : !tn.value), an = a(() => N.d * 86400 + N.h * 3600 + N.m * 60), on = a(() => {
 			let e = [{
 				key: "start",
-				label: I.value ? "Start" : "Time",
-				clock: N
+				label: F.value ? "Start" : "Time",
+				clock: M
 			}];
-			return I.value && e.push({
+			return F.value && e.push({
 				key: "end",
 				label: "End",
 				clock: Dt
 			}), e.map((e) => ({
 				...e,
-				spinners: En(e.clock, e.label)
+				spinners: On(e.clock, e.label)
 			}));
-		}), rn = a(() => [
-			Q("d", "Days", 0, 999, !1, !1, () => P.d, (e) => P.d = e),
-			Q("h", "Hours", 0, 23, !1, !1, () => P.h, (e) => P.h = e),
-			Q("m", "Minutes", 0, 59, !1, !1, () => P.m, (e) => P.m = e)
-		]), an = g(!1), on = a(() => x.value || an.value), sn = a(() => [b.hint && St, b.errorMsg && xt].filter(Boolean).join(" ") || void 0), cn = a(() => {
-			if (b.mode === "duration") return b.label || "Choose duration";
-			let e = I.value ? "date range" : L.value ? "date and time" : "date";
-			return b.label ? `${b.label}: choose ${e}` : `Choose ${e}`;
-		}), ln = a(() => b.mode === "duration" ? _e : I.value ? pe : fe);
-		function un(e) {
+		}), sn = a(() => [
+			Q("d", "Days", 0, 999, !1, !1, () => N.d, (e) => N.d = e),
+			Q("h", "Hours", 0, 23, !1, !1, () => N.h, (e) => N.h = e),
+			Q("m", "Minutes", 0, 59, !1, !1, () => N.m, (e) => N.m = e)
+		]), cn = h(!1), ln = a(() => b.value || cn.value), un = a(() => [y.hint && St, y.errorMsg && xt].filter(Boolean).join(" ") || void 0), dn = a(() => {
+			if (y.mode === "duration") return y.label || "Choose duration";
+			let e = F.value ? "date range" : I.value ? "date and time" : "date";
+			return y.label ? `${y.label}: choose ${e}` : `Choose ${e}`;
+		}), fn = a(() => y.mode === "duration" ? ve : F.value ? me : pe);
+		function U(e) {
 			return String(e).padStart(2, "0");
 		}
 		function W(e, t, n) {
 			let r = new Date(Date.UTC(e, t - 1, n));
-			return `${r.getUTCFullYear()}-${un(r.getUTCMonth() + 1)}-${un(r.getUTCDate())}`;
+			return `${r.getUTCFullYear()}-${U(r.getUTCMonth() + 1)}-${U(r.getUTCDate())}`;
 		}
 		function G(e) {
 			let [t, n, r] = e.split("-").map(Number);
@@ -371,31 +413,31 @@ var ye = ["for"], be = { key: 0 }, xe = {
 			let { y: n, m: r, d: i } = G(e);
 			return W(n, r, i + t);
 		}
-		function dn(e, t) {
+		function pn(e, t) {
 			let { y: n, m: r, d: i } = G(e), a = new Date(Date.UTC(n, r - 1 + t + 1, 0)).getUTCDate();
 			return W(n, r + t, Math.min(i, a));
 		}
 		function J(e) {
 			return `${e.slice(0, 7)}-01`;
 		}
-		function fn(e) {
+		function mn(e) {
 			let { y: t, m: n } = G(e);
 			return new Date(Date.UTC(t, n, 0)).getUTCDate();
 		}
-		function pn(e) {
+		function hn(e) {
 			return K(e).getUTCDay();
 		}
-		function mn() {
+		function gn() {
 			try {
-				let e = new Intl.Locale(b.locale ?? navigator.language), t = (e.getWeekInfo?.() ?? e.weekInfo)?.firstDay;
+				let e = new Intl.Locale(y.locale ?? navigator.language), t = (e.getWeekInfo?.() ?? e.weekInfo)?.firstDay;
 				if (t) return t % 7;
 			} catch {}
 			return 0;
 		}
 		function Y(e) {
-			let t = Ct.get(F.value);
+			let t = Ct.get(P.value);
 			t || (t = new Intl.DateTimeFormat("en-US", {
-				timeZone: F.value,
+				timeZone: P.value,
 				hourCycle: "h23",
 				year: "numeric",
 				month: "2-digit",
@@ -403,7 +445,7 @@ var ye = ["for"], be = { key: 0 }, xe = {
 				hour: "2-digit",
 				minute: "2-digit",
 				second: "2-digit"
-			}), Ct.set(F.value, t));
+			}), Ct.set(P.value, t));
 			let n = {};
 			for (let { type: r, value: i } of t.formatToParts(e)) r !== "literal" && (n[r] = Number(i));
 			return {
@@ -413,22 +455,22 @@ var ye = ["for"], be = { key: 0 }, xe = {
 				s: n.second
 			};
 		}
-		function hn(e) {
+		function _n(e) {
 			let t = Y(e), { y: n, m: r, d: i } = G(t.day);
 			return Date.UTC(n, r - 1, i, t.h, t.m, t.s) - Math.floor(e / 1e3) * 1e3;
 		}
-		function gn(e, t, n, r) {
-			let { y: i, m: a, d: o } = G(e), s = Date.UTC(i, a - 1, o, t, n, r), c = hn(s), l = s - c, u = hn(l);
+		function vn(e, t, n, r) {
+			let { y: i, m: a, d: o } = G(e), s = Date.UTC(i, a - 1, o, t, n, r), c = _n(s), l = s - c, u = _n(l);
 			return u === c ? l : s - u;
 		}
 		function X(e) {
 			let t = ut.exec(e);
-			if (t) return gn(t[1], Number(t[2]), Number(t[3]), Number(t[4] ?? 0));
-			if (lt.test(e)) return gn(e, 0, 0, 0);
+			if (t) return vn(t[1], Number(t[2]), Number(t[3]), Number(t[4] ?? 0));
+			if (lt.test(e)) return vn(e, 0, 0, 0);
 			let n = Date.parse(e);
 			return Number.isNaN(n) ? null : n;
 		}
-		function _n(e) {
+		function yn(e) {
 			if (lt.test(e)) return e;
 			let t = X(e);
 			return t === null ? null : Y(t).day;
@@ -436,7 +478,7 @@ var ye = ["for"], be = { key: 0 }, xe = {
 		function Z(e) {
 			return new Date(e).toISOString().replace(/\.000Z$/, "Z");
 		}
-		function vn(e) {
+		function bn(e) {
 			let t = e.replace(/\s+/g, "");
 			if (!t) return null;
 			if (t === "0") return 0;
@@ -444,12 +486,12 @@ var ye = ["for"], be = { key: 0 }, xe = {
 			for (; a = n.exec(t);) r += Number(a[1]) * dt[a[2]], i = n.lastIndex;
 			return i === t.length ? r : null;
 		}
-		function yn(e) {
+		function xn(e) {
 			if (e <= 0) return null;
 			let t = Math.floor(e / 3600), n = Math.floor(e % 3600 / 60), r = Math.round(e % 60);
 			return `${t ? `${t}h` : ""}${n ? `${n}m` : ""}${r ? `${r}s` : ""}` || null;
 		}
-		function bn(e) {
+		function Sn(e) {
 			let t = Math.floor(e / 86400), n = Math.floor(e % 86400 / 3600), r = Math.floor(e % 3600 / 60), i = Math.round(e % 60);
 			return [
 				t && `${t}d`,
@@ -458,23 +500,23 @@ var ye = ["for"], be = { key: 0 }, xe = {
 				i && `${i}s`
 			].filter(Boolean).join(" ") || "0m";
 		}
-		function xn(e) {
-			return R.value && e < R.value || z.value && e > z.value ? !0 : b.isDateDisabled?.(e) ?? !1;
+		function Cn(e) {
+			return L.value && e < L.value || R.value && e > R.value ? !0 : y.isDateDisabled?.(e) ?? !1;
 		}
-		function Sn(e, t) {
-			return !!R.value && t < R.value || !!z.value && e > z.value;
+		function wn(e, t) {
+			return !!L.value && t < L.value || !!R.value && e > R.value;
 		}
-		function Cn(e) {
-			return e === j.value || I.value && e === (M.value ?? Xt.value);
+		function Tn(e) {
+			return e === A.value || F.value && e === (j.value ?? $t.value);
 		}
-		function wn(e) {
-			let t = j.value, n = Xt.value;
+		function En(e) {
+			let t = A.value, n = $t.value;
 			if (!t || !n) return !1;
 			let [r, i] = t <= n ? [t, n] : [n, t];
 			return e >= r && e <= i;
 		}
-		function Tn(e) {
-			let t = j.value, n = Xt.value, [r, i] = t <= n ? [t, n] : [n, t];
+		function Dn(e) {
+			let t = A.value, n = $t.value, [r, i] = t <= n ? [t, n] : [n, t];
 			return [e === r && "rounded-l-8", e === i && "rounded-r-8"];
 		}
 		function Q(e, t, n, r, i, a, o, s) {
@@ -489,61 +531,61 @@ var ye = ["for"], be = { key: 0 }, xe = {
 				set: s
 			};
 		}
-		function En(e, t) {
-			let n = b.hourCycle === 12, r = [n ? {
+		function On(e, t) {
+			let n = y.hourCycle === 12, r = [n ? {
 				...Q("h", `${t} hours`, 0, 11, !0, !0, () => e.h % 12, (t) => e.h = t + (e.h >= 12 ? 12 : 0)),
-				text: (e) => un(e || 12)
+				text: (e) => U(e || 12)
 			} : Q("h", `${t} hours`, 0, 23, !0, !0, () => e.h, (t) => e.h = t), Q("m", `${t} minutes`, 0, 59, !0, !0, () => e.m, (t) => e.m = t)];
-			return b.showSeconds && r.push(Q("s", `${t} seconds`, 0, 59, !0, !0, () => e.s, (t) => e.s = t)), n && r.push({
+			return y.showSeconds && r.push(Q("s", `${t} seconds`, 0, 59, !0, !0, () => e.s, (t) => e.s = t)), n && r.push({
 				...Q("p", `${t} AM or PM`, 0, 12, !1, !1, () => e.h >= 12 ? 12 : 0, (t) => e.h = e.h % 12 + t),
 				values: [0, 12],
 				text: (e) => e ? "PM" : "AM"
 			}), r;
 		}
-		function Dn(e) {
-			return e.padded ? un(e.get()) : String(e.get());
+		function kn(e) {
+			return e.padded ? U(e.get()) : String(e.get());
 		}
-		function On(e, t) {
+		function An(e, t) {
 			let n = t.get(), r = t.max - t.min + 1, i = null;
-			e.key === "ArrowUp" ? i = n + 1 : e.key === "ArrowDown" ? i = n - 1 : e.key === "PageUp" ? i = n + 10 : e.key === "PageDown" ? i = n - 10 : e.key === "Home" ? i = t.min : e.key === "End" && (i = t.max), i !== null && (e.preventDefault(), i = t.wrap ? ((i - t.min) % r + r) % r + t.min : Math.min(t.max, Math.max(t.min, i)), t.set(i), e.target.value = Dn(t));
+			e.key === "ArrowUp" ? i = n + 1 : e.key === "ArrowDown" ? i = n - 1 : e.key === "PageUp" ? i = n + 10 : e.key === "PageDown" ? i = n - 10 : e.key === "Home" ? i = t.min : e.key === "End" && (i = t.max), i !== null && (e.preventDefault(), i = t.wrap ? ((i - t.min) % r + r) % r + t.min : Math.min(t.max, Math.max(t.min, i)), t.set(i), e.target.value = kn(t));
 		}
-		function kn(e, t) {
+		function jn(e, t) {
 			let n = e.target, r = n.value.replace(/\D/g, "").slice(0, String(t.max).length);
 			if (n.value = r, !r) return;
 			let i = Number(r);
 			i > t.max && (i = Number(r.slice(-1))), t.set(Math.max(t.min, i));
 		}
-		function An(e, t) {
-			e.target.value = Dn(t);
+		function Mn(e, t) {
+			e.target.value = kn(t);
 		}
-		function jn(e = !0) {
-			if (Et.value = null, e && (E.value = "days", k.value = "date"), b.mode === "duration") {
-				let e = B.value[0] ? vn(B.value[0]) ?? 0 : 0;
-				P.d = Math.floor(e / 86400), P.h = Math.floor(e % 86400 / 3600), P.m = Math.floor(e % 3600 / 60);
+		function Nn(e = !0) {
+			if (Et.value = null, e && (T.value = "days", O.value = "date"), y.mode === "duration") {
+				let e = z.value[0] ? bn(z.value[0]) ?? 0 : 0;
+				N.d = Math.floor(e / 86400), N.h = Math.floor(e % 86400 / 3600), N.m = Math.floor(e % 3600 / 60);
 				return;
 			}
-			let [t, n] = B.value;
-			if (j.value = null, M.value = null, Object.assign(N, {
+			let [t, n] = z.value;
+			if (A.value = null, j.value = null, Object.assign(M, {
 				h: 0,
 				m: 0,
 				s: 0
 			}), Object.assign(Dt, {
 				h: 23,
 				m: 59,
-				s: b.showSeconds ? 59 : 0
-			}), b.autoApply) {
+				s: y.showSeconds ? 59 : 0
+			}), y.autoApply) {
 				let e = Y(Date.now());
-				Object.assign(N, {
+				Object.assign(M, {
 					h: e.h,
 					m: e.m,
 					s: 0
 				});
 			}
-			if (L.value) {
+			if (I.value) {
 				let e = t ? X(t) : null, r = n ? X(n) : null;
 				if (e !== null) {
 					let t = Y(e);
-					j.value = t.day, Object.assign(N, {
+					A.value = t.day, Object.assign(M, {
 						h: t.h,
 						m: t.m,
 						s: t.s
@@ -551,21 +593,21 @@ var ye = ["for"], be = { key: 0 }, xe = {
 				}
 				if (r !== null) {
 					let e = Y(r);
-					M.value = e.day, Object.assign(Dt, {
+					j.value = e.day, Object.assign(Dt, {
 						h: e.h,
 						m: e.m,
 						s: e.s
 					});
 				}
-			} else j.value = t ? _n(t) : null, M.value = n ? _n(n) : null;
-			let r = j.value ?? It.value;
-			!j.value && R.value && r < R.value && (r = R.value), !j.value && z.value && r > z.value && (r = z.value), A.value = r, T.value = J(r);
-		}
-		function Mn() {
-			let e = Tt.value;
-			if (!e) return;
-			let n = e.getBoundingClientRect(), r = t(), i = C.value?.offsetWidth ?? 300, a = C.value?.offsetHeight ?? 380, o = r.bottom - n.bottom - 6 - 8, s = n.top - r.top - 6 - 8, c = o < a && s > o, l = Math.max(8, Math.min(n.left - r.left, r.width - i - 8)), u = Math.min(n.width, 448);
-			w.value = c ? {
+			} else A.value = t ? yn(t) : null, j.value = n ? yn(n) : null;
+			let r = A.value ?? It.value;
+			!A.value && L.value && r < L.value && (r = L.value), !A.value && R.value && r > R.value && (r = R.value), k.value = r, w.value = J(r);
+		}
+		function Pn() {
+			let t = Tt.value;
+			if (!t) return;
+			let n = t.getBoundingClientRect(), r = e(), i = S.value?.offsetWidth ?? 300, a = S.value?.offsetHeight ?? 380, o = r.bottom - n.bottom - 6 - 8, s = n.top - r.top - 6 - 8, c = o < a && s > o, l = Math.max(8, Math.min(n.left - r.left, r.width - i - 8)), u = Math.min(n.width, 448);
+			C.value = c ? {
 				bottom: r.bottom - n.top + 6,
 				left: l,
 				maxHeight: Math.max(200, s),
@@ -577,123 +619,123 @@ var ye = ["for"], be = { key: 0 }, xe = {
 				minWidth: u
 			};
 		}
-		function Nn() {
-			b.disabled || x.value || (x.value = !0);
+		function Fn() {
+			y.disabled || b.value || (b.value = !0);
 		}
-		function Pn(e = !0) {
-			x.value && (x.value = !1, e && Tt.value?.focus());
+		function In(e = !0) {
+			b.value && (b.value = !1, e && Tt.value?.focus());
 		}
-		async function Fn() {
-			jn(), Mn(), ur(), await p(), Mn(), b.mode === "duration" ? C.value?.querySelector("input")?.focus() : In();
+		async function Ln() {
+			Nn(), Pn(), fr(), await f(), Pn(), y.mode === "duration" ? S.value?.querySelector("input")?.focus() : Rn();
 		}
-		function In() {
-			p(() => C.value?.querySelector(`[data-day="${A.value}"]`)?.focus());
+		function Rn() {
+			f(() => S.value?.querySelector(`[data-day="${k.value}"]`)?.focus());
 		}
 		function $(e, t = !0) {
-			ct.value = e, t && Pn();
+			zt.value = e, t && In();
 		}
-		function Ln() {
-			b.autoApply && L.value && (I.value || (j.value ??= A.value), en.value && $(I.value ? [Z(U.value), Z(Zt.value)] : Z(U.value), !1));
+		function zn() {
+			y.autoApply && I.value && (F.value || (A.value ??= k.value), rn.value && $(F.value ? [Z(H.value), Z(en.value)] : Z(H.value), !1));
 		}
-		function Rn() {
-			b.inline ? jn(!1) : Pn();
+		function Bn() {
+			y.inline ? Nn(!1) : In();
 		}
-		function zn(e) {
-			if (!xn(e)) {
-				if (A.value = e, J(e) !== T.value && (T.value = J(e), In()), !I.value) {
-					j.value = e, L.value ? Ln() : $(e);
+		function Vn(e) {
+			if (!Cn(e)) {
+				if (k.value = e, J(e) !== w.value && (w.value = J(e), Rn()), !F.value) {
+					A.value = e, I.value ? zn() : $(e);
 					return;
 				}
-				if (!j.value || M.value) {
-					j.value = e, M.value = null;
+				if (!A.value || j.value) {
+					A.value = e, j.value = null;
 					return;
 				}
-				e < j.value ? (M.value = j.value, j.value = e) : M.value = e, Et.value = null, L.value ? Ln() : $([j.value, M.value]);
+				e < A.value ? (j.value = A.value, A.value = e) : j.value = e, Et.value = null, I.value ? zn() : $([A.value, j.value]);
 			}
 		}
-		function Bn() {
-			if (en.value) {
-				if (b.mode === "duration") return $(yn(tn.value));
-				if (!L.value) return $(I.value ? [j.value, M.value] : j.value);
-				$(I.value ? [Z(U.value), Z(Zt.value)] : Z(U.value));
+		function Hn() {
+			if (rn.value) {
+				if (y.mode === "duration") return $(xn(an.value));
+				if (!I.value) return $(F.value ? [A.value, j.value] : A.value);
+				$(F.value ? [Z(H.value), Z(en.value)] : Z(H.value));
 			}
 		}
-		function Vn() {
+		function Un() {
 			let e = Y(Date.now());
-			j.value = e.day, Object.assign(N, {
+			A.value = e.day, Object.assign(M, {
 				h: e.h,
 				m: e.m,
-				s: b.showSeconds ? e.s : 0
-			}), A.value = e.day, T.value = J(e.day), E.value = "days", Ln(), k.value === "time" && p(() => tr("smooth"));
+				s: y.showSeconds ? e.s : 0
+			}), k.value = e.day, w.value = J(e.day), T.value = "days", zn(), O.value === "time" && f(() => rr("smooth"));
 		}
-		function Hn() {
-			zn(It.value);
+		function Wn() {
+			Vn(It.value);
 		}
-		function Un(e) {
+		function Gn(e) {
 			if (e.value) return $(e.value());
 			if (!e.duration) return;
-			if (b.mode === "duration") return $(yn(vn(e.duration) ?? 0));
-			let t = Math.floor(Date.now() / 1e3) * 1e3, n = t - (vn(e.duration) ?? 0) * 1e3;
-			if (b.mode === "date") return $(I.value ? [Y(n).day, Y(t).day] : Y(n).day);
-			$(I.value ? [Z(n), Z(t)] : Z(n));
+			if (y.mode === "duration") return $(xn(bn(e.duration) ?? 0));
+			let t = Math.floor(Date.now() / 1e3) * 1e3, n = t - (bn(e.duration) ?? 0) * 1e3;
+			if (y.mode === "date") return $(F.value ? [Y(n).day, Y(t).day] : Y(n).day);
+			$(F.value ? [Z(n), Z(t)] : Z(n));
 		}
-		function Wn() {
-			ct.value = null, Tt.value?.focus();
+		function Kn() {
+			zt.value = null, Tt.value?.focus();
 		}
-		function Gn(e) {
-			T.value = dn(T.value, e), A.value = dn(A.value, e);
+		function qn(e) {
+			w.value = pn(w.value, e), k.value = pn(k.value, e);
 		}
-		function Kn(e) {
-			E.value === "days" ? Gn(e) : E.value === "months" ? T.value = dn(T.value, 12 * e) : D.value += 10 * e;
+		function Jn(e) {
+			T.value === "days" ? qn(e) : T.value === "months" ? w.value = pn(w.value, 12 * e) : E.value += 10 * e;
 		}
-		function qn() {
-			E.value = "months", O.value = Ut.value, Yn();
+		function Yn() {
+			T.value = "months", D.value = Kt.value, Zn();
 		}
-		function Jn() {
-			E.value = "years", D.value = Math.floor(V.value / 10) * 10, O.value = V.value, Yn();
+		function Xn() {
+			T.value = "years", E.value = Math.floor(B.value / 10) * 10, D.value = B.value, Zn();
 		}
-		function Yn() {
-			p(() => C.value?.querySelector(`[data-pick="${Jt.value}"]`)?.focus());
+		function Zn() {
+			f(() => S.value?.querySelector(`[data-pick="${Zt.value}"]`)?.focus());
 		}
-		function Xn(e) {
+		function Qn(e) {
 			if (!e.disabled) {
-				if (E.value === "years") {
-					T.value = W(e.value, Ut.value + 1, 1), qn();
+				if (T.value === "years") {
+					w.value = W(e.value, Kt.value + 1, 1), Yn();
 					return;
 				}
-				T.value = W(V.value, e.value + 1, 1), A.value = W(V.value, e.value + 1, Math.min(G(A.value).d, fn(T.value))), E.value = "days", In();
+				w.value = W(B.value, e.value + 1, 1), k.value = W(B.value, e.value + 1, Math.min(G(k.value).d, mn(w.value))), T.value = "days", Rn();
 			}
 		}
-		function Zn(e) {
+		function $n(e) {
 			if (e.key === "Escape") {
-				e.preventDefault(), e.stopPropagation(), E.value === "years" ? qn() : (E.value = "days", In());
+				e.preventDefault(), e.stopPropagation(), T.value === "years" ? Yn() : (T.value = "days", Rn());
 				return;
 			}
 			if (e.key === "Enter" || e.key === " ") {
 				e.preventDefault();
-				let t = Kt.value.find((e) => e.value === O.value);
-				t && Xn(t);
+				let t = Yt.value.find((e) => e.value === D.value);
+				t && Qn(t);
 				return;
 			}
-			let t = E.value === "years", n = t ? D.value : 0, r = {
+			let t = T.value === "years", n = t ? E.value : 0, r = {
 				ArrowLeft: -1,
 				ArrowRight: 1,
 				ArrowUp: -4,
 				ArrowDown: 4
 			}, i;
-			if (e.key in r) i = O.value + r[e.key];
+			if (e.key in r) i = D.value + r[e.key];
 			else if (e.key === "Home") i = n;
 			else if (e.key === "End") i = n + 11;
 			else if (e.key === "PageUp" || e.key === "PageDown") {
-				e.preventDefault(), Kn(e.key === "PageUp" ? -1 : 1), t && (O.value += e.key === "PageUp" ? -10 : 10), Yn();
+				e.preventDefault(), Jn(e.key === "PageUp" ? -1 : 1), t && (D.value += e.key === "PageUp" ? -10 : 10), Zn();
 				return;
 			} else return;
-			e.preventDefault(), t ? i < D.value ? D.value -= 10 : i > D.value + 11 && (D.value += 10) : i = Math.max(0, Math.min(11, i)), O.value = i, Yn();
+			e.preventDefault(), t ? i < E.value ? E.value -= 10 : i > E.value + 11 && (E.value += 10) : i = Math.max(0, Math.min(11, i)), D.value = i, Zn();
 		}
-		function Qn(e) {
-			k.value = e, e === "time" && p(() => tr("instant"));
+		function er(e) {
+			O.value = e, e === "time" && f(() => rr("instant"));
 		}
-		function $n(e) {
+		function tr(e) {
 			if (![
 				"ArrowLeft",
 				"ArrowRight",
@@ -701,15 +743,15 @@ var ye = ["for"], be = { key: 0 }, xe = {
 				"End"
 			].includes(e.key)) return;
 			e.preventDefault();
-			let t = e.key === "Home" ? "date" : e.key === "End" || k.value === "date" ? "time" : "date";
-			Qn(t), p(() => C.value?.querySelector(`[data-tab="${t}"]`)?.focus());
+			let t = e.key === "Home" ? "date" : e.key === "End" || O.value === "date" ? "time" : "date";
+			er(t), f(() => S.value?.querySelector(`[data-tab="${t}"]`)?.focus());
 		}
-		function er(e) {
+		function nr(e) {
 			return e.values ?? Array.from({ length: e.max - e.min + 1 }, (t, n) => e.min + n);
 		}
-		function tr(e) {
+		function rr(e) {
 			let t = e === "smooth" && !window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-			C.value?.querySelectorAll("[data-time-list]").forEach((e) => {
+			S.value?.querySelectorAll("[data-time-list]").forEach((e) => {
 				let n = e.querySelector("[aria-selected=true]");
 				n && e.scrollTo({
 					top: n.offsetTop - (e.clientHeight - n.offsetHeight) / 2,
@@ -717,22 +759,22 @@ var ye = ["for"], be = { key: 0 }, xe = {
 				});
 			});
 		}
-		function nr(e) {
-			C.value?.querySelector(`[data-time-list="${e}"] [aria-selected=true]`)?.focus({ preventScroll: !0 });
+		function ir(e) {
+			S.value?.querySelector(`[data-time-list="${e}"] [aria-selected=true]`)?.focus({ preventScroll: !0 });
 		}
-		function rr(e, t, n) {
-			e.set(t), Ln(), p(() => {
-				tr("smooth"), nr(n);
+		function ar(e, t, n) {
+			e.set(t), zn(), f(() => {
+				rr("smooth"), ir(n);
 			});
 		}
-		function ir(e, t, n) {
+		function or(e, t, n) {
 			if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
 				e.preventDefault();
-				let t = [...C.value?.querySelectorAll("[data-time-list]") ?? []].map((e) => e.dataset.timeList), r = t[t.indexOf(n) + (e.key === "ArrowRight" ? 1 : -1)];
-				r && nr(r);
+				let t = [...S.value?.querySelectorAll("[data-time-list]") ?? []].map((e) => e.dataset.timeList), r = t[t.indexOf(n) + (e.key === "ArrowRight" ? 1 : -1)];
+				r && ir(r);
 				return;
 			}
-			let r = er(t), i = r.indexOf(t.get()), a = {
+			let r = nr(t), i = r.indexOf(t.get()), a = {
 				ArrowUp: i - 1,
 				ArrowDown: i + 1,
 				PageUp: i - 5,
@@ -740,208 +782,211 @@ var ye = ["for"], be = { key: 0 }, xe = {
 				Home: 0,
 				End: r.length - 1
 			};
-			e.key in a && (e.preventDefault(), rr(t, r[Math.min(r.length - 1, Math.max(0, a[e.key]))], n));
+			e.key in a && (e.preventDefault(), ar(t, r[Math.min(r.length - 1, Math.max(0, a[e.key]))], n));
 		}
-		function ar(e) {
-			let t = A.value, n = (pn(t) - Ot.value + 7) % 7, r = {
+		function sr(e) {
+			let t = k.value, n = (hn(t) - Ot.value + 7) % 7, r = {
 				ArrowLeft: () => q(t, -1),
 				ArrowRight: () => q(t, 1),
 				ArrowUp: () => q(t, -7),
 				ArrowDown: () => q(t, 7),
 				Home: () => q(t, -n),
 				End: () => q(t, 6 - n),
-				PageUp: () => dn(t, e.shiftKey ? -12 : -1),
-				PageDown: () => dn(t, e.shiftKey ? 12 : 1)
+				PageUp: () => pn(t, e.shiftKey ? -12 : -1),
+				PageDown: () => pn(t, e.shiftKey ? 12 : 1)
 			};
 			if (e.key === "Enter" || e.key === " ") {
-				e.preventDefault(), zn(t);
+				e.preventDefault(), Vn(t);
 				return;
 			}
 			let i = r[e.key];
-			i && (e.preventDefault(), A.value = i(), T.value = J(A.value), I.value && j.value && !M.value && (Et.value = A.value), In());
+			i && (e.preventDefault(), k.value = i(), w.value = J(k.value), F.value && A.value && !j.value && (Et.value = k.value), Rn());
 		}
-		function or(e) {
-			if (b.inline) return;
+		function cr(e) {
+			if (y.inline) return;
 			if (e.key === "Escape") {
-				e.preventDefault(), e.stopPropagation(), Pn();
+				e.preventDefault(), e.stopPropagation(), In();
 				return;
 			}
-			if (e.key !== "Tab" || !C.value) return;
-			let t = [...C.value.querySelectorAll("button:not([disabled]), input:not([disabled])")].filter((e) => e.tabIndex >= 0);
+			if (e.key !== "Tab" || !S.value) return;
+			let t = [...S.value.querySelectorAll("button:not([disabled]), input:not([disabled])")].filter((e) => e.tabIndex >= 0);
 			if (!t.length) return;
 			let n = t[0], r = t[t.length - 1];
 			e.shiftKey && document.activeElement === n ? (e.preventDefault(), r.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n.focus());
 		}
-		function sr(e) {
-			(e.key === "ArrowDown" || e.key === "ArrowUp" && e.altKey) && (e.preventDefault(), Nn());
+		function lr(e) {
+			(e.key === "ArrowDown" || e.key === "ArrowUp" && e.altKey) && (e.preventDefault(), Fn());
 		}
-		function cr(e) {
+		function ur(e) {
 			let t = e.target;
-			wt.value?.contains(t) || C.value?.contains(t) || Pn(!1);
+			wt.value?.contains(t) || S.value?.contains(t) || In(!1);
 		}
-		function lr(e) {
-			e?.target instanceof Node && C.value?.contains(e.target) || Mn();
+		function dr(e) {
+			e?.target instanceof Node && S.value?.contains(e.target) || Pn();
 		}
-		function ur() {
-			document.addEventListener("pointerdown", cr, !0), window.addEventListener("scroll", lr, !0), window.addEventListener("resize", lr);
+		function fr() {
+			document.addEventListener("pointerdown", ur, !0), window.addEventListener("scroll", dr, !0), window.addEventListener("resize", dr);
 		}
-		function dr() {
-			document.removeEventListener("pointerdown", cr, !0), window.removeEventListener("scroll", lr, !0), window.removeEventListener("resize", lr);
+		function pr() {
+			document.removeEventListener("pointerdown", ur, !0), window.removeEventListener("scroll", dr, !0), window.removeEventListener("resize", dr);
 		}
-		return ue(x, (e) => e ? Fn() : dr()), ue(ct, () => b.inline && jn(!1)), re(() => {
-			b.inline ? jn() : x.value && Fn();
-		}), ne(dr), ee({ focus: () => b.inline ? In() : Tt.value?.focus() }), (t, a) => (h(), c("div", te({
+		return de(b, (e) => e ? Ln() : pr()), de(zt, () => y.inline && Nn(!1)), ie(() => {
+			y.inline ? Nn() : b.value && Ln();
+		}), re(pr), te({ focus: () => y.inline ? Rn() : Tt.value?.focus() }), (e, a) => (m(), c("div", ne({
 			ref_key: "root",
 			ref: wt
 		}, gt.value, {
-			class: ["w-full", f.disabled && "opacity-50"],
+			class: ["w-full", d.disabled && "opacity-50"],
 			"data-ac-ds": "",
 			"data-testid": "ac-date-picker"
 		}), [
-			f.label || t.$slots["label-icon"] || t.$slots["label-extra"] ? (h(), c("label", {
+			d.label || e.$slots["label-icon"] || e.$slots["label-extra"] ? (m(), c("label", {
 				key: 0,
 				id: vt,
-				for: f.inline ? void 0 : `${y(S)}-trigger`,
+				for: d.inline ? void 0 : `${v(x)}-trigger`,
 				class: "mb-2 flex items-center gap-1 text-base font-medium text-heading"
 			}, [
-				ae(t.$slots, "label-icon"),
-				f.label ? (h(), c("span", be, v(f.label), 1)) : s("", !0),
-				ae(t.$slots, "label-extra"),
-				f.required ? (h(), c("span", xe, "*")) : s("", !0)
-			], 8, ye)) : s("", !0),
-			f.hint ? (h(), c("p", {
+				oe(e.$slots, "label-icon"),
+				d.label ? (m(), c("span", xe, _(d.label), 1)) : s("", !0),
+				oe(e.$slots, "label-extra"),
+				d.required ? (m(), c("span", Se, "*")) : s("", !0)
+			], 8, be)) : s("", !0),
+			d.hint ? (m(), c("p", {
 				key: 1,
 				id: St,
 				class: "mb-2 text-base text-muted"
-			}, v(f.hint), 1)) : s("", !0),
-			f.inline ? s("", !0) : (h(), c("div", Se, [l("button", te({
-				id: `${y(S)}-trigger`,
+			}, _(d.hint), 1)) : s("", !0),
+			d.inline ? s("", !0) : (m(), c("div", {
+				key: 2,
+				class: p(["relative", d.fieldClass])
+			}, [l("button", ne({
+				id: `${v(x)}-trigger`,
 				ref_key: "trigger",
 				ref: Tt
 			}, _t.value, {
 				type: "button",
-				disabled: f.disabled,
+				disabled: d.disabled,
 				"aria-haspopup": "dialog",
-				"aria-expanded": x.value,
-				"aria-labelledby": f.label || t.$slots["label-icon"] || t.$slots["label-extra"] ? `${vt} ${yt}` : yt,
-				"aria-describedby": sn.value,
-				"aria-invalid": !!f.errorMsg || void 0,
-				"aria-required": f.required || void 0,
-				class: ["flex w-full items-center rounded-10 border bg-background text-left text-base font-normal text-heading transition-[color,background-color,border-color,box-shadow] duration-200 outline-none disabled:cursor-not-allowed", [
-					f.size === "small" ? "h-9 pl-3" : "h-10.5 pl-4",
-					f.clearable && zt.value && !f.disabled ? "pr-20" : "pr-10",
-					f.disabled ? "" : "cursor-pointer hover:bg-accent-hover",
-					f.errorMsg ? ["border-danger/60", on.value && "border-danger shadow-[0_0_0_2px_color-mix(in_srgb,var(--color-danger)_20%,transparent)]"] : on.value ? "focus-ring" : ["border-border", !f.disabled && "hover:border-accent-active"]
+				"aria-expanded": b.value,
+				"aria-labelledby": d.label || e.$slots["label-icon"] || e.$slots["label-extra"] ? `${vt} ${yt}` : yt,
+				"aria-describedby": un.value,
+				"aria-invalid": !!d.errorMsg || void 0,
+				"aria-required": d.required || void 0,
+				class: ["flex w-full items-center rounded-10 border bg-background text-left text-heading transition-[color,background-color,border-color,box-shadow] duration-200 outline-none disabled:cursor-not-allowed", [
+					d.size === "small" ? "h-9 pl-3 text-base font-normal" : d.size === "large" ? "h-[50px] pl-4 text-lg font-medium" : "h-10.5 pl-4 text-base font-normal",
+					d.clearable && Ht.value && !d.disabled ? "pr-20" : "pr-10",
+					d.disabled ? "" : "cursor-pointer hover:bg-accent-hover",
+					d.errorMsg ? ["border-danger/60", ln.value && "border-danger shadow-[0_0_0_2px_color-mix(in_srgb,var(--color-danger)_20%,transparent)]"] : ln.value ? "focus-ring" : ["border-border", !d.disabled && "hover:border-accent-active"]
 				]],
-				onClick: a[0] ||= (e) => x.value ? Pn() : Nn(),
-				onKeydown: sr,
-				onFocus: a[1] ||= (e) => an.value = !0,
-				onBlur: a[2] ||= (e) => an.value = !1
+				onClick: a[0] ||= (e) => b.value ? In() : Fn(),
+				onKeydown: lr,
+				onFocus: a[1] ||= (e) => cn.value = !0,
+				onBlur: a[2] ||= (e) => cn.value = !1
 			}), [l("span", {
 				id: yt,
-				class: m(["truncate tabular-nums", !Bt.value && "text-muted/80"])
-			}, v(Bt.value || f.placeholder || (f.mode === "duration" ? "Choose duration" : "Choose date")), 3)], 16, Ce), l("span", { class: m(["pointer-events-none absolute inset-y-0 flex items-center gap-4 text-muted", f.size === "small" ? "right-3" : "right-4"]) }, [f.clearable && zt.value && !f.disabled ? (h(), c("button", {
+				class: p(["truncate tabular-nums", !Ut.value && "text-muted/80"])
+			}, _(Ut.value || d.placeholder || (d.mode === "duration" ? "Choose duration" : "Choose date")), 3)], 16, Ce), l("span", { class: p(["pointer-events-none absolute inset-y-0 flex items-center gap-4 text-muted", d.size === "small" ? "right-3" : "right-4"]) }, [d.clearable && Ht.value && !d.disabled ? (m(), c("button", {
 				key: 0,
 				type: "button",
 				class: "pointer-events-auto inline-flex cursor-pointer items-center justify-center rounded-full p-1 transition-colors duration-200 hover:bg-accent-hover hover:text-primary active:bg-accent-active focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none",
-				"aria-label": f.label ? `Clear ${f.label}` : "Clear",
-				onClick: Wn
-			}, [d(y(ve), {
+				"aria-label": d.label ? `Clear ${d.label}` : "Clear",
+				onClick: Kn
+			}, [ee(v(ye), {
 				class: "size-4",
 				"aria-hidden": "true"
-			})], 8, we)) : s("", !0), (h(), o(oe(ln.value), {
-				class: m(["size-4", x.value && "text-heading"]),
+			})], 8, we)) : s("", !0), (m(), o(se(fn.value), {
+				class: p(["size-4", b.value && "text-heading"]),
 				"aria-hidden": "true"
-			}, null, 8, ["class"]))], 2)])),
-			(h(), o(r, {
+			}, null, 8, ["class"]))], 2)], 2)),
+			(m(), o(r, {
 				to: "body",
-				disabled: f.inline
-			}, [d(i, {
+				disabled: d.inline
+			}, [ee(i, {
 				"enter-active-class": "transition duration-150 ease-out motion-reduce:transition-opacity",
 				"enter-from-class": "opacity-0 scale-95",
 				"leave-active-class": "transition duration-100 ease-in",
 				"leave-to-class": "opacity-0"
 			}, {
-				default: de(() => [x.value || f.inline ? (h(), c("div", te({
+				default: fe(() => [b.value || d.inline ? (m(), c("div", ne({
 					key: 0,
 					ref_key: "panel",
-					ref: C,
-					role: f.inline ? "group" : "dialog",
-					"aria-modal": f.inline ? void 0 : "true",
-					"aria-label": cn.value,
-					"aria-describedby": f.inline ? sn.value : void 0,
-					inert: f.inline && f.disabled
-				}, f.inline ? _t.value : void 0, {
-					class: ["flex flex-col sm:flex-row", !f.inline && "ac-scrollbar fixed z-[90] max-w-[calc(100vw-16px)] rounded-10 border border-border bg-surface shadow-sm"],
-					style: f.inline ? void 0 : {
-						top: w.value.top === void 0 ? void 0 : `${w.value.top}px`,
-						bottom: w.value.bottom === void 0 ? void 0 : `${w.value.bottom}px`,
-						left: `${w.value.left}px`,
-						maxHeight: `${w.value.maxHeight}px`,
-						minWidth: `${w.value.minWidth}px`
+					ref: S,
+					role: d.inline ? "group" : "dialog",
+					"aria-modal": d.inline ? void 0 : "true",
+					"aria-label": dn.value,
+					"aria-describedby": d.inline ? un.value : void 0,
+					inert: d.inline && d.disabled
+				}, d.inline ? _t.value : void 0, {
+					class: ["flex flex-col sm:flex-row", !d.inline && "ac-scrollbar fixed z-[90] max-w-[calc(100vw-16px)] rounded-10 border border-border bg-surface shadow-sm"],
+					style: d.inline ? void 0 : {
+						top: C.value.top === void 0 ? void 0 : `${C.value.top}px`,
+						bottom: C.value.bottom === void 0 ? void 0 : `${C.value.bottom}px`,
+						left: `${C.value.left}px`,
+						maxHeight: `${C.value.maxHeight}px`,
+						minWidth: `${C.value.minWidth}px`
 					},
 					"data-ac-ds": "",
 					"data-testid": "ac-date-picker-panel",
-					onKeydown: or
-				}), [f.presets.length ? (h(), c("div", Ee, [(h(!0), c(n, null, _(f.presets, (e) => (h(), c("button", {
+					onKeydown: cr
+				}), [d.presets.length ? (m(), c("div", Ee, [(m(!0), c(n, null, g(d.presets, (e) => (m(), c("button", {
 					key: e.label,
 					type: "button",
 					class: "cursor-pointer rounded-8 px-3 py-2 text-left text-base text-heading transition-colors duration-200 hover:bg-accent-hover active:bg-accent-active focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-inset max-sm:rounded-full max-sm:border max-sm:border-border max-sm:px-2.5 max-sm:py-1 max-sm:text-xs",
-					onClick: (t) => Un(e)
-				}, v(e.label), 9, De))), 128))])) : s("", !0), l("div", { class: m(["max-w-full min-w-0 flex-auto max-sm:w-auto", f.inline ? "w-full" : f.mode === "duration" ? "w-72" : "w-[calc(328px*var(--ac-scale))]"]) }, [f.mode === "duration" ? (h(), c("div", Oe, [
-					l("p", ke, v(f.label || "Duration"), 1),
-					l("p", Ae, v(bn(tn.value)), 1),
-					l("div", je, [(h(!0), c(n, null, _(rn.value, (e) => (h(), c("label", {
+					onClick: (t) => Gn(e)
+				}, _(e.label), 9, De))), 128))])) : s("", !0), l("div", { class: p(["max-w-full min-w-0 flex-auto max-sm:w-auto", d.inline ? "w-full" : d.mode === "duration" ? "w-72" : "w-[calc(328px*var(--ac-scale))]"]) }, [d.mode === "duration" ? (m(), c("div", Oe, [
+					l("p", ke, _(d.label || "Duration"), 1),
+					l("p", Ae, _(Sn(an.value)), 1),
+					l("div", je, [(m(!0), c(n, null, g(sn.value, (e) => (m(), c("label", {
 						key: e.key,
 						class: "block"
-					}, [l("span", Me, v(e.label), 1), l("input", {
+					}, [l("span", Me, _(e.label), 1), l("input", {
 						type: "text",
 						inputmode: "numeric",
 						role: "spinbutton",
 						autocomplete: "off",
-						value: Dn(e),
+						value: kn(e),
 						"aria-valuenow": e.get(),
 						"aria-valuemin": e.min,
 						"aria-valuemax": e.max,
 						class: "h-10 w-full rounded-10 border border-border bg-background px-2.5 text-center text-base text-heading tabular-nums transition-[border-color,box-shadow] duration-200 outline-none hover:border-accent-active focus:focus-ring",
-						onKeydown: (t) => On(t, e),
-						onInput: (t) => kn(t, e),
-						onBlur: (t) => An(t, e),
+						onKeydown: (t) => An(t, e),
+						onInput: (t) => jn(t, e),
+						onBlur: (t) => Mn(t, e),
 						onFocus: a[3] ||= (e) => e.target.select()
 					}, null, 40, Ne)]))), 128))]),
 					a[9] ||= l("p", { class: "mt-2 text-xs text-muted" }, "↑ ↓ to adjust, or type a number.", -1)
-				])) : (h(), c(n, { key: 1 }, [L.value ? (h(), c("div", {
+				])) : (m(), c(n, { key: 1 }, [I.value ? (m(), c("div", {
 					key: 0,
 					role: "tablist",
 					"aria-label": "Date or time",
 					class: "flex border-b border-border",
-					onKeydown: $n
-				}, [(h(), c(n, null, _(mt, (e) => l("button", {
-					id: `${y(S)}-tab-${e.key}`,
+					onKeydown: tr
+				}, [(m(), c(n, null, g(mt, (e) => l("button", {
+					id: `${v(x)}-tab-${e.key}`,
 					key: e.key,
 					type: "button",
 					role: "tab",
 					"data-tab": e.key,
-					"aria-selected": k.value === e.key,
-					"aria-controls": `${y(S)}-tabpanel`,
-					tabindex: k.value === e.key ? 0 : -1,
-					class: m(["flex flex-1 cursor-pointer items-center justify-center gap-2 px-4 py-2 text-base font-medium transition-colors duration-200 focus-visible:ring-2 focus-visible:outline-none focus-visible:ring-inset", k.value === e.key ? "bg-primary text-white focus-visible:ring-white/70" : "text-heading hover:bg-accent-hover focus-visible:ring-ring active:bg-accent-active"]),
-					onClick: (t) => Qn(e.key)
-				}, [(h(), o(oe(e.icon), {
+					"aria-selected": O.value === e.key,
+					"aria-controls": `${v(x)}-tabpanel`,
+					tabindex: O.value === e.key ? 0 : -1,
+					class: p(["flex flex-1 cursor-pointer items-center justify-center gap-2 px-4 py-2 text-base font-medium transition-colors duration-200 focus-visible:ring-2 focus-visible:outline-none focus-visible:ring-inset", O.value === e.key ? "bg-primary text-white focus-visible:ring-white/70" : "text-heading hover:bg-accent-hover focus-visible:ring-ring active:bg-accent-active"]),
+					onClick: (t) => er(e.key)
+				}, [(m(), o(se(e.icon), {
 					class: "size-4",
 					"aria-hidden": "true"
-				})), u(" " + v(e.label), 1)], 10, Pe)), 64))], 32)) : s("", !0), l("div", {
-					id: `${y(S)}-tabpanel`,
+				})), u(" " + _(e.label), 1)], 10, Pe)), 64))], 32)) : s("", !0), l("div", {
+					id: `${v(x)}-tabpanel`,
 					class: "p-3",
-					role: L.value ? "tabpanel" : void 0,
-					"aria-labelledby": L.value ? `${y(S)}-tab-${k.value}` : void 0
-				}, [k.value === "date" ? (h(), c(n, { key: 0 }, [l("div", Ie, [
+					role: I.value ? "tabpanel" : void 0,
+					"aria-labelledby": I.value ? `${v(x)}-tab-${O.value}` : void 0
+				}, [O.value === "date" ? (m(), c(n, { key: 0 }, [l("div", Ie, [
 					l("button", {
 						type: "button",
 						class: "inline-flex cursor-pointer items-center justify-center rounded-8 p-2 text-muted transition-colors duration-200 hover:bg-accent-hover hover:text-heading active:bg-accent-active focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none",
-						"aria-label": Yt.value[0],
-						onClick: a[4] ||= (e) => Kn(-1)
-					}, [d(y(me), {
+						"aria-label": Qt.value[0],
+						onClick: a[4] ||= (e) => Jn(-1)
+					}, [ee(v(he), {
 						class: "size-4",
 						"aria-hidden": "true"
 					})], 8, Le),
@@ -949,127 +994,127 @@ var ye = ["for"], be = { key: 0 }, xe = {
 						id: bt,
 						class: "sr-only",
 						"aria-live": "polite"
-					}, v(H.value), 1),
-					E.value === "years" ? (h(), c("span", ze, v(H.value), 1)) : (h(), c("button", {
+					}, _(V.value), 1),
+					T.value === "years" ? (m(), c("span", ze, _(V.value), 1)) : (m(), c("button", {
 						key: 0,
 						type: "button",
 						class: "cursor-pointer rounded-10 bg-accent px-4 py-2 text-base font-semibold text-heading tabular-nums transition-colors duration-200 hover:bg-accent-hover active:bg-accent-active focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none",
-						"aria-label": E.value === "days" ? `${H.value}, choose month` : `${H.value}, choose year`,
-						onClick: a[5] ||= (e) => E.value === "days" ? qn() : Jn()
-					}, v(H.value), 9, Re)),
+						"aria-label": T.value === "days" ? `${V.value}, choose month` : `${V.value}, choose year`,
+						onClick: a[5] ||= (e) => T.value === "days" ? Yn() : Xn()
+					}, _(V.value), 9, Re)),
 					l("button", {
 						type: "button",
 						class: "inline-flex cursor-pointer items-center justify-center rounded-8 p-2 text-muted transition-colors duration-200 hover:bg-accent-hover hover:text-heading active:bg-accent-active focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none",
-						"aria-label": Yt.value[1],
-						onClick: a[6] ||= (e) => Kn(1)
-					}, [d(y(he), {
+						"aria-label": Qt.value[1],
+						onClick: a[6] ||= (e) => Jn(1)
+					}, [ee(v(ge), {
 						class: "size-4",
 						"aria-hidden": "true"
 					})], 8, Be)
-				]), E.value === "days" ? (h(), c("table", {
+				]), T.value === "days" ? (m(), c("table", {
 					key: 0,
 					role: "grid",
 					"aria-labelledby": bt,
 					class: "w-full table-fixed border-collapse",
-					onKeydown: ar
-				}, [l("thead", null, [l("tr", null, [(h(!0), c(n, null, _(Pt.value, (e) => (h(), c("th", {
+					onKeydown: sr
+				}, [l("thead", null, [l("tr", null, [(m(!0), c(n, null, g(Pt.value, (e) => (m(), c("th", {
 					key: e.long,
 					scope: "col",
 					abbr: e.long,
 					class: "pt-2 pb-2 text-center text-xs font-medium text-heading"
-				}, v(e.short.slice(0, 2)), 9, Ve))), 128))])]), l("tbody", { onMouseleave: a[7] ||= (e) => Et.value = null }, [(h(!0), c(n, null, _(Ht.value, (e, t) => (h(), c("tr", { key: t }, [(h(!0), c(n, null, _(e, (e) => (h(), c("td", {
+				}, _(e.short.slice(0, 2)), 9, Ve))), 128))])]), l("tbody", { onMouseleave: a[7] ||= (e) => Et.value = null }, [(m(!0), c(n, null, g(Gt.value, (e, t) => (m(), c("tr", { key: t }, [(m(!0), c(n, null, g(e, (e) => (m(), c("td", {
 					key: e,
 					role: "gridcell",
-					"aria-selected": Cn(e) || wn(e),
+					"aria-selected": Tn(e) || En(e),
 					class: "p-0 py-0.5"
-				}, [l("div", { class: m(["px-0.5", wn(e) && J(e) === T.value && ["bg-primary/10", ...Tn(e)]]) }, [l("button", {
+				}, [l("div", { class: p(["px-0.5", En(e) && J(e) === w.value && ["bg-primary/10", ...Dn(e)]]) }, [l("button", {
 					type: "button",
 					"data-day": e,
-					tabindex: e === A.value ? 0 : -1,
+					tabindex: e === k.value ? 0 : -1,
 					"aria-label": Mt.value.format(K(e)),
-					"aria-disabled": xn(e) || void 0,
+					"aria-disabled": Cn(e) || void 0,
 					"aria-current": e === It.value ? "date" : void 0,
-					class: m(["relative flex aspect-square w-full items-center justify-center rounded-8 text-base tabular-nums transition-all duration-200 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-surface motion-reduce:transition-none", [J(e) !== T.value && "invisible", xn(e) ? "cursor-not-allowed text-muted/50 line-through" : Cn(e) ? "cursor-pointer bg-primary font-semibold text-white" : e === It.value ? "cursor-pointer bg-accent font-medium text-heading hover:bg-accent-hover active:bg-accent-active" : "cursor-pointer text-heading hover:bg-accent-hover hover:font-semibold active:bg-accent-active"]]),
-					onClick: (t) => zn(e),
-					onMouseenter: (t) => I.value && j.value && !M.value && (Et.value = e)
-				}, v(Nt.value.format(K(e))), 43, Ue)], 2)], 8, He))), 128))]))), 128))], 32)], 32)) : (h(), c("div", {
+					class: p(["relative flex aspect-square w-full items-center justify-center rounded-8 text-base tabular-nums transition-all duration-200 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-surface motion-reduce:transition-none", [J(e) !== w.value && "invisible", Cn(e) ? "cursor-not-allowed text-muted/50 line-through" : Tn(e) ? "cursor-pointer bg-primary font-semibold text-white" : e === It.value ? "cursor-pointer bg-accent font-medium text-heading hover:bg-accent-hover active:bg-accent-active" : "cursor-pointer text-heading hover:bg-accent-hover hover:font-semibold active:bg-accent-active"]]),
+					onClick: (t) => Vn(e),
+					onMouseenter: (t) => F.value && A.value && !j.value && (Et.value = e)
+				}, _(Nt.value.format(K(e))), 43, Ue)], 2)], 8, He))), 128))]))), 128))], 32)], 32)) : (m(), c("div", {
 					key: 1,
 					role: "grid",
-					"aria-label": E.value === "months" ? `Months of ${H.value}` : `Years ${H.value}`,
+					"aria-label": T.value === "months" ? `Months of ${V.value}` : `Years ${V.value}`,
 					class: "grid gap-2",
-					onKeydown: Zn
-				}, [(h(!0), c(n, null, _(qt.value, (e, t) => (h(), c("div", {
+					onKeydown: $n
+				}, [(m(!0), c(n, null, g(Xt.value, (e, t) => (m(), c("div", {
 					key: t,
 					role: "row",
 					class: "grid grid-cols-4 gap-2"
-				}, [(h(!0), c(n, null, _(e, (e) => (h(), c("button", {
+				}, [(m(!0), c(n, null, g(e, (e) => (m(), c("button", {
 					key: e.value,
 					type: "button",
 					role: "gridcell",
 					"data-pick": e.value,
-					tabindex: e.value === Jt.value ? 0 : -1,
+					tabindex: e.value === Zt.value ? 0 : -1,
 					"aria-label": e.label,
 					"aria-selected": e.selected,
 					"aria-disabled": e.disabled || void 0,
-					class: m(["rounded-8 px-4 py-3 text-base tabular-nums transition-all duration-200 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-surface motion-reduce:transition-none", e.disabled ? "cursor-not-allowed text-muted/50 line-through" : e.selected ? "cursor-pointer bg-primary font-semibold text-white" : "cursor-pointer text-heading hover:bg-accent-hover hover:font-semibold active:bg-accent-active"]),
-					onClick: (t) => Xn(e),
-					onFocus: (t) => O.value = e.value
-				}, v(e.text), 43, Ge))), 128))]))), 128))], 40, We))], 64)) : (h(), c(n, { key: 1 }, [l("div", Ke, [(h(!0), c(n, null, _(nn.value, (e, t) => (h(), c(n, { key: e.key }, [t > 0 ? (h(), c("span", qe)) : s("", !0), l("div", {
+					class: p(["rounded-8 px-4 py-3 text-base tabular-nums transition-all duration-200 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-surface motion-reduce:transition-none", e.disabled ? "cursor-not-allowed text-muted/50 line-through" : e.selected ? "cursor-pointer bg-primary font-semibold text-white" : "cursor-pointer text-heading hover:bg-accent-hover hover:font-semibold active:bg-accent-active"]),
+					onClick: (t) => Qn(e),
+					onFocus: (t) => D.value = e.value
+				}, _(e.text), 43, Ge))), 128))]))), 128))], 40, We))], 64)) : (m(), c(n, { key: 1 }, [l("div", Ke, [(m(!0), c(n, null, g(on.value, (e, t) => (m(), c(n, { key: e.key }, [t > 0 ? (m(), c("span", qe)) : s("", !0), l("div", {
 					class: "flex min-w-0 flex-1 flex-col",
 					role: "group",
 					"aria-label": `${e.label} time`
-				}, [I.value ? (h(), c("p", Ye, v(e.label), 1)) : s("", !0), l("div", Xe, [(h(!0), c(n, null, _(e.spinners, (t, r) => (h(), c(n, { key: t.key }, [t.key === "p" ? (h(), c("span", Ze)) : r > 0 ? (h(), c("span", Qe, ":")) : s("", !0), l("div", { class: m(["flex h-full flex-1 flex-col items-center", t.key === "p" ? "min-w-12" : "min-w-10"]) }, [l("span", $e, v(pt[t.key]), 1), l("div", {
+				}, [F.value ? (m(), c("p", Ye, _(e.label), 1)) : s("", !0), l("div", Xe, [(m(!0), c(n, null, g(e.spinners, (t, r) => (m(), c(n, { key: t.key }, [t.key === "p" ? (m(), c("span", Ze)) : r > 0 ? (m(), c("span", Qe, ":")) : s("", !0), l("div", { class: p(["flex h-full flex-1 flex-col items-center", t.key === "p" ? "min-w-12" : "min-w-10"]) }, [l("span", $e, _(pt[t.key]), 1), l("div", {
 					role: "listbox",
 					"aria-label": t.label,
 					"data-time-list": `${e.key}-${t.key}`,
 					class: "relative min-h-0 w-full flex-1 scroll-smooth overflow-x-hidden overflow-y-auto [scrollbar-width:none] motion-reduce:scroll-auto [&::-webkit-scrollbar]:hidden",
-					onKeydown: (n) => ir(n, t, `${e.key}-${t.key}`)
-				}, [l("div", tt, [(h(!0), c(n, null, _(er(t), (n) => (h(), c("button", {
+					onKeydown: (n) => or(n, t, `${e.key}-${t.key}`)
+				}, [l("div", tt, [(m(!0), c(n, null, g(nr(t), (n) => (m(), c("button", {
 					key: n,
 					type: "button",
 					role: "option",
 					tabindex: n === t.get() ? 0 : -1,
 					"aria-selected": n === t.get(),
-					class: m(["inline-flex h-10 shrink-0 cursor-pointer items-center justify-center rounded-8 tabular-nums transition-all duration-200 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset motion-reduce:transition-none", [t.key === "p" ? "w-12 text-xs font-bold" : "w-10 text-base", n === t.get() ? ["bg-primary text-white", t.key !== "p" && "scale-110 font-bold"] : "text-heading hover:bg-accent-hover hover:font-bold active:bg-accent-active"]]),
-					onClick: (r) => rr(t, n, `${e.key}-${t.key}`)
-				}, v(t.text ? t.text(n) : un(n)), 11, nt))), 128))])], 40, et)], 2)], 64))), 128))])], 8, Je)], 64))), 128))]), f.showTimeZone ? (h(), c("p", rt, [u("Times in " + v(Ft.value), 1), Ft.value === F.value ? s("", !0) : (h(), c(n, { key: 0 }, [u(" (" + v(F.value) + ")", 1)], 64))])) : s("", !0)], 64))], 8, Fe)], 64)), $t.value ? (h(), c("div", it, [
-					f.mode !== "duration" && !I.value ? (h(), c("button", {
+					class: p(["inline-flex h-10 shrink-0 cursor-pointer items-center justify-center rounded-8 tabular-nums transition-all duration-200 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset motion-reduce:transition-none", [t.key === "p" ? "w-12 text-xs font-bold" : "w-10 text-base", n === t.get() ? ["bg-primary text-white", t.key !== "p" && "scale-110 font-bold"] : "text-heading hover:bg-accent-hover hover:font-bold active:bg-accent-active"]]),
+					onClick: (r) => ar(t, n, `${e.key}-${t.key}`)
+				}, _(t.text ? t.text(n) : U(n)), 11, nt))), 128))])], 40, et)], 2)], 64))), 128))])], 8, Je)], 64))), 128))]), d.showTimeZone ? (m(), c("p", rt, [u("Times in " + _(Ft.value), 1), Ft.value === P.value ? s("", !0) : (m(), c(n, { key: 0 }, [u(" (" + _(P.value) + ")", 1)], 64))])) : s("", !0)], 64))], 8, Fe)], 64)), nn.value ? (m(), c("div", it, [
+					d.mode !== "duration" && !F.value ? (m(), c("button", {
 						key: 0,
 						type: "button",
 						class: "cursor-pointer rounded-8 bg-accent px-3 py-1.5 text-xs font-medium text-heading transition-colors duration-200 hover:bg-accent-hover active:bg-accent-active focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
-						disabled: xn(It.value),
-						onClick: a[8] ||= (e) => L.value ? Vn() : Hn()
-					}, v(L.value ? "Now" : "Today"), 9, at)) : s("", !0),
-					Qt.value ? (h(), c("p", ot, v(Qt.value), 1)) : s("", !0),
+						disabled: Cn(It.value),
+						onClick: a[8] ||= (e) => I.value ? Un() : Wn()
+					}, _(I.value ? "Now" : "Today"), 9, at)) : s("", !0),
+					tn.value ? (m(), c("p", ot, _(tn.value), 1)) : s("", !0),
 					a[10] ||= l("span", { class: "flex-1" }, null, -1),
-					L.value && !f.autoApply || f.mode === "duration" ? (h(), c(n, { key: 2 }, [d(e, {
+					I.value && !d.autoApply || d.mode === "duration" ? (m(), c(n, { key: 2 }, [ee(t, {
 						title: "Cancel",
 						color: "white",
 						size: "small",
-						onClick: Rn
-					}), d(e, {
+						onClick: Bn
+					}), ee(t, {
 						title: "Apply",
 						size: "small",
-						disabled: !en.value,
-						onClick: Bn
+						disabled: !rn.value,
+						onClick: Hn
 					}, null, 8, ["disabled"])], 64)) : s("", !0)
 				])) : s("", !0)], 2)], 16, Te)) : s("", !0)]),
 				_: 1
 			})], 8, ["disabled"])),
-			f.errorMsg ? (h(), c("p", {
+			d.errorMsg ? (m(), c("p", {
 				key: 3,
 				id: xt,
 				class: "mt-1 text-base text-danger-strong",
 				role: "alert"
-			}, v(f.errorMsg), 1)) : s("", !0),
-			f.name ? (h(), c("input", {
+			}, _(d.errorMsg), 1)) : s("", !0),
+			d.name ? (m(), c("input", {
 				key: 4,
 				type: "hidden",
-				name: f.name,
-				value: Vt.value
+				name: d.name,
+				value: Wt.value
 			}, null, 8, st)) : s("", !0)
 		], 16));
 	}
 });
 //#endregion
-export { b as default };
+export { y as default };