@sjvair/monitor-map 3.0.0 → 3.0.1

package/dist/lib/LoadScreen.js

@@ -0,0 +1,73 @@
+import * as e from "svelte/internal/client";
+import "svelte/internal/disclose-version";
+//#region src/lib/LoadScreen.svelte
+var t = e.proxy({
+	enabled: !0,
+	entered: !1
+});
+function n() {
+	t.enabled ||= !0;
+}
+function r() {
+	t.enabled &&= !1;
+}
+var i = e.from_html("<div class=\"absolute top-0 left-0 z-50 flex h-full w-full flex-col items-center justify-center gap-4 overflow-hidden bg-white\"><div><picture><source type=\"image/avif\"/><source type=\"image/webp\"/><source type=\"image/png\"/><img alt=\"SJVAir Icon\" width=\"458\" height=\"458\"/></picture> <picture><source type=\"image/avif\"/><source type=\"image/webp\"/><source type=\"image/png\"/><img alt=\"SJV\" width=\"755\" height=\"458\"/></picture> <picture><source type=\"image/avif\"/><source type=\"image/webp\"/><source type=\"image/png\"/><img alt=\"Air\" width=\"469\" height=\"458\"/></picture></div></div>");
+function a(n) {
+	let r = () => {
+		t.entered = !0;
+	};
+	var a = e.comment(), o = e.first_child(a), s = (n) => {
+		var a = i(), o = e.child(a), s = e.child(o), c = e.child(s);
+		e.set_attribute(c, "srcset", "/sjvair-icon2.avif 229w, /sjvair-icon.avif 458w");
+		var l = e.sibling(c);
+		e.set_attribute(l, "srcset", "/sjvair-icon.webp 229w, /sjvair-icon2.webp 458w");
+		var u = e.sibling(l);
+		e.set_attribute(u, "srcset", "/sjvair-icon2.png 229w, /sjvair-icon.png 458w");
+		var d = e.sibling(u);
+		e.set_attribute(d, "src", "/sjvair-icon.png");
+		let f;
+		e.reset(s);
+		var p = e.sibling(s, 2), m = e.child(p);
+		e.set_attribute(m, "srcset", "/sjvair-sjv2.avif 378w, /sjvair-sjv.avif 755w");
+		var h = e.sibling(m);
+		e.set_attribute(h, "srcset", "/sjvair-sjv2.webp 378w, /sjvair-sjv.webp 755w");
+		var g = e.sibling(h);
+		e.set_attribute(g, "srcset", "/sjvair-sjv.png 378w, /sjvair-sjv2.png 755w");
+		var _ = e.sibling(g);
+		e.set_attribute(_, "src", "/sjvair-sjv2.png");
+		let v;
+		e.reset(p);
+		var y = e.sibling(p, 2), b = e.child(y);
+		e.set_attribute(b, "srcset", "/sjvair-air.avif 235w, /sjvair-air2.avif 469w");
+		var x = e.sibling(b);
+		e.set_attribute(x, "srcset", "/sjvair-air2.webp 235w, /sjvair-air.webp 469w");
+		var S = e.sibling(x);
+		e.set_attribute(S, "srcset", "/sjvair-air.png 235w, /sjvair-air2.png 469w");
+		var C = e.sibling(S);
+		e.set_attribute(C, "src", "/sjvair-air2.png");
+		let w;
+		e.reset(y), e.reset(o), e.reset(a), e.attach(a, () => r), e.template_effect(() => {
+			f = e.set_class(d, 1, "icon inline-block h-24! w-auto! transition-all duration-500 ease-out", null, f, {
+				"translate-x-0": t.entered,
+				"-translate-x-full": !t.entered,
+				"opacity-100": t.entered,
+				"opacity-0": !t.entered
+			}), v = e.set_class(_, 1, "sjv inline-block h-24! w-auto! transition-all duration-500 ease-out", null, v, {
+				"translate-y-0": t.entered,
+				"-translate-y-full": !t.entered,
+				"opacity-100": t.entered,
+				"opacity-0": !t.entered
+			}), w = e.set_class(C, 1, "air inline-block h-24! w-auto! transition-all duration-500 ease-out", null, w, {
+				"translate-y-0": t.entered,
+				"translate-y-full": !t.entered,
+				"opacity-100": t.entered,
+				"opacity-0": !t.entered
+			});
+		}), e.append(n, a);
+	};
+	e.if(o, (e) => {
+		t.enabled && e(s);
+	}), e.append(n, a);
+}
+//#endregion
+export { a as default, r as disable, n as enable, t as loadScreenState };

