@sjvair/monitor-map 3.0.2 → 3.0.4

package/src/lib/index.ts

@@ -1,16 +1,57 @@
+/**
+ * Usage in a host app:
+ *
+ * ```ts
+ * // router.ts
+ * import { createRouter } from "sv-router";
+ * import { monitorMapRoutes } from "@sjvair/monitor-map";
+ *
+ * export const { route, navigate, p, isActive, Router } = createRouter({
+ *   "/my-map": monitorMapRoutes
+ *   // ...the host app's own routes
+ * });
+ * ```
+ *
+ * ```svelte
+ * <!-- app root -->
+ * <script>
+ *   import { provideMonitorMapRouter } from "@sjvair/monitor-map";
+ *   import { route, navigate, p, isActive, Router } from "./router";
+ *
+ *   provideMonitorMapRouter({ route, navigate, p, isActive, basePath: "/my-map" });
+ * </script>
+ *
+ * <Router />
+ * ```
+ */
+export { monitorMapRoutes } from "./routes";
+export {
+	ROUTER_KEY,
+	provideMonitorMapRouter,
+	useMonitorMapRouter,
+	type MonitorMapRouterApi
+} from "./router-context";
+
 // State managers
 export { monitorsManager } from "./monitors/monitors.svelte";
 export type { MonitorsManager } from "./monitors/monitors.svelte";
 export { collocationSitesManager } from "./collocation-sites/collocations.svelte";
 export type { CollocationSitesManager } from "./collocation-sites/collocations.svelte";
+export { evStationsManager } from "./ev-stations/ev-stations.svelte";
+export type { EvStationsManager } from "./ev-stations/ev-stations.svelte";
+export { hmsManager } from "./hms/hms.svelte";
+export type { HMSManager } from "./hms/hms.svelte";
 export { mapManager, DefaultMapStyle, initializeMap } from "./map/map.svelte";
 export type { MapManager } from "./map/map.svelte";
 
 // Map integrations
 export { monitorsMapIntegration } from "./monitors/monitors-map-integration.svelte.ts";
 export { collocationSitesMapIntegration } from "./collocation-sites/collocations-map-integration.svelte.ts";
+export { evStationsMapIntegration } from "./ev-stations/ev-stations-map-integration.svelte.ts";
 export { windMapIntegration } from "./wind/wind.svelte";
 export { baseLayerSeperator } from "./map/integrations/base-layer-seperator";
+export { hmsFireMapIntegration } from "./hms/hms-fire-map-integration.svelte.ts";
+export { hmsSmokeMapIntegration } from "./hms/hms-smoke-map-integration.svelte.ts";
 
 // Components
 export { default as Map } from "./map/Map.svelte";
@@ -23,6 +64,7 @@ export {
 } from "./LoadScreen.svelte";
 export type { LoadScreenState } from "./LoadScreen.svelte";
 export { default as MonitorsDisplayOptions } from "./monitors/components/MonitorsDisplayOptions.svelte";
+export { default as EvStationsDisplayOptions } from "./ev-stations/components/EvStationsDisplayOptions.svelte";
 export { default as MapLayersDisplayOptions } from "./components/MapLayersDisplayOptions.svelte";
 export { default as MapStyleDisplayOptions } from "./map/MapStyleDisplayOptions.svelte";
 export { default as ToggleSwitch } from "./components/ToggleSwitch.svelte";
@@ -37,6 +79,10 @@ export { MapIconLayerIntegration as MapGeoJSONIntegration } from "./map/integrat
 export type { SomeMapIntegration } from "./map/integrations/types";
 export type { MonitorsMapIntegration } from "./monitors/monitors-map-integration.svelte.ts";
 export type { WindMapIntegration } from "./wind/wind.svelte.ts";
