@juspay/svelte-ui-components 4.53.0 → 4.54.0

package/dist-wc/index.js

@@ -27497,9 +27497,15 @@ var TIME_DISPLAY_PATTERN = /^(1[0-2]|0?[1-9]):([0-5][0-9])\s?(AM|PM)$/i, pad = (
 function DateRangePicker(e, t) {
 	let n = props_id();
 	push(t, !0), append_styles$1(e, $$css$79);
-	let i = "<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"8\" cy=\"8\" r=\"6.25\" stroke=\"currentColor\" stroke-width=\"1.5\"/><path d=\"M8 4.5V8l2.25 1.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>", a = prop(t, "rangeStart", 15, null), o = prop(t, "rangeEnd", 15, null), s = prop(t, "value", 15, null), c = prop(t, "mode", 7, "range"), l = prop(t, "minDate", 7, null), u = prop(t, "maxDate", 7, null), f = prop(t, "disabledDates", 23, () => []), p = prop(t, "maxRangeDays", 7, null), h = prop(t, "presets", 7, null), S = prop(t, "presetCheckmark", 7, !1), C = prop(t, "showDateInputs", 7, !1), k = prop(t, "showTimeSelection", 7, !1), R = prop(t, "timeSelectionLayout", 7, "toggle"), G = prop(t, "presetToggle", 7, !1), te = prop(t, "placeholder", 7, "Select date"), ne = prop(t, "dualMonth", 7), re = prop(t, "timePicker", 7), be = prop(t, "align", 7, "left"), Me = prop(t, "presetsPosition", 7, "side"), Re = prop(t, "responsiveLayout", 7, !1), Ue = prop(t, "compareStart", 15, null), it = prop(t, "compareEnd", 15, null), at = prop(t, "compareCalendar", 7), ot = prop(t, "weekStartsOn", 7, 0), ct = prop(t, "locale", 7), lt = prop(t, "testId", 7), ut = prop(t, "classes", 7), dt = prop(t, "triggerSnippet", 7), ft = prop(t, "triggerIcon", 7), pt = prop(t, "clearable", 7, !1), mt = prop(t, "initialPresetLabel", 7), ht = prop(t, "compareTrigger", 7), gt = prop(t, "openCompare", 15, !1), _t = prop(t, "onapply", 7), vt = prop(t, "onapplysingle", 7), yt = prop(t, "onapplycompare", 7), bt = prop(t, "oncancel", 7), xt = prop(t, "onopentoggle", 7), St = prop(t, "onclear", 7), Ct = /* @__PURE__ */ user_derived(() => typeof ne() == "boolean" ? ne() : c() === "range"), wt = "(max-width: 1023px)", Tt = "(max-width: 688px)", Et = /* @__PURE__ */ state(!1), Dt = /* @__PURE__ */ state(!1), Ot = /* @__PURE__ */ user_derived(() => Re() && get(Dt)), kt = /* @__PURE__ */ user_derived(() => Re() && (c() === "range" ? get(Et) : get(Dt))), At = /* @__PURE__ */ user_derived(() => get(Ct) && !get(Ot)), jt = /* @__PURE__ */ user_derived(() => Me() === "top" || get(kt)), Mt = /* @__PURE__ */ state(null), Nt = /* @__PURE__ */ state(null), Pt = /* @__PURE__ */ state(null), It = /* @__PURE__ */ state(null), Lt = /* @__PURE__ */ state(null), Rt = /* @__PURE__ */ state(null), zt = /* @__PURE__ */ state("12:00 AM"), Bt = /* @__PURE__ */ state("11:59 PM"), Ht = /* @__PURE__ */ state(!1), Gt = /* @__PURE__ */ state(null), qt = /* @__PURE__ */ state(null), Zt = /* @__PURE__ */ user_derived(() => get(Gt) ?? (get(Mt) === null ? "" : wn(get(Mt)))), Qt = /* @__PURE__ */ user_derived(() => get(qt) ?? (get(Nt) === null ? "" : wn(get(Nt)))), $t = /* @__PURE__ */ user_derived(() => k() && R() === "inline" && c() === "range"), en = 1440 * 60 * 1e3;
+	let i = "<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"8\" cy=\"8\" r=\"6.25\" stroke=\"currentColor\" stroke-width=\"1.5\"/><path d=\"M8 4.5V8l2.25 1.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>", a = prop(t, "rangeStart", 15, null), o = prop(t, "rangeEnd", 15, null), s = prop(t, "value", 15, null), c = prop(t, "mode", 7, "range"), l = prop(t, "minDate", 7, null), u = prop(t, "maxDate", 7, null), f = prop(t, "disabledDates", 23, () => []), p = prop(t, "maxRangeDays", 7, null), h = prop(t, "presets", 7, null), S = prop(t, "presetCheckmark", 7, !1), C = prop(t, "showDateInputs", 7, !1), k = prop(t, "showTimeSelection", 7, !1), R = prop(t, "timeSelectionLayout", 7, "toggle"), G = prop(t, "presetToggle", 7, !1), te = prop(t, "placeholder", 7, "Select date"), ne = prop(t, "dualMonth", 7), re = prop(t, "timePicker", 7), be = prop(t, "align", 7, "left"), Me = prop(t, "presetsPosition", 7, "side"), Re = prop(t, "responsiveLayout", 7, !1), Ue = prop(t, "compareStart", 15, null), it = prop(t, "compareEnd", 15, null), at = prop(t, "compareCalendar", 7), ot = prop(t, "weekStartsOn", 7, 0), ct = prop(t, "locale", 7), lt = prop(t, "testId", 7), ut = prop(t, "classes", 7), dt = prop(t, "triggerSnippet", 7), ft = prop(t, "triggerIcon", 7), pt = prop(t, "clearable", 7, !1), mt = prop(t, "initialPresetLabel", 7), ht = prop(t, "compareTrigger", 7), gt = prop(t, "openCompare", 15, !1), _t = prop(t, "onapply", 7), vt = prop(t, "onapplysingle", 7), yt = prop(t, "onapplycompare", 7), bt = prop(t, "oncancel", 7), xt = prop(t, "onopentoggle", 7), St = prop(t, "onclear", 7), Ct = /* @__PURE__ */ user_derived(() => typeof ne() == "boolean" ? ne() : c() === "range"), wt = "(max-width: 1023px)", Tt = "(max-width: 688px)", Et = /* @__PURE__ */ state(!1), Dt = /* @__PURE__ */ state(!1), Ot = /* @__PURE__ */ user_derived(() => Re() && get(Dt)), kt = /* @__PURE__ */ user_derived(() => Re() && (c() === "range" ? get(Et) : get(Dt))), At = /* @__PURE__ */ user_derived(() => get(Ct) && !get(Ot)), jt = /* @__PURE__ */ user_derived(() => Me() === "top" || get(kt)), Mt = /* @__PURE__ */ state(null), Nt = /* @__PURE__ */ state(null), Pt = /* @__PURE__ */ state(null), It = /* @__PURE__ */ state(proxy({
+		start: null,
+		end: null
+	})), Lt = /* @__PURE__ */ state(proxy({
+		start: null,
+		end: null
+	})), Rt = /* @__PURE__ */ state(null), zt = /* @__PURE__ */ state("12:00 AM"), Bt = /* @__PURE__ */ state("11:59 PM"), Ht = /* @__PURE__ */ state(!1), Gt = /* @__PURE__ */ state(null), qt = /* @__PURE__ */ state(null), Zt = /* @__PURE__ */ user_derived(() => get(Gt) ?? (get(Mt) === null ? "" : wn(get(Mt)))), Qt = /* @__PURE__ */ user_derived(() => get(qt) ?? (get(Nt) === null ? "" : wn(get(Nt)))), $t = /* @__PURE__ */ user_derived(() => k() && R() === "inline" && c() === "range"), en = 1440 * 60 * 1e3;
 	function tn(e) {
-		return typeof f() == "function" ? f()(e) : f().some((t) => vr(t, e));
+		return typeof f() == "function" ? f()(e) : f().some((t) => Er(t, e));
 	}
 	let nn = /* @__PURE__ */ user_derived(() => {
 		let e = p();
@@ -27539,7 +27545,7 @@ function DateRangePicker(e, t) {
 	let Tn = /* @__PURE__ */ user_derived(() => TIME_DISPLAY_PATTERN.test(get(zt).trim())), En = /* @__PURE__ */ user_derived(() => TIME_DISPLAY_PATTERN.test(get(Bt).trim())), Dn = /* @__PURE__ */ user_derived(() => {
 		if (!k()) return !0;
 		if (!get(Tn) || !get(En)) return !1;
-		if (get(Mt) === null || get(Nt) === null || !vr(get(Mt), get(Nt))) return !0;
+		if (get(Mt) === null || get(Nt) === null || !Er(get(Mt), get(Nt))) return !0;
 		let e = toMinutesOfDay(get(zt)), t = toMinutesOfDay(get(Bt));
 		return e === null || t === null || e <= t;
 	}), On = /* @__PURE__ */ user_derived(() => get(mn) === null ? c() === "single" ? s() === null ? te() : wn(s()) : a() !== null && o() !== null ? `${wn(a())} – ${wn(o())}` : a() === null ? te() : `${wn(a())} – ...` : get(mn)), kn = /* @__PURE__ */ user_derived(() => Ue() !== null && it() !== null ? `${wn(Ue())} – ${wn(it())}` : te());
@@ -27556,19 +27562,47 @@ function DateRangePicker(e, t) {
 		});
 		n !== null && (t.preventDefault(), n.focus());
 	}
-	function Mn() {
-		fn = get(on) ? findInteractive(get(on)) : null, set(Mt, a(), !0), set(Nt, o(), !0), set(Pt, s(), !0), set(It, Ue(), !0), set(Lt, it(), !0), set(Rt, get(hn), !0), set(Gt, null), set(qt, null), k() && (set(zt, get(Mt) === null ? "12:00 AM" : formatTimeDisplay(get(Mt)), !0), set(Bt, get(Nt) === null ? "11:59 PM" : formatTimeDisplay(get(Nt)), !0), set(Ht, !1));
+	let Mn = (e, t) => (e === null ? null : e.getTime()) === (t === null ? null : t.getTime()), Nn = /* @__PURE__ */ user_derived(() => typeof at() == "function" && typeof ht() != "function");
+	function Pn() {
+		set(Lt, {
+			start: Ue(),
+			end: it()
+		}, !0), get(It).start = Ue(), get(It).end = it();
+	}
+	let Fn = /* @__PURE__ */ user_derived(() => !Mn(get(It).start, get(Lt).start) || !Mn(get(It).end, get(Lt).end) ? {
+		start: get(It).start,
+		end: get(It).end
+	} : {
+		start: Ue(),
+		end: it()
+	}), In = /* @__PURE__ */ user_derived(() => get(Fn).start !== null && get(Fn).end !== null);
+	function Ln() {
+		let { start: e, end: t } = get(Fn);
+		e === null || t === null || (Ue(e), it(t), yt()?.({
+			compareStart: e,
+			compareEnd: t,
+			presetLabel: get(Rt)
+		}));
+	}
+	function Rn() {
+		Mn(Ue(), get(Lt).start) || Ue(get(Lt).start), Mn(it(), get(Lt).end) || it(get(Lt).end), get(It).start = get(Lt).start, get(It).end = get(Lt).end;
+	}
+	function zn() {
+		get(Nn) && Rn(), Vn();
+	}
+	function Bn() {
+		fn = get(on) ? findInteractive(get(on)) : null, set(Mt, a(), !0), set(Nt, o(), !0), set(Pt, s(), !0), get(Nn) && Pn(), set(Rt, get(hn), !0), set(Gt, null), set(qt, null), k() && (set(zt, get(Mt) === null ? "12:00 AM" : formatTimeDisplay(get(Mt)), !0), set(Bt, get(Nt) === null ? "11:59 PM" : formatTimeDisplay(get(Nt)), !0), set(Ht, !1));
 		let e = a() === null ? s() === null ? gn : s() : a();
 		set(_n, e.getFullYear(), !0), set(vn, e.getMonth(), !0), update(yn), set(rn, !0), xt()?.({ open: !0 }), tick().then(() => An(get(an)));
 	}
-	function Nn() {
+	function Vn() {
 		set(rn, !1), set(cn, !1), xt()?.({ open: !1 });
 		let e = fn;
 		fn = null, tick().then(() => {
 			e?.focus();
 		});
 	}
-	function Pn(e = get(an)) {
+	function Hn(e = get(an)) {
 		if (e === null || get(on) === null || typeof window > "u") return;
 		if (get(kt)) {
 			set(cn, !1);
@@ -27577,30 +27611,30 @@ function DateRangePicker(e, t) {
 		let t = get(on).getBoundingClientRect(), n = e.offsetHeight, i = 6, a = window.innerHeight - t.bottom - 6, o = t.top - 6;
 		set(cn, n > a && o > a, !0);
 	}
-	function Fn(e) {
-		let t = () => Pn(e);
+	function Un(e) {
+		let t = () => Hn(e);
 		return t(), tick().then(t), window.addEventListener("resize", t), window.addEventListener("scroll", t, !0), { destroy: () => {
 			window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
 		} };
 	}
-	function In(e, t) {
+	function Wn(e, t) {
 		if (typeof window > "u" || typeof window.matchMedia != "function") return () => {};
 		let n = window.matchMedia(e) ?? null;
 		if (n === null || (t(n.matches === !0), typeof n.addEventListener != "function")) return () => {};
 		let i = (e) => {
 			let n = get(an) !== null && get(an).contains(getActiveElement(get(an)));
 			t(e.matches), tick().then(() => {
-				Pn(), n && get(an) !== null && !get(an).contains(getActiveElement(get(an))) && An(get(an));
+				Hn(), n && get(an) !== null && !get(an).contains(getActiveElement(get(an))) && An(get(an));
 			});
 		};
 		return n.addEventListener("change", i), () => n.removeEventListener("change", i);
 	}
-	function Ln(e, t) {
+	function Gn(e, t) {
 		let n = () => {}, i = (e) => {
 			if (n(), n = () => {}, !e) return;
-			let t = In("(max-width: 1023px)", (e) => {
+			let t = Wn("(max-width: 1023px)", (e) => {
 				set(Et, e, !0);
-			}), i = In("(max-width: 688px)", (e) => {
+			}), i = Wn("(max-width: 688px)", (e) => {
 				set(Dt, e, !0);
 			});
 			n = () => {
@@ -27612,34 +27646,30 @@ function DateRangePicker(e, t) {
 			destroy: () => i(!1)
 		};
 	}
-	function Rn() {
-		get(rn) ? Nn() : Mn();
+	function Kn() {
+		get(rn) ? zn() : Bn();
 	}
-	function zn() {
-		dn = get(un) ? findInteractive(get(un)) : null, set(It, Ue() ?? null, !0), set(Lt, it() ?? null, !0), gt(!0), tick().then(() => An(get(ln)));
+	function qn() {
+		dn = get(un) ? findInteractive(get(un)) : null, Pn(), gt(!0), tick().then(() => An(get(ln)));
 	}
-	function Bn() {
+	function Jn() {
 		gt(!1);
 		let e = dn;
 		dn = null, tick().then(() => {
 			e?.focus();
 		});
 	}
-	function Vn() {
-		get(It) !== null && get(Lt) !== null && (Ue(get(It)), it(get(Lt)), yt()?.({
-			compareStart: get(It),
-			compareEnd: get(Lt),
-			presetLabel: get(Rt)
-		})), Bn();
+	function Yn() {
+		Ln(), Jn();
 	}
-	function Hn() {
-		Bn();
+	function Xn() {
+		Rn(), Jn();
 	}
-	function Un(e) {
+	function Zn(e) {
 		let t = new SvelteDate(get(_n), get(vn) + e, 1);
 		set(_n, t.getFullYear(), !0), set(vn, t.getMonth(), !0), update(yn);
 	}
-	function Wn() {
+	function Qn() {
 		if (set(mn, null), c() === "range") {
 			if (get(Mt) !== null && get(Nt) !== null) {
 				let e = k() ? applyTimeDisplay(get(Mt), get(zt), "start") ?? get(Mt) : get(Mt), t = k() ? applyTimeDisplay(get(Nt), get(Bt), "end") ?? get(Nt) : get(Nt);
@@ -27649,24 +27679,20 @@ function DateRangePicker(e, t) {
 					presetLabel: get(Rt)
 				});
 			}
-			typeof at() == "function" && get(It) !== null && get(Lt) !== null && (Ue(get(It)), it(get(Lt)), yt()?.({
-				compareStart: get(It),
-				compareEnd: get(Lt),
-				presetLabel: get(Rt)
-			}));
+			typeof at() == "function" && Ln();
 		} else get(Pt) !== null && (s(get(Pt)), set(hn, get(Rt), !0), vt()?.({
 			date: get(Pt),
 			presetLabel: get(Rt)
 		}));
-		Nn();
+		Vn();
 	}
-	function Gn() {
-		s(null), set(Pt, null), set(hn, null), St()?.(), Nn();
+	function $n() {
+		s(null), set(Pt, null), set(hn, null), St()?.(), Vn();
 	}
-	function Kn() {
-		bt()?.(), Nn();
+	function er() {
+		bt()?.(), zn();
 	}
-	function qn(e) {
+	function tr(e) {
 		if (G() && get(Rt) === e.label) {
 			set(Mt, a(), !0), set(Nt, o(), !0), set(Pt, s(), !0), set(Rt, get(hn), !0), set(Gt, null), set(qt, null);
 			let e = a() === null ? s() === null ? gn : s() : a();
@@ -27677,13 +27703,13 @@ function DateRangePicker(e, t) {
 		let { start: t, end: n } = e.getValue();
 		set(Rt, e.label, !0), c() === "range" ? (set(Mt, t, !0), set(Nt, n, !0), set(Gt, null), set(qt, null), k() && (set(zt, formatTimeDisplay(t), !0), set(Bt, formatTimeDisplay(n), !0)), set(_n, t.getFullYear(), !0), set(vn, t.getMonth(), !0), update(yn)) : set(Pt, t, !0);
 	}
-	function Jn(e) {
-		set(Mt, e.rangeStart, !0), set(Nt, e.rangeEnd, !0), set(Rt, null), set(Gt, null), set(qt, null), k() && (set(zt, "12:00 AM"), set(Bt, vr(e.rangeEnd, gn) ? formatTimeDisplay(gn) : "11:59 PM", !0));
+	function nr(e) {
+		set(Mt, e.rangeStart, !0), set(Nt, e.rangeEnd, !0), set(Rt, null), set(Gt, null), set(qt, null), k() && (set(zt, "12:00 AM"), set(Bt, Er(e.rangeEnd, gn) ? formatTimeDisplay(gn) : "11:59 PM", !0));
 	}
-	function Yn(e) {
+	function rr(e) {
 		set(Pt, e.date, !0), set(Rt, null);
 	}
-	function Xn(e) {
+	function ir(e) {
 		if (l() !== null) {
 			let t = new SvelteDate(l().getFullYear(), l().getMonth(), l().getDate());
 			if (e.getTime() < t.getTime()) return !1;
@@ -27694,85 +27720,85 @@ function DateRangePicker(e, t) {
 		}
 		return !get(nn)(e);
 	}
-	function Zn(e, t) {
-		if (!Xn(t)) return !1;
+	function ar(e, t) {
+		if (!ir(t)) return !1;
 		let n = get(e === "start" ? Nt : Mt);
 		return n === null ? !0 : !((e === "start" ? t.getTime() > n.getTime() : t.getTime() < n.getTime()) || p() !== null && Math.abs(Math.round((t.getTime() - n.getTime()) / en)) + 1 > p());
 	}
-	let Qn = /* @__PURE__ */ user_derived(() => {
+	let or = /* @__PURE__ */ user_derived(() => {
 		if (get(Zt).trim() === "") return !0;
 		let e = parseDateDisplay(get(Zt));
-		return e !== null && Zn("start", e);
-	}), $n = /* @__PURE__ */ user_derived(() => {
+		return e !== null && ar("start", e);
+	}), sr = /* @__PURE__ */ user_derived(() => {
 		if (get(Qt).trim() === "") return !0;
 		let e = parseDateDisplay(get(Qt));
-		return e !== null && Zn("end", e);
-	}), er = "Enter a date this picker accepts, like 12 Mar 2025.", tr = "Enter a time like 12:00 AM.", nr = /* @__PURE__ */ user_derived(() => describeField(`${n}-start-date`, { error: get(Qn) ? null : er })), rr = /* @__PURE__ */ user_derived(() => describeField(`${n}-start-time`, { error: get(Tn) ? null : tr })), ir = /* @__PURE__ */ user_derived(() => describeField(`${n}-end-date`, { error: get($n) ? null : er })), ar = /* @__PURE__ */ user_derived(() => describeField(`${n}-end-time`, { error: get(En) ? null : tr }));
-	function or(e) {
+		return e !== null && ar("end", e);
+	}), cr = "Enter a date this picker accepts, like 12 Mar 2025.", lr = "Enter a time like 12:00 AM.", ur = /* @__PURE__ */ user_derived(() => describeField(`${n}-start-date`, { error: get(or) ? null : cr })), dr = /* @__PURE__ */ user_derived(() => describeField(`${n}-start-time`, { error: get(Tn) ? null : lr })), fr = /* @__PURE__ */ user_derived(() => describeField(`${n}-end-date`, { error: get(sr) ? null : cr })), pr = /* @__PURE__ */ user_derived(() => describeField(`${n}-end-time`, { error: get(En) ? null : lr }));
+	function mr(e) {
 		let t = e.getFullYear() === get(_n) && e.getMonth() === get(vn);
 		if (!get(At)) return t;
 		let n = new SvelteDate(get(_n), get(vn) + 1, 1), i = e.getFullYear() === n.getFullYear() && e.getMonth() === n.getMonth();
 		return t || i;
 	}
-	function sr(e) {
+	function hr(e) {
 		set(_n, e.year, !0), set(vn, e.month, !0);
 	}
-	function cr(e) {
-		or(e) || (set(_n, e.getFullYear(), !0), set(vn, e.getMonth(), !0), update(yn));
+	function gr(e) {
+		mr(e) || (set(_n, e.getFullYear(), !0), set(vn, e.getMonth(), !0), update(yn));
 	}
-	function lr(e) {
+	function _r(e) {
 		set(e === "start" ? Gt : qt, null);
 	}
-	function ur(e, t) {
+	function vr(e, t) {
 		e.currentTarget instanceof HTMLInputElement && set(t === "start" ? Gt : qt, e.currentTarget.value, !0);
 	}
-	function dr(e) {
+	function yr(e) {
 		let t = get(e === "start" ? Gt : qt);
 		if (t === null) return;
 		let n = parseDateDisplay(t);
-		if (n === null || !Zn(e, n)) {
-			lr(e);
+		if (n === null || !ar(e, n)) {
+			_r(e);
 			return;
 		}
-		set(e === "start" ? Mt : Nt, n, !0), set(Rt, null), cr(n), lr(e);
+		set(e === "start" ? Mt : Nt, n, !0), set(Rt, null), gr(n), _r(e);
 	}
-	function fr(e, t) {
-		e.key === "Enter" && (e.preventDefault(), dr(t));
+	function br(e, t) {
+		e.key === "Enter" && (e.preventDefault(), yr(t));
 	}
-	function pr() {
-		gt() ? Hn() : get(rn) && Kn();
+	function xr() {
+		gt() ? Xn() : get(rn) && er();
 	}
-	function mr() {
-		get(rn) && Nn(), gt() && Bn();
+	function Sr() {
+		get(rn) && zn(), gt() && (Rn(), Jn());
 	}
-	let hr = null;
+	let Cr = null;
 	user_effect(() => {
 		let e = get(rn) || gt();
-		e && hr === null ? hr = registerDismissible({
+		e && Cr === null ? Cr = registerDismissible({
 			element: () => get(sn),
-			onEscape: pr,
-			onOutside: mr
-		}) : !e && hr !== null && (hr(), hr = null);
+			onEscape: xr,
+			onOutside: Sr
+		}) : !e && Cr !== null && (Cr(), Cr = null);
 	}), onDestroy(() => {
-		hr?.(), hr = null;
+		Cr?.(), Cr = null;
 	});
-	let gr = /* @__PURE__ */ user_derived(() => c() === "range" ? get(Mt) !== null && get(Nt) !== null && get(Dn) : get(Pt) !== null);
-	function _r(e) {
+	let wr = /* @__PURE__ */ user_derived(() => c() === "range" ? get(Mt) !== null && get(Nt) !== null && get(Dn) : get(Pt) !== null);
+	function Tr(e) {
 		if (get(mn) !== null && get(Mt) === null && get(Nt) === null && get(Pt) === null) return e.label === get(mn);
 		if (get(Rt) !== null) return e.label === get(Rt);
 		if (c() === "single") {
 			if (get(Pt) === null) return !1;
 			let { start: t } = e.getValue();
-			return vr(get(Pt), t);
+			return Er(get(Pt), t);
 		}
 		if (get(Mt) === null || get(Nt) === null) return !1;
 		let { start: t, end: n } = e.getValue();
-		return vr(get(Mt), t) && vr(get(Nt), n);
+		return Er(get(Mt), t) && Er(get(Nt), n);
 	}
-	function vr(e, t) {
+	function Er(e, t) {
 		return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
 	}
-	var yr = {
+	var Dr = {
 		get rangeStart() {
 			return a();
 		},
@@ -28007,11 +28033,11 @@ function DateRangePicker(e, t) {
 		set onclear(e) {
 			St(e), flushSync();
 		}
-	}, br = root_20$2(), xr = child(br), Sr = child(xr);
+	}, Or = root_20$2(), kr = child(Or), Ar = child(kr);
 	{
 		let e = /* @__PURE__ */ user_derived(() => get(rn) ? "Close date picker" : "Open date picker"), t = /* @__PURE__ */ user_derived(() => get(rn) ? "drp-trigger-open" : "");
-		Button(Sr, spread_props({
-			onclick: Rn,
+		Button(Ar, spread_props({
+			onclick: Kn,
 			get ariaLabel() {
 				return get(e);
 			},
@@ -28044,13 +28070,13 @@ function DateRangePicker(e, t) {
 			$$slots: { default: !0 }
 		}));
 	}
-	reset(xr), bind_this(xr, (e) => set(on, e), () => get(on));
-	var Cr = sibling(xr, 2), wr = (e) => {
+	reset(kr), bind_this(kr, (e) => set(on, e), () => get(on));
+	var jr = sibling(kr, 2), Mr = (e) => {
 		var t = root_4$22(), n = child(t);
 		{
 			let e = /* @__PURE__ */ user_derived(() => gt() ? "drp-compare-trigger-open" : "");
 			Button(n, {
-				onclick: zn,
+				onclick: qn,
 				ariaLabel: "Open compare period picker",
 				get classes() {
 					return `drp-compare-trigger ${get(e) ?? ""}`;
@@ -28065,14 +28091,14 @@ function DateRangePicker(e, t) {
 		var i = sibling(n, 2), a = (e) => {
 			var t = root_3$26(), n = child(t), i = (e) => {
 				var t = root_2$28();
-				snippet(child(t), at), reset(t), append(e, t);
+				snippet(child(t), at, () => get(It)), reset(t), append(e, t);
 			};
 			if_block(n, (e) => {
 				typeof at() == "function" && e(i);
 			});
 			var a = sibling(n, 2), o = child(a);
 			Button(o, {
-				onclick: Hn,
+				onclick: Xn,
 				ariaLabel: "Cancel compare selection",
 				classes: "drp-btn-cancel",
 				children: (e, t) => {
@@ -28082,9 +28108,9 @@ function DateRangePicker(e, t) {
 			});
 			var s = sibling(o, 2);
 			{
-				let e = /* @__PURE__ */ user_derived(() => get(It) === null || get(Lt) === null);
+				let e = /* @__PURE__ */ user_derived(() => !get(In));
 				Button(s, {
-					onclick: Vn,
+					onclick: Yn,
 					ariaLabel: "Apply compare selection",
 					classes: "drp-btn-apply",
 					get disabled() {
@@ -28102,10 +28128,10 @@ function DateRangePicker(e, t) {
 			gt() && e(a);
 		}), reset(t), bind_this(t, (e) => set(un, e), () => get(un)), append(e, t);
 	};
-	if_block(Cr, (e) => {
-		typeof ht() == "function" && e(wr);
+	if_block(jr, (e) => {
+		typeof ht() == "function" && e(Mr);
 	});
-	var Tr = sibling(Cr, 2), Er = (e) => {
+	var Nr = sibling(jr, 2), Pr = (e) => {
 		var t = root_19$4();
 		let n;
 		var a = child(t), o = child(a), p = (e) => {
@@ -28131,15 +28157,15 @@ function DateRangePicker(e, t) {
 					html(t, () => checkmark_default, !0), reset(t), template_effect(() => {
 						set_attribute(t, "data-pw", typeof lt() == "string" ? `${lt()}-preset-check` : null), set_attribute(t, "testid", typeof lt() == "string" ? `${lt()}-preset-check` : null);
 					}), append(e, t);
-				}, k = /* @__PURE__ */ user_derived(() => S() && _r(get(t)));
+				}, k = /* @__PURE__ */ user_derived(() => S() && Tr(get(t)));
 				if_block(p, (e) => {
 					get(k) && e(C);
 				}), reset(l), template_effect((e, n) => {
 					u = set_class(l, 1, "drp-preset-item svelte-gpybdi", null, u, e), set_attribute(l, "aria-selected", n), set_attribute(l, "data-pw", typeof lt() == "string" ? `${lt()}-preset-${get(t).label}` : null), set_attribute(l, "testid", typeof lt() == "string" ? `${lt()}-preset-${get(t).label}` : null), set_text(f, `${get(t).label ?? ""} `);
 				}, [() => ({
-					"drp-preset-active": _r(get(t)),
+					"drp-preset-active": Tr(get(t)),
 					"drp-preset-checkable": S()
-				}), () => _r(get(t))]), delegated("click", l, () => qn(get(t))), append(e, o);
+				}), () => Tr(get(t))]), delegated("click", l, () => tr(get(t))), append(e, o);
 			}), reset(t), append(e, t);
 		};
 		if_block(o, (e) => {
@@ -28158,9 +28184,9 @@ function DateRangePicker(e, t) {
 				var u = child(c);
 				html(u, () => i, !0), reset(u);
 				var f = sibling(u, 2);
-				remove_input_defaults(f), reset(c), drpFieldError(sibling(c, 2), () => get(nr).errorId, () => get(nr).showsError, () => er), reset(n);
+				remove_input_defaults(f), reset(c), drpFieldError(sibling(c, 2), () => get(ur).errorId, () => get(ur).showsError, () => cr), reset(n);
 				var p = sibling(n, 2);
-				drpFieldError(p, () => get(rr).errorId, () => get(rr).showsError, () => tr);
+				drpFieldError(p, () => get(dr).errorId, () => get(dr).showsError, () => lr);
 				var h = sibling(p, 2);
 				html(h, () => chevron_right_default, !0), reset(h);
 				var S = sibling(h, 2), C = child(S);
@@ -28172,20 +28198,20 @@ function DateRangePicker(e, t) {
 				var ne = child(G);
 				html(ne, () => i, !0), reset(ne);
 				var re = sibling(ne, 2);
-				remove_input_defaults(re), reset(G), drpFieldError(sibling(G, 2), () => get(ir).errorId, () => get(ir).showsError, () => er), reset(S), drpFieldError(sibling(S, 2), () => get(ar).errorId, () => get(ar).showsError, () => tr), template_effect(() => {
-					o = set_class(a, 1, "drp-date-input svelte-gpybdi", null, o, { "drp-date-input-invalid": !get(Qn) }), set_value(s, get(Zt)), set_attribute(s, "aria-invalid", !get(Qn)), set_attribute(s, "aria-describedby", get(nr).describedBy), set_attribute(s, "data-pw", lt() ? `${lt()}-start-date` : null), set_attribute(s, "testid", lt() ? `${lt()}-start-date` : null), l = set_class(c, 1, "drp-time-input drp-time-input-inline svelte-gpybdi", null, l, { "drp-time-input-invalid": !get(Tn) }), set_attribute(f, "aria-invalid", !get(Tn)), set_attribute(f, "aria-describedby", get(rr).describedBy), set_attribute(f, "data-pw", lt() ? `${lt()}-start-time` : null), set_attribute(f, "testid", lt() ? `${lt()}-start-time` : null), k = set_class(C, 1, "drp-date-input svelte-gpybdi", null, k, { "drp-date-input-invalid": !get($n) }), set_value(R, get(Qt)), set_attribute(R, "aria-invalid", !get($n)), set_attribute(R, "aria-describedby", get(ir).describedBy), set_attribute(R, "data-pw", lt() ? `${lt()}-end-date` : null), set_attribute(R, "testid", lt() ? `${lt()}-end-date` : null), te = set_class(G, 1, "drp-time-input drp-time-input-inline svelte-gpybdi", null, te, { "drp-time-input-invalid": !get(En) }), set_attribute(re, "aria-invalid", !get(En)), set_attribute(re, "aria-describedby", get(ar).describedBy), set_attribute(re, "data-pw", lt() ? `${lt()}-end-time` : null), set_attribute(re, "testid", lt() ? `${lt()}-end-time` : null);
-				}), delegated("input", s, (e) => ur(e, "start")), event("blur", s, () => dr("start")), delegated("keydown", s, (e) => fr(e, "start")), bind_value(f, () => get(zt), (e) => set(zt, e)), delegated("input", R, (e) => ur(e, "end")), event("blur", R, () => dr("end")), delegated("keydown", R, (e) => fr(e, "end")), bind_value(re, () => get(Bt), (e) => set(Bt, e)), append(e, t);
+				remove_input_defaults(re), reset(G), drpFieldError(sibling(G, 2), () => get(fr).errorId, () => get(fr).showsError, () => cr), reset(S), drpFieldError(sibling(S, 2), () => get(pr).errorId, () => get(pr).showsError, () => lr), template_effect(() => {
+					o = set_class(a, 1, "drp-date-input svelte-gpybdi", null, o, { "drp-date-input-invalid": !get(or) }), set_value(s, get(Zt)), set_attribute(s, "aria-invalid", !get(or)), set_attribute(s, "aria-describedby", get(ur).describedBy), set_attribute(s, "data-pw", lt() ? `${lt()}-start-date` : null), set_attribute(s, "testid", lt() ? `${lt()}-start-date` : null), l = set_class(c, 1, "drp-time-input drp-time-input-inline svelte-gpybdi", null, l, { "drp-time-input-invalid": !get(Tn) }), set_attribute(f, "aria-invalid", !get(Tn)), set_attribute(f, "aria-describedby", get(dr).describedBy), set_attribute(f, "data-pw", lt() ? `${lt()}-start-time` : null), set_attribute(f, "testid", lt() ? `${lt()}-start-time` : null), k = set_class(C, 1, "drp-date-input svelte-gpybdi", null, k, { "drp-date-input-invalid": !get(sr) }), set_value(R, get(Qt)), set_attribute(R, "aria-invalid", !get(sr)), set_attribute(R, "aria-describedby", get(fr).describedBy), set_attribute(R, "data-pw", lt() ? `${lt()}-end-date` : null), set_attribute(R, "testid", lt() ? `${lt()}-end-date` : null), te = set_class(G, 1, "drp-time-input drp-time-input-inline svelte-gpybdi", null, te, { "drp-time-input-invalid": !get(En) }), set_attribute(re, "aria-invalid", !get(En)), set_attribute(re, "aria-describedby", get(pr).describedBy), set_attribute(re, "data-pw", lt() ? `${lt()}-end-time` : null), set_attribute(re, "testid", lt() ? `${lt()}-end-time` : null);
+				}), delegated("input", s, (e) => vr(e, "start")), event("blur", s, () => yr("start")), delegated("keydown", s, (e) => br(e, "start")), bind_value(f, () => get(zt), (e) => set(zt, e)), delegated("input", R, (e) => vr(e, "end")), event("blur", R, () => yr("end")), delegated("keydown", R, (e) => br(e, "end")), bind_value(re, () => get(Bt), (e) => set(Bt, e)), append(e, t);
 			}, c = (e) => {
 				var t = root_12$12(), n = first_child(t);
 				let a;
 				var o = child(n);
-				remove_input_defaults(o), drpFieldError(sibling(o, 2), () => get(nr).errorId, () => get(nr).showsError, () => er), reset(n);
+				remove_input_defaults(o), drpFieldError(sibling(o, 2), () => get(ur).errorId, () => get(ur).showsError, () => cr), reset(n);
 				var s = sibling(n, 2);
 				html(s, () => chevron_right_default, !0), reset(s);
 				var c = sibling(s, 2);
 				let l;
 				var u = child(c);
-				remove_input_defaults(u), drpFieldError(sibling(u, 2), () => get(ir).errorId, () => get(ir).showsError, () => er), reset(c);
+				remove_input_defaults(u), drpFieldError(sibling(u, 2), () => get(fr).errorId, () => get(fr).showsError, () => cr), reset(c);
 				var f = sibling(c, 2), p = (e) => {
 					var t = root_11$12();
 					let n;
@@ -28197,8 +28223,8 @@ function DateRangePicker(e, t) {
 				if_block(f, (e) => {
 					k() && e(p);
 				}), template_effect(() => {
-					a = set_class(n, 1, "drp-date-input svelte-gpybdi", null, a, { "drp-date-input-invalid": !get(Qn) }), set_value(o, get(Zt)), set_attribute(o, "aria-invalid", !get(Qn)), set_attribute(o, "aria-describedby", get(nr).describedBy), set_attribute(o, "data-pw", lt() ? `${lt()}-start-date` : null), set_attribute(o, "testid", lt() ? `${lt()}-start-date` : null), l = set_class(c, 1, "drp-date-input svelte-gpybdi", null, l, { "drp-date-input-invalid": !get($n) }), set_value(u, get(Qt)), set_attribute(u, "aria-invalid", !get($n)), set_attribute(u, "aria-describedby", get(ir).describedBy), set_attribute(u, "data-pw", lt() ? `${lt()}-end-date` : null), set_attribute(u, "testid", lt() ? `${lt()}-end-date` : null);
-				}), delegated("input", o, (e) => ur(e, "start")), event("blur", o, () => dr("start")), delegated("keydown", o, (e) => fr(e, "start")), delegated("input", u, (e) => ur(e, "end")), event("blur", u, () => dr("end")), delegated("keydown", u, (e) => fr(e, "end")), append(e, t);
+					a = set_class(n, 1, "drp-date-input svelte-gpybdi", null, a, { "drp-date-input-invalid": !get(or) }), set_value(o, get(Zt)), set_attribute(o, "aria-invalid", !get(or)), set_attribute(o, "aria-describedby", get(ur).describedBy), set_attribute(o, "data-pw", lt() ? `${lt()}-start-date` : null), set_attribute(o, "testid", lt() ? `${lt()}-start-date` : null), l = set_class(c, 1, "drp-date-input svelte-gpybdi", null, l, { "drp-date-input-invalid": !get(sr) }), set_value(u, get(Qt)), set_attribute(u, "aria-invalid", !get(sr)), set_attribute(u, "aria-describedby", get(fr).describedBy), set_attribute(u, "data-pw", lt() ? `${lt()}-end-date` : null), set_attribute(u, "testid", lt() ? `${lt()}-end-date` : null);
+				}), delegated("input", o, (e) => vr(e, "start")), event("blur", o, () => yr("start")), delegated("keydown", o, (e) => br(e, "start")), delegated("input", u, (e) => vr(e, "end")), event("blur", u, () => yr("end")), delegated("keydown", u, (e) => br(e, "end")), append(e, t);
 			};
 			if_block(o, (e) => {
 				get($t) ? e(s) : e(c, -1);
@@ -28209,7 +28235,7 @@ function DateRangePicker(e, t) {
 				var o = child(n);
 				html(o, () => i, !0), reset(o);
 				var s = sibling(o, 2);
-				remove_input_defaults(s), drpFieldError(sibling(s, 2), () => get(rr).errorId, () => get(rr).showsError, () => tr), reset(n);
+				remove_input_defaults(s), drpFieldError(sibling(s, 2), () => get(dr).errorId, () => get(dr).showsError, () => lr), reset(n);
 				var c = sibling(n, 2);
 				html(c, () => chevron_right_default, !0), reset(c);
 				var l = sibling(c, 2);
@@ -28217,8 +28243,8 @@ function DateRangePicker(e, t) {
 				var f = child(l);
 				html(f, () => i, !0), reset(f);
 				var p = sibling(f, 2);
-				remove_input_defaults(p), drpFieldError(sibling(p, 2), () => get(ar).errorId, () => get(ar).showsError, () => tr), reset(l), reset(t), template_effect(() => {
-					a = set_class(n, 1, "drp-time-input svelte-gpybdi", null, a, { "drp-time-input-invalid": !get(Tn) }), set_attribute(s, "aria-invalid", !get(Tn)), set_attribute(s, "aria-describedby", get(rr).describedBy), set_attribute(s, "data-pw", lt() ? `${lt()}-start-time` : null), set_attribute(s, "testid", lt() ? `${lt()}-start-time` : null), u = set_class(l, 1, "drp-time-input svelte-gpybdi", null, u, { "drp-time-input-invalid": !get(En) }), set_attribute(p, "aria-invalid", !get(En)), set_attribute(p, "aria-describedby", get(ar).describedBy), set_attribute(p, "data-pw", lt() ? `${lt()}-end-time` : null), set_attribute(p, "testid", lt() ? `${lt()}-end-time` : null);
+				remove_input_defaults(p), drpFieldError(sibling(p, 2), () => get(pr).errorId, () => get(pr).showsError, () => lr), reset(l), reset(t), template_effect(() => {
+					a = set_class(n, 1, "drp-time-input svelte-gpybdi", null, a, { "drp-time-input-invalid": !get(Tn) }), set_attribute(s, "aria-invalid", !get(Tn)), set_attribute(s, "aria-describedby", get(dr).describedBy), set_attribute(s, "data-pw", lt() ? `${lt()}-start-time` : null), set_attribute(s, "testid", lt() ? `${lt()}-start-time` : null), u = set_class(l, 1, "drp-time-input svelte-gpybdi", null, u, { "drp-time-input-invalid": !get(En) }), set_attribute(p, "aria-invalid", !get(En)), set_attribute(p, "aria-describedby", get(pr).describedBy), set_attribute(p, "data-pw", lt() ? `${lt()}-end-time` : null), set_attribute(p, "testid", lt() ? `${lt()}-end-time` : null);
 				}), bind_value(s, () => get(zt), (e) => set(zt, e)), bind_value(p, () => get(Bt), (e) => set(Bt, e)), append(e, t);
 			};
 			if_block(l, (e) => {
@@ -28258,7 +28284,7 @@ function DateRangePicker(e, t) {
 					get initialMonth() {
 						return get(bn);
 					},
-					onrangeselect: Jn,
+					onrangeselect: nr,
 					classes: "drp-calendar-embedded",
 					get rangeStart() {
 						return get(Mt);
@@ -28292,7 +28318,7 @@ function DateRangePicker(e, t) {
 					get initialMonth() {
 						return get(xn);
 					},
-					onrangeselect: Jn,
+					onrangeselect: nr,
 					classes: "drp-calendar-embedded",
 					get rangeStart() {
 						return get(Mt);
@@ -28309,7 +28335,7 @@ function DateRangePicker(e, t) {
 				}), append(e, t);
 			}), reset(h), template_effect(() => {
 				set_text(s, get(Cn)), set_text(f, get(Sn));
-			}), delegated("click", i, () => Un(-1)), delegated("click", p, () => Un(1)), append(e, t);
+			}), delegated("click", i, () => Zn(-1)), delegated("click", p, () => Zn(1)), append(e, t);
 		}, Re = (e) => {
 			var t = comment();
 			key(first_child(t), () => get(yn), (e) => {
@@ -28337,9 +28363,9 @@ function DateRangePicker(e, t) {
 						get initialMonth() {
 							return get(bn);
 						},
-						onrangeselect: Jn,
-						onselect: Yn,
-						onmonthchange: sr,
+						onrangeselect: nr,
+						onselect: rr,
+						onmonthchange: hr,
 						classes: "drp-calendar-embedded",
 						get rangeStart() {
 							return get(Mt);
@@ -28375,14 +28401,14 @@ function DateRangePicker(e, t) {
 		});
 		var ut = sibling(Ue, 2), dt = (e) => {
 			var t = root_18$4();
-			snippet(child(t), at), reset(t), append(e, t);
+			snippet(child(t), at, () => get(It)), reset(t), append(e, t);
 		};
 		if_block(ut, (e) => {
 			typeof at() == "function" && typeof ht() != "function" && e(dt);
 		}), reset(R), reset(a);
 		var ft = sibling(a, 2), mt = child(ft), gt = (e) => {
 			Button(e, {
-				onclick: Gn,
+				onclick: $n,
 				ariaLabel: "Clear date selection",
 				classes: "drp-btn-clear",
 				children: (e, t) => {
@@ -28396,7 +28422,7 @@ function DateRangePicker(e, t) {
 		});
 		var _t = sibling(mt, 2);
 		Button(_t, {
-			onclick: Kn,
+			onclick: er,
 			ariaLabel: "Cancel date selection",
 			classes: "drp-btn-cancel",
 			children: (e, t) => {
@@ -28406,9 +28432,9 @@ function DateRangePicker(e, t) {
 		});
 		var vt = sibling(_t, 2);
 		{
-			let e = /* @__PURE__ */ user_derived(() => !get(gr));
+			let e = /* @__PURE__ */ user_derived(() => !get(wr));
 			Button(vt, {
-				onclick: Wn,
+				onclick: Qn,
 				ariaLabel: "Apply date selection",
 				classes: "drp-btn-apply",
 				get disabled() {
@@ -28420,7 +28446,7 @@ function DateRangePicker(e, t) {
 				$$slots: { default: !0 }
 			});
 		}
-		reset(ft), reset(t), action(t, (e) => Fn?.(e)), bind_this(t, (e) => set(an, e), () => get(an)), template_effect(() => {
+		reset(ft), reset(t), action(t, (e) => Un?.(e)), bind_this(t, (e) => set(an, e), () => get(an)), template_effect(() => {
 			n = set_class(t, 1, "drp-panel svelte-gpybdi", null, n, {
 				"drp-panel-above": get(cn),
 				"drp-panel-align-left": be() === "left",
@@ -28431,11 +28457,11 @@ function DateRangePicker(e, t) {
 			}), set_attribute(t, "data-pw", typeof lt() == "string" ? `${lt()}-panel` : null), set_attribute(t, "testid", typeof lt() == "string" ? `${lt()}-panel` : null);
 		}), delegated("keydown", t, (e) => jn(get(an), e)), append(e, t);
 	};
-	return if_block(Tr, (e) => {
-		get(rn) && e(Er);
-	}), reset(br), bind_this(br, (e) => set(sn, e), () => get(sn)), action(br, (e, t) => Ln?.(e, t), Re), template_effect(() => {
-		set_class(br, 1, `drp-root ${ut() ?? "" ?? ""}`, "svelte-gpybdi"), set_attribute(br, "data-pw", lt()), set_attribute(br, "testid", lt());
-	}), append(e, br), pop(yr);
+	return if_block(Nr, (e) => {
+		get(rn) && e(Pr);
+	}), reset(Or), bind_this(Or, (e) => set(sn, e), () => get(sn)), action(Or, (e, t) => Gn?.(e, t), Re), template_effect(() => {
+		set_class(Or, 1, `drp-root ${ut() ?? "" ?? ""}`, "svelte-gpybdi"), set_attribute(Or, "data-pw", lt()), set_attribute(Or, "testid", lt());
+	}), append(e, Or), pop(Dr);
 }
 delegate([
 	"keydown",
@@ -28517,9 +28543,17 @@ function DateRangePicker_wc(e, t) {
 				var n = comment();
 				slot(first_child(n), t, "time-picker", {}, null), append(e, n);
 			},
-			compareCalendar: (e) => {
-				var n = comment();
-				slot(first_child(n), t, "compare-calendar", {}, null), append(e, n);
+			compareCalendar: (e, n = noop) => {
+				var i = comment(), a = first_child(i), o = (e) => {
+					var i = comment();
+					snippet(first_child(i), () => t.compareCalendar, n), append(e, i);
+				}, s = (e) => {
+					var n = comment();
+					slot(first_child(n), t, "compare-calendar", {}, null), append(e, n);
+				};
+				if_block(a, (e) => {
+					t.compareCalendar ? e(o) : e(s, -1);
+				}), append(e, i);
 			},
 			$$slots: {
 				triggerIcon: !0,
@@ -28570,9 +28604,17 @@ function DateRangePicker_wc(e, t) {
 					t.triggerIcon ? e(a) : e(o, -1);
 				}), append(e, n);
 			},
-			compareCalendar: (e) => {
-				var n = comment();
-				slot(first_child(n), t, "compare-calendar", {}, null), append(e, n);
+			compareCalendar: (e, n = noop) => {
+				var i = comment(), a = first_child(i), o = (e) => {
+					var i = comment();
+					snippet(first_child(i), () => t.compareCalendar, n), append(e, i);
+				}, s = (e) => {
+					var n = comment();
+					slot(first_child(n), t, "compare-calendar", {}, null), append(e, n);
+				};
+				if_block(a, (e) => {
+					t.compareCalendar ? e(o) : e(s, -1);
+				}), append(e, i);
 			},
 			$$slots: {
 				triggerIcon: !0,
@@ -54738,7 +54780,7 @@ function ChatComposer(e, t) {
 			var i = sibling(n, 2);
 			bind_this(i, (e) => set(mn, e), () => get(mn)), reset(t), template_effect(() => {
 				set_attribute(i, "accept", mt()), i.multiple = ht();
-			}), delegated("change", i, Un), append(e, t);
+			}), delegated("change", i, Wn), append(e, t);
 		};
 		if_block(n, (e) => {
 			get(vn) && e(i);
@@ -54752,9 +54794,9 @@ function ChatComposer(e, t) {
 		}), append(e, t);
 	}, a = (e) => {
 		var t = root_3$6();
-		remove_textarea_child(t), bind_this(t, (e) => set(hn, e), () => get(hn)), effect(() => bind_value(t, s)), action(t, (e, t) => Gn?.(e, t), s), template_effect(() => {
-			set_attribute(t, "data-pw", an() ?? null), set_attribute(t, "placeholder", u()), t.disabled = get(bn), set_attribute(t, "aria-label", on() ?? (u().length > 0 ? u() : "Message")), set_attribute(t, "role", jt() === null ? null : "combobox"), set_attribute(t, "aria-expanded", jt() === null ? null : get(jn)), set_attribute(t, "aria-controls", get(jn) ? Nn : null), set_attribute(t, "aria-autocomplete", jt() === null ? null : "list"), set_attribute(t, "aria-activedescendant", get(Pn)), set_attribute(t, "maxlength", k() > 0 ? k() : null);
-		}), delegated("input", t, Hn), event("focus", t, (e) => Ht()?.(e)), delegated("keydown", t, Vn), event("paste", t, (e) => qt()?.(e)), append(e, t);
+		remove_textarea_child(t), bind_this(t, (e) => set(hn, e), () => get(hn)), effect(() => bind_value(t, s)), action(t, (e, t) => Kn?.(e, t), s), template_effect(() => {
+			set_attribute(t, "data-pw", an() ?? null), set_attribute(t, "placeholder", u()), t.disabled = get(bn), set_attribute(t, "aria-label", on() ?? (u().length > 0 ? u() : "Message")), set_attribute(t, "role", jt() === null ? null : "combobox"), set_attribute(t, "aria-expanded", jt() === null ? null : get(Mn)), set_attribute(t, "aria-controls", get(Mn) ? Pn : null), set_attribute(t, "aria-autocomplete", jt() === null ? null : "list"), set_attribute(t, "aria-activedescendant", get(Fn)), set_attribute(t, "maxlength", k() > 0 ? k() : null);
+		}), delegated("input", t, Un), event("focus", t, (e) => Ht()?.(e)), delegated("keydown", t, Hn), event("paste", t, (e) => qt()?.(e)), append(e, t);
 	}, o = (e) => {
 		var t = root_8$4(), n = first_child(t), i = (e) => {
 			var t = root_4$5();
@@ -54858,7 +54900,7 @@ function ChatComposer(e, t) {
 			{
 				let e = /* @__PURE__ */ user_derived(() => !get(wn));
 				Button(n, {
-					onclick: Bn,
+					onclick: Vn,
 					get disabled() {
 						return get(e);
 					},
@@ -54897,14 +54939,20 @@ function ChatComposer(e, t) {
 		}), append(e, t);
 	}, s = prop(t, "value", 15, ""), c = prop(t, "layout", 7, "row"), l = prop(t, "variant", 7, "default"), u = prop(t, "placeholder", 7, ""), f = prop(t, "disabled", 7, !1), p = prop(t, "textDisabled", 7, null), h = prop(t, "voiceDisabled", 7, null), S = prop(t, "sendDisabled", 7, null), C = prop(t, "submitOnEnter", 7, !0), k = prop(t, "maxLength", 7, 0), R = prop(t, "streaming", 7, !1), G = prop(t, "recording", 7, !1), te = prop(t, "attachments", 31, () => proxy([])), ne = prop(t, "attachmentsPreview", 7), re = prop(t, "richImages", 23, () => []), be = prop(t, "richFiles", 23, () => []), Me = prop(t, "richVideos", 23, () => []), Re = prop(t, "richImageTooltip", 7), Ue = prop(t, "richVideoTooltip", 7), it = prop(t, "richRemoveIcon", 7), at = prop(t, "richFileIcon", 7), ot = prop(t, "onremoverichimage", 7), ct = prop(t, "onremoverichfile", 7), lt = prop(t, "onremoverichvideo", 7), ut = prop(t, "onopenrichimage", 7), dt = prop(t, "onopenrichvideo", 7), ft = prop(t, "onopenrichfile", 7), pt = prop(t, "sendable", 7, null), mt = prop(t, "accept", 7, ""), ht = prop(t, "multiple", 7, !1), gt = prop(t, "sendLabel", 7, "Send message"), _t = prop(t, "stopLabel", 7, "Stop generating"), vt = prop(t, "voiceLabel", 7, "Voice input"), yt = prop(t, "attachLabel", 7, "Attach files"), bt = prop(t, "sendIcon", 7), xt = prop(t, "stopIcon", 7), St = prop(t, "voiceIcon", 7), Ct = prop(t, "attachIcon", 7), wt = prop(t, "actionIcon", 7), Tt = prop(t, "actionLabel", 7, "Voice conversation"), Et = prop(t, "actionText", 7), Dt = prop(t, "leading", 7), Ot = prop(t, "trailing", 7), kt = prop(t, "statusText", 7), At = prop(t, "statusTestId", 7), jt = prop(t, "slashCommands", 7, null), Mt = prop(t, "slashMenuAriaLabel", 7, "slash commands"), Nt = prop(t, "slashMenuHint", 7, "↑↓ move · tab complete · ↵ select · esc dismiss"), Pt = prop(t, "slashMenuClasses", 7), It = prop(t, "slashItemClasses", 7), Lt = prop(t, "slashSelectedItemClasses", 7), Rt = prop(t, "slashItem", 7), zt = prop(t, "onsubmit", 7), Bt = prop(t, "oninput", 7), Ht = prop(t, "oninputfocus", 7), Gt = prop(t, "onkeydown", 7), qt = prop(t, "onpaste", 7), Zt = prop(t, "onstop", 7), Qt = prop(t, "onvoice", 7), $t = prop(t, "oncanceldictation", 7), en = prop(t, "onattach", 7), tn = prop(t, "onattachclick", 7), nn = prop(t, "onaction", 7), rn = prop(t, "testId", 7), an = prop(t, "inputTestId", 7), on = prop(t, "inputAriaLabel", 7), sn = prop(t, "sendTestId", 7), cn = prop(t, "sendSlotTestId", 7), ln = prop(t, "stopTestId", 7), un = prop(t, "voiceTestId", 7), dn = prop(t, "attachTestId", 7), fn = prop(t, "actionTestId", 7), pn = prop(t, "classes", 7), mn = /* @__PURE__ */ state(null), hn = /* @__PURE__ */ state(null), gn = (e) => {
 		get(hn)?.focus(e);
-	}, _n = /* @__PURE__ */ user_derived(() => typeof Qt() == "function"), vn = /* @__PURE__ */ user_derived(() => typeof en() == "function" || typeof tn() == "function"), yn = /* @__PURE__ */ user_derived(() => re().length > 0 || Me().length > 0 || be().length > 0), bn = /* @__PURE__ */ user_derived(() => resolveControlDisabled(p(), f())), xn = /* @__PURE__ */ user_derived(() => normalizeDictationState(G())), Sn = /* @__PURE__ */ user_derived(() => resolveControlDisabled(h(), f()) || get(xn) === "busy"), Cn = /* @__PURE__ */ user_derived(() => resolveControlDisabled(S(), f())), wn = /* @__PURE__ */ user_derived(() => !get(Cn) && (pt() ?? (s().trim().length > 0 || te().length > 0 || get(yn)))), Tn = /* @__PURE__ */ state(!1), En = /* @__PURE__ */ state(0), Dn = /* @__PURE__ */ state(null), On = /* @__PURE__ */ user_derived(() => {
-		if (jt() === null || get(Tn) || !/^\/\S*$/.test(s())) return [];
-		let e = s().toLowerCase();
-		return jt().filter((t) => t.name.toLowerCase().startsWith(e) || e.length > 1 && (t.description ?? "").toLowerCase().includes(e.slice(1)));
-	}), kn = /* @__PURE__ */ user_derived(() => {
+	}, _n = /* @__PURE__ */ user_derived(() => typeof Qt() == "function"), vn = /* @__PURE__ */ user_derived(() => typeof en() == "function" || typeof tn() == "function"), yn = /* @__PURE__ */ user_derived(() => re().length > 0 || Me().length > 0 || be().length > 0), bn = /* @__PURE__ */ user_derived(() => resolveControlDisabled(p(), f())), xn = /* @__PURE__ */ user_derived(() => normalizeDictationState(G())), Sn = /* @__PURE__ */ user_derived(() => resolveControlDisabled(h(), f()) || get(xn) === "busy"), Cn = /* @__PURE__ */ user_derived(() => resolveControlDisabled(S(), f())), wn = /* @__PURE__ */ user_derived(() => !get(Cn) && (pt() ?? (s().trim().length > 0 || te().length > 0 || get(yn)))), Tn = /* @__PURE__ */ state(!1), En = /* @__PURE__ */ state(0), Dn = /* @__PURE__ */ state(null);
+	function On(e) {
+		let [t = ""] = e;
+		return /^[^\p{L}\p{N}\s]$/u.test(t) ? t : null;
+	}
+	let kn = /* @__PURE__ */ user_derived(() => {
+		let e = On(s());
+		if (jt() === null || get(Tn) || e === null || /\s/.test(s())) return [];
+		let t = s().toLowerCase();
+		return jt().filter((n) => On(n.name) === e && (n.name.toLowerCase().startsWith(t) || t.length > e.length && (n.description ?? "").toLowerCase().includes(t.slice(e.length))));
+	}), An = /* @__PURE__ */ user_derived(() => {
 		if (jt() === null || get(Tn)) return null;
-		let e = /^(\/\S+)\s(\S*)$/.exec(s());
-		if (e === null) return null;
+		let e = /^(\S+)\s(\S*)$/.exec(s());
+		if (e === null || On(e[1] ?? "") === null) return null;
 		let t = (e[1] ?? "").toLowerCase(), n = jt().find((e) => e.name.toLowerCase() === t && (e.choices?.length ?? 0) > 0);
 		if (typeof n != "object") return null;
 		let i = (e[2] ?? "").toLowerCase();
@@ -54912,35 +54960,35 @@ function ChatComposer(e, t) {
 			command: n,
 			choices: (n.choices ?? []).filter((e) => e.value.toLowerCase().startsWith(i))
 		};
-	}), An = /* @__PURE__ */ user_derived(() => get(kn) === null ? get(On) : get(kn).choices.map((e) => typeof e.description == "string" ? {
+	}), jn = /* @__PURE__ */ user_derived(() => get(An) === null ? get(kn) : get(An).choices.map((e) => typeof e.description == "string" ? {
 		name: e.value,
 		description: e.description
-	} : { name: e.value })), jn = /* @__PURE__ */ user_derived(() => get(An).length > 0), Mn = /* @__PURE__ */ user_derived(() => Math.min(get(En), Math.max(0, get(An).length - 1))), Nn = `chat-composer-slash-listbox-${n}`, Pn = /* @__PURE__ */ user_derived(() => get(jn) ? `chat-composer-slash-option-${n}-${get(Mn)}` : null);
-	function Fn(e) {
-		if (get(kn) !== null) {
-			let t = get(kn).choices.at(e);
-			return typeof t == "object" ? `${get(kn).command.name} ${t.value}` : null;
+	} : { name: e.value })), Mn = /* @__PURE__ */ user_derived(() => get(jn).length > 0), Nn = /* @__PURE__ */ user_derived(() => Math.min(get(En), Math.max(0, get(jn).length - 1))), Pn = `chat-composer-slash-listbox-${n}`, Fn = /* @__PURE__ */ user_derived(() => get(Mn) ? `chat-composer-slash-option-${n}-${get(Nn)}` : null);
+	function In(e) {
+		if (get(An) !== null) {
+			let t = get(An).choices.at(e);
+			return typeof t == "object" ? `${get(An).command.name} ${t.value}` : null;
 		}
-		return get(An).at(e)?.name ?? null;
+		return get(jn).at(e)?.name ?? null;
 	}
-	function In(e) {
-		if (get(kn) !== null) {
-			let t = get(kn).choices.at(e);
-			typeof t == "object" && (s(`${get(kn).command.name} ${t.value}`), set(En, 0));
+	function Ln(e) {
+		if (get(An) !== null) {
+			let t = get(An).choices.at(e);
+			typeof t == "object" && (s(`${get(An).command.name} ${t.value}`), set(En, 0));
 			return;
 		}
-		let t = get(On).at(e);
+		let t = get(kn).at(e);
 		typeof t == "object" && (s(`${t.name} `), set(Tn, (t.choices?.length ?? 0) === 0), set(En, 0));
 	}
-	function Ln() {
+	function Rn() {
 		tick().then(() => {
-			(get(Dn)?.children.item(get(Mn)))?.scrollIntoView({ block: "nearest" });
+			(get(Dn)?.children.item(get(Nn)))?.scrollIntoView({ block: "nearest" });
 		});
 	}
-	function Rn(e) {
-		return e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), set(En, e.key === "ArrowDown" ? Math.min(get(Mn) + 1, get(An).length - 1) : Math.max(get(Mn) - 1, 0), !0), Ln(), !0) : e.key === "Tab" && !e.shiftKey ? (e.preventDefault(), In(get(Mn)), !0) : e.key === "Enter" && !e.shiftKey && !e.isComposing ? (e.preventDefault(), s().trim() === Fn(get(Mn)) ? Bn() : In(get(Mn)), !0) : !1;
-	}
 	function zn(e) {
+		return e.key === "ArrowDown" || e.key === "ArrowUp" ? (e.preventDefault(), set(En, e.key === "ArrowDown" ? Math.min(get(Nn) + 1, get(jn).length - 1) : Math.max(get(Nn) - 1, 0), !0), Rn(), !0) : e.key === "Tab" && !e.shiftKey ? (e.preventDefault(), Ln(get(Nn)), !0) : e.key === "Enter" && !e.shiftKey && !e.isComposing ? (e.preventDefault(), s().trim() === In(get(Nn)) ? Vn() : Ln(get(Nn)), !0) : !1;
+	}
+	function Bn(e) {
 		return { destroy: registerDismissible({
 			element: () => e,
 			onEscape: () => {
@@ -54948,7 +54996,7 @@ function ChatComposer(e, t) {
 			}
 		}) };
 	}
-	function Bn() {
+	function Vn() {
 		if (!get(wn)) return;
 		set(Tn, !1);
 		let e = {
@@ -54969,26 +55017,26 @@ function ChatComposer(e, t) {
 			attachments: te()
 		}) && (s(""), te([]));
 	}
-	function Vn(e) {
-		!(get(jn) && Rn(e)) && C() && e.key === "Enter" && !e.shiftKey && !e.isComposing && !R() && (e.preventDefault(), Bn()), e.key === "Escape" && get(xn) === "recording" && (e.preventDefault(), $t()?.()), Gt()?.(e);
-	}
 	function Hn(e) {
-		set(Tn, !1), set(En, 0), Bt()?.(e.currentTarget.value, e);
+		!(get(Mn) && zn(e)) && C() && e.key === "Enter" && !e.shiftKey && !e.isComposing && !R() && (e.preventDefault(), Vn()), e.key === "Escape" && get(xn) === "recording" && (e.preventDefault(), $t()?.()), Gt()?.(e);
 	}
 	function Un(e) {
+		set(Tn, !1), set(En, 0), Bt()?.(e.currentTarget.value, e);
+	}
+	function Wn(e) {
 		let t = Array.from(e.currentTarget.files ?? []);
 		t.length > 0 && (te([...te(), ...t]), en()?.(t)), e.currentTarget.value = "";
 	}
-	function Wn(e) {
+	function Gn(e) {
 		te(te().filter((t, n) => n !== e));
 	}
-	let Gn = (e) => {
+	let Kn = (e) => {
 		function t() {
 			e.style.height = "0px", e.style.height = `${e.scrollHeight}px`;
 		}
 		return t(), { update: t };
 	};
-	var Kn = {
+	var qn = {
 		focus: gn,
 		get value() {
 			return s();
@@ -55428,26 +55476,26 @@ function ChatComposer(e, t) {
 		set classes(e) {
 			pn(e), flushSync();
 		}
-	}, qn = root_19$2();
-	let Jn;
-	var Yn = child(qn), Xn = (e) => {
+	}, Jn = root_19$2();
+	let Yn;
+	var Xn = child(Jn), Zn = (e) => {
 		var t = root_14$2(), i = child(t);
-		each(i, 23, () => get(An), (e) => e.name, (e, t, i) => {
+		each(i, 23, () => get(jn), (e) => e.name, (e, t, i) => {
 			var a = root_13$2();
 			let o;
 			var s = child(a);
 			{
-				let e = /* @__PURE__ */ user_derived(() => [It(), get(i) === get(Mn) ? Lt() : ""].filter((e) => typeof e == "string" && e.length > 0).join(" "));
+				let e = /* @__PURE__ */ user_derived(() => [It(), get(i) === get(Nn) ? Lt() : ""].filter((e) => typeof e == "string" && e.length > 0).join(" "));
 				Button(s, {
 					type: "button",
 					get classes() {
 						return get(e);
 					},
-					onclick: () => In(get(i)),
+					onclick: () => Ln(get(i)),
 					children: (e, n) => {
 						var a = comment(), o = first_child(a), s = (e) => {
 							var n = comment();
-							snippet(first_child(n), Rt, () => get(t), () => get(i) === get(Mn)), append(e, n);
+							snippet(first_child(n), Rt, () => get(t), () => get(i) === get(Nn)), append(e, n);
 						}, c = (e) => {
 							var n = root_12$2(), i = first_child(n), a = child(i, !0);
 							reset(i);
@@ -55481,30 +55529,30 @@ function ChatComposer(e, t) {
 				});
 			}
 			reset(a), template_effect(() => {
-				set_attribute(a, "id", `chat-composer-slash-option-${n}-${get(i)}`), set_attribute(a, "aria-selected", get(i) === get(Mn)), o = set_class(a, 1, "svelte-xpd394", null, o, { "slash-item-selected-default": get(i) === get(Mn) && typeof Lt() != "string" });
+				set_attribute(a, "id", `chat-composer-slash-option-${n}-${get(i)}`), set_attribute(a, "aria-selected", get(i) === get(Nn)), o = set_class(a, 1, "svelte-xpd394", null, o, { "slash-item-selected-default": get(i) === get(Nn) && typeof Lt() != "string" });
 			}), event("mouseenter", a, () => set(En, get(i), !0)), append(e, a);
 		}), reset(i), bind_this(i, (e) => set(Dn, e), () => get(Dn));
 		var a = sibling(i, 2), o = child(a, !0);
-		reset(a), reset(t), action(t, (e) => zn?.(e)), template_effect(() => {
-			set_class(t, 1, `slash-menu ${Pt() ?? "" ?? ""}`, "svelte-xpd394"), set_attribute(t, "id", Nn), set_attribute(t, "aria-label", Mt()), set_text(o, Nt());
+		reset(a), reset(t), action(t, (e) => Bn?.(e)), template_effect(() => {
+			set_class(t, 1, `slash-menu ${Pt() ?? "" ?? ""}`, "svelte-xpd394"), set_attribute(t, "id", Pn), set_attribute(t, "aria-label", Mt()), set_text(o, Nt());
 		}), append(e, t);
 	};
-	if_block(Yn, (e) => {
-		get(jn) && e(Xn);
+	if_block(Xn, (e) => {
+		get(Mn) && e(Zn);
 	});
-	var Zn = sibling(Yn, 2), Qn = (e) => {
+	var Qn = sibling(Xn, 2), $n = (e) => {
 		var t = root_15$2(), n = child(t, !0);
 		reset(t), template_effect(() => {
 			set_attribute(t, "data-pw", At() ?? null), set_text(n, kt());
 		}), append(e, t);
 	};
-	if_block(Zn, (e) => {
-		typeof kt() == "string" && e(Qn);
+	if_block(Qn, (e) => {
+		typeof kt() == "string" && e($n);
 	});
-	var $n = sibling(Zn, 2), er = (e) => {
+	var er = sibling(Qn, 2), tr = (e) => {
 		var t = comment();
 		snippet(first_child(t), ne), append(e, t);
-	}, tr = (e) => {
+	}, nr = (e) => {
 		var t = root_16$2(), n = child(t);
 		{
 			let e = /* @__PURE__ */ user_derived(() => rn() && `${rn()}-rich-attachments`);
@@ -55554,7 +55602,7 @@ function ChatComposer(e, t) {
 			});
 		}
 		reset(t), append(e, t);
-	}, nr = (e) => {
+	}, rr = (e) => {
 		var t = root_17$2();
 		each(t, 23, te, (e, t) => e.name + t, (e, t, n) => {
 			Pill(e, {
@@ -55562,34 +55610,34 @@ function ChatComposer(e, t) {
 					return get(t).name;
 				},
 				dismissible: !0,
-				ondismiss: () => Wn(get(n))
+				ondismiss: () => Gn(get(n))
 			});
 		}), reset(t), append(e, t);
 	};
-	if_block($n, (e) => {
-		typeof ne() == "function" ? e(er) : get(yn) ? e(tr, 1) : te().length > 0 && e(nr, 2);
+	if_block(er, (e) => {
+		typeof ne() == "function" ? e(tr) : get(yn) ? e(nr, 1) : te().length > 0 && e(rr, 2);
 	});
-	var rr = sibling($n, 2);
-	let ir;
-	var ar = child(rr), or = (e) => {
+	var ir = sibling(er, 2);
+	let ar;
+	var or = child(ir), sr = (e) => {
 		var t = root_18$2(), n = first_child(t);
 		a(child(n)), reset(n);
 		var s = sibling(n, 2), c = child(s);
 		i(c), o(sibling(c, 4)), reset(s), append(e, t);
-	}, sr = (e) => {
+	}, cr = (e) => {
 		var t = root_8$4(), n = first_child(t);
 		i(n);
 		var s = sibling(n, 2);
 		a(s), o(sibling(s, 2)), append(e, t);
 	};
-	return if_block(ar, (e) => {
-		c() === "stacked" ? e(or) : e(sr, -1);
-	}), reset(rr), reset(qn), template_effect(() => {
-		Jn = set_class(qn, 1, `chat-composer ${pn() ?? "" ?? ""}`, "svelte-xpd394", Jn, {
+	return if_block(or, (e) => {
+		c() === "stacked" ? e(sr) : e(cr, -1);
+	}), reset(ir), reset(Jn), template_effect(() => {
+		Yn = set_class(Jn, 1, `chat-composer ${pn() ?? "" ?? ""}`, "svelte-xpd394", Yn, {
 			disabled: f(),
 			pill: l() === "pill"
-		}), set_attribute(qn, "data-has-slash", jt() === null ? null : ""), set_attribute(qn, "data-pw", typeof rn() == "string" ? rn() : null), set_attribute(qn, "testid", typeof rn() == "string" ? rn() : null), ir = set_class(rr, 1, "input-row svelte-xpd394", null, ir, { stacked: c() === "stacked" });
-	}), append(e, qn), pop(Kn);
+		}), set_attribute(Jn, "data-has-slash", jt() === null ? null : ""), set_attribute(Jn, "data-pw", typeof rn() == "string" ? rn() : null), set_attribute(Jn, "testid", typeof rn() == "string" ? rn() : null), ar = set_class(ir, 1, "input-row svelte-xpd394", null, ar, { stacked: c() === "stacked" });
+	}), append(e, Jn), pop(qn);
 }
 delegate([
 	"change",
@@ -58858,7 +58906,7 @@ var diffstatBadges = (e, t = noop) => {
 	}), append(e, n);
 }, root_1$5 = /* @__PURE__ */ from_html("<span class=\"diffstat-pill diffstat-added svelte-1vnfzde\"><!></span>"), root_2$3 = /* @__PURE__ */ from_html("<span class=\"diffstat-pill diffstat-removed svelte-1vnfzde\"><!></span>"), root_3$3 = /* @__PURE__ */ from_html("<!> <!>", 1), root_4$3 = /* @__PURE__ */ from_html("<span class=\"chip-spinner svelte-1vnfzde\" aria-hidden=\"true\"><!></span>"), root_5$2 = /* @__PURE__ */ from_html("<span> </span>"), root_6$2 = /* @__PURE__ */ from_html("<span class=\"diffstat chip-diffstat svelte-1vnfzde\"><!></span>"), root_7$2 = /* @__PURE__ */ from_html("<span class=\"diffstat popover-diffstat svelte-1vnfzde\"><!></span>"), root_8$2 = /* @__PURE__ */ from_html("<div class=\"chip-popover svelte-1vnfzde\" role=\"dialog\" tabindex=\"-1\"><p> </p> <!></div>"), root_9$1 = /* @__PURE__ */ from_html("<div class=\"chip-wrap\"><button type=\"button\"><!> <b class=\"chip-label svelte-1vnfzde\"> </b> <!> <!></button> <!></div>"), root_10$1 = /* @__PURE__ */ from_html("<div></div>"), $$css$16 = {
 	hash: "svelte-1vnfzde",
-	code: "\n  @keyframes svelte-1vnfzde-tool-call-log-fade-up {\n    from {\n      opacity: 0;\n      transform: translateY(9px);\n    }\n    to {\n      opacity: 1;\n      transform: none;\n    }\n  }.tool-call-log.svelte-1vnfzde {display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--tool-call-log-gap, 8px);}\n\n  /* Bespoke <button> markup (Pill's root is a non-interactive <div> and can't carry\n     aria-expanded/button semantics — see docs), but its sizing recipe is deliberately\n     pulled from Pill's own tokens (line-height, cursor) so it reads as the same family\n     of control as the diffstat Pill badges nested inside it. */.chip.svelte-1vnfzde {display:inline-flex;align-items:center;gap:var(--tool-call-log-chip-gap, 6px);padding:var(--tool-call-log-chip-padding, 6px 10px);background:var(--tool-call-log-chip-background, #fafafa);border:var(--tool-call-log-chip-border, 1px solid #e4e4e7);border-radius:var(--tool-call-log-chip-radius, 6px);font:inherit;font-size:var(--tool-call-log-font-size, 0.8125rem);line-height:var(--tool-call-log-chip-line-height, 1);color:var(--tool-call-log-label-color, #2b2b2b);cursor:var(--tool-call-log-chip-cursor, pointer);max-width:100%;\n    animation: svelte-1vnfzde-tool-call-log-fade-up\n      var(--tool-call-log-chip-animation-duration, var(--motion-duration, 320ms))\n      var(\n        --tool-call-log-ease,\n        var(--ease-smooth-out, var(--motion-easing, cubic-bezier(0.23, 1, 0.32, 1)))\n      )\n      both;transition:background var(--tool-call-log-chip-transition-duration, var(--motion-duration, 150ms))\n        var(--tool-call-log-chip-transition-easing, var(--motion-easing, ease)),\n      border-color var(--tool-call-log-chip-transition-duration, var(--motion-duration, 150ms))\n        var(--tool-call-log-chip-transition-easing, var(--motion-easing, ease));}.chip.svelte-1vnfzde:hover {background:var(--tool-call-log-chip-hover-background, #f1f1f1);}.chip[aria-expanded='true'].svelte-1vnfzde {border-color:var(--tool-call-log-chip-open-border-color, #c7c7cc);}.chip.error.svelte-1vnfzde {color:var(--tool-call-log-error-color, #9f2d27);border-color:var(--tool-call-log-error-border-color, #f2b8b5);background:var(--tool-call-log-error-background, #fdf1f0);}.chip.error.svelte-1vnfzde:hover {background:var(--tool-call-log-error-hover-background, #fbe6e5);}.chip-label.svelte-1vnfzde {font-weight:var(--tool-call-log-label-weight, 500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.chip-meta.svelte-1vnfzde {color:var(--tool-call-log-meta-color, #666666);font-size:var(--tool-call-log-meta-font-size, 0.75rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.chip-meta.mono.svelte-1vnfzde {font-family:var(--tool-call-log-mono-font, ui-monospace, Menlo, monospace);}\n\n  /* Sizes and colors the nested library Loader via CSS custom-property\n     inheritance (no :global() needed — Loader is a plain DOM descendant of\n     this span, same pattern as ThinkingIndicator's `.avatar`). Loader itself\n     ships no literal fallback for --loader-foreground/-foreground-end/\n     -background, so all three are set explicitly here rather than left to\n     chance. */.chip-spinner.svelte-1vnfzde {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;--loader-width: var(--tool-call-log-spinner-size, 11px);--loader-height: var(--tool-call-log-spinner-size, 11px);--loader-before-width: 5px;--loader-before-height: 5px;--loader-after-width: 8px;--loader-after-height: 8px;--loader-foreground: var(--tool-call-log-spinner-color, #6b6b6b);--loader-foreground-end: var(--tool-call-log-spinner-track-color, #dcdcdc);--loader-background: var(--tool-call-log-chip-background, #fafafa);}.diffstat.svelte-1vnfzde {display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums;flex-shrink:0;}.chip-diffstat.svelte-1vnfzde {margin-left:var(--tool-call-log-diffstat-margin, 2px);}\n\n  /* Pill customized into the small diffstat badge via its own --pill-* tokens\n     (inherited the same way — Pill is a plain descendant of this span). Pill\n     defaults `cursor` to `pointer` even when non-interactive, so it is pinned\n     back to `default` here: these badges carry no onclick. */.diffstat-pill.svelte-1vnfzde {display:inline-flex;--pill-padding: var(--tool-call-log-diffstat-padding, 0 4px);--pill-border-radius: var(--tool-call-log-diffstat-radius, 4px);--pill-font-size: var(--tool-call-log-diffstat-font-size, 0.6875rem);--pill-font-family: var(--tool-call-log-mono-font, ui-monospace, Menlo, monospace);--pill-line-height: 1;--pill-cursor: default;}.diffstat-added.svelte-1vnfzde {--pill-background: var(--tool-call-log-added-background, #e4f5ee);--pill-color: var(--tool-call-log-added-color, #1f7a5f);}.diffstat-removed.svelte-1vnfzde {--pill-background: var(--tool-call-log-removed-background, #fbeceb);--pill-color: var(--tool-call-log-removed-color, #a8302a);}\n\n  /* `position: fixed` is the baseline rather than a portal-only override —\n     left/top/z-index come from the inline `popoverStyle`, computed against the\n     live anchor rect, and that is viewport-relative in both portal modes. So\n     `usePortal={false}` (see `popoverPortal`) changes only which ancestors can\n     clip the popover, never how it is placed. */.chip-popover.svelte-1vnfzde {position:fixed;z-index:var(--tool-call-log-popover-z-index, 1000);display:flex;flex-direction:column;gap:var(--tool-call-log-popover-gap, 6px);min-width:var(--tool-call-log-popover-min-width, 220px);max-width:var(--tool-call-log-popover-max-width, 340px);padding:var(--tool-call-log-popover-padding, 10px 12px);background:var(--tool-call-log-popover-background, #ffffff);border:var(--tool-call-log-popover-border, 1px solid #e4e4e7);border-radius:var(--tool-call-log-popover-radius, 10px);box-shadow:var(--tool-call-log-popover-shadow, 0 10px 30px rgba(0, 0, 0, 0.12));\n    animation: svelte-1vnfzde-tool-call-log-fade-up\n      var(--tool-call-log-popover-animation-duration, var(--motion-duration, 200ms))\n      var(\n        --tool-call-log-ease,\n        var(--ease-smooth-out, var(--motion-easing, cubic-bezier(0.23, 1, 0.32, 1)))\n      )\n      both;}.popover-detail.svelte-1vnfzde {margin:0;color:var(--tool-call-log-popover-color, #2b2b2b);font-size:var(--tool-call-log-popover-font-size, 0.8125rem);white-space:pre-wrap;overflow-wrap:anywhere;}.popover-detail.mono.svelte-1vnfzde {font-family:var(--tool-call-log-mono-font, ui-monospace, Menlo, monospace);}\n\n  @media (prefers-reduced-motion: reduce) {.chip.svelte-1vnfzde,\n    .chip-popover.svelte-1vnfzde {animation-duration:0.001s;}\n    /* Loader's own spin keyframe lives on its internally-scoped `.loader`\n       class, which this file cannot reach with a plain scoped selector —\n       :global() is required to disable it, same pattern as `.pill-dismiss\n       :global(svg)` elsewhere in the library. Loader ships no\n       reduced-motion guard of its own. */.chip-spinner.svelte-1vnfzde .loader {\n      animation: none;}\n  }"
+	code: "\n  @keyframes svelte-1vnfzde-tool-call-log-fade-up {\n    from {\n      opacity: 0;\n      transform: translateY(9px);\n    }\n    to {\n      opacity: 1;\n      transform: none;\n    }\n  }.tool-call-log.svelte-1vnfzde {display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--tool-call-log-gap, 8px);}\n\n  /* Bespoke <button> markup (the chip holds mixed content -- spinner, label, meta and nested\n     diffstat Pill badges -- where Pill renders one `text` string; see docs), but its sizing\n     recipe is deliberately pulled from Pill's own tokens (line-height, cursor) so it reads as\n     the same family of control as the diffstat Pill badges nested inside it. */.chip.svelte-1vnfzde {display:inline-flex;align-items:center;gap:var(--tool-call-log-chip-gap, 6px);padding:var(--tool-call-log-chip-padding, 6px 10px);background:var(--tool-call-log-chip-background, #fafafa);border:var(--tool-call-log-chip-border, 1px solid #e4e4e7);border-radius:var(--tool-call-log-chip-radius, 6px);font:inherit;font-size:var(--tool-call-log-font-size, 0.8125rem);line-height:var(--tool-call-log-chip-line-height, 1);color:var(--tool-call-log-label-color, #2b2b2b);cursor:var(--tool-call-log-chip-cursor, pointer);max-width:100%;\n    animation: svelte-1vnfzde-tool-call-log-fade-up\n      var(--tool-call-log-chip-animation-duration, var(--motion-duration, 320ms))\n      var(\n        --tool-call-log-ease,\n        var(--ease-smooth-out, var(--motion-easing, cubic-bezier(0.23, 1, 0.32, 1)))\n      )\n      both;transition:background var(--tool-call-log-chip-transition-duration, var(--motion-duration, 150ms))\n        var(--tool-call-log-chip-transition-easing, var(--motion-easing, ease)),\n      border-color var(--tool-call-log-chip-transition-duration, var(--motion-duration, 150ms))\n        var(--tool-call-log-chip-transition-easing, var(--motion-easing, ease));}.chip.svelte-1vnfzde:hover {background:var(--tool-call-log-chip-hover-background, #f1f1f1);}.chip[aria-expanded='true'].svelte-1vnfzde {border-color:var(--tool-call-log-chip-open-border-color, #c7c7cc);}.chip.error.svelte-1vnfzde {color:var(--tool-call-log-error-color, #9f2d27);border-color:var(--tool-call-log-error-border-color, #f2b8b5);background:var(--tool-call-log-error-background, #fdf1f0);}.chip.error.svelte-1vnfzde:hover {background:var(--tool-call-log-error-hover-background, #fbe6e5);}.chip-label.svelte-1vnfzde {font-weight:var(--tool-call-log-label-weight, 500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.chip-meta.svelte-1vnfzde {color:var(--tool-call-log-meta-color, #666666);font-size:var(--tool-call-log-meta-font-size, 0.75rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.chip-meta.mono.svelte-1vnfzde {font-family:var(--tool-call-log-mono-font, ui-monospace, Menlo, monospace);}\n\n  /* Sizes and colors the nested library Loader via CSS custom-property\n     inheritance (no :global() needed — Loader is a plain DOM descendant of\n     this span, same pattern as ThinkingIndicator's `.avatar`). Loader itself\n     ships no literal fallback for --loader-foreground/-foreground-end/\n     -background, so all three are set explicitly here rather than left to\n     chance. */.chip-spinner.svelte-1vnfzde {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;--loader-width: var(--tool-call-log-spinner-size, 11px);--loader-height: var(--tool-call-log-spinner-size, 11px);--loader-before-width: 5px;--loader-before-height: 5px;--loader-after-width: 8px;--loader-after-height: 8px;--loader-foreground: var(--tool-call-log-spinner-color, #6b6b6b);--loader-foreground-end: var(--tool-call-log-spinner-track-color, #dcdcdc);--loader-background: var(--tool-call-log-chip-background, #fafafa);}.diffstat.svelte-1vnfzde {display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums;flex-shrink:0;}.chip-diffstat.svelte-1vnfzde {margin-left:var(--tool-call-log-diffstat-margin, 2px);}\n\n  /* Pill customized into the small diffstat badge via its own --pill-* tokens\n     (inherited the same way — Pill is a plain descendant of this span). Pill\n     defaults `cursor` to `pointer` even when non-interactive, so it is pinned\n     back to `default` here: these badges carry no onclick. */.diffstat-pill.svelte-1vnfzde {display:inline-flex;--pill-padding: var(--tool-call-log-diffstat-padding, 0 4px);--pill-border-radius: var(--tool-call-log-diffstat-radius, 4px);--pill-font-size: var(--tool-call-log-diffstat-font-size, 0.6875rem);--pill-font-family: var(--tool-call-log-mono-font, ui-monospace, Menlo, monospace);--pill-line-height: 1;--pill-cursor: default;}.diffstat-added.svelte-1vnfzde {--pill-background: var(--tool-call-log-added-background, #e4f5ee);--pill-color: var(--tool-call-log-added-color, #1f7a5f);}.diffstat-removed.svelte-1vnfzde {--pill-background: var(--tool-call-log-removed-background, #fbeceb);--pill-color: var(--tool-call-log-removed-color, #a8302a);}\n\n  /* `position: fixed` is the baseline rather than a portal-only override —\n     left/top/z-index come from the inline `popoverStyle`, computed against the\n     live anchor rect, and that is viewport-relative in both portal modes. So\n     `usePortal={false}` (see `popoverPortal`) changes only which ancestors can\n     clip the popover, never how it is placed. */.chip-popover.svelte-1vnfzde {position:fixed;z-index:var(--tool-call-log-popover-z-index, 1000);display:flex;flex-direction:column;gap:var(--tool-call-log-popover-gap, 6px);min-width:var(--tool-call-log-popover-min-width, 220px);max-width:var(--tool-call-log-popover-max-width, 340px);padding:var(--tool-call-log-popover-padding, 10px 12px);background:var(--tool-call-log-popover-background, #ffffff);border:var(--tool-call-log-popover-border, 1px solid #e4e4e7);border-radius:var(--tool-call-log-popover-radius, 10px);box-shadow:var(--tool-call-log-popover-shadow, 0 10px 30px rgba(0, 0, 0, 0.12));\n    animation: svelte-1vnfzde-tool-call-log-fade-up\n      var(--tool-call-log-popover-animation-duration, var(--motion-duration, 200ms))\n      var(\n        --tool-call-log-ease,\n        var(--ease-smooth-out, var(--motion-easing, cubic-bezier(0.23, 1, 0.32, 1)))\n      )\n      both;}.popover-detail.svelte-1vnfzde {margin:0;color:var(--tool-call-log-popover-color, #2b2b2b);font-size:var(--tool-call-log-popover-font-size, 0.8125rem);white-space:pre-wrap;overflow-wrap:anywhere;}.popover-detail.mono.svelte-1vnfzde {font-family:var(--tool-call-log-mono-font, ui-monospace, Menlo, monospace);}\n\n  @media (prefers-reduced-motion: reduce) {.chip.svelte-1vnfzde,\n    .chip-popover.svelte-1vnfzde {animation-duration:0.001s;}\n    /* Loader's own spin keyframe lives on its internally-scoped `.loader`\n       class, which this file cannot reach with a plain scoped selector —\n       :global() is required to disable it, same pattern as `.pill-dismiss\n       :global(svg)` elsewhere in the library. Loader ships no\n       reduced-motion guard of its own. */.chip-spinner.svelte-1vnfzde .loader {\n      animation: none;}\n  }"
 };
 function ToolCallLog(e, t) {
 	push(t, !0), append_styles$1(e, $$css$16);