@getmicdrop/venue-calendar 4.3.136 → 4.3.139

package/dist/DatePicker-D20Te0JY.js

@@ -0,0 +1,657 @@
+import { n as e } from "./classNames-CPSQ9uy4.js";
+import { t } from "./labels-CjSrA6gx.js";
+import { n, t as r } from "./ChevronRightOutline-D-5Qw6-Y.js";
+import { t as i } from "./CalendarOutline-CApIWx8i.js";
+import { t as a } from "./Button-DpeQSoQ7.js";
+import { t as o } from "./ValidationError-BxKB_SVA.js";
+import { r as s } from "./typography-CKwYSv07.js";
+import { s as c } from "./transitions-DST-mWoo.js";
+import { S as l, _ as u, b as d, c as f, d as p, f as m, g as h, h as g, j as _, l as v, m as y, p as ee, s as te, u as b, w as x, x as S } from "./format-CehusdDg.js";
+import { t as C } from "./portal-BSuo4flQ.js";
+import { t as ne } from "./floatingPosition-BCUPmGCN.js";
+import { t as w } from "./RequiredIndicator-CRZ_coyR.js";
+import { t as T } from "./controlAria-Do9QK0WI.js";
+import { t as E } from "./TimePicker-BDuy9Ap8.js";
+import "svelte/internal/disclose-version";
+import * as D from "svelte/internal/client";
+import { onDestroy as O, onMount as k, tick as A, untrack as j } from "svelte";
+// node_modules/@getmicdrop/svelte-components/dist/recipes/inputs/DatePicker/DatePicker.svelte
+var M = D.from_html("<div> </div>"), N = D.from_html("<button type=\"button\" role=\"gridcell\"> </button>"), re = D.from_html("<div class=\"h-9 pointer-coarse:h-11\"></div>"), P = D.from_html("<div class=\"flex-center-between mb-4\"><!> <span> </span> <!></div> <div class=\"grid grid-cols-7 gap-1 mb-2\"></div> <div class=\"grid grid-cols-7 gap-1\" role=\"grid\"></div> <div class=\"flex gap-2 mt-4 pt-4 border-t border-border\"><!> <!></div>", 1), ie = D.from_html("<label class=\"block type-label tone-secondary mb-2\"> <!></label>"), ae = D.from_html("<div role=\"dialog\" tabindex=\"-1\"><!></div>"), F = D.from_html("<div><!> <div class=\"relative\"><input/> <div class=\"absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none\"><!></div></div> <!> <!></div> <!>", 1);
+function I(E, I) {
+	let oe = D.props_id();
+	D.push(I, !0);
+	let se = (t) => {
+		var i = P(), o = D.first_child(i), c = D.child(o);
+		a(c, {
+			type: "button",
+			variant: "icon",
+			class: "p-2 pointer-coarse:min-h-11 pointer-coarse:min-w-11 rounded-lg hover:bg-muted tone-primary transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
+			onclick: qe,
+			get disabled() {
+				return D.get(Qe);
+			},
+			get "aria-label"() {
+				return D.get(G).previousMonth;
+			},
+			children: (e, t) => {
+				n(e, {
+					class: "w-5 h-5",
+					size: "20"
+				});
+			},
+			$$slots: { default: !0 }
+		});
+		var l = D.sibling(c, 2), u = D.only_child(l, !0), d = D.sibling(l, 2);
+		a(d, {
+			type: "button",
+			variant: "icon",
+			class: "p-2 pointer-coarse:min-h-11 pointer-coarse:min-w-11 rounded-lg hover:bg-muted tone-primary transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
+			onclick: Je,
+			get disabled() {
+				return D.get($e);
+			},
+			get "aria-label"() {
+				return D.get(G).nextMonth;
+			},
+			children: (e, t) => {
+				r(e, {
+					class: "w-5 h-5",
+					size: "20"
+				});
+			},
+			$$slots: { default: !0 }
+		}), D.reset(o);
+		var f = D.sibling(o, 2);
+		D.each(f, 21, () => D.get(G).weekdays, D.index, (e, t) => {
+			var n = M(), r = D.only_child(n, !0);
+			D.template_effect(() => {
+				D.set_class(n, 1, `type-caption ${s.emphasis ?? ""} tone-muted text-center py-1`), D.set_text(r, D.get(t));
+			}), D.append(e, n);
+		}), D.reset(f);
+		var p = D.sibling(f, 2);
+		D.each(p, 21, () => D.get(Me), D.index, (t, n) => {
+			var r = D.comment(), i = D.first_child(r), a = (t) => {
+				let r = D.derived(() => !!(L() && Ce(D.get(n), L()))), i = D.derived(() => Ce(D.get(n), D.get(Y))), a = D.derived(() => Z(D.get(n))), o = D.derived(() => D.get(a) ? ze(D.get(n)) : "");
+				var c = N(), l = D.only_child(c, !0);
+				D.template_effect((e, t, n, i, s) => {
+					D.set_attribute(c, "data-day", e), D.set_class(c, 1, t), c.disabled = D.get(a), D.set_attribute(c, "aria-label", n), D.set_attribute(c, "aria-selected", D.get(r)), D.set_attribute(c, "tabindex", i), D.set_attribute(c, "title", D.get(o) || void 0), D.set_text(l, s);
+				}, [
+					() => D.get(n).getTime(),
+					() => D.clsx(e(`h-9 pointer-coarse:h-11 w-full rounded-lg type-body ${s.emphasis} transition-all`, D.get(r) ? "bg-brand-primary text-white hover:bg-brand-primary" : D.get(i) ? "bg-muted" : "", D.get(a) ? "opacity-30 cursor-not-allowed" : "cursor-pointer")),
+					() => D.get(a) && D.get(o) ? `${_(D.get(n), xe)} - ${D.get(o)}` : _(D.get(n), xe),
+					() => Ie(D.get(n)) ? 0 : -1,
+					() => D.get(n).getDate()
+				]), D.delegated("click", c, (e) => Ve(D.get(n), Be(e))), D.delegated("keydown", c, (e) => Re(e, D.get(n))), D.append(t, c);
+			}, o = (e) => {
+				var t = re();
+				D.append(e, t);
+			};
+			D.if(i, (e) => {
+				D.get(n) ? e(a) : e(o, -1);
+			}), D.append(t, r);
+		}), D.reset(p);
+		var m = D.sibling(p, 2), h = D.child(m);
+		{
+			let e = D.derived(() => Z(D.get(Y)));
+			a(h, {
+				type: "button",
+				variant: "default",
+				class: "flex-1 h-9 pointer-coarse:h-11",
+				onclick: He,
+				get disabled() {
+					return D.get(e);
+				},
+				children: (e, t) => {
+					D.next();
+					var n = D.text();
+					D.template_effect(() => D.set_text(n, D.get(G).today)), D.append(e, n);
+				},
+				$$slots: { default: !0 }
+			});
+		}
+		var g = D.sibling(h, 2);
+		a(g, {
+			type: "button",
+			variant: "alternative",
+			class: "flex-1 h-9 pointer-coarse:h-11",
+			onclick: Ue,
+			children: (e, t) => {
+				D.next();
+				var n = D.text();
+				D.template_effect(() => D.set_text(n, D.get(G).clear)), D.append(e, n);
+			},
+			$$slots: { default: !0 }
+		}), D.reset(m), D.template_effect((e) => {
+			D.set_class(l, 1, `type-body ${s.strong ?? ""} tone-primary`), D.set_text(u, e);
+		}, [() => _(D.get(J), be)]), D.append(t, i);
+	}, ce = {
+		today: "Today",
+		clear: "Clear",
+		chooseDate: "Choose date",
+		previousMonth: "Previous month",
+		nextMonth: "Next month",
+		weekdays: [
+			"Sun",
+			"Mon",
+			"Tue",
+			"Wed",
+			"Thu",
+			"Fri",
+			"Sat"
+		],
+		pastDatesUnavailable: "Past dates are not available",
+		onOrAfter: (e) => `Date must be on or after ${e}`,
+		onOrBefore: (e) => `Date must be on or before ${e}`,
+		weekdayUnavailable: "This day of the week is not available"
+	}, L = D.prop(I, "value", 15, null), R = D.prop(I, "open", 15, !1), z = D.prop(I, "id", 3, oe), le = D.prop(I, "name", 3, ""), ue = D.prop(I, "label", 3, ""), B = D.prop(I, "required", 3, !1), de = D.prop(I, "disabled", 3, !1), fe = D.prop(I, "placeholder", 3, ""), pe = D.prop(I, "class", 3, ""), V = D.prop(I, "minDate", 3, null), H = D.prop(I, "maxDate", 3, null), U = D.prop(I, "disablePastDates", 3, !1), W = D.prop(I, "allowedWeekdays", 3, null), me = D.prop(I, "error", 3, ""), he = D.prop(I, "errorId", 3, ""), ge = D.prop(I, "showErrorMessage", 3, !1), _e = D.prop(I, "usePortal", 3, !1), ve = D.prop(I, "labels", 19, () => ({})), G = D.derived(() => t(ce, ve())), ye = {
+		month: "short",
+		day: "numeric",
+		year: "numeric"
+	}, be = {
+		month: "long",
+		year: "numeric",
+		day: void 0
+	}, xe = {
+		weekday: "long",
+		month: "long",
+		day: "numeric",
+		year: "numeric"
+	};
+	function Se(e) {
+		return l(e);
+	}
+	function Ce(e, t) {
+		return h(l(e), l(t));
+	}
+	let we = D.state("bottom-start"), Te = D.derived(() => Ee(D.get(we)));
+	function Ee(e) {
+		return `${e.startsWith("top") ? "bottom" : "top"} ${e.endsWith("end") ? "right" : "left"}`;
+	}
+	let K = D.state(void 0), De = D.state(void 0), q = D.state(void 0), Oe = D.derived(() => !!me()), J = D.state(D.proxy(S(L() ? l(L()) : te(j(() => I.timeZone))))), ke = D.state(D.proxy(L()));
+	D.user_effect(() => {
+		L() !== D.get(ke) && (D.set(ke, L(), !0), L() && !R() && D.set(J, S(l(L())), !0));
+	});
+	let Y = D.derived(() => te(I.timeZone)), Ae = D.derived(() => L() ? _(L(), ye) : "");
+	function je(e) {
+		return b(e.getFullYear(), e.getMonth()).map((e) => e.inMonth ? e.day : null);
+	}
+	let Me = D.derived(() => je(D.get(J))), X = D.state(null);
+	function Ne(e) {
+		return e.getFullYear() === D.get(J).getFullYear() && e.getMonth() === D.get(J).getMonth();
+	}
+	function Pe() {
+		let e = D.get(J).getFullYear(), t = D.get(J).getMonth(), n = m(e, t);
+		for (let r = 1; r <= n; r++) {
+			let n = u(e, t, r);
+			if (!Z(n)) return n;
+		}
+		return null;
+	}
+	let Fe = D.derived(() => D.get(X) && Ne(D.get(X)) && !Z(D.get(X)) ? D.get(X) : L() && Ne(L()) && !Z(L()) ? Se(L()) : Ne(D.get(Y)) && !Z(D.get(Y)) ? D.get(Y) : Pe());
+	function Ie(e) {
+		return D.get(Fe) !== null && Ce(e, D.get(Fe));
+	}
+	async function Le(e) {
+		D.set(X, e, !0), await A();
+		let t = e.getTime();
+		D.get(q)?.querySelector(`[data-day="${t}"]`)?.focus();
+	}
+	function Re(e, t) {
+		let n;
+		switch (e.key) {
+			case "ArrowLeft":
+				n = -1;
+				break;
+			case "ArrowRight":
+				n = 1;
+				break;
+			case "ArrowUp":
+				n = -7;
+				break;
+			case "ArrowDown":
+				n = 7;
+				break;
+			case "Home":
+				n = x(t, p(t)[0]);
+				break;
+			case "End":
+				n = x(t, p(t)[6]);
+				break;
+			default: return;
+		}
+		e.preventDefault(), e.stopPropagation();
+		let r = n >= 0 ? 1 : -1, i = f(t, n), a = 0;
+		for (; Z(i) && a < 420;) i = f(i, r), a++;
+		Z(i) || (Ne(i) || D.set(J, S(i), !0), Le(i));
+	}
+	function Z(e) {
+		return !e || g(l(e), {
+			min: V() ? l(V()) : null,
+			max: H() ? l(H()) : null,
+			disablePast: U(),
+			today: D.get(Y),
+			allowedWeekdays: W()
+		});
+	}
+	function ze(e) {
+		if (!e) return "";
+		let t = l(e);
+		return U() && y(t, D.get(Y)) ? D.get(G).pastDatesUnavailable : V() && y(t, l(V())) ? D.get(G).onOrAfter(_(V(), ye)) : H() && ee(t, l(H())) ? D.get(G).onOrBefore(_(H(), ye)) : W() && !W().includes(d(t)) ? D.get(G).weekdayUnavailable : "";
+	}
+	let Be = (e) => !e || e.detail === 0;
+	function Ve(e, t = !0) {
+		Z(e) || (L(e), I.onchange?.({ date: e }), I.oninput?.(e), Q(t));
+	}
+	function He(e) {
+		Z(D.get(Y)) || Ve(D.get(Y), Be(e));
+	}
+	function Ue(e) {
+		L(null), I.onchange?.({ date: null }), I.oninput?.(null), Q(Be(e));
+	}
+	let We = D.state(!1);
+	function Q(e = !0) {
+		R(!1), D.set(X, null), e && D.get(K)?.focus();
+	}
+	function Ge() {
+		de() || D.get(We) || (!R() && L() && D.set(J, S(l(L())), !0), R(!R()), R() || D.set(X, null));
+	}
+	let Ke = !1;
+	D.user_effect(() => {
+		R() && !Ke ? (Ke = !0, A().then(() => {
+			R() && (D.get(q)?.querySelector("[data-day][tabindex=\"0\"]"))?.focus();
+		})) : !R() && Ke && (Ke = !1);
+	});
+	function qe() {
+		let e = v(D.get(J), -1);
+		U() && y(e, S(D.get(Y))) || V() && y(e, S(l(V()))) || D.set(J, e, !0);
+	}
+	function Je() {
+		let e = v(D.get(J), 1);
+		H() && ee(e, S(l(H()))) || D.set(J, e, !0);
+	}
+	function Ye(e) {
+		e.key === "Enter" || e.key === " " ? (e.preventDefault(), Ge()) : e.key === "Escape" && R() && (e.preventDefault(), Q());
+	}
+	function Xe(e) {
+		switch (e.key) {
+			case "Escape":
+				e.preventDefault(), Q();
+				break;
+			case "ArrowLeft":
+				e.preventDefault(), qe();
+				break;
+			case "ArrowRight": e.preventDefault(), Je();
+		}
+	}
+	function Ze(e) {
+		R() && (D.get(q) && D.get(q).contains(e.target) || (Q(!1), D.set(We, !0), D.get(K)?.blur(), setTimeout(() => {
+			D.set(We, !1);
+		}, 100)));
+	}
+	k(() => {
+		typeof document < "u" && document.addEventListener("mousedown", Ze);
+	}), O(() => {
+		typeof document < "u" && document.removeEventListener("mousedown", Ze);
+	});
+	let Qe = D.derived(() => {
+		let e = v(D.get(J), -1);
+		return !!(U() && y(e, S(D.get(Y))) || V() && y(e, S(l(V()))));
+	}), $e = D.derived(() => {
+		if (!H()) return !1;
+		let e = v(D.get(J), 1);
+		return ee(e, S(l(H())));
+	});
+	var et = F(), $ = D.first_child(et), tt = D.child($), nt = (e) => {
+		var t = ie(), n = D.child(t, !0), r = D.sibling(n);
+		w(r, { get required() {
+			return B();
+		} }), D.reset(t), D.template_effect(() => {
+			D.set_attribute(t, "for", z()), D.set_text(n, ue());
+		}), D.append(e, t);
+	};
+	D.if(tt, (e) => {
+		ue() && e(nt);
+	});
+	var rt = D.sibling(tt, 2), it = D.child(rt);
+	D.attribute_effect(it, (e, t) => ({
+		id: z(),
+		name: le(),
+		type: "text",
+		readonly: !0,
+		required: B(),
+		disabled: de(),
+		value: D.get(Ae),
+		placeholder: fe(),
+		class: e,
+		onclick: Ge,
+		onkeydown: Ye,
+		"aria-haspopup": "dialog",
+		...t,
+		"data-testid": I["data-testid"]
+	}), [() => e("w-full h-11 px-4 pr-10 bg-bg-secondary border rounded-lg type-body tone-primary cursor-pointer transition-all focus:ring-0 disabled:opacity-50 disabled:cursor-not-allowed", D.get(Oe) ? "border-status-error-border focus-ring-danger focus:border-status-error-border" : "border-stroke-primary focus-ring focus:border-brand-primary"), () => T({
+		invalid: D.get(Oe),
+		describedby: he() || void 0
+	}, I.wiring)], void 0, void 0, void 0, !0), D.bind_this(it, (e) => D.set(K, e), () => D.get(K));
+	var at = D.sibling(it, 2), ot = D.child(at);
+	i(ot, {
+		class: "w-5 h-5 tone-muted",
+		size: "20"
+	}), D.reset(at), D.reset(rt);
+	var st = D.sibling(rt, 2), ct = (e) => {
+		var t = ae();
+		D.set_class(t, 1, "w-72 bg-card border border-border rounded-lg shadow-lg p-4 pointer-coarse:w-90 pointer-coarse:max-w-[calc(100vw-1rem)] pointer-coarse:p-3");
+		var n = D.child(t);
+		se(n), D.reset(t), D.bind_this(t, (e) => D.set(q, e), () => D.get(q)), D.action(t, (e, t) => ne?.(e, t), () => ({
+			reference: D.get(K),
+			placement: "bottom-start",
+			offset: 8,
+			onComputed: ({ placement: e }) => D.set(we, e, !0)
+		})), D.template_effect(() => D.set_attribute(t, "aria-label", D.get(G).chooseDate)), D.delegated("keydown", t, Xe), D.transition(3, t, () => c, () => ({ origin: D.get(Te) })), D.append(e, t);
+	};
+	D.if(st, (e) => {
+		R() && !_e() && e(ct);
+	});
+	var lt = D.sibling(st, 2);
+	{
+		let e = D.derived(() => he() || void 0);
+		o(lt, {
+			get error() {
+				return me();
+			},
+			get show() {
+				return ge();
+			},
+			get id() {
+				return D.get(e);
+			}
+		});
+	}
+	D.reset($), D.bind_this($, (e) => D.set(De, e), () => D.get(De));
+	var ut = D.sibling($, 2), dt = (e) => {
+		var t = ae();
+		D.set_class(t, 1, "w-72 bg-card border border-border rounded-lg shadow-lg p-4 pointer-coarse:w-90 pointer-coarse:max-w-[calc(100vw-1rem)] pointer-coarse:p-3");
+		var n = D.child(t);
+		se(n), D.reset(t), D.action(t, (e) => C?.(e)), D.bind_this(t, (e) => D.set(q, e), () => D.get(q)), D.action(t, (e, t) => ne?.(e, t), () => ({
+			reference: D.get(K),
+			placement: "bottom-start",
+			offset: 8,
+			layer: "modalContent",
+			onComputed: ({ placement: e }) => D.set(we, e, !0)
+		})), D.template_effect(() => D.set_attribute(t, "aria-label", D.get(G).chooseDate)), D.delegated("keydown", t, Xe), D.transition(3, t, () => c, () => ({ origin: D.get(Te) })), D.append(e, t);
+	};
+	D.if(ut, (e) => {
+		R() && _e() && e(dt);
+	}), D.template_effect((e) => D.set_class($, 1, e), [() => D.clsx(e("relative", pe()))]), D.append(E, et), D.pop();
+}
+D.delegate(["click", "keydown"]);
+// node_modules/@getmicdrop/svelte-components/dist/recipes/inputs/DatePicker/DateRangePicker.svelte
+var oe = D.from_html("<!> <span class=\"tone-muted type-label\"> </span>", 1), se = D.from_html("<div class=\"w-full sm:w-36 border-r border-border\"><h3 class=\"type-label tone-primary px-3 py-4 border-b border-border\"> </h3> <div class=\"space-y-0.5 py-2 px-1\"></div></div>"), ce = D.from_html("<div class=\"max-w-4xl bg-card border border-border rounded-lg shadow-lg\"><div class=\"flex sm:flex-row flex-col\"><!> <div class=\"w-72 p-4 flex flex-col justify-center\"><div class=\"mb-4\"><div class=\"flex-center-between mb-2\"><label> </label> <!></div> <div class=\"relative\"><!></div></div> <div class=\"mb-6\"><div class=\"flex-center-between mb-2\"><label> </label> <!></div> <div class=\"relative\"><!></div></div></div></div> <div class=\"flex justify-end p-4 border-t border-border w-full\"><div class=\"mr-auto\"><!></div> <div class=\"mr-2\"><!></div> <!></div></div>"), L = D.from_html("<div><!> <!></div>");
+function R(n, r) {
+	let o = D.props_id();
+	D.push(r, !0);
+	let s = {
+		title: "Date range",
+		startDate: "Start date",
+		endDate: "End date",
+		clear: "Clear",
+		cancel: "Cancel",
+		apply: "Apply",
+		placeholder: "Date",
+		startBeforeEndError: "Start date must be before end date",
+		after: (e) => `After ${e}`,
+		before: (e) => `Before ${e}`
+	}, l = D.prop(r, "value", 31, () => D.proxy(x())), u = D.prop(r, "open", 15, !1), d = D.prop(r, "presets", 19, () => []), f = D.prop(r, "labels", 19, () => ({})), p = D.prop(r, "class", 3, ""), m = D.derived(() => t(s, f())), h = `${o}-start`, g = `${o}-end`, v = D.state(void 0), y = D.state("bottom-end"), ee = D.derived(() => te(D.get(y)));
+	function te(e) {
+		return `${e.startsWith("top") ? "bottom" : "top"} ${e.endsWith("end") ? "right" : "left"}`;
+	}
+	let b = {
+		month: "long",
+		day: "numeric",
+		year: "numeric"
+	};
+	function x() {
+		return {
+			startDate: null,
+			endDate: null,
+			preset: null
+		};
+	}
+	let S = D.state(D.proxy(l().startDate)), C = D.state(D.proxy(l().endDate)), w = D.state(D.proxy(l().preset)), T = D.state("");
+	function E(e) {
+		l(e);
+	}
+	function O(e) {
+		return d().find((t) => t.value === e) ?? null;
+	}
+	let k = null, A = null, j = null, M = !1;
+	D.user_effect(() => {
+		u() && !M ? (M = !0, D.set(S, l().startDate, !0), D.set(C, l().endDate, !0), D.set(w, l().preset, !0), D.set(T, ""), k = D.get(S), A = D.get(C), j = D.get(w)) : !u() && M && (M = !1);
+	});
+	function N() {
+		D.set(S, k, !0), D.set(C, A, !0), D.set(w, j, !0), D.set(T, "");
+	}
+	function re() {
+		k = D.get(S), A = D.get(C), j = D.get(w);
+	}
+	function P(e, t, n) {
+		let r = O(n)?.label;
+		return r === void 0 ? e && t ? `${_(e, b)} - ${_(t, b)}` : e ? D.get(m).after(_(e, b)) : t ? D.get(m).before(_(t, b)) : D.get(m).placeholder : r;
+	}
+	let ie = D.derived(() => P(l().startDate, l().endDate, l().preset)), ae = D.derived(() => !D.get(S) && !D.get(C) || D.get(T) !== "");
+	function F() {
+		return D.get(S) && D.get(C) && D.get(S) > D.get(C) ? (D.set(T, D.get(m).startBeforeEndError, !0), !1) : (D.set(T, ""), !0);
+	}
+	D.user_effect(() => {
+		(D.get(S) || D.get(C)) && F();
+	});
+	function R() {
+		u(!u());
+	}
+	function z(e) {
+		D.set(w, e.value, !0);
+		let t = r.resolvePreset?.(e.value);
+		D.set(S, t?.startDate ?? null, !0), D.set(C, t?.endDate ?? null, !0), D.set(T, ""), F() && (E({
+			startDate: D.get(S),
+			endDate: D.get(C),
+			preset: e.value
+		}), u(!1), r.onselect?.({
+			startDate: D.get(S),
+			endDate: D.get(C),
+			displayText: P(D.get(S), D.get(C), e.value),
+			selectedPreset: e
+		}));
+	}
+	function le() {
+		D.set(S, null), D.set(T, ""), D.set(w, null);
+	}
+	function ue() {
+		D.set(C, null), D.set(w, null), D.set(T, "");
+	}
+	function B() {
+		D.set(S, null), D.set(C, null), D.set(w, null), D.set(T, ""), E(x()), re(), r.onclear?.();
+	}
+	function de() {
+		N(), u(!1);
+	}
+	function fe() {
+		D.set(w, null), F();
+	}
+	function pe() {
+		(D.get(S) || D.get(C)) && F() && (E({
+			startDate: D.get(S),
+			endDate: D.get(C),
+			preset: D.get(w)
+		}), r.onselect?.({
+			startDate: D.get(S),
+			endDate: D.get(C),
+			displayText: P(D.get(S), D.get(C), D.get(w)),
+			selectedPreset: O(D.get(w))
+		}), u(!1));
+	}
+	function V(e) {
+		u() && !e.target.closest(".sc-date-range-container") && (N(), u(!1));
+	}
+	var H = { clearAll: B }, U = L();
+	D.event("click", D.window, V);
+	var W = D.child(U);
+	a(W, {
+		variant: "ghost",
+		onclick: R,
+		class: "flex-center-gap-2 px-3 py-2 border border-stroke-primary rounded-md bg-bg-secondary hover:bg-bg-secondary focus:outline-hidden",
+		children: (e, t) => {
+			var n = oe(), r = D.first_child(n);
+			i(r, {
+				class: "w-5 h-5 tone-muted",
+				size: "20"
+			});
+			var a = D.sibling(r, 2), o = D.only_child(a, !0);
+			D.template_effect(() => D.set_text(o, D.get(ie))), D.append(e, n);
+		},
+		$$slots: { default: !0 }
+	});
+	var me = D.sibling(W, 2), he = (t) => {
+		var n = ce(), i = D.child(n), o = D.child(i), s = (t) => {
+			var n = se(), r = D.child(n), i = D.only_child(r, !0), o = D.sibling(r, 2);
+			D.each(o, 21, d, D.index, (t, n) => {
+				{
+					let r = D.derived(() => e("block w-full text-left px-3 py-2 type-body tone-primary hover:bg-hover-primary rounded-md transition-colors", D.get(w) === D.get(n).value ? "bg-status-info-bg text-brand-primary" : ""));
+					a(t, {
+						variant: "ghost",
+						onclick: () => z(D.get(n)),
+						get class() {
+							return D.get(r);
+						},
+						children: (e, t) => {
+							D.next();
+							var r = D.text();
+							D.template_effect(() => D.set_text(r, D.get(n).label)), D.append(e, r);
+						},
+						$$slots: { default: !0 }
+					});
+				}
+			}), D.reset(o), D.reset(n), D.template_effect(() => D.set_text(i, D.get(m).title)), D.append(t, n);
+		};
+		D.if(o, (e) => {
+			d().length && e(s);
+		});
+		var l = D.sibling(o, 2), u = D.child(l), f = D.child(u), p = D.child(f), _ = D.only_child(p, !0), te = D.sibling(p, 2);
+		a(te, {
+			variant: "link",
+			onclick: le,
+			class: "type-body text-brand-primary hover:text-brand-primary",
+			children: (e, t) => {
+				D.next();
+				var n = D.text();
+				D.template_effect(() => D.set_text(n, D.get(m).clear)), D.append(e, n);
+			},
+			$$slots: { default: !0 }
+		}), D.reset(f);
+		var b = D.sibling(f, 2);
+		I(D.child(b), {
+			get id() {
+				return h;
+			},
+			oninput: fe,
+			get timeZone() {
+				return r.timeZone;
+			},
+			get error() {
+				return D.get(T);
+			},
+			showErrorMessage: !0,
+			get value() {
+				return D.get(S);
+			},
+			set value(e) {
+				D.set(S, e, !0);
+			}
+		}), D.reset(b), D.reset(u);
+		var x = D.sibling(u, 2), E = D.child(x), O = D.child(E), k = D.only_child(O, !0), A = D.sibling(O, 2);
+		a(A, {
+			variant: "link",
+			onclick: ue,
+			class: "type-body text-brand-primary hover:text-brand-primary",
+			children: (e, t) => {
+				D.next();
+				var n = D.text();
+				D.template_effect(() => D.set_text(n, D.get(m).clear)), D.append(e, n);
+			},
+			$$slots: { default: !0 }
+		}), D.reset(E);
+		var j = D.sibling(E, 2);
+		I(D.child(j), {
+			get id() {
+				return g;
+			},
+			get minDate() {
+				return D.get(S);
+			},
+			oninput: fe,
+			get timeZone() {
+				return r.timeZone;
+			},
+			get value() {
+				return D.get(C);
+			},
+			set value(e) {
+				D.set(C, e, !0);
+			}
+		}), D.reset(j), D.reset(x), D.reset(l), D.reset(i);
+		var M = D.sibling(i, 2), N = D.child(M), re = D.child(N);
+		a(re, {
+			variant: "alternative",
+			size: "sm",
+			onclick: B,
+			children: (e, t) => {
+				D.next();
+				var n = D.text();
+				D.template_effect(() => D.set_text(n, D.get(m).clear)), D.append(e, n);
+			},
+			$$slots: { default: !0 }
+		}), D.reset(N);
+		var P = D.sibling(N, 2), ie = D.child(P);
+		a(ie, {
+			variant: "alternative",
+			size: "sm",
+			onclick: de,
+			children: (e, t) => {
+				D.next();
+				var n = D.text();
+				D.template_effect(() => D.set_text(n, D.get(m).cancel)), D.append(e, n);
+			},
+			$$slots: { default: !0 }
+		}), D.reset(P);
+		var F = D.sibling(P, 2);
+		a(F, {
+			variant: "default",
+			size: "sm",
+			onclick: pe,
+			get disabled() {
+				return D.get(ae);
+			},
+			children: (e, t) => {
+				D.next();
+				var n = D.text();
+				D.template_effect(() => D.set_text(n, D.get(m).apply)), D.append(e, n);
+			},
+			$$slots: { default: !0 }
+		}), D.reset(M), D.reset(n), D.action(n, (e, t) => ne?.(e, t), () => ({
+			reference: D.get(v),
+			placement: "bottom-end",
+			offset: 8,
+			onComputed: ({ placement: e }) => D.set(y, e, !0)
+		})), D.template_effect(() => {
+			D.set_attribute(p, "for", h), D.set_text(_, D.get(m).startDate), D.set_attribute(O, "for", g), D.set_text(k, D.get(m).endDate);
+		}), D.transition(3, n, () => c, () => ({ origin: D.get(ee) })), D.append(t, n);
+	};
+	return D.if(me, (e) => {
+		u() && e(he);
+	}), D.reset(U), D.bind_this(U, (e) => D.set(v, e), () => D.get(v)), D.template_effect((e) => D.set_class(U, 1, e), [() => D.clsx(e("relative sc-date-range-container", p()))]), D.append(n, U), D.pop(H);
+}
+// node_modules/@getmicdrop/svelte-components/dist/recipes/inputs/DatePicker/index.js
+var z = Object.assign(I, {
+	Single: I,
+	Range: R,
+	Time: E
+});
+export { z as t };