+export type { EvStationsMapIntegration } from "./ev-stations/ev-stations-map-integration.svelte.ts";
+export type { HMSFireMapIntegration } from "./hms/hms-fire-map-integration.svelte.ts";
+export type { HMSSmokeMapIntegration } from "./hms/hms-smoke-map-integration.svelte.ts";
+export type { HMSFireGroup } from "./hms/hms.svelte.ts";
 export type {
 	MonitorMapFeature,
 	MonitorMarkerProperties,
@@ -47,3 +93,9 @@ export type {
 	CollocationSiteMapFeature,
 	CollocationSiteMarkerProperties
 } from "./collocation-sites/types";
+export type {
+	EvStation,
+	EvStationMarkerProperties,
+	EvStationMapFeature,
+	EvStationClusterMapFeature
+} from "./ev-stations/types";

package/src/lib/map/Map.svelte

@@ -6,6 +6,7 @@
 
 	const { integrations }: { integrations: Array<SomeMapIntegration> } = $props();
 
+	// svelte-ignore state_referenced_locally (we only need the initial reference)
 	integrationsManager.register(...integrations);
 </script>
 

package/src/lib/map/Menu.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import type { Attachment } from "svelte/attachments";
+	import { SlidersHorizontalIcon } from "@lucide/svelte";
 
 	let { children } = $props();
 	let isOpen: boolean = $state(false);
@@ -37,20 +38,16 @@
 	data-trigger
 	class:rounded-full={!isOpen}
 	class:delay-100={!isOpen}
-	class="absolute top-0 left-0 flex items-center justify-center overflow-hidden rounded bg-white p-1 shadow transition-all duration-0 select-none"
+	class="relative top-0 left-0 flex items-center justify-center overflow-hidden rounded bg-white p-1 shadow transition-all duration-0 select-none"
 >
 	<button
 		class:w-0={isOpen}
 		class:h-0={isOpen}
 		class:opacity-0={isOpen}
-		class="relative size-8 transition-all"
+		class="relative size-10 transition-all flex justify-center items-center"
 		aria-label="Display Options"
 	>
-		<enhanced:img
-			src="$lib/assets/icons/adjustment-horizontal.svg"
-			alt="SJVAir Icon"
-			class="size-8"
-		/>
+		<SlidersHorizontalIcon size="24" />
 	</button>
 	<div
 		class:h-55={isOpen}

package/src/lib/map/integrations/map-icon-manager.ts

@@ -1,5 +1,4 @@
 import type { Map as MaptilerMap } from "@maptiler/sdk";
-//import { XMap } from "@tstk/builtin-extensions";
 import { mapManager } from "../map.svelte.ts";
 import type { MapImageIcon } from "./types";
 import { SvelteMap } from "svelte/reactivity";
@@ -13,6 +12,10 @@ export class MapIconManager {
 		}
 	}
 
+	get iter(): MapIterator<[string, MapImageIcon]> {
+		return this.icons.entries();
+	}
+
 	get(id: string): MapImageIcon | undefined {
 		return this.icons.get(id);
 	}

package/src/lib/monitors/monitors.svelte.ts

@@ -7,7 +7,6 @@ import {
 	type MonitorsMeta,
 	type SJVAirEntryLevel
 } from "@sjvair/sdk";
-import { route } from "../../router.ts";
 import { XMap } from "@tstk/builtin-extensions";
 import { Interval } from "@tstk/utils";
 
@@ -26,12 +25,11 @@ class MonitorsManager {
 		this.meta?.entryType(this.pollutant ?? this.meta.default_pollutant).asIter.levels || null
 	);
 
