@sjvair/monitor-map 3.0.3 → 3.0.5

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

@@ -1,26 +1,17 @@
-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 };
+import { getCollocationSites } from "@sjvair/sdk";
+class CollocationSitesManager {
+    initialized = $state(false);
+    collocationSites = $state(null);
+    async init() {
+        if (this.initialized)
+            return;
+        this.collocationSites = await getCollocationSites();
+        this.initialized = true;
+    }
+    async update() {
+        if (!this.initialized)
+            return;
+        this.collocationSites = await getCollocationSites();
+    }
+}
+export const collocationSitesManager = new CollocationSitesManager();

package/dist/lib/collocation-sites/types.d.ts

@@ -0,0 +1,8 @@
+import type { Feature, Geometry } from "geojson";
+export type CollocationSiteMapFeature = Feature<Geometry, CollocationSiteMarkerProperties>;
+export interface CollocationSiteMarkerProperties {
+    icon: string;
+    colocated_id: string;
+    reference_id: string;
+    name: string;
+}

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

@@ -0,0 +1 @@
+export {};

package/dist/lib/colors.d.ts

@@ -0,0 +1,17 @@
+export interface ColorMap {
+    min: number;
+    color: string;
+}
+export declare const Colors: {
+    readonly white: "ffffff";
+    readonly gray: "969696";
+    readonly black: "000000";
+    readonly blue: "0000FF";
+    readonly green: "00e400";
+    readonly yellow: "ffff00";
+    readonly orange: "ff7e00";
+    readonly red: "ff0000";
+    readonly purple: "8f3f97";
+    readonly maroon: "7e0023";
+};
+export declare function valueToColor(value: number, colors: ColorMap[]): string;

package/dist/lib/colors.js

