@orvui/vue 0.0.0-stage → 0.1.1

package/dist/date-range-picker-qAV-xpKc.js

@@ -0,0 +1,941 @@
+import { s as e, t } from "./composables-BJ1sih_H.js";
+import { l as n, o as r, r as i } from "./ease-rIvCM4O3.js";
+import { t as a } from "./utils-DIrLOK2M.js";
+import { n as o, r as s, t as c } from "./popover-CMwRDauk.js";
+import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, h as v, inject as y, mergeProps as b, nextTick as x, normalizeClass as S, normalizeStyle as C, onBeforeUnmount as ee, onMounted as w, openBlock as T, provide as te, ref as E, renderList as D, renderSlot as O, resolveDynamicComponent as k, toDisplayString as A, unref as j, useAttrs as M, useId as ne, useSlots as N, watch as P, withCtx as F } from "vue";
+import { AnimatePresence as re, motion as I } from "motion-v";
+import { ArrowRight as ie, CalendarDays as L, ChevronDown as R, ChevronLeft as z, ChevronRight as B } from "lucide-vue-next";
+// src/motion/date-range-picker/src/date-utils.ts
+var V = 864e5;
+function H(e) {
+	let t = /^(\d{4})-(\d{2})-(\d{2})$/.exec(e), n = t && /* @__PURE__ */ new Date(0);
+	if (n && t && (n.setUTCHours(0, 0, 0, 0), n.setUTCFullYear(Number(t[1]), Number(t[2]) - 1, Number(t[3]))), !n || n.toISOString().slice(0, 10) !== e) throw Error(`Invalid calendar date: ${e}. Use YYYY-MM-DD.`);
+	return n.getTime();
+}
+function U(e) {
+	return new Date(e).toISOString().slice(0, 10);
+}
+function W(e) {
+	return e.slice(0, 7) + "-01";
+}
+function ae(e, t) {
+	let n = new Date(H(e)), r = Math.max(0, Math.min(119999, n.getUTCFullYear() * 12 + n.getUTCMonth() + Math.trunc(t))), i = Math.floor(r / 12), a = r % 12, o = /* @__PURE__ */ new Date(0);
+	o.setUTCFullYear(i, a + 1, 0), o.setUTCHours(0, 0, 0, 0);
+	let s = o.getUTCDate();
+	return o.setUTCFullYear(i, a, Math.min(n.getUTCDate(), s)), U(o.getTime());
+}
+function oe(e, t) {
+	let [n, r] = [e, t].sort();
+	return {
+		from: n,
+		to: r
+	};
+}
+// src/motion/date-range-picker/src/controller.ts
+function G(t, n) {
+	let r = /* @__PURE__ */ new Date(), i = [
+		String(r.getFullYear()).padStart(4, "0"),
+		String(r.getMonth() + 1).padStart(2, "0"),
+		String(r.getDate()).padStart(2, "0")
+	].join("-"), a = E(t.defaultValue ?? null), o = E(t.defaultOpen ?? !1), s = u({
+		get: () => t.modelValue === void 0 ? t.value === void 0 ? a.value : t.value : t.modelValue,
+		set: (e) => {
+			a.value = e, n("update:modelValue", e), n("valueChange", e), n("change", e);
+		}
+	}), c = u({
+		get: () => t.open ?? o.value,
+		set: (e) => {
+			e !== c.value && (o.value = e, n("update:open", e), n("openChange", e));
+		}
+	}), l = u(() => t.defaultMonth ?? s.value?.from ?? (t.min && i < t.min ? t.min : t.max && i > t.max ? t.max : i)), d = E(W(l.value)), f = E(s.value?.from ?? l.value), p = E(null), m = E("days"), h = E(Math.floor(Number(l.value.slice(0, 4)) / 12) * 12), g = E(1), _ = E(""), v = ne(), y = E(null), b = E(null), S = E(null), C = E(null), w = E(null), T = E(!1), te = e(), D = !1, O = 0, k = (e, t, n) => Math.min(n, Math.max(t, e)), A = (e, n = {
+		month: "short",
+		day: "numeric"
+	}) => new Intl.DateTimeFormat(t.locale ?? "en-US", {
+		...n,
+		timeZone: "UTC"
+	}).format(H(e));
+	P(() => [
+		t.min,
+		t.max,
+		t.defaultMonth,
+		s.value?.from,
+		s.value?.to
+	], () => {
+		for (let e of [
+			t.min,
+			t.max,
+			t.defaultMonth,
+			s.value?.from,
+			s.value?.to
+		]) e && H(e);
+		if (t.min && t.max && t.min > t.max) throw Error("DateRangePicker min must not exceed max.");
+		if (s.value?.to && s.value.to < s.value.from) throw Error("DateRangePicker range must be ordered.");
+	}, { immediate: !0 });
+	function j(e) {
+		let n = t.min ? W(t.min) : "0000-01-01", r = t.max ? W(t.max) : "9999-12-01";
+		return e < n ? n : e > r ? r : e;
+	}
+	P(() => [t.min, t.max], () => {
+		d.value = j(d.value);
+	}, { immediate: !0 });
+	let M = (e) => !!(t.disabled || t.min && e < t.min || t.max && e > t.max || t.isDateDisabled?.(e));
+	function N(e) {
+		let n = e.to ?? e.from;
+		if (n < e.from || M(e.from) || M(n)) return !1;
+		if (t.isDateDisabled) {
+			for (let t = H(e.from) + V, r = H(n); t < r; t += V) if (M(U(t))) return !1;
+		}
+		return !0;
+	}
+	let F = u(() => {
+		let e = H(d.value), t = new Date(e);
+		return t.setUTCMonth(t.getUTCMonth() + 1, 0), Array.from({ length: t.getUTCDate() }, (t, n) => U(e + n * V));
+	}), re = u(() => {
+		let e = new Date(H(d.value)).getUTCDay();
+		return Array.from({ length: 6 }, (t, n) => Array.from({ length: 7 }, (t, r) => F.value[n * 7 + r - e] ?? null));
+	}), I = u(() => f.value && F.value.includes(f.value) && !M(f.value) ? f.value : F.value.find((e) => !M(e)) ?? null), ie = u(() => {
+		let e = s.value;
+		if (!e || e.to || !p.value) return e;
+		let t = oe(e.from, p.value);
+		return N(t) ? t : e;
+	}), L = u(() => Number(d.value.slice(0, 4))), R = u(() => t.min ? Number(t.min.slice(0, 4)) : 0), z = u(() => t.max ? Number(t.max.slice(0, 4)) : 9999), B = u(() => Math.max(R.value, z.value - 11)), G = u(() => Math.min(h.value + 11, z.value));
+	P([
+		R,
+		z,
+		h
+	], () => {
+		h.value = k(h.value, R.value, B.value);
+	}, { immediate: !0 });
+	let K = u(() => !!t.disabled || (m.value === "years" ? h.value <= R.value : m.value === "months" ? L.value <= R.value : d.value <= (t.min ? W(t.min) : "0000-01-01"))), q = u(() => !!t.disabled || (m.value === "years" ? h.value >= B.value : m.value === "months" ? L.value >= z.value : d.value >= (t.max ? W(t.max) : "9999-12-01")));
+	async function J(e) {
+		let t = ++O;
+		await x(), !D && t === O && e();
+	}
+	async function Y() {
+		await J(() => (S.value?.querySelector("button[tabindex=\"0\"]") ?? S.value)?.focus({ preventScroll: !0 }));
+	}
+	async function X() {
+		let e = m.value;
+		m.value = "days", await J(() => (e === "years" ? w.value : C.value)?.focus({ preventScroll: !0 }));
+	}
+	function Z(e) {
+		t.disabled || (m.value === e ? X() : (p.value = null, T.value = !0, e === "years" && (h.value = k(R.value + Math.floor((L.value - R.value) / 12) * 12, R.value, B.value)), m.value = e));
+	}
+	function se(e) {
+		if (t.disabled) return;
+		let n = j(W(e));
+		g.value = n >= d.value ? 1 : -1, d.value = n, f.value = n, p.value = null, X();
+	}
+	function Q(e) {
+		t.disabled || (e === null ? (s.value = null, p.value = null) : N(e) && (s.value = e, p.value = null, e.to && t.closeOnSelect && (c.value &&= !1)));
+	}
+	function ce(e) {
+		if (M(e)) return;
+		f.value = e;
+		let t = s.value;
+		if (!t || t.to) {
+			Q({ from: e }), _.value = `Start date ${A(e, { dateStyle: "full" })}. Choose an end date.`;
+			return;
+		}
+		let n = oe(t.from, e);
+		N(n) ? (Q(n), _.value = `${A(n.from)} to ${A(n.to)} selected.`) : _.value = "This range includes unavailable dates. Choose another end date.";
+	}
+	function le(e, t = !1, n = I.value ?? d.value) {
+		let r = ae(n, e);
+		W(r) === j(W(r)) && (g.value = e > 0 ? 1 : -1, d.value = W(r), f.value = r, p.value = null, t && Y());
+	}
+	function $(e) {
+		(e < 0 ? K.value : q.value) || (T.value = !1, g.value = e > 0 ? 1 : -1, m.value === "years" ? (h.value = k(h.value + e * 12, R.value, B.value), (h.value === R.value || h.value === B.value) && J(() => w.value?.focus({ preventScroll: !0 }))) : m.value === "months" ? (d.value = j(W(ae(d.value, e * 12))), f.value = d.value, (L.value === R.value || L.value === z.value) && J(() => C.value?.focus({ preventScroll: !0 }))) : (le(e), (d.value === (t.min && W(t.min)) || d.value === (t.max && W(t.max))) && J(() => C.value?.focus({ preventScroll: !0 }))));
+	}
+	function ue(e, n) {
+		if (e.defaultPrevented || e.isComposing || e.altKey || e.ctrlKey || e.metaKey || t.disabled) return;
+		if (e.key === "PageUp" || e.key === "PageDown") {
+			e.preventDefault(), le((e.key === "PageUp" ? -1 : 1) * (e.shiftKey ? 12 : 1), !0, n);
+			return;
+		}
+		let r = I.value ?? n, i = new Date(H(r)).getUTCDay(), a = {
+			ArrowLeft: -1,
+			ArrowRight: 1,
+			ArrowUp: -7,
+			ArrowDown: 7,
+			Home: -i,
+			End: 6 - i
+		}[e.key];
+		if (a === void 0) return;
+		e.preventDefault();
+		let o = H(r) + a * V, c = H(t.min ?? "0000-01-01"), l = H(t.max ?? "9999-12-31");
+		for (let t = 0; t < 367 && o >= c && o <= l; t++, o += (a < 0 ? -1 : 1) * V) {
+			let t = U(o);
+			if (!M(t)) {
+				g.value = W(t) >= d.value ? 1 : -1, d.value = W(t), f.value = t, p.value = s.value && !s.value.to ? t : null, Y();
+				return;
+			}
+			if (e.key === "Home" || e.key === "End") return;
+		}
+	}
+	let de = u(() => m.value === "months" ? Array.from({ length: 12 }, (e, n) => {
+		let r = `${String(L.value).padStart(4, "0")}-${String(n + 1).padStart(2, "0")}-01`;
+		return {
+			id: r,
+			label: A(r, { month: "long" }),
+			disabled: !!(t.disabled || t.min && r < W(t.min) || t.max && r > W(t.max))
+		};
+	}) : Array.from({ length: Math.max(0, G.value - h.value + 1) }, (e, n) => ({
+		id: String(h.value + n),
+		label: String(h.value + n),
+		disabled: !!t.disabled
+	})));
+	function fe() {
+		t.disabled || (Q(null), _.value = "Date range cleared.", m.value === "days" ? Y() : X());
+	}
+	function pe(e, t = "Preset") {
+		N(e) && (Q(e), g.value = e.from >= d.value ? 1 : -1, d.value = W(e.from), f.value = e.from, p.value = null, m.value !== "days" && X(), _.value = `${t} selected.`);
+	}
+	P(() => s.value?.from, (e, t) => {
+		e && e !== t && (d.value = j(W(e)), f.value = e, p.value = null, m.value = "days");
+	}), P(c, (e, t) => {
+		e && !t ? (d.value = j(W(l.value)), f.value = s.value?.from ?? l.value, p.value = null, m.value = "days", T.value = !1, _.value = "") : !e && b.value?.contains(b.value.ownerDocument.activeElement) && y.value?.focus({ preventScroll: !0 });
+	}), ee(() => {
+		D = !0, ++O;
+	});
+	let me = u(() => s.value?.to ? Math.round((H(s.value.to) - H(s.value.from)) / V) + 1 : null);
+	return {
+		props: t,
+		id: v,
+		heading: `${v}-heading`,
+		help: `${v}-help`,
+		choicesId: `${v}-choices`,
+		today: i,
+		value: s,
+		open: c,
+		month: d,
+		cursor: f,
+		preview: p,
+		view: m,
+		announcement: _,
+		anchor: y,
+		content: b,
+		grid: S,
+		monthTrigger: C,
+		yearTrigger: w,
+		focusChoices: T,
+		reduce: te,
+		direction: g,
+		format: A,
+		unavailable: M,
+		rangeAvailable: N,
+		available: N,
+		change: Q,
+		setValue: Q,
+		select: ce,
+		selectDate: ce,
+		setOpen: (e) => c.value = e,
+		page: $,
+		previous: () => $(-1),
+		next: () => $(1),
+		previousDisabled: K,
+		nextDisabled: q,
+		clear: fe,
+		openChoices: Z,
+		closeChoices: X,
+		goToMonth: se,
+		selectPreset: pe,
+		choices: de,
+		year: L,
+		yearPage: h,
+		yearPageEnd: G,
+		active: I,
+		weeks: re,
+		shownRange: ie,
+		onKey: ue,
+		dayCount: me,
+		focusDay: Y,
+		chooseMonth: () => Z("months"),
+		chooseYear: () => Z("years")
+	};
+}
+// src/motion/date-range-picker/src/DateRangePickerSummary.vue?vue&type=script&setup=true&lang.ts
+var K = { class: "mb-2.5 grid grid-cols-[1fr_auto_1fr] items-center gap-2 rounded-lg border border-border bg-muted/30 px-3 py-2" }, q = { class: "min-w-0" }, J = { class: "mb-1 text-[10px] font-medium uppercase tracking-wider text-muted-foreground" }, Y = /* @__PURE__ */ _({
+	__name: "DateRangePickerSummary",
+	setup(e) {
+		let t = y("orvui-date-range"), n = u(() => [{
+			title: "Start date",
+			date: t.value.value?.from
+		}, {
+			title: "End date",
+			date: t.value.value?.to
+		}]);
+		return (e, r) => (T(), p("div", K, [(T(!0), p(l, null, D(n.value, (e, n) => (T(), p(l, { key: e.title }, [n ? (T(), d(j(ie), {
+			key: 0,
+			size: 14,
+			"aria-hidden": "true",
+			class: "text-muted-foreground/60"
+		})) : f("", !0), m("div", q, [m("p", J, A(e.title), 1), m("p", { class: S(["text-[13px] font-medium tabular-nums", n && !e.date && "text-muted-foreground"]) }, A(e.date ? j(t).format(e.date, {
+			month: "short",
+			day: "numeric",
+			year: "numeric"
+		}) : "Select date"), 3)])], 64))), 128))]));
+	}
+}), X = { class: "mb-2 flex items-center justify-between gap-1" }, Z = { class: "flex min-w-0 items-center gap-0.5" }, se = [
+	"aria-expanded",
+	"aria-controls",
+	"disabled"
+], Q = [
+	"aria-expanded",
+	"aria-controls",
+	"disabled"
+], ce = { class: "flex shrink-0 gap-0.5" }, le = [
+	"aria-label",
+	"disabled",
+	"hidden",
+	"onClick"
+], $ = /* @__PURE__ */ _({
+	__name: "DateRangePickerHeader",
+	setup(e) {
+		let t = y("orvui-date-range"), n = t.monthTrigger, r = t.yearTrigger, i = [{
+			step: -1,
+			icon: z,
+			label: "Previous"
+		}, {
+			step: 1,
+			icon: B,
+			label: "Next"
+		}];
+		return (e, o) => (T(), p("div", X, [m("div", Z, [m("button", {
+			ref_key: "monthTrigger",
+			ref: n,
+			type: "button",
+			"aria-label": "Choose month",
+			"aria-expanded": j(t).view.value === "months",
+			"aria-controls": j(t).view.value === "months" ? j(t).choicesId : void 0,
+			disabled: j(t).props.disabled,
+			class: S(j(a)("inline-flex items-center gap-1.5 rounded-lg px-2 py-1.5 text-[13px] font-semibold transition-colors hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-40", j(t).view.value === "years" && "hidden")),
+			onClick: o[0] ||= (e) => j(t).openChoices("months")
+		}, [h(A(j(t).format(j(t).month.value, { month: "long" })), 1), g(j(R), {
+			size: 12,
+			class: S(j(a)("text-muted-foreground", j(t).view.value === "months" && "rotate-180"))
+		}, null, 8, ["class"])], 10, se), m("button", {
+			ref_key: "yearTrigger",
+			ref: r,
+			type: "button",
+			"aria-label": "Choose year",
+			"aria-expanded": j(t).view.value === "years",
+			"aria-controls": j(t).view.value === "years" ? j(t).choicesId : void 0,
+			disabled: j(t).props.disabled,
+			class: "inline-flex items-center gap-1.5 rounded-lg px-2 py-1.5 text-[13px] font-medium tabular-nums text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-40",
+			onClick: o[1] ||= (e) => j(t).openChoices("years")
+		}, [h(A(j(t).view.value === "years" ? `${j(t).yearPage.value}–${j(t).yearPageEnd.value}` : j(t).year.value), 1), g(j(R), {
+			size: 12,
+			class: S(j(t).view.value === "years" ? "rotate-180" : void 0)
+		}, null, 8, ["class"])], 8, Q)]), m("div", ce, [(T(), p(l, null, D(i, (e) => m("button", {
+			key: e.step,
+			type: "button",
+			"aria-label": `${e.label} ${j(t).view.value === "years" ? "years" : j(t).view.value === "months" ? "year" : "month"}`,
+			disabled: e.step < 0 ? j(t).previousDisabled.value : j(t).nextDisabled.value,
+			hidden: e.step > 0 && j(t).view.value === "years" && j(t).nextDisabled.value,
+			class: "inline-flex size-8 shrink-0 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-30",
+			onClick: (n) => j(t).page(e.step)
+		}, [(T(), d(k(e.icon), { size: 16 }))], 8, le)), 64))])]));
+	}
+}), ue = ["id", "aria-label"], de = /* @__PURE__ */ _({
+	__name: "CalendarChoices",
+	props: {
+		id: {},
+		label: {},
+		choices: {},
+		selected: {},
+		focusOnMount: { type: Boolean },
+		reduce: { type: Boolean }
+	},
+	emits: ["select", "close"],
+	setup(e, { emit: t }) {
+		let r = e, i = t, o = E(null), s = E(r.selected), c = u(() => [s.value, r.selected].find((e) => r.choices.some((t) => t.id === e && !t.disabled)) ?? r.choices.find((e) => !e.disabled)?.id), f = !1, m = 0;
+		async function g() {
+			let e = ++m;
+			r.focusOnMount && (await x(), !f && e === m && o.value?.querySelector("button[tabindex=\"0\"]")?.focus({ preventScroll: !0 }));
+		}
+		w(g), P(() => r.focusOnMount, g), ee(() => {
+			f = !0, ++m;
+		});
+		function _(e) {
+			if (e.defaultPrevented || e.altKey || e.ctrlKey || e.metaKey) return;
+			if (e.key === "Escape") {
+				e.preventDefault(), e.stopPropagation(), i("close");
+				return;
+			}
+			let t = [...o.value?.querySelectorAll("button") ?? []], n = {
+				ArrowLeft: -1,
+				ArrowRight: 1,
+				ArrowUp: -3,
+				ArrowDown: 3
+			}[e.key], r = e.key === "Home" ? 0 : e.key === "End" ? t.length - 1 : n === void 0 ? -1 : t.indexOf(e.currentTarget) + n;
+			if (n === void 0 && e.key !== "Home" && e.key !== "End") return;
+			e.preventDefault();
+			let a = n === void 0 ? e.key === "Home" ? 1 : -1 : Math.sign(n);
+			for (; r >= 0 && r < t.length && t[r].disabled;) r += a;
+			t[r]?.focus({ preventScroll: !0 });
+		}
+		return (t, r) => (T(), p("fieldset", {
+			ref_key: "root",
+			ref: o,
+			id: e.id,
+			"aria-label": e.label,
+			class: "grid min-h-[15.25rem] grid-cols-3 content-start gap-2 border-0 p-0 pt-1"
+		}, [(T(!0), p(l, null, D(e.choices, (t) => (T(), d(j(I).button, {
+			key: t.id,
+			type: "button",
+			disabled: t.disabled,
+			"aria-pressed": t.id === e.selected,
+			tabindex: t.id === c.value ? 0 : -1,
+			"while-press": e.reduce ? void 0 : { scale: .96 },
+			transition: j(n),
+			class: S(j(a)("flex h-13 items-center justify-center rounded-xl px-1 text-[13px] tabular-nums transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-25", t.id === e.selected ? "bg-foreground font-medium text-background" : "bg-muted/40 hover:bg-muted")),
+			onFocus: (e) => s.value = t.id,
+			onKeydown: _,
+			onClick: (e) => i("select", t.id)
+		}, {
+			default: F(() => [h(A(t.label), 1)]),
+			_: 2
+		}, 1032, [
+			"disabled",
+			"aria-pressed",
+			"tabindex",
+			"while-press",
+			"transition",
+			"class",
+			"onFocus",
+			"onClick"
+		]))), 128))], 8, ue));
+	}
+}), fe = ["inert"], pe = /* @__PURE__ */ _({
+	__name: "CalendarPresence",
+	setup(e) {
+		let t = y("orvui-date-range");
+		function n() {
+			return t.view.value === "days" ? t.month.value : `${t.view.value}-${t.view.value === "years" ? t.yearPage.value : t.year.value}`;
+		}
+		let r = n(), i = u(() => r === n());
+		return (e, t) => (T(), p("div", { inert: !i.value }, [O(e.$slots, "default")], 8, fe));
+	}
+}), me = [
+	"aria-labelledby",
+	"aria-describedby",
+	"tabindex"
+], he = ["abbr"], ge = ["aria-selected", "onPointerenter"], _e = /* @__PURE__ */ _({
+	__name: "DateRangePickerGrid",
+	setup(e) {
+		let t = y("orvui-date-range"), r = t.grid, o = u(() => Array.from({ length: 7 }, (e, n) => {
+			let r = `2026-01-${String(n + 4).padStart(2, "0")}`;
+			return {
+				long: t.format(r, { weekday: "long" }),
+				short: t.format(r, { weekday: "short" })
+			};
+		})), s = u(() => t.view.value === "days" ? t.month.value : `${t.view.value}-${t.view.value === "years" ? t.yearPage.value : t.year.value}`), c = u(() => t.weeks.value.map((e) => e.map((n, r) => {
+			let i = t.shownRange.value, a = t.value.value, o = !!(n && i && n >= i.from && n <= (i.to ?? i.from)), s = !(!n || !a || n !== a.from && n !== a.to);
+			return {
+				date: n,
+				index: r,
+				inRange: o,
+				endpoint: s,
+				selected: !!(n && a && n >= a.from && n <= (a.to ?? a.from)),
+				start: o && (r === 0 || n === i?.from),
+				end: o && (r === 6 || n === i?.to || !i?.to),
+				left: s && (n === i?.from || !e[r - 1]) ? "50%" : 0,
+				right: s && (n === (i?.to ?? i?.from) || !e[r + 1]) ? "50%" : 0
+			};
+		}))), _ = {
+			enter: (e) => {
+				let t = e;
+				return {
+					opacity: 0,
+					x: t.reduce ? 0 : t.direction * 12
+				};
+			},
+			exit: (e) => {
+				let t = e;
+				return {
+					opacity: 0,
+					x: t.reduce ? 0 : t.direction * -8,
+					transition: {
+						duration: .12,
+						ease: i
+					}
+				};
+			}
+		};
+		function v(e, n) {
+			e.pointerType !== "touch" && typeof matchMedia < "u" && matchMedia("(hover: hover)").matches && n && !t.unavailable(n) && t.value.value && !t.value.value.to && (t.preview.value = n);
+		}
+		function b(e) {
+			t.cursor.value = e, t.value.value && !t.value.value.to && (t.preview.value = e);
+		}
+		function x(e) {
+			t.goToMonth(t.view.value === "months" ? e : `${e.padStart(4, "0")}-${t.month.value.slice(5, 7)}-01`);
+		}
+		return w(() => {
+			t.props.autoFocus && t.focusDay();
+		}), (e, u) => (T(), p("div", {
+			class: "overflow-hidden",
+			onPointerleave: u[0] ||= (e) => j(t).preview.value = null
+		}, [g(j(re), {
+			initial: !1,
+			mode: "popLayout",
+			custom: {
+				direction: j(t).direction.value,
+				reduce: j(t).reduce.value
+			}
+		}, {
+			default: F(() => [(T(), d(j(I).div, {
+				key: s.value,
+				custom: {
+					direction: j(t).direction.value,
+					reduce: j(t).reduce.value
+				},
+				variants: _,
+				initial: "enter",
+				animate: {
+					opacity: 1,
+					x: 0
+				},
+				exit: "exit",
+				transition: {
+					duration: j(t).reduce.value ? .1 : .18,
+					ease: j(i)
+				}
+			}, {
+				default: F(() => [g(pe, null, {
+					default: F(() => [j(t).view.value === "days" ? (T(), p("table", {
+						key: 1,
+						ref_key: "grid",
+						ref: r,
+						role: "grid",
+						"aria-labelledby": j(t).heading,
+						"aria-describedby": j(t).help,
+						tabindex: j(t).active.value === null ? 0 : void 0,
+						class: "w-full table-fixed select-none border-separate border-spacing-x-0 border-spacing-y-1"
+					}, [m("thead", null, [m("tr", null, [(T(!0), p(l, null, D(o.value, (e) => (T(), p("th", {
+						key: e.long,
+						scope: "col",
+						abbr: e.long,
+						class: "h-6 pb-1.5 text-center text-[11px] font-medium text-muted-foreground"
+					}, A(e.short), 9, he))), 128))])]), m("tbody", null, [(T(!0), p(l, null, D(c.value, (e, r) => (T(), p("tr", { key: r }, [(T(!0), p(l, null, D(e, (e) => (T(), p("td", {
+						key: e.date ?? e.index,
+						role: "gridcell",
+						"aria-selected": e.date ? e.selected : void 0,
+						class: S(j(a)("relative h-8 p-0 text-center", e.start && "rounded-l-full", e.end && "rounded-r-full")),
+						onPointerenter: (t) => v(t, e.date)
+					}, [e.date ? (T(), p("span", {
+						key: 0,
+						"aria-hidden": "true",
+						class: S(j(a)("pointer-events-none absolute inset-y-0 rounded-[inherit] bg-foreground/[0.08]", e.inRange ? "opacity-100" : "opacity-0")),
+						style: C({
+							left: e.left,
+							right: e.right
+						})
+					}, null, 6)) : f("", !0), e.date ? (T(), d(j(I).button, {
+						key: 1,
+						type: "button",
+						"data-date": e.date,
+						disabled: j(t).unavailable(e.date),
+						"aria-label": j(t).format(e.date, { dateStyle: "full" }),
+						"aria-current": e.date === j(t).today ? "date" : void 0,
+						tabindex: e.date === j(t).active.value ? 0 : -1,
+						"while-press": j(t).reduce.value ? void 0 : { scale: .9 },
+						transition: j(n),
+						class: S(j(a)("relative mx-auto flex h-8 w-full max-w-8 items-center justify-center rounded-full text-xs tabular-nums focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-30", e.endpoint ? "rounded-[9px] bg-foreground font-medium text-background" : !j(t).unavailable(e.date) && !e.inRange && "hover:bg-muted", e.date === j(t).today && !e.endpoint && "font-semibold after:absolute after:bottom-1 after:size-0.75 after:rounded-full after:bg-current")),
+						onClick: (n) => j(t).select(e.date),
+						onFocus: (t) => b(e.date),
+						onKeydown: (n) => j(t).onKey(n, e.date)
+					}, {
+						default: F(() => [h(A(Number(e.date.slice(-2))), 1)]),
+						_: 2
+					}, 1032, [
+						"data-date",
+						"disabled",
+						"aria-label",
+						"aria-current",
+						"tabindex",
+						"while-press",
+						"transition",
+						"class",
+						"onClick",
+						"onFocus",
+						"onKeydown"
+					])) : f("", !0)], 42, ge))), 128))]))), 128))])], 8, me)) : (T(), d(de, {
+						key: 0,
+						id: j(t).choicesId,
+						label: j(t).view.value === "months" ? `Choose a month in ${j(t).year.value}` : `Choose a year from ${j(t).yearPage.value} to ${j(t).yearPageEnd.value}`,
+						choices: j(t).choices.value,
+						selected: j(t).view.value === "months" ? j(t).month.value : String(j(t).year.value),
+						"focus-on-mount": j(t).focusChoices.value,
+						reduce: j(t).reduce.value,
+						onClose: j(t).closeChoices,
+						onSelect: x
+					}, null, 8, [
+						"id",
+						"label",
+						"choices",
+						"selected",
+						"focus-on-mount",
+						"reduce",
+						"onClose"
+					]))]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["custom", "transition"]))]),
+			_: 1
+		}, 8, ["custom"])], 32));
+	}
+}), ve = { class: "text-xs text-muted-foreground" }, ye = /* @__PURE__ */ _({
+	__name: "DateRangePickerSelection",
+	setup(e) {
+		let t = y("orvui-date-range"), n = u(() => t.dayCount.value ? `${t.dayCount.value} ${t.dayCount.value === 1 ? "day" : "days"} selected` : t.value.value ? "Choose an end date" : "Choose a start date");
+		return (e, r) => (T(), p("p", ve, [O(e.$slots, "default", { value: j(t).value.value }, () => [h(A(n.value), 1)])]));
+	}
+}), be = ["disabled"], xe = /* @__PURE__ */ _({
+	__name: "DateRangePickerClear",
+	props: { disabled: { type: Boolean } },
+	setup(e) {
+		let t = e, n = y("orvui-date-range"), r = u(() => t.disabled || !n.value.value || n.props.disabled);
+		function i() {
+			r.value || n.clear();
+		}
+		return (e, t) => (T(), p("button", {
+			type: "button",
+			"aria-label": "Clear date range",
+			disabled: r.value,
+			onClick: i,
+			class: "rounded-md px-1.5 py-1 text-xs text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-30"
+		}, [O(e.$slots, "default", {}, () => [t[0] ||= h("Clear", -1)])], 8, be));
+	}
+}), Se = [
+	"aria-label",
+	"aria-pressed",
+	"disabled"
+], Ce = /* @__PURE__ */ _({
+	__name: "DateRangePickerPreset",
+	props: {
+		value: {},
+		label: {},
+		disabled: { type: Boolean }
+	},
+	setup(e) {
+		let t = e, n = y("orvui-date-range"), r = E(null), i = u(() => n.value.value?.from === t.value.from && n.value.value?.to === t.value.to);
+		function o() {
+			!t.disabled && n.rangeAvailable(t.value) && n.selectPreset(t.value, t.label ?? r.value?.textContent?.trim() ?? "Preset");
+		}
+		return (t, s) => (T(), p("button", {
+			ref_key: "root",
+			ref: r,
+			type: "button",
+			"aria-label": e.label,
+			"aria-pressed": i.value,
+			disabled: e.disabled || !j(n).rangeAvailable(e.value),
+			onClick: o,
+			class: S(j(a)("rounded-lg px-3 py-1.5 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-40", i.value ? "bg-foreground text-background" : "bg-muted/60 text-muted-foreground hover:bg-muted hover:text-foreground"))
+		}, [O(t.$slots, "default", {}, () => [h(A(e.label), 1)])], 10, Se));
+	}
+}), we = {
+	key: 0,
+	class: "mt-2.5 flex flex-wrap justify-center gap-1.5"
+}, Te = /* @__PURE__ */ _({
+	__name: "DateRangePickerPresets",
+	setup(e) {
+		let t = y("orvui-date-range"), n = N();
+		return (e, r) => j(n).default || j(t).props.presets?.length ? (T(), p("div", we, [O(e.$slots, "default", {}, () => [(T(!0), p(l, null, D(j(t).props.presets, (e) => (T(), d(Ce, b({ key: e.label }, { ref_for: !0 }, e), {
+			default: F(() => [h(A(e.label), 1)]),
+			_: 2
+		}, 1040))), 128))])])) : f("", !0);
+	}
+}), Ee = /* @__PURE__ */ _({
+	inheritAttrs: !1,
+	__name: "DateRangePickerFooter",
+	setup(e) {
+		let t = N(), n = M(), r = [ye, xe], i = () => [v("div", { class: "flex items-center justify-between gap-2" }, r.map((e) => v(e))), v(Te)], a = () => v("div", b({ class: "mt-2.5 border-t border-border pt-2.5" }, n), [O(t, "default", {}, i)]);
+		return (e, t) => (T(), d(a));
+	}
+}), De = ["aria-label"], Oe = ["id"], ke = ["id"], Ae = {
+	role: "status",
+	class: "sr-only"
+}, je = /* @__PURE__ */ _({
+	__name: "DateRangePickerCalendar",
+	props: { showSummary: {
+		type: Boolean,
+		default: void 0
+	} },
+	setup(e) {
+		let t = y("orvui-date-range");
+		return (n, r) => (T(), p("section", {
+			"aria-label": j(t).props.label,
+			class: "w-80 max-w-full rounded-2xl border border-border bg-background p-3.5"
+		}, [
+			m("h3", {
+				id: j(t).heading,
+				"aria-live": "polite",
+				class: "sr-only"
+			}, A(j(t).format(j(t).month.value, {
+				month: "long",
+				year: "numeric"
+			})), 9, Oe),
+			O(n.$slots, "default", {}, () => [
+				e.showSummary ?? j(t).props.showSummary ? (T(), d(Y, { key: 0 })) : f("", !0),
+				g($),
+				g(_e),
+				g(Ee)
+			]),
+			m("p", {
+				id: j(t).help,
+				class: "sr-only"
+			}, " Use arrow keys to navigate dates, Home and End for the week, Page Up and Page Down for months, Shift with Page Up or Page Down for years. Enter or Space selects a date. Use the month and year buttons to jump directly. In the month or year choices, use arrow keys to move and Escape to return. ", 8, ke),
+			m("span", Ae, A(j(t).announcement.value), 1)
+		], 8, De));
+	}
+}), Me = /* @__PURE__ */ _({
+	__name: "DateRangePicker",
+	props: {
+		modelValue: {},
+		value: {},
+		defaultValue: { default: null },
+		defaultMonth: {},
+		min: {},
+		max: {},
+		isDateDisabled: {},
+		presets: {},
+		locale: { default: "en-US" },
+		label: { default: "Choose a date range" },
+		disabled: { type: Boolean },
+		autoFocus: { type: Boolean },
+		showSummary: {
+			type: Boolean,
+			default: !0
+		},
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: !1
+		},
+		closeOnSelect: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"valueChange",
+		"change",
+		"update:open",
+		"openChange"
+	],
+	setup(e, { emit: t }) {
+		let n = G(e, t);
+		return te("orvui-date-range", n), (e, t) => (T(), d(j(s), {
+			open: j(n).open.value,
+			class: "max-w-full",
+			"onUpdate:open": j(n).setOpen
+		}, {
+			default: F(() => [O(e.$slots, "default", {
+				value: j(n).value.value,
+				selectDate: j(n).select,
+				clear: j(n).clear
+			}, () => [g(je)])]),
+			_: 3
+		}, 8, ["open", "onUpdate:open"]));
+	}
+}), Ne = /* @__PURE__ */ _({
+	inheritAttrs: !1,
+	__name: "DateRangePickerTrigger",
+	props: {
+		placeholder: { default: "Select dates" },
+		disabled: { type: Boolean }
+	},
+	setup(e) {
+		let n = e, i = y("orvui-date-range"), o = u(() => {
+			let e = i.value.value;
+			if (!e) return n.placeholder;
+			let t = e.to && e.from.slice(0, 4) === e.to.slice(0, 4);
+			return `${i.format(e.from, {
+				month: "short",
+				day: "numeric",
+				...t ? {} : { year: "numeric" }
+			})} – ${e.to ? i.format(e.to, {
+				month: "short",
+				day: "numeric",
+				year: "numeric"
+			}) : "Select end"}`;
+		}), s = u(() => !i.reduce.value && "position");
+		return (e, u) => (T(), d(j(c), null, {
+			default: F(() => [g(j(I).button, b(e.$attrs, {
+				ref: (e) => j(i).anchor.value = j(t)(e),
+				type: "button",
+				disabled: n.disabled || j(i).props.disabled,
+				layout: !j(i).reduce.value,
+				transition: { layout: j(r) },
+				style: { borderRadius: "12px" },
+				"aria-label": String(e.$attrs["aria-label"] ?? `${j(i).props.label}: ${o.value}`),
+				class: j(a)("inline-flex h-9 w-fit max-w-full items-center gap-2 rounded-xl border border-border bg-background px-3 text-[13px] font-medium text-foreground transition-colors hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-40", e.$attrs.class)
+			}), {
+				default: F(() => [e.$slots.default ? (T(), d(j(I).span, {
+					key: 0,
+					layout: s.value,
+					transition: { layout: j(r) },
+					class: "inline-flex min-w-0 items-center gap-2"
+				}, {
+					default: F(() => [O(e.$slots, "default")]),
+					_: 3
+				}, 8, ["layout", "transition"])) : (T(), p(l, { key: 1 }, [
+					g(j(I).span, {
+						layout: s.value,
+						transition: { layout: j(r) },
+						class: "shrink-0 text-muted-foreground",
+						"aria-hidden": "true"
+					}, {
+						default: F(() => [g(j(L), { size: 15 })]),
+						_: 1
+					}, 8, ["layout", "transition"]),
+					g(j(I).span, {
+						layout: s.value,
+						transition: { layout: j(r) },
+						class: "min-w-0 truncate tabular-nums"
+					}, {
+						default: F(() => [h(A(o.value), 1)]),
+						_: 1
+					}, 8, ["layout", "transition"]),
+					g(j(I).span, {
+						layout: s.value,
+						transition: { layout: j(r) },
+						class: "shrink-0 text-muted-foreground",
+						"aria-hidden": "true"
+					}, {
+						default: F(() => [g(j(R), {
+							size: 13,
+							class: S(j(i).open.value ? "rotate-180" : void 0)
+						}, null, 8, ["class"])]),
+						_: 1
+					}, 8, ["layout", "transition"])
+				], 64))]),
+				_: 3
+			}, 16, [
+				"disabled",
+				"layout",
+				"transition",
+				"aria-label",
+				"class"
+			])]),
+			_: 3
+		}));
+	}
+}), Pe = /* @__PURE__ */ _({
+	inheritAttrs: !1,
+	__name: "DateRangePickerContent",
+	props: {
+		autoFocus: {
+			type: Boolean,
+			default: !0
+		},
+		onOpenAutoFocus: {}
+	},
+	setup(e) {
+		let t = e, n = y("orvui-date-range"), r = 0, i = !1;
+		async function a(e) {
+			n.content.value = e;
+			let a = ++r;
+			if (await x(), !i && a === r && n.open.value) {
+				if (t.autoFocus) {
+					let t = [...e.querySelectorAll("[role=\"grid\"]")].find((e) => !e.closest("[inert]"));
+					(t?.querySelector("button[tabindex=\"0\"]") ?? t)?.focus({ preventScroll: !0 });
+				}
+				t.onOpenAutoFocus?.(e);
+			}
+		}
+		return P(n.open, async (e) => {
+			++r, e && t.autoFocus && (await x(), n.content.value && !i && a(n.content.value));
+		}), ee(() => {
+			i = !0, ++r;
+		}), (e, t) => (T(), d(j(o), b(e.$attrs, {
+			align: "start",
+			radius: 16,
+			shadow: !1,
+			class: "w-80 max-w-[calc(100vw-1.5rem)]",
+			"on-open-auto-focus": a
+		}), {
+			default: F(() => [O(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), Fe = /* @__PURE__ */ _({
+	__name: "DateRangePickerDropdown",
+	props: {
+		modelValue: {},
+		value: {},
+		defaultValue: {},
+		defaultMonth: {},
+		min: {},
+		max: {},
+		isDateDisabled: {},
+		presets: {},
+		locale: {},
+		label: {},
+		disabled: { type: Boolean },
+		autoFocus: {
+			type: Boolean,
+			default: !0
+		},
+		showSummary: {
+			type: Boolean,
+			default: !1
+		},
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: { type: Boolean },
+		closeOnSelect: { type: Boolean },
+		placeholder: {},
+		triggerClassName: {},
+		calendarClassName: {}
+	},
+	emits: [
+		"update:modelValue",
+		"valueChange",
+		"change",
+		"update:open",
+		"openChange"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t;
+		return (t, i) => (T(), d(Me, b(n, {
+			"onUpdate:modelValue": i[0] ||= (e) => r("update:modelValue", e),
+			onValueChange: i[1] ||= (e) => r("valueChange", e),
+			onChange: i[2] ||= (e) => r("change", e),
+			"onUpdate:open": i[3] ||= (e) => r("update:open", e),
+			onOpenChange: i[4] ||= (e) => r("openChange", e)
+		}), {
+			default: F(() => [g(Ne, {
+				placeholder: e.placeholder,
+				class: S(e.triggerClassName)
+			}, null, 8, ["placeholder", "class"]), g(Pe, { "auto-focus": e.autoFocus }, {
+				default: F(() => [g(je, { class: S(["w-full rounded-none border-0", e.calendarClassName]) }, null, 8, ["class"])]),
+				_: 1
+			}, 8, ["auto-focus"])]),
+			_: 1
+		}, 16));
+	}
+});
+// src/motion/date-range-picker/src/useDateRangePicker.ts
+function Ie() {
+	let e = y("orvui-date-range");
+	if (!e) throw Error("useDateRangePicker must be inside DateRangePicker");
+	return {
+		...e,
+		label: u(() => e.props.label),
+		locale: u(() => e.props.locale),
+		disabled: u(() => e.props.disabled)
+	};
+}
+export { Me as a, Te as c, ye as d, _e as f, Ne as i, Ce as l, Y as m, Fe as n, je as o, $ as p, Pe as r, Ee as s, Ie as t, xe as u };
+
+//# sourceMappingURL=date-range-picker-qAV-xpKc.js.map