-	async init(): Promise<void> {
+	async init(urlPollutant?: string | number | boolean): Promise<void> {
 		if (this.initialized) return;
 
 		[this.list, this.meta] = await Promise.all([getMonitors(), getMonitorsMeta()]);
 
-		const urlPollutant = route.search.pollutant;
 		this.pollutant =
 			urlPollutant === "pm25" || urlPollutant === "o3" ? urlPollutant : this.meta.default_pollutant;
 		this.latest = await getMonitorsLatestMap(this.pollutant);

package/src/lib/router-context.ts

@@ -0,0 +1,48 @@
+import { getContext, setContext } from "svelte";
+import type {
+	ConstructUrlOptions,
+	Navigation,
+	NavigateOptions,
+	RouterApi,
+	Routes
+} from "sv-router";
+
+export const ROUTER_KEY = Symbol("monitor-map-router");
+
+export interface MonitorMapRouterApi {
+	route: RouterApi<Routes>["route"];
+	/**
+	 * Loosely typed against `string` rather than sv-router's literal-checked `Path<T>` union:
+	 * internal calls prefix paths with `basePath` (a runtime string), which can't satisfy a
+	 * template literal type checked against the host app's full route tree.
+	 */
+	navigate(
+		path: string,
+		options?: NavigateOptions & { params?: Record<string, string> }
+	): Promise<Navigation>;
+	p(path: string, options?: ConstructUrlOptions & { params?: Record<string, string> }): string;
+	isActive: {
+		(path: string, params?: Record<string, string>): boolean;
+		startsWith(path: string, params?: Record<string, string>): boolean;
+	};
+	/**
+	 * Prefix under which monitorMapRoutes is mounted in the host app's router,
+	 * e.g. "" at the app root, or "/my-map" when nested under a host route.
+	 */
+	basePath: string;
+}
+
+export function provideMonitorMapRouter(api: MonitorMapRouterApi) {
+	setContext(ROUTER_KEY, api);
+}
+
+export function useMonitorMapRouter(): MonitorMapRouterApi {
+	const api = getContext<MonitorMapRouterApi>(ROUTER_KEY);
+	if (!api) {
+		throw new Error(
+			"monitor-map router context not found. Wrap your app root with " +
+				"provideMonitorMapRouter(...) before rendering monitor-map components."
+		);
+	}
+	return api;
+}

package/src/lib/routes.ts

@@ -0,0 +1,13 @@
+import type { Routes } from "sv-router";
+import MonitorMapLayout from "./MonitorMapLayout.svelte";
+import MainMapView from "./MainMapView.svelte";
+
+// Explicitly typed as sv-router's own `Routes` so declaration emission doesn't
+// need to name svelte2tsx's internal per-component prop types (see
+// MonitorMapLayout/MainMapView.svelte) and so this stays assignable to
+// `createRouter`'s `Routes`-constrained parameter in a host app's router.ts.
+export const monitorMapRoutes: Routes = {
+	layout: MonitorMapLayout,
+	"/": MainMapView,
+	"/monitor/:id": () => import("./MonitorDetailPanel.svelte")
+};

package/src/lib/search/Search.svelte

@@ -0,0 +1,189 @@
+<script lang="ts">
+	import { onDestroy } from "svelte";
+	import { Marker } from "@maptiler/sdk";
+	import { SearchIcon } from "@lucide/svelte";
+	import { useMonitorMapRouter } from "../router-context";
+	import { mapManager } from "$lib/map/map.svelte";
+	import { debounce } from "$lib/utils";
+	import { monitorSearch, geocode, type SearchResult } from "./service";
+	import { monitorsMapIntegration } from "$lib/monitors/monitors-map-integration.svelte";
+
+	const { navigate, basePath } = useMonitorMapRouter();
+
+	let collapsed = $state(true);
+	let searchText = $state("");
+	let results: SearchResult[] = $state([]);
+	let marker: Marker | null = $state.raw(null);
+	let inputEl: HTMLInputElement | null = $state(null);
+
+	function clickOutside(node: HTMLElement) {
+		function handler(e: MouseEvent) {
+			if (!collapsed && !node.contains(e.target as Node)) {
+				collapsed = true;
+				searchText = "";
+				results = [];
+			}
+		}
+		document.addEventListener("click", handler, true);
+		return {
+			destroy() {
+				document.removeEventListener("click", handler, true);
+			}
+		};
+	}
+
+	async function openSearch() {
+		if (collapsed) {
+			collapsed = false;
+			inputEl?.focus();
+		}
+	}
+
+	function clearSearch() {
+		searchText = "";
+		results = [];
+		marker?.remove();
+		marker = null;
+	}
+
+	async function handleInput() {
+		const query = searchText;
+		if (!query) {
+			results = [];
+			marker?.remove();
+			marker = null;
+			return;
+		}
+		const monitorResults = await monitorSearch(query);
+		if (searchText !== query) return;
+		if (monitorResults.length) {
+			results = monitorResults;
+		} else if (query.length > 4) {
+			const geo = await geocode(query);
+			if (searchText !== query) return;
+			results = geo;
+		} else {
+			results = [];
+		}
+	}
+
+	const debouncedSearch = debounce(handleInput, 500);
+
+	async function selectMonitor(result: Extract<SearchResult, { type: "monitor" }>) {
+		collapsed = true;
+		searchText = "";
+		results = [];
+		marker?.remove();
+		marker = null;
+		if (mapManager.map && result.monitor.position) {
+			const { coordinates } = result.monitor.position;
+			const center: [number, number] = [coordinates[0], coordinates[1]];
+			mapManager.map.flyTo({
+				center,
+				zoom: 12
+			});
+		}
+		await navigate(`${basePath}/monitor/:id`, { params: { id: result.monitor.id } });
+		monitorsMapIntegration.selectedMonitorId = result.monitor.id;
+	}
+
+	function selectGeocode(result: Extract<SearchResult, { type: "geocode" }>) {
+		const { feature } = result;
+		marker?.remove();
+		marker = null;
+		if (mapManager.map) {
+			const center: [number, number] = [feature.center[0], feature.center[1]];
+			marker = new Marker().setLngLat(center).addTo(mapManager.map);
+			const isAddress = feature.place_type?.[0] === "address";
+			mapManager.map.flyTo({
+				center,
+				...(isAddress && { zoom: 16 })
+			});
+		}
+		results = [];
+		collapsed = true;
+	}
+
+	onDestroy(() => {
+		marker?.remove();
+	});
+</script>
+
+<div
+	class={[
+		"flex flex-col bg-white shadow-md overflow-hidden transition-all duration-300 select-none",
+		collapsed ? "w-12 h-12 rounded-full" : "w-90 rounded-3xl",
+		!collapsed && results.length ? "max-h-90" : "max-h-12"
+	]}
+	use:clickOutside
+>
+	<div class="flex items-center w-full h-12 shrink-0">
+		<button
+			class="w-12 h-12 shrink-0 flex items-center justify-center rounded-full bg-brand border-4 border-white"
+			onclick={openSearch}
+			aria-label="Open search"
+		>
+			<SearchIcon size="24" color="#FFFFFF" />
+		</button>
+		<div class="overflow-hidden w-full h-full flex items-center">
+			<input
+				bind:this={inputEl}
+				bind:value={searchText}
+				oninput={debouncedSearch}
+				type="text"
+				placeholder="Search monitors or locations..."
+				class="h-full px-2 text-sm bg-transparent border-none outline-none w-full"
+				tabindex={collapsed ? -1 : 0}
+			/>
+			{#if searchText && !collapsed}
+				<button
+					onclick={clearSearch}
+					class="px-2 text-gray-400 hover:text-gray-600 text-xl leading-none cursor-pointer"
+					aria-label="Clear search">×</button
+				>
+			{/if}
+		</div>
+	</div>
+	<div
+		class={[
+			"overflow-y-auto transition-all duration-300 divide-y divide-gray-100",
+			!collapsed ? "max-h-80" : "max-h-0"
+		]}
+	>
+		{#each results as result (result.type === "monitor" ? result.monitor.id : result.feature.place_name)}
+			{#if result.type === "monitor"}
+				<button
+					onclick={() => selectMonitor(result)}
+					class="flex items-center w-full h-12 px-4 hover:brightness-95 bg-white text-left"
+				>
+					{#if result.logo.url}
+						<img
+							src={result.logo.url}
+							alt={result.logo.alt}
+							class="w-10 h-10 object-contain mr-3 shrink-0"
+						/>
+					{/if}
+					<span class="text-sm truncate">{result.monitor.name}</span>
+				</button>
+			{:else}
+				{@const comma = result.feature.place_name.indexOf(",")}
+				<button
+					onclick={() => selectGeocode(result)}
+					class="flex items-center w-full h-12 px-4 hover:brightness-95 bg-white text-left"
+				>
+					<span class="svg-icon location-on bg-brand w-6 h-6 shrink-0 mr-3"></span>
+					<div class="min-w-0">
+						<p class="text-sm font-medium truncate">
+							{result.feature.place_name.substring(0, comma < 0 ? undefined : comma)}
+						</p>
+						{#if comma >= 0}
+							<p class="text-xs text-muted-foreground truncate">
+								{result.feature.place_name.substring(comma + 1).trim()}
+							</p>
+						{/if}
+					</div>
+				</button>
+			{/if}
+		{/each}
+	</div>
+</div>

package/src/lib/search/service.ts

@@ -0,0 +1,101 @@
+import { geocoding, type GeocodingFeature } from "@maptiler/sdk";
+import type { MonitorLatestType } from "@sjvair/sdk";
+import { monitorsManager } from "$lib/monitors/monitors.svelte";
+import AirGradientLogo from "../assets/logos/airgradient-blue.svg";
+import AirNowLogo from "../assets/logos/airnow-compact.jpg";
+import CarbLogo from "../assets/logos/carb-compact.jpg";
+import PurpleairLogo from "../assets/logos/purpleair-compact.png";
+import SJVAirLogo from "../assets/logos/sjvair.svg";
+
+export type MonitorResult = {
+	type: "monitor";
+	monitor: MonitorLatestType<"pm25" | "o3">;
+	logo: { url: string; alt: string };
+};
+
+export type GeocodeResult = {
+	type: "geocode";
+	feature: GeocodingFeature;
+};
+
+export type SearchResult = MonitorResult | GeocodeResult;
+
+const SJV_CENTER: [number, number] = [-119.8, 36.76];
+
+function getMonitorLogo(monitor: MonitorLatestType<"pm25" | "o3">): { url: string; alt: string } {
+	switch (monitor.data_source.name) {
+		case "AQview":
+			return { url: CarbLogo, alt: "AQview" };
+		case "AirNow.gov":
+			return { url: AirNowLogo, alt: "AirNow.gov" };
+		case "PurpleAir":
+			return { url: PurpleairLogo, alt: "PurpleAir" };
+		case "Central California Asthma Collaborative":
+			return { url: SJVAirLogo, alt: "Central California Asthma Collaborative" };
+		case "AirGradient":
+			return { url: AirGradientLogo, alt: "AirGradient" };
+		default:
+			console.warn(`[search] Unknown data source: ${monitor.data_source.name}`);
+			return { url: "", alt: "" };
+	}
+}
+
+let proximityCache: Promise<[number, number]> | null = null;
+
+function getProximity(): Promise<[number, number]> {
+	return (proximityCache ??= resolveProximity());
+}
+
+function resolveProximity(): Promise<[number, number]> {
+	return new Promise((resolve) => {
+		if (!navigator.geolocation) {
+			resolve(SJV_CENTER);
+			return;
+		}
+		const timeout = setTimeout(() => resolve(SJV_CENTER), 3000);
+		navigator.geolocation.getCurrentPosition(
+			(pos) => {
+				clearTimeout(timeout);
+				resolve([pos.coords.longitude, pos.coords.latitude]);
+			},
+			() => {
+				clearTimeout(timeout);
+				resolve(SJV_CENTER);
+			}
+		);
+	});
+}
+
+export async function monitorSearch(query: string): Promise<SearchResult[]> {
+	if (!monitorsManager.latest) return [];
+	const normalized = query.toLowerCase();
+	const exact: MonitorLatestType<"pm25" | "o3">[] = [];
+	const prefix: MonitorLatestType<"pm25" | "o3">[] = [];
+	const substr: MonitorLatestType<"pm25" | "o3">[] = [];
+
+	for (const monitor of monitorsManager.latest.values()) {
+		const name = monitor.name.toLowerCase();
+		if (name === normalized) exact.push(monitor);
+		else if (name.startsWith(normalized)) prefix.push(monitor);
+		else if (name.includes(normalized)) substr.push(monitor);
+	}
+
+	return [...exact, ...prefix, ...substr]
+		.slice(0, 4)
+		.map((monitor) => ({ type: "monitor" as const, monitor, logo: getMonitorLogo(monitor) }));
+}
+
+export async function geocode(query: string): Promise<SearchResult[]> {
+	const proximity = await getProximity();
+	try {
+		const result = await geocoding.forward(query, {
+			country: ["us"],
+			fuzzyMatch: true,
+			limit: 4,
+			proximity
+		});
+		return result.features.map((feature) => ({ type: "geocode" as const, feature }));
+	} catch {
+		return [];
+	}
+}

package/src/lib/utils.ts

@@ -11,3 +11,14 @@ export type WithoutChild<T> = T extends { child?: any } ? Omit<T, "child"> : T;
 export type WithoutChildren<T> = T extends { children?: any } ? Omit<T, "children"> : T;
 export type WithoutChildrenOrChild<T> = WithoutChildren<WithoutChild<T>>;
 export type WithElementRef<T, U extends HTMLElement = HTMLElement> = T & { ref?: U | null };
+
+export function debounce<T extends (...args: unknown[]) => void>(
+	fn: T,
+	wait: number
+): (...args: Parameters<T>) => void {
+	let timer: ReturnType<typeof setTimeout>;
+	return (...args: Parameters<T>) => {
+		clearTimeout(timer);
+		timer = setTimeout(() => fn(...args), wait);
+	};
+}

package/dist/lib/LoadScreen.js

@@ -1,73 +0,0 @@
-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-icon.avif 229w, /sjvair-icon2.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-icon.png 229w, /sjvair-icon2.png 458w");
-		var d = e.sibling(u);
-		e.set_attribute(d, "src", "/sjvair-icon2.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-air.webp 235w, /sjvair-air2.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/assets/icons/adjustment-horizontal.js

@@ -1,4 +0,0 @@
-//#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 };