package/dist/lib/actions.js

@@ -0,0 +1,9 @@
+//#region src/lib/actions.ts
+function e(e) {
+	let t = document.getElementById("SJVAirMonitorMap");
+	if (t) return t.appendChild(e), { destroy() {
+		e.remove();
+	} };
+}
+//#endregion
+export { e as portal };

package/dist/lib/assets/icons/adjustment-horizontal.js

@@ -0,0 +1,4 @@
+//#region src/lib/assets/icons/adjustment-horizontal.svg
+var e = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%20stroke-width='1.5'%20stroke='currentColor'%20class='size-6'%3e%3cpath%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M10.5%206h9.75M10.5%206a1.5%201.5%200%201%201-3%200m3%200a1.5%201.5%200%201%200-3%200M3.75%206H7.5m3%2012h9.75m-9.75%200a1.5%201.5%200%200%201-3%200m3%200a1.5%201.5%200%200%200-3%200m-3.75%200H7.5m9-6h3.75m-3.75%200a1.5%201.5%200%200%201-3%200m3%200a1.5%201.5%200%200%200-3%200m-9.75%200h9.75'%20/%3e%3c/svg%3e";
+//#endregion
+export { e as default };

package/dist/lib/collocation-sites/CollocationTooltip.js

@@ -0,0 +1,105 @@
+import { monitorsManager as e } from "../monitors/monitors.svelte.js";
+import { getCurrentLevel as t } from "../monitors/monitor-utils.js";
+import n from "../components/DataBox.js";
+import * as r from "svelte/internal/client";
+import "svelte/internal/disclose-version";
+import { format as i, formatDistanceToNow as a } from "date-fns";
+//#region src/lib/collocation-sites/CollocationTooltip.svelte
+var o = r.from_html("<div class=\"flex gap-2\"><!> <div class=\"flex flex-col\"><p class=\"leading-none\"> </p> <h1 class=\"text-lg font-bold underline\"> </h1> <p class=\"leading-none\">Reference monitor</p> <div class=\"mt-auto\"><p class=\"text-base leading-none\">Last updated</p> <p class=\"text-base leading-none\"> </p></div></div></div>"), s = r.from_html("<h1>Reference monitor disabled</h1>"), c = r.from_html("<div class=\"flex flex-row-reverse gap-2\"><!> <div class=\"flex flex-col\"><p class=\"leading-none\"> </p> <h1 class=\"text-lg font-bold underline\"> </h1> <p class=\"leading-none\">Collocated monitor</p> <div class=\"mt-auto\"><p class=\"text-base leading-none\">Last updated</p> <p class=\"text-base leading-none\"> </p></div></div></div>"), l = r.from_html("<h1>Collocated monitor disabled</h1>"), u = r.from_html("<div class=\"flex flex-col gap-4\"><!> <!></div>");
+function d(d, f) {
+	r.push(f, !0);
+	let p = r.derived(() => {
+		let t = e.latest?.get(f.feature.properties.colocated_id), n = e.latest?.get(f.feature.properties.reference_id);
+		return {
+			collocated: m(t),
+			reference: m(n)
+		};
+	});
+	function m(n) {
+		if (!n || !("value" in n.latest) || !e.meta) return;
+		let r = e.meta.entryType(n.latest.entry_type), o = t(n.latest.value, r.asIter.levels), s = e.meta.monitorType(n.type).expected_interval;
+		return {
+			color: o?.color ?? "",
+			header: r.label,
+			date: {
+				formatted: i(n.latest.timestamp, "h:mm:aaa EEEE MMM dd, yyyy"),
+				diference: a(n.latest.timestamp, {
+					addSuffix: !0,
+					includeSeconds: !0
+				})
+			},
+			monitorName: n.name,
+			subheading: `(${s} avg)`,
+			value: Math.round(parseInt(n.latest.value, 10)).toString()
+		};
+	}
+	var h = r.comment(), g = r.first_child(h), _ = (e) => {
+		var t = u(), i = r.child(t), a = (e) => {
+			var t = o(), i = r.child(t);
+			n(i, {
+				get color() {
+					return r.get(p).reference.color;
+				},
+				get header() {
+					return r.get(p).reference.header;
+				},
+				get subheading() {
+					return r.get(p).reference.subheading;
+				},
+				get value() {
+					return r.get(p).reference.value;
+				}
+			});
+			var a = r.sibling(i, 2), s = r.child(a), c = r.child(s, !0);
+			r.reset(s);
+			var l = r.sibling(s, 2), u = r.child(l, !0);
+			r.reset(l);
+			var d = r.sibling(l, 4), f = r.sibling(r.child(d), 2), m = r.child(f, !0);
+			r.reset(f), r.reset(d), r.reset(a), r.reset(t), r.template_effect(() => {
+				r.set_text(c, r.get(p).reference.date.formatted), r.set_text(u, r.get(p).reference.monitorName), r.set_text(m, r.get(p).reference.date.diference);
+			}), r.append(e, t);
+		}, d = (e) => {
+			var t = s();
+			r.append(e, t);
+		};
+		r.if(i, (e) => {
+			r.get(p).reference ? e(a) : e(d, -1);
+		});
+		var f = r.sibling(i, 2), m = (e) => {
+			var t = c(), i = r.child(t);
+			n(i, {
+				get color() {
+					return r.get(p).collocated.color;
+				},
+				get header() {
+					return r.get(p).collocated.header;
+				},
+				get subheading() {
+					return r.get(p).collocated.subheading;
+				},
+				get value() {
+					return r.get(p).collocated.value;
+				}
+			});
+			var a = r.sibling(i, 2), o = r.child(a), s = r.child(o, !0);
+			r.reset(o);
+			var l = r.sibling(o, 2), u = r.child(l, !0);
+			r.reset(l);
+			var d = r.sibling(l, 4), f = r.sibling(r.child(d), 2), m = r.child(f, !0);
+			r.reset(f), r.reset(d), r.reset(a), r.reset(t), r.template_effect(() => {
+				r.set_text(s, r.get(p).collocated.date.formatted), r.set_text(u, r.get(p).collocated.monitorName), r.set_text(m, r.get(p).collocated.date.diference);
+			}), r.append(e, t);
+		}, h = (e) => {
+			var t = l();
+			r.append(e, t);
+		};
+		r.if(f, (e) => {
+			r.get(p).collocated ? e(m) : e(h, -1);
+		}), r.reset(t), r.append(e, t);
+	};
+	r.if(g, (e) => {
+		r.get(p) && e(_);
+	}), r.append(d, h), r.pop();
+}
+//#endregion
+export { d as default };