@@ -1,25 +1,31 @@
-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"
+import { mix } from "color2k";
+export const Colors = {
+    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";
+export function valueToColor(value, colors) {
+    if (value >= colors[colors.length - 1].min) {
+        return `#${colors[colors.length - 1].color}`;
+    }
+    if (value <= 0) {
+        return `#${colors[0].color}`;
+    }
+    for (let i = 0; i < colors.length - 1; i++) {
+        if (colors[i + 1].min > value) {
+            const min = colors[i];
+            const max = colors[i + 1];
+            const lvlDiff = min.min === -Infinity ? max.min : max.min - min.min;
+            const diff = (lvlDiff - (max.min - value)) / lvlDiff;
+            return mix(`#${min.color}`, `#${max.color}`, diff);
+        }
+    }
+    return "#FFFFFF";
 }
-//#endregion
-export { t as Colors, n as valueToColor };

package/dist/lib/components/DataBox.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+	import { darken, readableColor } from "color2k";
+
+	interface DataBoxProps {
+		color: string;
+		header: string;
+		subheading?: string;
+		value: string;
+	}
+
+	const { color, header, subheading, value }: DataBoxProps = $props();
+	const borderColor = $derived(darken(color, 0.1));
+	const textColor = $derived(readableColor(color));
+</script>
+
+<div
+	class="flex flex-col rounded-sm border-4 p-1 text-center"
+	style:background-color={color}
+	style:border-color={borderColor}
+	style:color={textColor}
+>
+	<p class="text-base whitespace-nowrap">{header}</p>
+	<div class="flex flex-1 flex-col items-center justify-center">
+		<p class={["font-bold whitespace-nowrap", subheading ? "text-3xl" : "text-4xl"]}>{value}</p>
+		{#if subheading}
+			<p class="whitespace-nowrap">{subheading}</p>
+		{/if}
+	</div>
+</div>

package/dist/lib/components/DataBox.svelte.d.ts

@@ -0,0 +1,9 @@
+interface DataBoxProps {
+    color: string;
+    header: string;
+    subheading?: string;
+    value: string;
+}
+declare const DataBox: import("svelte").Component<DataBoxProps, {}, "">;
+type DataBox = ReturnType<typeof DataBox>;
+export default DataBox;

package/dist/lib/components/DisplayOption.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	let { children } = $props();
+</script>
+
+<div class="flex flex-col items-start justify-center rounded">
+	{@render children?.()}
+</div>

package/dist/lib/components/DisplayOption.svelte.d.ts

@@ -0,0 +1,5 @@
+declare const DisplayOption: import("svelte").Component<{
+    children: any;
+}, {}, "">;
+type DisplayOption = ReturnType<typeof DisplayOption>;
+export default DisplayOption;

package/dist/lib/components/MapLayersDisplayOptions.svelte

@@ -0,0 +1,42 @@
+<script lang="ts">
+	import { WindIcon, CrosshairIcon, WavesVerticalIcon } from "@lucide/svelte";
+	import DisplayOption from "./DisplayOption.svelte";
+	import ToggleSwitch from "./ToggleSwitch.svelte";
+	import { windMapIntegration } from "../wind/wind.svelte";
+	import { collocationSitesMapIntegration } from "../collocation-sites/collocations-map-integration.svelte";
+	import { monitorsManager } from "../monitors/monitors.svelte";
+	import { hmsFireMapIntegration } from "../hms/hms-fire-map-integration.svelte";
+	import { hmsSmokeMapIntegration } from "../hms/hms-smoke-map-integration.svelte";
+
+	const fireIcon = hmsFireMapIntegration.icons.get("hms-fire-xxl");
+</script>
+
+<DisplayOption>
+	<p class="text-lg font-bold whitespace-nowrap underline">Map Layers</p>
+	<div class="flex gap-1 items-center">
+		<WindIcon size="16" />
+		<ToggleSwitch id="wind" label="Wind" bind:value={windMapIntegration.enabled}></ToggleSwitch>
+	</div>
+	{#if monitorsManager.pollutant === "pm25"}
+		<div class="flex gap-1 items-center">
+			<CrosshairIcon size="16" color="#4A5FC6" />
+			<ToggleSwitch
+				id="collocation-sites"
+				label="Collocation Sites"
+				bind:value={collocationSitesMapIntegration.enabled}
+			></ToggleSwitch>
+		</div>
+	{/if}
+	<div class="flex gap-1 items-center">
+		{#if fireIcon}
+			<img class="w-4" src={fireIcon.image.src} alt={fireIcon.image.alt} />
+		{/if}
+		<ToggleSwitch id="hms-fire" label="HMS Fire" bind:value={hmsFireMapIntegration.enabled}
+		></ToggleSwitch>
+	</div>
+	<div class="flex gap-1 items-center">
+		<WavesVerticalIcon size="16" />
+		<ToggleSwitch id="hms-smoke" label="HMS Smoke" bind:value={hmsSmokeMapIntegration.enabled}
+		></ToggleSwitch>
+	</div>
+</DisplayOption>

package/dist/lib/components/MapLayersDisplayOptions.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const MapLayersDisplayOptions: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type MapLayersDisplayOptions = InstanceType<typeof MapLayersDisplayOptions>;
+export default MapLayersDisplayOptions;

package/dist/lib/components/SegmentedControl.svelte

@@ -0,0 +1,61 @@
+<script lang="ts">
+	import { searchParams } from "sv-router";
+	import { untrack } from "svelte";
+
+	interface SegmentedControlProps {
+		segmentLabel?: string;
+		options: Array<{ label: string; value: string }>;
+		group: string;
+	}
+
+	let { segmentLabel: label, options, group = $bindable() }: SegmentedControlProps = $props();
+
+	let inner: HTMLDivElement | undefined = $state();
+
+	$effect(() => {
+		void group;
+		if (!inner) return;
+
+		const checked = inner.querySelector<HTMLInputElement>("input:checked");
+		if (!checked) return;
+
+		// FIXME: this shouldn't live in this file
+		const pollutant = untrack(() => searchParams.get("pollutant"));
+		if (pollutant !== checked.value) {
+			untrack(() => searchParams.set("pollutant", checked.value));
+		}
+
+		const fontSize = parseFloat(getComputedStyle(inner).fontSize);
+		const padding = fontSize; // 1em
+		const label = checked.closest("label") as HTMLLabelElement;
+		const innerRect = inner.getBoundingClientRect();
+		const labelRect = label.getBoundingClientRect();
+
+		inner.style.setProperty("--highlight-width", `${labelRect.width + padding}px`);
+		inner.style.setProperty(
+			"--highlight-x-pos",
+			`${labelRect.left - innerRect.left - padding / 2}px`
+		);
+	});
+</script>
+
+<div class="relative">
+	{#if label}
+		<p>{label}</p>
+	{/if}
+	<div
+		bind:this={inner}
+		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-['']"
+	>
+		{#each options as { label, value } (value)}
+			{@const inputId = `${value}-segmented-control-option`}
+			<label
+				for={inputId}
+				class="relative z-1 cursor-pointer text-center transition-all duration-750 active:scale-95 has-checked:text-white"
+			>
+				<input type="radio" id={inputId} name={label} {value} bind:group class="hidden" />
+				{label}
+			</label>
+		{/each}
+	</div>
+</div>

package/dist/lib/components/SegmentedControl.svelte.d.ts

@@ -0,0 +1,11 @@
+interface SegmentedControlProps {
+    segmentLabel?: string;
+    options: Array<{
+        label: string;
+        value: string;
+    }>;
+    group: string;
+}
+declare const SegmentedControl: import("svelte").Component<SegmentedControlProps, {}, "group">;
+type SegmentedControl = ReturnType<typeof SegmentedControl>;
+export default SegmentedControl;

package/dist/lib/components/ToggleSwitch.svelte

@@ -0,0 +1,93 @@
+<script lang="ts">
+	interface ToggleSwitchProps {
+		id: string;
+		label: string;
+		reverse?: boolean;
+		value: boolean;
+	}
+
+	let { id, label, reverse, value = $bindable() }: ToggleSwitchProps = $props();
+</script>
+
+<label
+	for={id}
+	class={[
+		"flex cursor-pointer items-center justify-center gap-x-[0.25em] whitespace-nowrap select-none",
+		{ "flex-row-reverse": reverse }
+	]}
+>
+	{label}
+	<div class="switch">
+		<input class="switch-input" type="checkbox" {id} name={id} bind:checked={value} />
+		<span class="slider round"></span>
+	</div>
+</label>
+
+<style>
+	.switch {
+		--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 {
+			opacity: 0;
+			width: 0;
+			height: 0;
+
+			&:checked + .slider {
+				background-color: #2196f3;
+			}
+
+			&:focus + .slider {
+				box-shadow: 0 0 1px #2196f3;
+			}
+
+			&:checked + .slider:before {
+				-webkit-transform: translateX(var(--switch-diameter));
+				-ms-transform: translateX(var(--switch-diameter));
+				transform: translateX(var(--switch-diameter));
+			}
+		}
+
+		.slider {
+			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);
+			}
+			/* Rounded sliders */
+			&.round {
+				border-radius: var(--track-height);
+			}
+
+			&.round:before {
+				border-radius: 50%;
+			}
+		}
+	}
+</style>

package/dist/lib/components/ToggleSwitch.svelte.d.ts

@@ -0,0 +1,9 @@
+interface ToggleSwitchProps {
+    id: string;
+    label: string;
+    reverse?: boolean;
+    value: boolean;
+}
+declare const ToggleSwitch: import("svelte").Component<ToggleSwitchProps, {}, "value">;
+type ToggleSwitch = ReturnType<typeof ToggleSwitch>;
+export default ToggleSwitch;

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

@@ -0,0 +1,89 @@
+<script lang="ts" module>
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAnchorAttributes, HTMLButtonAttributes } from "svelte/elements";
+	import { type VariantProps, tv } from "tailwind-variants";
+
+	export const buttonVariants = tv({
+		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"
+		}
+	});
+
+	export type ButtonVariant = VariantProps<typeof buttonVariants>["variant"];
+	export type ButtonSize = VariantProps<typeof buttonVariants>["size"];
+
+	export type ButtonProps = WithElementRef<HTMLButtonAttributes> &
+		WithElementRef<HTMLAnchorAttributes> & {
+			variant?: ButtonVariant;
+			size?: ButtonSize;
+		};
+</script>
+
+<script lang="ts">
+	let {
+		class: className,
+		variant = "default",
+		size = "default",
+		ref = $bindable(null),
+		href = undefined,
+		type = "button",
+		disabled,
+		children,
+		...restProps
+	}: ButtonProps = $props();
+</script>
+
+{#if href}
+	<a
+		bind:this={ref}
+		data-slot="button"
+		class={cn(buttonVariants({ variant, size }), className)}
+		href={disabled ? undefined : href}
+		aria-disabled={disabled}
+		role={disabled ? "link" : undefined}
+		tabindex={disabled ? -1 : undefined}
+		{...restProps}
+	>
+		{@render children?.()}
+	</a>
+{:else}
+	<button
+		bind:this={ref}
+		data-slot="button"
+		class={cn(buttonVariants({ variant, size }), className)}
+		{type}
+		{disabled}
+		{...restProps}
+	>
+		{@render children?.()}
+	</button>
+{/if}

package/dist/lib/components/ui/button/button.svelte.d.ts

@@ -0,0 +1,70 @@
+import { type WithElementRef } from "../../../utils.js";
+import type { HTMLAnchorAttributes, HTMLButtonAttributes } from "svelte/elements";
+import { type VariantProps } from "tailwind-variants";
+export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+        secondary: string;
+        ghost: string;
+        destructive: string;
+        link: string;
+    };
+    size: {
+        default: string;
+        xs: string;
+        sm: string;
+        lg: string;
+        icon: string;
+        "icon-xs": string;
+        "icon-sm": string;
+        "icon-lg": string;
+    };
+}, undefined, "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", {
+    variant: {
+        default: string;
+        outline: string;
+        secondary: string;
+        ghost: string;
+        destructive: string;
+        link: string;
+    };
+    size: {
+        default: string;
+        xs: string;
+        sm: string;
+        lg: string;
+        icon: string;
+        "icon-xs": string;
+        "icon-sm": string;
+        "icon-lg": string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+        secondary: string;
+        ghost: string;
+        destructive: string;
+        link: string;
+    };
+    size: {
+        default: string;
+        xs: string;
+        sm: string;
+        lg: string;
+        icon: string;
+        "icon-xs": string;
+        "icon-sm": string;
+        "icon-lg": string;
+    };
+}, undefined, "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", unknown, unknown, undefined>>;
+export type ButtonVariant = VariantProps<typeof buttonVariants>["variant"];
+export type ButtonSize = VariantProps<typeof buttonVariants>["size"];
+export type ButtonProps = WithElementRef<HTMLButtonAttributes> & WithElementRef<HTMLAnchorAttributes> & {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+};
+declare const Button: import("svelte").Component<ButtonProps, {}, "ref">;
+type Button = ReturnType<typeof Button>;
+export default Button;

package/dist/lib/components/ui/button/index.d.ts

@@ -0,0 +1,2 @@
+import Root, { type ButtonProps, type ButtonSize, type ButtonVariant, buttonVariants } from "./button.svelte";
+export { Root, type ButtonProps as Props, Root as Button, buttonVariants, type ButtonProps, type ButtonSize, type ButtonVariant };

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

@@ -0,0 +1,4 @@
+import Root, { buttonVariants } from "./button.svelte";
+export { Root, 
+//
+Root as Button, buttonVariants };

package/dist/lib/components/ui/range-calendar/index.d.ts

@@ -0,0 +1,19 @@
+import Root from "./range-calendar.svelte";
+import Cell from "./range-calendar-cell.svelte";
+import Day from "./range-calendar-day.svelte";
+import Grid from "./range-calendar-grid.svelte";
+import Header from "./range-calendar-header.svelte";
+import Months from "./range-calendar-months.svelte";
+import GridRow from "./range-calendar-grid-row.svelte";
+import Heading from "./range-calendar-heading.svelte";
+import HeadCell from "./range-calendar-head-cell.svelte";
+import NextButton from "./range-calendar-next-button.svelte";
+import PrevButton from "./range-calendar-prev-button.svelte";
+import MonthSelect from "./range-calendar-month-select.svelte";
+import YearSelect from "./range-calendar-year-select.svelte";
+import Caption from "./range-calendar-caption.svelte";
+import Nav from "./range-calendar-nav.svelte";
+import Month from "./range-calendar-month.svelte";
+import GridBody from "./range-calendar-grid-body.svelte";
+import GridHead from "./range-calendar-grid-head.svelte";
+export { Day, Cell, Grid, Header, Months, GridRow, Heading, GridBody, GridHead, HeadCell, NextButton, PrevButton, MonthSelect, YearSelect, Caption, Nav, Month, Root as RangeCalendar };

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

@@ -0,0 +1,21 @@
+import Root from "./range-calendar.svelte";
+import Cell from "./range-calendar-cell.svelte";
+import Day from "./range-calendar-day.svelte";
+import Grid from "./range-calendar-grid.svelte";
+import Header from "./range-calendar-header.svelte";
+import Months from "./range-calendar-months.svelte";
+import GridRow from "./range-calendar-grid-row.svelte";
+import Heading from "./range-calendar-heading.svelte";
+import HeadCell from "./range-calendar-head-cell.svelte";
+import NextButton from "./range-calendar-next-button.svelte";
+import PrevButton from "./range-calendar-prev-button.svelte";
+import MonthSelect from "./range-calendar-month-select.svelte";
+import YearSelect from "./range-calendar-year-select.svelte";
+import Caption from "./range-calendar-caption.svelte";
+import Nav from "./range-calendar-nav.svelte";
+import Month from "./range-calendar-month.svelte";
+import GridBody from "./range-calendar-grid-body.svelte";
+import GridHead from "./range-calendar-grid-head.svelte";
+export { Day, Cell, Grid, Header, Months, GridRow, Heading, GridBody, GridHead, HeadCell, NextButton, PrevButton, MonthSelect, YearSelect, Caption, Nav, Month, 
+//
+Root as RangeCalendar };