@getmicdrop/venue-calendar 4.3.135 → 4.3.138

package/dist/DatePicker-v-4ijT8N.js

@@ -0,0 +1,650 @@
+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-B1cBhdtC.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 { _ as l, a as u, c as d, g as f, h as p, i as m, l as h, m as g, n as _, o as v, p as ee, r as te, s as y, t as b, u as x, v as S } from "./calendar-Cdu8fCIt.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-HYzPI_Dc.js";
+import "svelte/internal/disclose-version";
+import * as D from "svelte/internal/client";
+import { onDestroy as O, onMount as k, tick as A } from "svelte";
+// node_modules/@getmicdrop/svelte-components/dist/recipes/inputs/DatePicker/DatePicker.svelte
+var j = D.from_html("<div> </div>"), M = D.from_html("<button type=\"button\" role=\"gridcell\"> </button>"), re = D.from_html("<div class=\"h-9 pointer-coarse:h-11\"></div>"), N = 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), P = D.from_html("<label class=\"block type-label tone-secondary mb-2\"> <!></label>"), ie = D.from_html("<div role=\"dialog\" tabindex=\"-1\"><!></div>"), ae = 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 F(E, F) {
+	let oe = D.props_id();
+	D.push(F, !0);
+	let se = (t) => {
+		var i = N(), 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: Ke,
+			get disabled() {
+				return D.get(Ze);
+			},
+			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: qe,
+			get disabled() {
+				return D.get(Qe);
+			},
+			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 = j(), 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(je), D.index, (t, n) => {
+			var r = D.comment(), i = D.first_child(r), a = (t) => {
+				let r = D.derived(() => !!(I() && Se(D.get(n), I()))), i = D.derived(() => Se(D.get(n), Y)), a = D.derived(() => Z(D.get(n))), o = D.derived(() => D.get(a) ? Re(D.get(n)) : "");
+				var c = M(), 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) ? `${S(D.get(n), be)} - ${D.get(o)}` : S(D.get(n), be),
+					() => Fe(D.get(n)) ? 0 : -1,
+					() => D.get(n).getDate()
+				]), D.delegated("click", c, (e) => Be(D.get(n), ze(e))), D.delegated("keydown", c, (e) => Le(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(Y));
+			a(h, {
+				type: "button",
+				variant: "default",
+				class: "flex-1 h-9 pointer-coarse:h-11",
+				onclick: Ve,
+				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: He,
+			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);
+		}, [() => S(D.get(J), ye)]), 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"
+	}, I = D.prop(F, "value", 15, null), L = D.prop(F, "open", 15, !1), R = D.prop(F, "id", 3, oe), le = D.prop(F, "name", 3, ""), ue = D.prop(F, "label", 3, ""), de = D.prop(F, "required", 3, !1), z = D.prop(F, "disabled", 3, !1), fe = D.prop(F, "placeholder", 3, ""), pe = D.prop(F, "class", 3, ""), B = D.prop(F, "minDate", 3, null), V = D.prop(F, "maxDate", 3, null), H = D.prop(F, "disablePastDates", 3, !1), U = D.prop(F, "allowedWeekdays", 3, null), W = D.prop(F, "error", 3, ""), me = D.prop(F, "errorId", 3, ""), he = D.prop(F, "showErrorMessage", 3, !1), ge = D.prop(F, "usePortal", 3, !1), _e = D.prop(F, "labels", 19, () => ({})), G = D.derived(() => t(ce, _e())), ve = {
+		month: "short",
+		day: "numeric",
+		year: "numeric"
+	}, ye = {
+		month: "long",
+		year: "numeric",
+		day: void 0
+	}, be = {
+		weekday: "long",
+		month: "long",
+		day: "numeric",
+		year: "numeric"
+	};
+	function xe(e) {
+		return p(e);
+	}
+	function Se(e, t) {
+		return h(p(e), p(t));
+	}
+	let Ce = D.state("bottom-start"), we = D.derived(() => Te(D.get(Ce)));
+	function Te(e) {
+		return `${e.startsWith("top") ? "bottom" : "top"} ${e.endsWith("end") ? "right" : "left"}`;
+	}
+	let K = D.state(void 0), Ee = D.state(void 0), q = D.state(void 0), De = D.derived(() => !!W()), J = D.state(D.proxy(g(I() ? p(I()) : f()))), Oe = D.state(D.proxy(I()));
+	D.user_effect(() => {
+		I() !== D.get(Oe) && (D.set(Oe, I(), !0), I() && !L() && D.set(J, g(p(I())), !0));
+	});
+	let Y = f(), ke = D.derived(() => I() ? S(I(), ve) : "");
+	function Ae(e) {
+		return te(e.getFullYear(), e.getMonth()).map((e) => e.inMonth ? e.day : null);
+	}
+	let je = D.derived(() => Ae(D.get(J))), X = D.state(null);
+	function Me(e) {
+		return e.getFullYear() === D.get(J).getFullYear() && e.getMonth() === D.get(J).getMonth();
+	}
+	function Ne() {
+		let e = D.get(J).getFullYear(), t = D.get(J).getMonth(), n = u(e, t);
+		for (let r = 1; r <= n; r++) {
+			let n = x(e, t, r);
+			if (!Z(n)) return n;
+		}
+		return null;
+	}
+	let Pe = D.derived(() => D.get(X) && Me(D.get(X)) && !Z(D.get(X)) ? D.get(X) : I() && Me(I()) && !Z(I()) ? xe(I()) : Me(Y) && !Z(Y) ? Y : Ne());
+	function Fe(e) {
+		return D.get(Pe) !== null && Se(e, D.get(Pe));
+	}
+	async function Ie(e) {
+		D.set(X, e, !0), await A();
+		let t = e.getTime();
+		D.get(q)?.querySelector(`[data-day="${t}"]`)?.focus();
+	}
+	function Le(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 = l(t, m(t)[0]);
+				break;
+			case "End":
+				n = l(t, m(t)[6]);
+				break;
+			default: return;
+		}
+		e.preventDefault(), e.stopPropagation();
+		let r = n >= 0 ? 1 : -1, i = b(t, n), a = 0;
+		for (; Z(i) && a < 420;) i = b(i, r), a++;
+		Z(i) || (Me(i) || D.set(J, g(i), !0), Ie(i));
+	}
+	function Z(e) {
+		return !e || d(p(e), {
+			min: B() ? p(B()) : null,
+			max: V() ? p(V()) : null,
+			disablePast: H(),
+			allowedWeekdays: U()
+		});
+	}
+	function Re(e) {
+		if (!e) return "";
+		let t = p(e);
+		return H() && y(t, Y) ? D.get(G).pastDatesUnavailable : B() && y(t, p(B())) ? D.get(G).onOrAfter(S(B(), ve)) : V() && v(t, p(V())) ? D.get(G).onOrBefore(S(V(), ve)) : U() && !U().includes(ee(t)) ? D.get(G).weekdayUnavailable : "";
+	}
+	let ze = (e) => !e || e.detail === 0;
+	function Be(e, t = !0) {
+		Z(e) || (I(e), F.onchange?.({ date: e }), F.oninput?.(e), Q(t));
+	}
+	function Ve(e) {
+		Z(Y) || Be(Y, ze(e));
+	}
+	function He(e) {
+		I(null), F.onchange?.({ date: null }), F.oninput?.(null), Q(ze(e));
+	}
+	let Ue = D.state(!1);
+	function Q(e = !0) {
+		L(!1), D.set(X, null), e && D.get(K)?.focus();
+	}
+	function We() {
+		z() || D.get(Ue) || (!L() && I() && D.set(J, g(p(I())), !0), L(!L()), L() || D.set(X, null));
+	}
+	let Ge = !1;
+	D.user_effect(() => {
+		L() && !Ge ? (Ge = !0, A().then(() => {
+			L() && (D.get(q)?.querySelector("[data-day][tabindex=\"0\"]"))?.focus();
+		})) : !L() && Ge && (Ge = !1);
+	});
+	function Ke() {
+		let e = _(D.get(J), -1);
+		H() && y(e, g(Y)) || B() && y(e, g(p(B()))) || D.set(J, e, !0);
+	}
+	function qe() {
+		let e = _(D.get(J), 1);
+		V() && v(e, g(p(V()))) || D.set(J, e, !0);
+	}
+	function Je(e) {
+		e.key === "Enter" || e.key === " " ? (e.preventDefault(), We()) : e.key === "Escape" && L() && (e.preventDefault(), Q());
+	}
+	function Ye(e) {
+		switch (e.key) {
+			case "Escape":
+				e.preventDefault(), Q();
+				break;
+			case "ArrowLeft":
+				e.preventDefault(), Ke();
+				break;
+			case "ArrowRight": e.preventDefault(), qe();
+		}
+	}
+	function Xe(e) {
+		L() && (D.get(q) && D.get(q).contains(e.target) || (Q(!1), D.set(Ue, !0), D.get(K)?.blur(), setTimeout(() => {
+			D.set(Ue, !1);
+		}, 100)));
+	}
+	k(() => {
+		typeof document < "u" && document.addEventListener("mousedown", Xe);
+	}), O(() => {
+		typeof document < "u" && document.removeEventListener("mousedown", Xe);
+	});
+	let Ze = D.derived(() => {
+		let e = _(D.get(J), -1);
+		return !!(H() && y(e, g(Y)) || B() && y(e, g(p(B()))));
+	}), Qe = D.derived(() => {
+		if (!V()) return !1;
+		let e = _(D.get(J), 1);
+		return v(e, g(p(V())));
+	});
+	var $e = ae(), $ = D.first_child($e), et = D.child($), tt = (e) => {
+		var t = P(), n = D.child(t, !0), r = D.sibling(n);
+		w(r, { get required() {
+			return de();
+		} }), D.reset(t), D.template_effect(() => {
+			D.set_attribute(t, "for", R()), D.set_text(n, ue());
+		}), D.append(e, t);
+	};
+	D.if(et, (e) => {
+		ue() && e(tt);
+	});
+	var nt = D.sibling(et, 2), rt = D.child(nt);
+	D.attribute_effect(rt, (e, t) => ({
+		id: R(),
+		name: le(),
+		type: "text",
+		readonly: !0,
+		required: de(),
+		disabled: z(),
+		value: D.get(ke),
+		placeholder: fe(),
+		class: e,
+		onclick: We,
+		onkeydown: Je,
+		"aria-haspopup": "dialog",
+		...t,
+		"data-testid": F["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(De) ? "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(De),
+		describedby: me() || void 0
+	}, F.wiring)], void 0, void 0, void 0, !0), D.bind_this(rt, (e) => D.set(K, e), () => D.get(K));
+	var it = D.sibling(rt, 2), at = D.child(it);
+	i(at, {
+		class: "w-5 h-5 tone-muted",
+		size: "20"
+	}), D.reset(it), D.reset(nt);
+	var ot = D.sibling(nt, 2), st = (e) => {
+		var t = ie();
+		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(Ce, e, !0)
+		})), D.template_effect(() => D.set_attribute(t, "aria-label", D.get(G).chooseDate)), D.delegated("keydown", t, Ye), D.transition(3, t, () => c, () => ({ origin: D.get(we) })), D.append(e, t);
+	};
+	D.if(ot, (e) => {
+		L() && !ge() && e(st);
+	});
+	var ct = D.sibling(ot, 2);
+	{
+		let e = D.derived(() => me() || void 0);
+		o(ct, {
+			get error() {
+				return W();
+			},
+			get show() {
+				return he();
+			},
+			get id() {
+				return D.get(e);
+			}
+		});
+	}
+	D.reset($), D.bind_this($, (e) => D.set(Ee, e), () => D.get(Ee));
+	var lt = D.sibling($, 2), ut = (e) => {
+		var t = ie();
+		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(Ce, e, !0)
+		})), D.template_effect(() => D.set_attribute(t, "aria-label", D.get(G).chooseDate)), D.delegated("keydown", t, Ye), D.transition(3, t, () => c, () => ({ origin: D.get(we) })), D.append(e, t);
+	};
+	D.if(lt, (e) => {
+		L() && ge() && e(ut);
+	}), D.template_effect((e) => D.set_class($, 1, e), [() => D.clsx(e("relative", pe()))]), D.append(E, $e), 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>"), I = D.from_html("<div><!> <!></div>");
+function L(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(b())), 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`, _ = D.state(void 0), v = D.state("bottom-end"), ee = D.derived(() => te(D.get(v)));
+	function te(e) {
+		return `${e.startsWith("top") ? "bottom" : "top"} ${e.endsWith("end") ? "right" : "left"}`;
+	}
+	let y = {
+		month: "long",
+		day: "numeric",
+		year: "numeric"
+	};
+	function b() {
+		return {
+			startDate: null,
+			endDate: null,
+			preset: null
+		};
+	}
+	let x = 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(x, l().startDate, !0), D.set(C, l().endDate, !0), D.set(w, l().preset, !0), D.set(T, ""), k = D.get(x), A = D.get(C), j = D.get(w)) : !u() && M && (M = !1);
+	});
+	function re() {
+		D.set(x, k, !0), D.set(C, A, !0), D.set(w, j, !0), D.set(T, "");
+	}
+	function N() {
+		k = D.get(x), A = D.get(C), j = D.get(w);
+	}
+	function P(e, t, n) {
+		let r = O(n)?.label;
+		return r === void 0 ? e && t ? `${S(e, y)} - ${S(t, y)}` : e ? D.get(m).after(S(e, y)) : t ? D.get(m).before(S(t, y)) : D.get(m).placeholder : r;
+	}
+	let ie = D.derived(() => P(l().startDate, l().endDate, l().preset)), ae = D.derived(() => !D.get(x) && !D.get(C) || D.get(T) !== "");
+	function L() {
+		return D.get(x) && D.get(C) && D.get(x) > D.get(C) ? (D.set(T, D.get(m).startBeforeEndError, !0), !1) : (D.set(T, ""), !0);
+	}
+	D.user_effect(() => {
+		(D.get(x) || D.get(C)) && L();
+	});
+	function R() {
+		u(!u());
+	}
+	function le(e) {
+		D.set(w, e.value, !0);
+		let t = r.resolvePreset?.(e.value);
+		D.set(x, t?.startDate ?? null, !0), D.set(C, t?.endDate ?? null, !0), D.set(T, ""), L() && (E({
+			startDate: D.get(x),
+			endDate: D.get(C),
+			preset: e.value
+		}), u(!1), r.onselect?.({
+			startDate: D.get(x),
+			endDate: D.get(C),
+			displayText: P(D.get(x), D.get(C), e.value),
+			selectedPreset: e
+		}));
+	}
+	function ue() {
+		D.set(x, null), D.set(T, ""), D.set(w, null);
+	}
+	function de() {
+		D.set(C, null), D.set(w, null), D.set(T, "");
+	}
+	function z() {
+		D.set(x, null), D.set(C, null), D.set(w, null), D.set(T, ""), E(b()), N(), r.onclear?.();
+	}
+	function fe() {
+		re(), u(!1);
+	}
+	function pe() {
+		D.set(w, null), L();
+	}
+	function B() {
+		(D.get(x) || D.get(C)) && L() && (E({
+			startDate: D.get(x),
+			endDate: D.get(C),
+			preset: D.get(w)
+		}), r.onselect?.({
+			startDate: D.get(x),
+			endDate: D.get(C),
+			displayText: P(D.get(x), D.get(C), D.get(w)),
+			selectedPreset: O(D.get(w))
+		}), u(!1));
+	}
+	function V(e) {
+		u() && !e.target.closest(".sc-date-range-container") && (re(), u(!1));
+	}
+	var H = { clearAll: z }, U = I();
+	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(), r = D.child(n), i = D.child(r), o = (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: () => le(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(i, (e) => {
+			d().length && e(o);
+		});
+		var s = D.sibling(i, 2), l = D.child(s), u = D.child(l), f = D.child(u), p = D.only_child(f, !0), te = D.sibling(f, 2);
+		a(te, {
+			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(u);
+		var y = D.sibling(u, 2);
+		F(D.child(y), {
+			get id() {
+				return h;
+			},
+			oninput: pe,
+			get error() {
+				return D.get(T);
+			},
+			showErrorMessage: !0,
+			get value() {
+				return D.get(x);
+			},
+			set value(e) {
+				D.set(x, e, !0);
+			}
+		}), D.reset(y), D.reset(l);
+		var b = D.sibling(l, 2), S = D.child(b), E = D.child(S), O = D.only_child(E, !0), k = D.sibling(E, 2);
+		a(k, {
+			variant: "link",
+			onclick: de,
+			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(S);
+		var A = D.sibling(S, 2);
+		F(D.child(A), {
+			get id() {
+				return g;
+			},
+			get minDate() {
+				return D.get(x);
+			},
+			oninput: pe,
+			get value() {
+				return D.get(C);
+			},
+			set value(e) {
+				D.set(C, e, !0);
+			}
+		}), D.reset(A), D.reset(b), D.reset(s), D.reset(r);
+		var j = D.sibling(r, 2), M = D.child(j), re = D.child(M);
+		a(re, {
+			variant: "alternative",
+			size: "sm",
+			onclick: z,
+			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(M);
+		var N = D.sibling(M, 2), P = D.child(N);
+		a(P, {
+			variant: "alternative",
+			size: "sm",
+			onclick: fe,
+			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(N);
+		var ie = D.sibling(N, 2);
+		a(ie, {
+			variant: "default",
+			size: "sm",
+			onclick: B,
+			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(j), D.reset(n), D.action(n, (e, t) => ne?.(e, t), () => ({
+			reference: D.get(_),
+			placement: "bottom-end",
+			offset: 8,
+			onComputed: ({ placement: e }) => D.set(v, e, !0)
+		})), D.template_effect(() => {
+			D.set_attribute(f, "for", h), D.set_text(p, D.get(m).startDate), D.set_attribute(E, "for", g), D.set_text(O, 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(_, e), () => D.get(_)), 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 R = Object.assign(F, {
+	Single: F,
+	Range: L,
+	Time: E
+});
+export { R as t };

package/dist/{EmptyState-CMFePII9.js → EmptyState-BhK78ogy.js}

@@ -1,11 +1,12 @@
-import { m as e, v as t } from "./sizing-B7ixYndz.js";
+import { t as e } from "./labels-CjSrA6gx.js";
+import { i as t } from "./typography-CKwYSv07.js";
 import "svelte/internal/disclose-version";
 import * as n from "svelte/internal/client";
-//#region node_modules/@getmicdrop/svelte-components/dist/recipes/feedback/EmptyState/EmptyState.svelte
+// node_modules/@getmicdrop/svelte-components/dist/recipes/feedback/EmptyState/EmptyState.svelte
 var r = n.from_html("<img alt=\"\"/>"), i = n.from_html("<p> </p>"), a = n.from_html("<div class=\"mt-4\"><!></div>"), o = n.from_html("<div><!> <h3> </h3> <!> <!></div>");
 function s(s, c) {
 	n.push(c, !0);
-	let l = { noResultsFound: "No results found" }, u = n.prop(c, "title", 3, ""), d = n.prop(c, "message", 3, ""), f = n.prop(c, "description", 3, ""), p = n.prop(c, "subtext", 3, ""), m = n.prop(c, "icon", 3, null), h = n.prop(c, "imageSrc", 3, ""), g = n.prop(c, "iconType", 3, "component"), _ = n.prop(c, "iconSize", 3, "w-20 h-20"), v = n.prop(c, "class", 3, ""), y = n.prop(c, "labels", 19, () => ({})), b = n.derived(() => t(l, y())), x = n.derived(() => u() || d() || n.get(b).noResultsFound), S = n.derived(() => f() || p());
+	let l = { noResultsFound: "No results found" }, u = n.prop(c, "title", 3, ""), d = n.prop(c, "message", 3, ""), f = n.prop(c, "description", 3, ""), p = n.prop(c, "subtext", 3, ""), m = n.prop(c, "icon", 3, null), h = n.prop(c, "imageSrc", 3, ""), g = n.prop(c, "iconType", 3, "component"), _ = n.prop(c, "iconSize", 3, "w-20 h-20"), v = n.prop(c, "class", 3, ""), y = n.prop(c, "labels", 19, () => ({})), b = n.derived(() => e(l, y())), x = n.derived(() => u() || d() || n.get(b).noResultsFound), S = n.derived(() => f() || p());
 	var C = o(), w = n.child(C), T = (e) => {
 		var t = n.comment(), i = n.first_child(t), a = (e) => {
 			let t = n.derived(m);
@@ -28,13 +29,11 @@ function s(s, c) {
 	n.if(w, (e) => {
 		(m() || h()) && e(T);
 	});
-	var E = n.sibling(w, 2), D = n.child(E, !0);
-	n.reset(E);
-	var O = n.sibling(E, 2), k = (t) => {
-		var r = i(), a = n.child(r, !0);
-		n.reset(r), n.template_effect(() => {
-			n.set_class(r, 1, `${e.smMuted} mt-1`), n.set_text(a, n.get(S));
-		}), n.append(t, r);
+	var E = n.sibling(w, 2), D = n.only_child(E, !0), O = n.sibling(E, 2), k = (e) => {
+		var r = i(), a = n.only_child(r, !0);
+		n.template_effect(() => {
+			n.set_class(r, 1, `${t.smMuted} mt-1`), n.set_text(a, n.get(S));
+		}), n.append(e, r);
 	};
 	n.if(O, (e) => {
 		n.get(S) && e(k);
@@ -46,8 +45,7 @@ function s(s, c) {
 	n.if(A, (e) => {
 		c.children && e(j);
 	}), n.reset(C), n.template_effect(() => {
-		n.set_class(C, 1, `flex flex-col items-center justify-center px-6 py-10 text-center ${v() ?? ""}`), n.set_class(E, 1, n.clsx(e.h3)), n.set_text(D, n.get(x));
+		n.set_class(C, 1, `flex flex-col items-center justify-center px-6 py-10 text-center ${v() ?? ""}`), n.set_class(E, 1, n.clsx(t.h3)), n.set_text(D, n.get(x));
 	}), n.append(s, C), n.pop();
 }
-//#endregion
 export { s as t };