package/dist/lib/collocation-sites/collocations-icon-manager.svelte.js

@@ -0,0 +1,21 @@
+import { withCrosshair as e } from "../map/icons.js";
+import { MonitorShapeIconManager as t } from "../monitors/monitors-icon-manager.svelte.js";
+import "svelte/internal/client";
+//#region src/lib/collocation-sites/collocations-icon-manager.svelte.ts
+var n = "collocation", r = "#4A5FC6";
+function i(e) {
+	return `${n}-${e}`;
+}
+var a = class extends t {
+	get idPrefix() {
+		return n;
+	}
+	get iconSize() {
+		return 56;
+	}
+	transformSvg(t) {
+		return e(t, r);
+	}
+};
+//#endregion
+export { a as CollocationIconManager, i as getCollocationIconId };

package/dist/lib/collocation-sites/collocations-map-integration.svelte.js

@@ -0,0 +1,84 @@
+import { monitorsManager as e } from "../monitors/monitors.svelte.js";
+import { collocationSitesManager as t } from "./collocations.svelte.js";
+import { mountPopup as n } from "../map/utils.js";
+import { mapManager as r } from "../map/map.svelte.js";
+import { MapIconLayerIntegration as i } from "../map/integrations/map-geojson-integration.svelte.js";
+import { TooltipManager as a } from "../map/integrations/tooltip.svelte.js";
+import { monitorsMapIntegration as o } from "../monitors/monitors-map-integration.svelte.js";
+import { CollocationIconManager as s, getCollocationIconId as c } from "./collocations-icon-manager.svelte.js";
+import l from "./CollocationTooltip.js";
+import * as u from "svelte/internal/client";
+import { untrack as d } from "svelte";
+//#region src/lib/collocation-sites/collocations-map-integration.svelte.ts
+function f(e) {
+	let t = e.features?.[0];
+	if (t) return n(l, { feature: t }, e.lngLat);
+}
+var p = new class extends i {
+	referenceId = "collocation-sites";
+	#e = u.state(!1);
+	get enabled() {
+		return u.get(this.#e);
+	}
+	set enabled(e) {
+		u.set(this.#e, e, !0);
+	}
+	icons = new s();
+	tooltipManager = new a();
+	#t = u.derived(() => !e.meta || !e.pollutant || !t.collocationSites || o.features.length === 0 ? [] : t.collocationSites.map((e) => {
+		let t = o.features.find((t) => t.properties.id === e.reference_id);
+		if (t) return {
+			type: "Feature",
+			properties: {
+				icon: c(t.properties.icon),
+				colocated_id: e.colocated_id,
+				reference_id: e.reference_id,
+				name: e.name
+			},
+			geometry: e.position
+		};
+	}).filter((e) => e !== void 0));
+	get features() {
+		return u.get(this.#t);
+	}
+	set features(e) {
+		u.set(this.#t, e);
+	}
+	mapLayer = {
+		id: this.referenceId,
+		type: "symbol",
+		source: this.referenceId,
+		layout: {
+			"icon-allow-overlap": !0,
+			"icon-ignore-placement": !0,
+			"icon-image": ["get", "icon"],
+			"icon-size": 1
+		},
+		paint: {}
+	};
+	get mapSource() {
+		return {
+			type: "geojson",
+			promoteId: "id",
+			data: {
+				type: "FeatureCollection",
+				features: this.features
+			}
+		};
+	}
+	constructor() {
+		super(), u.effect_root(() => {
+			u.user_effect(() => {
+				let e = this.features;
+				!r.map || !this.enabled || r.setDataSource(this.referenceId, e);
+			}), u.user_effect(() => {
+				e.pollutant === "o3" ? d(() => this.remove()) : d(() => this.enabled) && d(() => this.apply());
+			});
+		});
+	}
+	apply() {
+		r.map && (this.tooltipManager.has(this.referenceId) || this.tooltipManager.register(this.referenceId, f, 2 ** 53 - 1), this.tooltipManager.enable(), super.apply());
+	}
+}();
+//#endregion
+export { p as collocationSitesMapIntegration };

package/dist/lib/collocation-sites/collocations.svelte.js

@@ -0,0 +1,26 @@
+import * as e from "svelte/internal/client";
+import { getCollocationSites as t } from "@sjvair/sdk";
+var n = new class {
+	#e = e.state(!1);
+	get initialized() {
+		return e.get(this.#e);
+	}
+	set initialized(t) {
+		e.set(this.#e, t, !0);
+	}
+	#t = e.state(null);
+	get collocationSites() {
+		return e.get(this.#t);
+	}
+	set collocationSites(t) {
+		e.set(this.#t, t, !0);
+	}
+	async init() {
+		this.initialized ||= (this.collocationSites = await t(), !0);
+	}
+	async update() {
+		this.initialized && (this.collocationSites = await t());
+	}
+}();
+//#endregion
+export { n as collocationSitesManager };

package/dist/lib/colors.js

@@ -0,0 +1,25 @@
+import { mix as e } from "color2k";
+//#region src/lib/colors.ts
+var t = {
+	white: "ffffff",
+	gray: "969696",
+	black: "000000",
+	blue: "0000FF",
+	green: "00e400",
+	yellow: "ffff00",
+	orange: "ff7e00",
+	red: "ff0000",
+	purple: "8f3f97",
+	maroon: "7e0023"
+};
+function n(t, n) {
+	if (t >= n[n.length - 1].min) return `#${n[n.length - 1].color}`;
+	if (t <= 0) return `#${n[0].color}`;
+	for (let r = 0; r < n.length - 1; r++) if (n[r + 1].min > t) {
+		let i = n[r], a = n[r + 1], o = i.min === -Infinity ? a.min : a.min - i.min, s = (o - (a.min - t)) / o;
+		return e(`#${i.color}`, `#${a.color}`, s);
+	}
+	return "#FFFFFF";
+}
+//#endregion
+export { t as Colors, n as valueToColor };

package/dist/lib/components/DataBox.js

@@ -0,0 +1,30 @@
+import * as e from "svelte/internal/client";
+import "svelte/internal/disclose-version";
+import { darken as t, readableColor as n } from "color2k";
+//#region src/lib/components/DataBox.svelte
+var r = e.from_html("<p class=\"whitespace-nowrap\"> </p>"), i = e.from_html("<div class=\"flex flex-col rounded-sm border-4 p-1 text-center\"><p class=\"text-base whitespace-nowrap\"> </p> <div class=\"flex flex-1 flex-col items-center justify-center\"><p> </p> <!></div></div>");
+function a(a, o) {
+	e.push(o, !0);
+	let s = e.derived(() => t(o.color, .1)), c = e.derived(() => n(o.color));
+	var l = i();
+	let u;
+	var d = e.child(l), f = e.child(d, !0);
+	e.reset(d);
+	var p = e.sibling(d, 2), m = e.child(p), h = e.child(m, !0);
+	e.reset(m);
+	var g = e.sibling(m, 2), _ = (t) => {
+		var n = r(), i = e.child(n, !0);
+		e.reset(n), e.template_effect(() => e.set_text(i, o.subheading)), e.append(t, n);
+	};
+	e.if(g, (e) => {
+		o.subheading && e(_);
+	}), e.reset(p), e.reset(l), e.template_effect(() => {
+		u = e.set_style(l, "", u, {
+			"background-color": o.color,
+			"border-color": e.get(s),
+			color: e.get(c)
+		}), e.set_text(f, o.header), e.set_class(m, 1, e.clsx(["font-bold whitespace-nowrap", o.subheading ? "text-3xl" : "text-4xl"])), e.set_text(h, o.value);
+	}), e.append(a, l), e.pop();
+}
+//#endregion
+export { a as default };

package/dist/lib/components/DisplayOption.js

@@ -0,0 +1,10 @@
+import * as e from "svelte/internal/client";
+import "svelte/internal/disclose-version";
+//#region src/lib/components/DisplayOption.svelte
+var t = e.from_html("<div class=\"flex flex-col items-start justify-center rounded\"><!></div>");
+function n(n, r) {
+	var i = t(), a = e.child(i);
+	e.snippet(a, () => r.children ?? e.noop), e.reset(i), e.append(n, i);
+}
+//#endregion
+export { n as default };

package/dist/lib/components/MapLayersDisplayOptions.js

@@ -0,0 +1,71 @@
+import { monitorsManager as e } from "../monitors/monitors.svelte.js";
+import { collocationSitesMapIntegration as t } from "../collocation-sites/collocations-map-integration.svelte.js";
+import { windMapIntegration as n } from "../wind/wind.svelte.js";
+import r from "./DisplayOption.js";
+import i from "./ToggleSwitch.js";
+import { hmsFireMapIntegration as a } from "../hms/hms-fire-map-integration.svelte.js";
+import { hmsSmokeMapIntegration as o } from "../hms/hms-smoke-map-integration.svelte.js";
+import * as s from "svelte/internal/client";
+import "svelte/internal/disclose-version";
+import "svelte/internal/flags/legacy";
+//#region src/lib/components/MapLayersDisplayOptions.svelte
+var c = s.reactive_import(() => n), l = s.reactive_import(() => t), u = s.reactive_import(() => a), d = s.reactive_import(() => o), f = s.from_html("<p class=\"text-lg font-bold whitespace-nowrap underline\">Map Layers</p> <!> <!> <!> <!>", 1);
+function p(t, n) {
+	s.push(n, !1), s.init(), r(t, {
+		children: (t, n) => {
+			var r = f(), a = s.sibling(s.first_child(r), 2);
+			i(a, {
+				id: "wind",
+				label: "Wind",
+				get value() {
+					return c().enabled;
+				},
+				set value(e) {
+					c(c().enabled = e);
+				},
+				$$legacy: !0
+			});
+			var o = s.sibling(a, 2), p = (e) => {
+				i(e, {
+					id: "collocation-sites",
+					label: "Collocation Sites",
+					get value() {
+						return l().enabled;
+					},
+					set value(e) {
+						l(l().enabled = e);
+					},
+					$$legacy: !0
+				});
+			};
+			s.if(o, (t) => {
+				e.pollutant === "pm25" && t(p);
+			});
+			var m = s.sibling(o, 2);
+			i(m, {
+				id: "hms-fire",
+				label: "HMS Fire",
+				get value() {
+					return u().enabled;
+				},
+				set value(e) {
+					u(u().enabled = e);
+				},
+				$$legacy: !0
+			}), i(s.sibling(m, 2), {
+				id: "hms-smoke",
+				label: "HMS Smoke",
+				get value() {
+					return d().enabled;
+				},
+				set value(e) {
+					d(d().enabled = e);
+				},
+				$$legacy: !0
+			}), s.append(t, r);
+		},
+		$$slots: { default: !0 }
+	}), s.pop();
+}
+//#endregion
+export { p as default };

package/dist/lib/components/SegmentedControl.js

@@ -0,0 +1,37 @@
+import * as e from "svelte/internal/client";
+import { searchParams as t } from "sv-router";
+import "svelte/internal/disclose-version";
+import { untrack as n } from "svelte";
+//#region src/lib/components/SegmentedControl.svelte
+var r = e.from_html("<p> </p>"), i = e.from_html("<label class=\"relative z-1 cursor-pointer text-center transition-all duration-750 active:scale-95 has-checked:text-white\"><input type=\"radio\" class=\"hidden\"/> </label>"), a = e.from_html("<div class=\"relative\"><!> <div class=\"relative flex gap-4 px-[.5em] before:absolute before:top-[0.125em] before:bottom-[0.125em] before:left-0 before:z-0 before:w-(--highlight-width) before:translate-x-(--highlight-x-pos) before:rounded-md before:bg-[#5465FF] before:transition-transform before:duration-500 before:content-['']\"></div></div>");
+function o(o, s) {
+	e.push(s, !0);
+	let c = [], l = e.prop(s, "group", 15), u = e.state(void 0);
+	e.user_effect(() => {
+		if (l(), !e.get(u)) return;
+		let r = e.get(u).querySelector("input:checked");
+		if (!r) return;
+		n(() => t.get("pollutant")) !== r.value && n(() => t.set("pollutant", r.value));
+		let i = parseFloat(getComputedStyle(e.get(u)).fontSize), a = r.closest("label"), o = e.get(u).getBoundingClientRect(), s = a.getBoundingClientRect();
+		e.get(u).style.setProperty("--highlight-width", `${s.width + i}px`), e.get(u).style.setProperty("--highlight-x-pos", `${s.left - o.left - i / 2}px`);
+	});
+	var d = a(), f = e.child(d), p = (t) => {
+		var n = r(), i = e.child(n, !0);
+		e.reset(n), e.template_effect(() => e.set_text(i, s.segmentLabel)), e.append(t, n);
+	};
+	e.if(f, (e) => {
+		s.segmentLabel && e(p);
+	});
+	var m = e.sibling(f, 2);
+	e.each(m, 21, () => s.options, ({ label: e, value: t }) => t, (t, n, r, a) => {
+		let o = () => e.get(n).label, s = () => e.get(n).value, u = e.derived(() => `${s()}-segmented-control-option`);
+		var d = i(), f = e.child(d);
+		e.remove_input_defaults(f);
+		var p, m = e.sibling(f);
+		e.reset(d), e.template_effect(() => {
+			e.set_attribute(d, "for", e.get(u)), e.set_attribute(f, "id", e.get(u)), e.set_attribute(f, "name", o()), p !== (p = s()) && (f.value = (f.__value = s()) ?? ""), e.set_text(m, ` ${o() ?? ""}`);
+		}), e.bind_group(c, [], f, () => (s(), l()), l), e.append(t, d);
+	}), e.reset(m), e.bind_this(m, (t) => e.set(u, t), () => e.get(u)), e.reset(d), e.append(o, d), e.pop();
+}
+//#endregion
+export { o as default };

package/dist/lib/components/ToggleSwitch.js

@@ -0,0 +1,17 @@
+import * as e from "svelte/internal/client";
+import "svelte/internal/disclose-version";
+//#region src/lib/components/ToggleSwitch.svelte
+var t = e.from_html("<label> <div class=\"switch svelte-1inz2ds\"><input class=\"switch-input svelte-1inz2ds\" type=\"checkbox\"/> <span class=\"slider round svelte-1inz2ds\"></span></div></label>"), n = {
+	hash: "svelte-1inz2ds",
+	code: ".switch.svelte-1inz2ds {--animation-duration: 100ms;--switch-diameter: 1.625em;--switch-offset: 0.25em;--track-width: 3.75em;--track-height: 2.125em;font-size:0.5em;position:relative;display:inline-block;width:var(--track-width);height:var(--track-height);transform:scale(0.8);.switch-input:where(.svelte-1inz2ds) {opacity:0;width:0;height:0;&:checked + .slider:where(.svelte-1inz2ds) {background-color:#2196f3;}&:focus + .slider:where(.svelte-1inz2ds) {box-shadow:0 0 1px #2196f3;}&:checked + .slider:where(.svelte-1inz2ds):before {-webkit-transform:translateX(var(--switch-diameter));-ms-transform:translateX(var(--switch-diameter));transform:translateX(var(--switch-diameter));}}.slider:where(.svelte-1inz2ds) {position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:var(--animation-duration);transition:var(--animation-duration);&:before {position:absolute;content:\"\";height:var(--switch-diameter);width:var(--switch-diameter);left:var(--switch-offset);bottom:var(--switch-offset);background-color:white;-webkit-transition:var(--animation-duration);transition:var(--animation-duration);}\n			/* Rounded sliders */&.round {border-radius:var(--track-height);}&.round:before {border-radius:50%;}}}"
+};
+function r(r, i) {
+	e.push(i, !0), e.append_styles(r, n);
+	let a = e.prop(i, "value", 15);
+	var o = t(), s = e.child(o), c = e.sibling(s), l = e.child(c);
+	e.remove_input_defaults(l), e.next(2), e.reset(c), e.reset(o), e.template_effect(() => {
+		e.set_attribute(o, "for", i.id), e.set_class(o, 1, e.clsx(["flex cursor-pointer items-center justify-center gap-x-[0.25em] whitespace-nowrap select-none", { "flex-row-reverse": i.reverse }])), e.set_text(s, `${i.label ?? ""} `), e.set_attribute(l, "id", i.id), e.set_attribute(l, "name", i.id);
+	}), e.bind_checked(l, a), e.append(r, o), e.pop();
+}
+//#endregion
+export { r as default };

package/dist/lib/components/ui/button/button.js

@@ -0,0 +1,34 @@
+import { tv as e } from "../../../node_modules/tailwind-variants/dist/index.js";
+import * as t from "svelte/internal/client";
+import "svelte/internal/disclose-version";
+//#region src/lib/components/ui/button/button.svelte
+var n = e({
+	base: "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-lg border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 active:not-aria-[haspopup]:translate-y-px aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 group/button inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-all outline-none select-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+			outline: "border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+			ghost: "hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground",
+			destructive: "bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+			sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+			lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			icon: "size-8",
+			"icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+			"icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+			"icon-lg": "size-9"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+t.from_html("<a><!></a>"), t.from_html("<button><!></button>");
+//#endregion
+export { n as buttonVariants };

package/dist/lib/components/ui/range-calendar/range-calendar-caption.js

@@ -0,0 +1,79 @@
+import { $ad063034c8620db8$export$aa8b41735afcabd2 as e } from "../../../node_modules/@internationalized/date/dist/private/queries.js";
+import { $12a3c853105e5a70$export$ad991b66133851cf as t } from "../../../node_modules/@internationalized/date/dist/private/DateFormatter.js";
+import n from "./range-calendar-month-select.js";
+import r from "./range-calendar-year-select.js";
+import * as i from "svelte/internal/client";
+import "svelte/internal/disclose-version";
+//#region src/lib/components/ui/range-calendar/range-calendar-caption.svelte
+var a = i.from_html("<!> <!>", 1), o = i.from_html("<!> <!>", 1), s = i.from_html("<!> <!>", 1);
+function c(c, l) {
+	i.push(l, !0);
+	let u = (e) => {
+		n(e, {
+			get months() {
+				return l.months;
+			},
+			get monthFormat() {
+				return l.monthFormat;
+			},
+			get value() {
+				return l.month.month;
+			},
+			onchange: (e) => {
+				if (!f()) return;
+				let t = Number.parseInt(e.currentTarget.value);
+				f(f().set({ month: t }).subtract({ months: p() }));
+			}
+		});
+	}, d = (e) => {
+		r(e, {
+			get years() {
+				return l.years;
+			},
+			get yearFormat() {
+				return l.yearFormat;
+			},
+			get value() {
+				return l.month.year;
+			}
+		});
+	}, f = i.prop(l, "placeholder", 15), p = i.prop(l, "monthIndex", 3, 0);
+	function m(n) {
+		let r = n.toDate(e());
+		return typeof l.yearFormat == "function" ? l.yearFormat(r.getFullYear()) : new t(l.locale, { year: l.yearFormat }).format(r);
+	}
+	function h(n) {
+		let r = n.toDate(e());
+		return typeof l.monthFormat == "function" ? l.monthFormat(r.getMonth() + 1) : new t(l.locale, { month: l.monthFormat }).format(r);
+	}
+	var g = i.comment(), _ = i.first_child(g), v = (e) => {
+		var t = a(), n = i.first_child(t);
+		u(n), d(i.sibling(n, 2)), i.append(e, t);
+	}, y = (e) => {
+		var t = o(), n = i.first_child(t);
+		u(n);
+		var r = i.sibling(n, 2), a = (e) => {
+			var t = i.text();
+			i.template_effect((e) => i.set_text(t, e), [() => m(f())]), i.append(e, t);
+		};
+		i.if(r, (e) => {
+			f() && e(a);
+		}), i.append(e, t);
+	}, b = (e) => {
+		var t = s(), n = i.first_child(t), r = (e) => {
+			var t = i.text();
+			i.template_effect((e) => i.set_text(t, e), [() => h(f())]), i.append(e, t);
+		};
+		i.if(n, (e) => {
+			f() && e(r);
+		}), d(i.sibling(n, 2)), i.append(e, t);
+	}, x = (e) => {
+		var t = i.text();
+		i.template_effect((e, n) => i.set_text(t, `${e ?? ""} ${n ?? ""}`), [() => h(l.month), () => m(l.month)]), i.append(e, t);
+	};
+	i.if(_, (e) => {
+		l.captionLayout === "dropdown" ? e(v) : l.captionLayout === "dropdown-months" ? e(y, 1) : l.captionLayout === "dropdown-years" ? e(b, 2) : e(x, -1);
+	}), i.append(c, g), i.pop();
+}
+//#endregion
+export { c as default };