@ac-design/design-system 0.0.0-stage → 1.0.1

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

@@ -0,0 +1,794 @@
+import e from "./AcButton.js";
+import { Fragment as t, Teleport as n, Transition as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeModels as f, mergeProps as ee, nextTick as te, normalizeClass as p, normalizeStyle as ne, onBeforeUnmount as re, onMounted as ie, openBlock as m, reactive as ae, ref as h, renderList as g, resolveDynamicComponent as oe, toDisplayString as _, unref as v, 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, CircleAlert as ge, Timer as _e, X as ve } from "@lucide/vue";
+//#region src/lib/components/AcDatePicker.vue?vue&type=script&setup=true&lang.ts
+var ye = { class: "relative" }, be = [
+	"id",
+	"disabled",
+	"aria-expanded",
+	"aria-labelledby",
+	"aria-describedby",
+	"aria-invalid",
+	"aria-required"
+], xe = ["for"], Se = {
+	key: 0,
+	class: "text-danger",
+	"aria-hidden": "true"
+}, Ce = { class: "pointer-events-none absolute inset-y-0 right-2 flex items-center gap-0.5 text-muted" }, we = ["aria-label"], Te = ["name", "value"], Ee = ["aria-label"], De = {
+	key: 0,
+	class: "flex shrink-0 flex-wrap gap-1 border-b border-border-light p-2 sm:w-40 sm:flex-col sm:flex-nowrap sm:border-r sm:border-b-0",
+	role: "group",
+	"aria-label": "Presets"
+}, Oe = ["onClick"], ke = {
+	key: 0,
+	class: "p-4"
+}, Ae = { class: "text-base font-medium text-heading" }, je = {
+	class: "text-xs text-muted tabular-nums",
+	"aria-live": "polite"
+}, Me = { class: "mt-3 grid grid-cols-3 gap-2" }, Ne = { class: "mb-1 block text-xs font-medium text-label" }, Pe = [
+	"value",
+	"aria-valuenow",
+	"aria-valuemin",
+	"aria-valuemax",
+	"onKeydown",
+	"onInput",
+	"onBlur"
+], Fe = {
+	key: 1,
+	class: "p-3"
+}, Ie = { class: "mb-2 flex items-center justify-between gap-2" }, Le = ["abbr"], Re = ["aria-selected"], ze = [
+	"data-day",
+	"tabindex",
+	"aria-label",
+	"aria-disabled",
+	"aria-current",
+	"onClick",
+	"onMouseenter"
+], Be = {
+	key: 0,
+	class: "absolute bottom-1 left-1/2 size-1 -translate-x-1/2 rounded-full bg-primary",
+	"aria-hidden": "true"
+}, Ve = {
+	key: 0,
+	class: "mt-2 space-y-2 border-t border-border-light pt-3"
+}, He = ["aria-label"], Ue = { class: "text-xs font-medium text-label" }, We = { class: "flex items-center gap-1" }, Ge = {
+	key: 0,
+	class: "text-muted",
+	"aria-hidden": "true"
+}, Ke = [
+	"value",
+	"aria-label",
+	"aria-valuenow",
+	"aria-valuemin",
+	"aria-valuemax",
+	"onKeydown",
+	"onInput",
+	"onBlur"
+], qe = { class: "text-xs text-muted" }, Je = {
+	key: 2,
+	class: "flex flex-wrap items-center gap-2 border-t border-border-light px-3 py-2.5"
+}, Ye = ["disabled"], Xe = {
+	key: 1,
+	class: "basis-full text-xs text-red-30",
+	role: "alert"
+}, y = /*@__PURE__*/ d({
+	inheritAttrs: !1,
+	__name: "AcDatePicker",
+	props: /*@__PURE__*/ f({
+		label: { default: "" },
+		placeholder: { default: "" },
+		mode: { default: "date" },
+		range: {
+			type: Boolean,
+			default: !1
+		},
+		minDate: { default: "" },
+		maxDate: { default: "" },
+		isDateDisabled: {
+			type: Function,
+			default: void 0
+		},
+		presets: { default: () => [] },
+		timeZone: { default: "" },
+		locale: { default: void 0 },
+		weekStartsOn: { default: void 0 },
+		showSeconds: {
+			type: Boolean,
+			default: !1
+		},
+		clearable: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		errorMsg: { default: "" },
+		hint: { default: "" },
+		size: { default: "small" },
+		name: { default: "" }
+	}, {
+		modelValue: { default: null },
+		modelModifiers: {},
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {}
+	}),
+	emits: ["update:modelValue", "update:open"],
+	setup(d, { expose: f }) {
+		let y = d, Ze = le(d, "modelValue"), b = le(d, "open"), Qe = /^\d{4}-\d{2}-\d{2}$/, $e = /^(\d{4}-\d{2}-\d{2})T(\d{2}):(\d{2})(?::(\d{2}))?$/, et = {
+			w: 604800,
+			d: 86400,
+			h: 3600,
+			m: 60,
+			s: 1,
+			ms: .001,
+			us: 1e-6,
+			µs: 1e-6,
+			ns: 1e-9
+		}, tt = Date.UTC(2023, 0, 1), x = ce(), nt = se(), rt = i(() => ({
+			class: nt.class,
+			style: nt.style
+		})), it = i(() => {
+			let { class: e, style: t, ...n } = nt;
+			return n;
+		}), at = `${x}-label`, ot = `${x}-value`, st = `${x}-month`, ct = `${x}-msg`, lt = /* @__PURE__ */ new Map(), ut = h(null), S = h(null), C = h(null), w = h({
+			left: 0,
+			maxHeight: 480
+		}), T = h("2026-01-01"), E = h("2026-01-01"), D = h(null), O = h(null), k = h(null), A = ae({
+			h: 0,
+			m: 0,
+			s: 0
+		}), j = ae({
+			h: 23,
+			m: 59,
+			s: 59
+		}), M = ae({
+			d: 0,
+			h: 0,
+			m: 0
+		}), N = i(() => y.timeZone || Intl.DateTimeFormat().resolvedOptions().timeZone), P = i(() => y.range && y.mode !== "duration"), F = i(() => y.mode === "datetime"), dt = i(() => y.weekStartsOn ?? Vt()), ft = i(() => new Intl.DateTimeFormat(y.locale, {
+			year: "numeric",
+			month: "short",
+			day: "numeric",
+			timeZone: "UTC"
+		})), I = i(() => new Intl.DateTimeFormat(y.locale, {
+			year: "numeric",
+			month: "short",
+			day: "numeric",
+			hour: "2-digit",
+			minute: "2-digit",
+			second: y.showSeconds ? "2-digit" : void 0,
+			hourCycle: "h23",
+			timeZone: N.value,
+			timeZoneName: "short"
+		})), pt = i(() => new Intl.DateTimeFormat(y.locale, {
+			month: "long",
+			year: "numeric",
+			timeZone: "UTC"
+		})), mt = i(() => new Intl.DateTimeFormat(y.locale, {
+			weekday: "long",
+			year: "numeric",
+			month: "long",
+			day: "numeric",
+			timeZone: "UTC"
+		})), ht = i(() => new Intl.DateTimeFormat(y.locale, {
+			day: "numeric",
+			timeZone: "UTC"
+		})), gt = i(() => {
+			let e = new Intl.DateTimeFormat(y.locale, {
+				weekday: "short",
+				timeZone: "UTC"
+			}), t = new Intl.DateTimeFormat(y.locale, {
+				weekday: "long",
+				timeZone: "UTC"
+			});
+			return Array.from({ length: 7 }, (n, r) => {
+				let i = new Date(tt + (dt.value + r) % 7 * 864e5);
+				return {
+					short: e.format(i),
+					long: t.format(i)
+				};
+			});
+		}), _t = i(() => new Intl.DateTimeFormat(y.locale, {
+			timeZone: N.value,
+			timeZoneName: "short"
+		}).formatToParts(Date.now()).find((e) => e.type === "timeZoneName")?.value ?? N.value), L = i(() => K(Date.now()).day), R = i(() => y.minDate ? Y(y.minDate) : null), z = i(() => y.maxDate ? Y(y.maxDate) : null), vt = i(() => y.minDate ? J(y.minDate) : null), yt = i(() => y.maxDate ? Qe.test(y.maxDate) ? q(W(y.maxDate, 1), 0, 0, 0) - 1e3 : J(y.maxDate) : null), B = i(() => {
+			let e = Ze.value;
+			return P.value ? Array.isArray(e) ? [e[0] || null, e[1] || null] : [null, null] : [typeof e == "string" && e ? e : null];
+		}), bt = i(() => B.value.some(Boolean)), xt = i(() => {
+			let [e, t] = B.value;
+			if (!e) return "";
+			if (y.mode === "duration") {
+				let t = Ut(e);
+				return t === null ? e : Gt(t);
+			}
+			if (y.mode === "date") {
+				let n = Y(e), r = t ? Y(t) : null;
+				return n ? P.value ? r ? ft.value.formatRange(U(n), U(r)) : `${ft.value.format(U(n))} –` : ft.value.format(U(n)) : e;
+			}
+			let n = J(e), r = t ? J(t) : null;
+			return n === null ? e : P.value ? r === null ? `${I.value.format(n)} –` : I.value.formatRange(n, r) : I.value.format(n);
+		}), St = i(() => B.value.filter(Boolean).join("/")), Ct = i(() => {
+			let e = (Bt(T.value) - dt.value + 7) % 7, t = W(T.value, -e);
+			return Array.from({ length: 6 }, (e, n) => Array.from({ length: 7 }, (e, r) => W(t, n * 7 + r)));
+		}), wt = i(() => !P.value || !O.value ? null : k.value ?? D.value ?? null), V = i(() => O.value ? q(O.value, A.h, A.m, A.s) : null), Tt = i(() => k.value ? q(k.value, j.h, j.m, j.s) : null), Et = i(() => {
+			if (!F.value) return "";
+			let e = P.value ? [V.value, Tt.value] : [V.value];
+			for (let t of e) if (t !== null) {
+				if (vt.value !== null && t < vt.value) return `Choose a time from ${I.value.format(vt.value)}`;
+				if (yt.value !== null && t > yt.value) return `Choose a time up to ${I.value.format(yt.value)}`;
+			}
+			return P.value && V.value !== null && Tt.value !== null && Tt.value < V.value ? "The end must be after the start" : "";
+		}), Dt = i(() => y.mode === "duration" ? !0 : !O.value || P.value && !k.value ? !1 : !Et.value), Ot = i(() => M.d * 86400 + M.h * 3600 + M.m * 60), kt = i(() => {
+			let e = [{
+				key: "start",
+				label: P.value ? "Start" : "Time",
+				clock: A
+			}];
+			return P.value && e.push({
+				key: "end",
+				label: "End",
+				clock: j
+			}), e.map((e) => ({
+				...e,
+				spinners: Xt(e.clock, e.label)
+			}));
+		}), At = i(() => [
+			Z("d", "Days", 0, 999, !1, !1, () => M.d, (e) => M.d = e),
+			Z("h", "Hours", 0, 23, !1, !1, () => M.h, (e) => M.h = e),
+			Z("m", "Minutes", 0, 59, !1, !1, () => M.m, (e) => M.m = e)
+		]), jt = h(!1), Mt = i(() => b.value || jt.value), Nt = i(() => !!y.label && (bt.value || Mt.value)), Pt = i(() => y.errorMsg || y.hint ? ct : void 0), Ft = i(() => {
+			if (y.mode === "duration") return y.label || "Choose duration";
+			let e = P.value ? "date range" : F.value ? "date and time" : "date";
+			return y.label ? `${y.label}: choose ${e}` : `Choose ${e}`;
+		}), It = i(() => y.mode === "duration" ? _e : P.value ? pe : fe);
+		function Lt(e) {
+			return String(e).padStart(2, "0");
+		}
+		function Rt(e, t, n) {
+			let r = new Date(Date.UTC(e, t - 1, n));
+			return `${r.getUTCFullYear()}-${Lt(r.getUTCMonth() + 1)}-${Lt(r.getUTCDate())}`;
+		}
+		function H(e) {
+			let [t, n, r] = e.split("-").map(Number);
+			return {
+				y: t,
+				m: n,
+				d: r
+			};
+		}
+		function U(e) {
+			let { y: t, m: n, d: r } = H(e);
+			return new Date(Date.UTC(t, n - 1, r));
+		}
+		function W(e, t) {
+			let { y: n, m: r, d: i } = H(e);
+			return Rt(n, r, i + t);
+		}
+		function zt(e, t) {
+			let { y: n, m: r, d: i } = H(e), a = new Date(Date.UTC(n, r - 1 + t + 1, 0)).getUTCDate();
+			return Rt(n, r + t, Math.min(i, a));
+		}
+		function G(e) {
+			return `${e.slice(0, 7)}-01`;
+		}
+		function Bt(e) {
+			return U(e).getUTCDay();
+		}
+		function Vt() {
+			try {
+				let e = new Intl.Locale(y.locale ?? navigator.language), t = (e.getWeekInfo?.() ?? e.weekInfo)?.firstDay;
+				if (t) return t % 7;
+			} catch {}
+			return 0;
+		}
+		function K(e) {
+			let t = lt.get(N.value);
+			t || (t = new Intl.DateTimeFormat("en-US", {
+				timeZone: N.value,
+				hourCycle: "h23",
+				year: "numeric",
+				month: "2-digit",
+				day: "2-digit",
+				hour: "2-digit",
+				minute: "2-digit",
+				second: "2-digit"
+			}), lt.set(N.value, t));
+			let n = {};
+			for (let { type: r, value: i } of t.formatToParts(e)) r !== "literal" && (n[r] = Number(i));
+			return {
+				day: Rt(n.year, n.month, n.day),
+				h: n.hour % 24,
+				m: n.minute,
+				s: n.second
+			};
+		}
+		function Ht(e) {
+			let t = K(e), { y: n, m: r, d: i } = H(t.day);
+			return Date.UTC(n, r - 1, i, t.h, t.m, t.s) - Math.floor(e / 1e3) * 1e3;
+		}
+		function q(e, t, n, r) {
+			let { y: i, m: a, d: o } = H(e), s = Date.UTC(i, a - 1, o, t, n, r), c = Ht(s), l = s - c, u = Ht(l);
+			return u === c ? l : s - u;
+		}
+		function J(e) {
+			let t = $e.exec(e);
+			if (t) return q(t[1], Number(t[2]), Number(t[3]), Number(t[4] ?? 0));
+			if (Qe.test(e)) return q(e, 0, 0, 0);
+			let n = Date.parse(e);
+			return Number.isNaN(n) ? null : n;
+		}
+		function Y(e) {
+			if (Qe.test(e)) return e;
+			let t = J(e);
+			return t === null ? null : K(t).day;
+		}
+		function X(e) {
+			return new Date(e).toISOString().replace(/\.000Z$/, "Z");
+		}
+		function Ut(e) {
+			let t = e.replace(/\s+/g, "");
+			if (!t) return null;
+			if (t === "0") return 0;
+			let n = /(\d+(?:\.\d+)?)(ns|us|µs|ms|w|d|h|m|s)/y, r = 0, i = 0, a;
+			for (; a = n.exec(t);) r += Number(a[1]) * et[a[2]], i = n.lastIndex;
+			return i === t.length ? r : null;
+		}
+		function Wt(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 Gt(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`,
+				n && `${n}h`,
+				r && `${r}m`,
+				i && `${i}s`
+			].filter(Boolean).join(" ") || "0m";
+		}
+		function Kt(e) {
+			return R.value && e < R.value || z.value && e > z.value ? !0 : y.isDateDisabled?.(e) ?? !1;
+		}
+		function qt(e) {
+			return e === O.value || P.value && e === (k.value ?? wt.value);
+		}
+		function Jt(e) {
+			let t = O.value, n = wt.value;
+			if (!t || !n) return !1;
+			let [r, i] = t <= n ? [t, n] : [n, t];
+			return e >= r && e <= i;
+		}
+		function Yt(e) {
+			let t = O.value, n = wt.value, [r, i] = t <= n ? [t, n] : [n, t];
+			return [e === r && "rounded-l-6", e === i && "rounded-r-6"];
+		}
+		function Z(e, t, n, r, i, a, o, s) {
+			return {
+				key: e,
+				label: t,
+				min: n,
+				max: r,
+				wrap: i,
+				padded: a,
+				get: o,
+				set: s
+			};
+		}
+		function Xt(e, t) {
+			let n = [Z("h", `${t} hours`, 0, 23, !0, !0, () => e.h, (t) => e.h = t), Z("m", `${t} minutes`, 0, 59, !0, !0, () => e.m, (t) => e.m = t)];
+			return y.showSeconds && n.push(Z("s", `${t} seconds`, 0, 59, !0, !0, () => e.s, (t) => e.s = t)), n;
+		}
+		function Zt(e) {
+			return e.padded ? Lt(e.get()) : String(e.get());
+		}
+		function Qt(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 = Zt(t));
+		}
+		function $t(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 en(e, t) {
+			e.target.value = Zt(t);
+		}
+		function tn() {
+			if (D.value = null, y.mode === "duration") {
+				let e = B.value[0] ? Ut(B.value[0]) ?? 0 : 0;
+				M.d = Math.floor(e / 86400), M.h = Math.floor(e % 86400 / 3600), M.m = Math.floor(e % 3600 / 60);
+				return;
+			}
+			let [e, t] = B.value;
+			if (O.value = null, k.value = null, Object.assign(A, {
+				h: 0,
+				m: 0,
+				s: 0
+			}), Object.assign(j, {
+				h: 23,
+				m: 59,
+				s: y.showSeconds ? 59 : 0
+			}), F.value) {
+				let n = e ? J(e) : null, r = t ? J(t) : null;
+				if (n !== null) {
+					let e = K(n);
+					O.value = e.day, Object.assign(A, {
+						h: e.h,
+						m: e.m,
+						s: e.s
+					});
+				}
+				if (r !== null) {
+					let e = K(r);
+					k.value = e.day, Object.assign(j, {
+						h: e.h,
+						m: e.m,
+						s: e.s
+					});
+				}
+			} else O.value = e ? Y(e) : null, k.value = t ? Y(t) : null;
+			let n = O.value ?? L.value;
+			!O.value && R.value && n < R.value && (n = R.value), !O.value && z.value && n > z.value && (n = z.value), E.value = n, T.value = G(n);
+		}
+		function nn() {
+			let e = S.value;
+			if (!e) return;
+			let t = e.getBoundingClientRect(), n = C.value?.offsetWidth ?? 300, r = C.value?.offsetHeight ?? 380, i = window.innerHeight - t.bottom - 6 - 8, a = t.top - 6 - 8, o = i < r && a > i, s = Math.max(8, Math.min(t.left, window.innerWidth - n - 8));
+			w.value = o ? {
+				bottom: window.innerHeight - t.top + 6,
+				left: s,
+				maxHeight: Math.max(200, a)
+			} : {
+				top: t.bottom + 6,
+				left: s,
+				maxHeight: Math.max(200, i)
+			};
+		}
+		function rn() {
+			y.disabled || b.value || (b.value = !0);
+		}
+		function Q(e = !0) {
+			b.value && (b.value = !1, e && S.value?.focus());
+		}
+		async function an() {
+			tn(), nn(), yn(), await te(), nn(), y.mode === "duration" ? C.value?.querySelector("input")?.focus() : on();
+		}
+		function on() {
+			te(() => C.value?.querySelector(`[data-day="${E.value}"]`)?.focus());
+		}
+		function $(e) {
+			Ze.value = e, Q();
+		}
+		function sn(e) {
+			if (!Kt(e)) {
+				if (E.value = e, G(e) !== T.value && (T.value = G(e), on()), !P.value) {
+					O.value = e, F.value || $(e);
+					return;
+				}
+				if (!O.value || k.value) {
+					O.value = e, k.value = null;
+					return;
+				}
+				e < O.value ? (k.value = O.value, O.value = e) : k.value = e, D.value = null, F.value || $([O.value, k.value]);
+			}
+		}
+		function cn() {
+			if (Dt.value) {
+				if (y.mode === "duration") return $(Wt(Ot.value));
+				if (!F.value) return $(P.value ? [O.value, k.value] : O.value);
+				$(P.value ? [X(V.value), X(Tt.value)] : X(V.value));
+			}
+		}
+		function ln() {
+			let e = K(Date.now());
+			O.value = e.day, Object.assign(A, {
+				h: e.h,
+				m: e.m,
+				s: y.showSeconds ? e.s : 0
+			}), E.value = e.day, T.value = G(e.day);
+		}
+		function un() {
+			sn(L.value);
+		}
+		function dn(e) {
+			if (e.value) return $(e.value());
+			if (!e.duration) return;
+			if (y.mode === "duration") return $(Wt(Ut(e.duration) ?? 0));
+			let t = Math.floor(Date.now() / 1e3) * 1e3, n = t - (Ut(e.duration) ?? 0) * 1e3;
+			if (y.mode === "date") return $(P.value ? [K(n).day, K(t).day] : K(n).day);
+			$(P.value ? [X(n), X(t)] : X(n));
+		}
+		function fn() {
+			Ze.value = null, S.value?.focus();
+		}
+		function pn(e) {
+			T.value = zt(T.value, e), E.value = zt(E.value, e);
+		}
+		function mn(e) {
+			let t = E.value, n = (Bt(t) - dt.value + 7) % 7, r = {
+				ArrowLeft: () => W(t, -1),
+				ArrowRight: () => W(t, 1),
+				ArrowUp: () => W(t, -7),
+				ArrowDown: () => W(t, 7),
+				Home: () => W(t, -n),
+				End: () => W(t, 6 - n),
+				PageUp: () => zt(t, e.shiftKey ? -12 : -1),
+				PageDown: () => zt(t, e.shiftKey ? 12 : 1)
+			};
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault(), sn(t);
+				return;
+			}
+			let i = r[e.key];
+			i && (e.preventDefault(), E.value = i(), T.value = G(E.value), P.value && O.value && !k.value && (D.value = E.value), on());
+		}
+		function hn(e) {
+			if (e.key === "Escape") {
+				e.preventDefault(), e.stopPropagation(), Q();
+				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 (!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 gn(e) {
+			(e.key === "ArrowDown" || e.key === "ArrowUp" && e.altKey) && (e.preventDefault(), rn());
+		}
+		function _n(e) {
+			let t = e.target;
+			ut.value?.contains(t) || C.value?.contains(t) || Q(!1);
+		}
+		function vn(e) {
+			e && C.value?.contains(e.target) || nn();
+		}
+		function yn() {
+			document.addEventListener("pointerdown", _n, !0), window.addEventListener("scroll", vn, !0), window.addEventListener("resize", vn);
+		}
+		function bn() {
+			document.removeEventListener("pointerdown", _n, !0), window.removeEventListener("scroll", vn, !0), window.removeEventListener("resize", vn);
+		}
+		return ue(b, (e) => e ? an() : bn()), ie(() => {
+			b.value && an();
+		}), re(bn), f({ focus: () => S.value?.focus() }), (i, f) => (m(), s("div", ee({
+			ref_key: "root",
+			ref: ut
+		}, rt.value, {
+			class: ["w-full", d.disabled && "opacity-60"],
+			"data-ac-ds": "",
+			"data-testid": "ac-date-picker"
+		}), [
+			c("div", ye, [
+				c("button", ee({
+					id: `${v(x)}-trigger`,
+					ref_key: "trigger",
+					ref: S
+				}, it.value, {
+					type: "button",
+					disabled: d.disabled,
+					"aria-haspopup": "dialog",
+					"aria-expanded": b.value,
+					"aria-labelledby": d.label ? `${at} ${ot}` : ot,
+					"aria-describedby": Pt.value,
+					"aria-invalid": !!d.errorMsg || void 0,
+					"aria-required": d.required || void 0,
+					class: ["flex w-full items-center rounded-6 border bg-surface pr-16 pl-3 text-left text-base text-heading shadow-xs transition-[border-color,box-shadow] duration-150 outline-none disabled:cursor-not-allowed disabled:bg-surface-muted", [
+						d.size === "small" ? "h-9" : "h-10",
+						d.disabled ? "" : "cursor-pointer",
+						d.errorMsg ? ["border-red-60", Mt.value && "border-danger shadow-[0_0_0_3px_var(--color-red-90)]"] : Mt.value ? "focus-ring" : "border-border hover:border-border-dark"
+					]],
+					onClick: f[0] ||= (e) => b.value ? Q() : rn(),
+					onKeydown: gn,
+					onFocus: f[1] ||= (e) => jt.value = !0,
+					onBlur: f[2] ||= (e) => jt.value = !1
+				}), [c("span", {
+					id: ot,
+					class: p(["truncate tabular-nums", !xt.value && "text-muted"])
+				}, _(xt.value || (d.label ? "" : d.placeholder || (d.mode === "duration" ? "Choose duration" : "Choose date"))), 3)], 16, be),
+				d.label ? (m(), s("label", {
+					key: 0,
+					id: at,
+					for: `${v(x)}-trigger`,
+					class: p(["pointer-events-none absolute left-2.5 rounded-2 px-1 transition-all duration-150 ease-out", [
+						d.disabled ? "bg-linear-to-b from-surface from-50% to-surface-muted to-50%" : "bg-surface",
+						Nt.value ? "top-0 -translate-y-1/2 text-xs font-medium" : "top-1/2 -translate-y-1/2 text-base text-muted",
+						Nt.value && (d.errorMsg ? "text-red-30" : Mt.value ? "text-primary-20" : "text-label")
+					]])
+				}, [l(_(d.label), 1), d.required ? (m(), s("span", Se, " *")) : o("", !0)], 10, xe)) : o("", !0),
+				c("span", Ce, [d.clearable && bt.value && !d.disabled ? (m(), s("button", {
+					key: 0,
+					type: "button",
+					class: "pointer-events-auto inline-flex size-6 cursor-pointer items-center justify-center rounded-4 transition hover:bg-surface-sunken hover:text-heading focus-visible:ring-[3px] focus-visible:ring-ring focus-visible:outline-none",
+					"aria-label": d.label ? `Clear ${d.label}` : "Clear",
+					onClick: fn
+				}, [u(v(ve), {
+					class: "size-3.5",
+					"aria-hidden": "true"
+				})], 8, we)) : o("", !0), (m(), a(oe(It.value), {
+					class: p(["mx-1 size-4", b.value && "text-heading"]),
+					"aria-hidden": "true"
+				}, null, 8, ["class"]))])
+			]),
+			d.errorMsg ? (m(), s("p", {
+				key: 0,
+				id: ct,
+				class: "mt-1.5 flex items-center gap-1 text-xs text-red-30"
+			}, [u(v(ge), {
+				class: "size-3.5 shrink-0",
+				"aria-hidden": "true"
+			}), l(" " + _(d.errorMsg), 1)])) : d.hint ? (m(), s("p", {
+				key: 1,
+				id: ct,
+				class: "mt-1.5 text-xs text-muted"
+			}, _(d.hint), 1)) : o("", !0),
+			d.name ? (m(), s("input", {
+				key: 2,
+				type: "hidden",
+				name: d.name,
+				value: St.value
+			}, null, 8, Te)) : o("", !0),
+			(m(), a(n, { to: "body" }, [u(r, {
+				"enter-active-class": "transition duration-150 ease-out motion-reduce:transition-opacity",
+				"enter-from-class": "opacity-0 -translate-y-1 scale-[0.98]",
+				"leave-active-class": "transition duration-100 ease-in",
+				"leave-to-class": "opacity-0"
+			}, {
+				default: de(() => [b.value ? (m(), s("div", {
+					key: 0,
+					ref_key: "panel",
+					ref: C,
+					role: "dialog",
+					"aria-modal": "true",
+					"aria-label": Ft.value,
+					class: "ac-scrollbar fixed z-[90] flex max-w-[calc(100vw-16px)] flex-col rounded-10 border border-border bg-surface shadow-lg sm:flex-row",
+					style: ne({
+						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`
+					}),
+					"data-ac-ds": "",
+					"data-testid": "ac-date-picker-panel",
+					onKeydown: hn
+				}, [d.presets.length ? (m(), s("div", De, [(m(!0), s(t, null, g(d.presets, (e) => (m(), s("button", {
+					key: e.label,
+					type: "button",
+					class: "cursor-pointer rounded-6 px-2.5 py-1.5 text-left text-base text-heading transition-colors hover:bg-surface-muted focus-visible:ring-[3px] focus-visible:ring-ring focus-visible:outline-none max-sm:border max-sm:border-border max-sm:py-1 max-sm:text-xs",
+					onClick: (t) => dn(e)
+				}, _(e.label), 9, Oe))), 128))])) : o("", !0), c("div", { class: p(["max-w-full min-w-0", d.mode === "duration" ? "w-72" : "w-[calc(276px*var(--ac-scale))]"]) }, [d.mode === "duration" ? (m(), s("div", ke, [
+					c("p", Ae, _(d.label || "Duration"), 1),
+					c("p", je, _(Gt(Ot.value)), 1),
+					c("div", Me, [(m(!0), s(t, null, g(At.value, (e) => (m(), s("label", {
+						key: e.key,
+						class: "block"
+					}, [c("span", Ne, _(e.label), 1), c("input", {
+						type: "text",
+						inputmode: "numeric",
+						role: "spinbutton",
+						autocomplete: "off",
+						value: Zt(e),
+						"aria-valuenow": e.get(),
+						"aria-valuemin": e.min,
+						"aria-valuemax": e.max,
+						class: "h-9 w-full rounded-6 border border-border bg-surface px-2.5 text-center text-base text-heading tabular-nums shadow-xs transition-[border-color,box-shadow] outline-none hover:border-border-dark focus:focus-ring",
+						onKeydown: (t) => Qt(t, e),
+						onInput: (t) => $t(t, e),
+						onBlur: (t) => en(t, e),
+						onFocus: f[3] ||= (e) => e.target.select()
+					}, null, 40, Pe)]))), 128))]),
+					f[10] ||= c("p", { class: "mt-2 text-xs text-muted" }, "↑ ↓ to adjust, or type a number.", -1)
+				])) : (m(), s("div", Fe, [
+					c("div", Ie, [
+						c("button", {
+							type: "button",
+							class: "inline-flex size-8 cursor-pointer items-center justify-center rounded-6 text-muted transition hover:bg-surface-muted hover:text-heading focus-visible:ring-[3px] focus-visible:ring-ring focus-visible:outline-none",
+							"aria-label": "Previous month",
+							onClick: f[4] ||= (e) => pn(-1)
+						}, [u(v(me), {
+							class: "size-4",
+							"aria-hidden": "true"
+						})]),
+						c("p", {
+							id: st,
+							class: "text-base font-semibold text-heading",
+							"aria-live": "polite"
+						}, _(pt.value.format(U(T.value))), 1),
+						c("button", {
+							type: "button",
+							class: "inline-flex size-8 cursor-pointer items-center justify-center rounded-6 text-muted transition hover:bg-surface-muted hover:text-heading focus-visible:ring-[3px] focus-visible:ring-ring focus-visible:outline-none",
+							"aria-label": "Next month",
+							onClick: f[5] ||= (e) => pn(1)
+						}, [u(v(he), {
+							class: "size-4",
+							"aria-hidden": "true"
+						})])
+					]),
+					c("table", {
+						role: "grid",
+						"aria-labelledby": st,
+						class: "border-collapse",
+						onKeydown: mn
+					}, [c("thead", null, [c("tr", null, [(m(!0), s(t, null, g(gt.value, (e) => (m(), s("th", {
+						key: e.long,
+						scope: "col",
+						abbr: e.long,
+						class: "h-8 w-9 text-center text-xs font-medium text-muted"
+					}, _(e.short.slice(0, 2)), 9, Le))), 128))])]), c("tbody", { onMouseleave: f[6] ||= (e) => D.value = null }, [(m(!0), s(t, null, g(Ct.value, (e, n) => (m(), s("tr", { key: n }, [(m(!0), s(t, null, g(e, (e) => (m(), s("td", {
+						key: e,
+						role: "gridcell",
+						"aria-selected": qt(e) || Jt(e),
+						class: "p-0 py-0.5"
+					}, [c("div", { class: p(Jt(e) && ["bg-primary-95", ...Yt(e)]) }, [c("button", {
+						type: "button",
+						"data-day": e,
+						tabindex: e === E.value ? 0 : -1,
+						"aria-label": mt.value.format(U(e)),
+						"aria-disabled": Kt(e) || void 0,
+						"aria-current": e === L.value ? "date" : void 0,
+						class: p(["relative inline-flex size-9 items-center justify-center rounded-6 text-base tabular-nums transition-colors outline-none focus-visible:ring-[3px] focus-visible:ring-ring", [Kt(e) ? "cursor-not-allowed text-slate-70 line-through" : qt(e) ? "cursor-pointer bg-primary font-semibold text-white shadow-button" : ["cursor-pointer hover:bg-surface-sunken", G(e) === T.value ? e === L.value ? "font-semibold text-primary-20" : "text-heading" : "text-muted"]]]),
+						onClick: (t) => sn(e),
+						onMouseenter: (t) => P.value && O.value && !k.value && (D.value = e)
+					}, [l(_(ht.value.format(U(e))) + " ", 1), e === L.value && !qt(e) ? (m(), s("span", Be)) : o("", !0)], 42, ze)], 2)], 8, Re))), 128))]))), 128))], 32)], 32),
+					F.value ? (m(), s("div", Ve, [(m(!0), s(t, null, g(kt.value, (e) => (m(), s("div", {
+						key: e.key,
+						class: "flex items-center justify-between gap-3",
+						role: "group",
+						"aria-label": `${e.label} time`
+					}, [c("span", Ue, _(e.label), 1), c("span", We, [(m(!0), s(t, null, g(e.spinners, (e, n) => (m(), s(t, { key: e.key }, [n > 0 ? (m(), s("span", Ge, ":")) : o("", !0), c("input", {
+						type: "text",
+						inputmode: "numeric",
+						role: "spinbutton",
+						autocomplete: "off",
+						maxlength: "2",
+						value: Zt(e),
+						"aria-label": e.label,
+						"aria-valuenow": e.get(),
+						"aria-valuemin": e.min,
+						"aria-valuemax": e.max,
+						class: "h-8 w-10 rounded-6 border border-border bg-surface text-center text-base text-heading tabular-nums shadow-xs transition-[border-color,box-shadow] outline-none hover:border-border-dark focus:focus-ring",
+						onKeydown: (t) => Qt(t, e),
+						onInput: (t) => $t(t, e),
+						onBlur: (t) => en(t, e),
+						onFocus: f[7] ||= (e) => e.target.select()
+					}, null, 40, Ke)], 64))), 128))])], 8, He))), 128)), c("p", qe, [l("Times in " + _(_t.value), 1), _t.value === N.value ? o("", !0) : (m(), s(t, { key: 0 }, [l(" (" + _(N.value) + ")", 1)], 64))])])) : o("", !0)
+				])), F.value || d.mode === "duration" || !P.value ? (m(), s("div", Je, [
+					d.mode !== "duration" && !P.value ? (m(), s("button", {
+						key: 0,
+						type: "button",
+						class: "cursor-pointer rounded-4 text-xs font-medium text-primary-20 hover:underline focus-visible:ring-[3px] focus-visible:ring-ring focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+						disabled: Kt(L.value),
+						onClick: f[8] ||= (e) => F.value ? ln() : un()
+					}, _(F.value ? "Now" : "Today"), 9, Ye)) : o("", !0),
+					Et.value ? (m(), s("p", Xe, _(Et.value), 1)) : o("", !0),
+					f[11] ||= c("span", { class: "flex-1" }, null, -1),
+					F.value || d.mode === "duration" ? (m(), s(t, { key: 2 }, [u(e, {
+						title: "Cancel",
+						color: "white",
+						size: "small",
+						onClick: f[9] ||= (e) => Q()
+					}), u(e, {
+						title: "Apply",
+						size: "small",
+						disabled: !Dt.value,
+						onClick: cn
+					}, null, 8, ["disabled"])], 64)) : o("", !0)
+				])) : o("", !0)], 2)], 44, Ee)) : o("", !0)]),
+				_: 1
+			})]))
+		], 16));
+	}
+});
+//#endregion
+export { y as default };