@smartnet360/svelte-components 0.0.65 → 0.0.67

package/dist/map-v2/features/sites/controls/SiteFilterControl.svelte

@@ -25,6 +25,10 @@
 		position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 		/** Control title */
 		title?: string;
+		/** Optional header icon */
+		icon?: string;
+		/** Show icon when collapsed (default: true) */
+		iconOnlyWhenCollapsed?: boolean;
 		/** Initially collapsed? */
 		initiallyCollapsed?: boolean;
 	}
@@ -33,7 +37,9 @@
 		store,
 		position = 'top-left',
 		title = 'Site Filter',
-		initiallyCollapsed = false
+		icon = 'funnel',
+		iconOnlyWhenCollapsed = true,
+		initiallyCollapsed = true
 	}: Props = $props();
 
 	let treeStore = $state<Writable<TreeStoreValue> | null>(null);
@@ -77,7 +83,7 @@
 	}
 </script>
 
-<MapControl {position} {title} collapsible={true} {initiallyCollapsed}>
+<MapControl {position} {title} {icon} {iconOnlyWhenCollapsed} collapsible={true} {initiallyCollapsed}>
 	{#if treeStore && $treeStore}
 		<div class="site-filter-tree">
 			<TreeView store={$treeStore} showControls={false}>

package/dist/map-v2/features/sites/controls/SiteFilterControl.svelte.d.ts

@@ -6,6 +6,10 @@ interface Props {
     position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
     /** Control title */
     title?: string;
+    /** Optional header icon */
+    icon?: string;
+    /** Show icon when collapsed (default: true) */
+    iconOnlyWhenCollapsed?: boolean;
     /** Initially collapsed? */
     initiallyCollapsed?: boolean;
 }

package/dist/map-v2/features/sites/controls/SiteSelectionControl.svelte

@@ -0,0 +1,281 @@
+<script lang="ts">
+	/**
+	 * SiteSelectionControl - Site selection list builder
+	 * 
+	 * Features:
+	 * - Toggle to enable/disable click-to-select mode
+	 * - List of selected sites
+	 * - Individual delete and clear all
+	 * - Copy site IDs to clipboard
+	 * - Custom action button with callback
+	 */
+	
+	import MapControl from '../../../shared/controls/MapControl.svelte';
+	import type { SiteStoreContext } from '../stores/siteStoreContext.svelte';
+	
+	interface Props {
+		/** Site store context */
+		store: SiteStoreContext;
+		/** Control position */
+		position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+		/** Control title */
+		title?: string;
+		/** Optional header icon */
+		icon?: string;
+		/** Show icon when collapsed (default: true) */
+		iconOnlyWhenCollapsed?: boolean;
+		/** Callback when action button clicked */
+		onAction?: (siteIds: string[]) => void;
+		/** Action button label */
+		actionButtonLabel?: string;
+	}
+	
+	let {
+		store,
+		position = 'top-left',
+		title = 'Site Selection',
+		icon = 'check2-square',
+		iconOnlyWhenCollapsed = true,
+		onAction,
+		actionButtonLabel = 'Open'
+	}: Props = $props();
+	
+	let selectedSites = $derived(store.getSelectedSites());
+	let selectionCount = $derived(selectedSites.length);
+	let hasSelection = $derived(selectionCount > 0);
+	
+	function handleToggleMode() {
+		store.toggleSelectionMode();
+	}
+	
+	function handleRemoveSite(siteId: string) {
+		store.removeSiteSelection(siteId);
+	}
+	
+	function handleClearAll() {
+		store.clearSelection();
+	}
+	
+	async function handleCopy() {
+		const ids = selectedSites.map(s => s.id).join(',');
+		try {
+			await navigator.clipboard.writeText(ids);
+			// Optional: Show toast notification
+		} catch (err) {
+			console.error('Failed to copy:', err);
+		}
+	}
+	
+	function handleAction() {
+		if (onAction && hasSelection) {
+			const ids = selectedSites.map(s => s.id);
+			onAction(ids);
+		}
+	}
+</script>
+
+<MapControl {position} {title} {icon} {iconOnlyWhenCollapsed} collapsible={true}>
+	<div class="site-selection-control">
+		<!-- Selection Mode Toggle -->
+		<div class="selection-mode-toggle mb-3">
+			<div class="form-check form-switch">
+				<input
+					type="checkbox"
+					class="form-check-input"
+					id="selection-mode-toggle"
+					checked={store.selectionMode}
+					onchange={handleToggleMode}
+				/>
+				<label class="form-check-label" for="selection-mode-toggle">
+					Selection Mode
+					<span class="badge ms-2" class:bg-success={store.selectionMode} class:bg-secondary={!store.selectionMode}>
+						{store.selectionMode ? 'ON' : 'OFF'}
+					</span>
+				</label>
+			</div>
+			{#if store.selectionMode}
+				<small class="text-muted d-block mt-1">
+					Click sites on the map to select
+				</small>
+			{/if}
+		</div>
+		
+		<!-- Selection Stats -->
+		<div class="selection-stats mb-2">
+			<strong>{selectionCount}</strong> 
+			{selectionCount === 1 ? 'site' : 'sites'} selected
+		</div>
+		
+		<!-- Action Buttons -->
+		{#if hasSelection}
+			<div class="action-buttons mb-3">
+				<div class="btn-group w-100" role="group">
+					<button
+						type="button"
+						class="btn btn-sm btn-outline-danger"
+						onclick={handleClearAll}
+						title="Clear all"
+					>
+						<i class="bi bi-trash"></i> Clear
+					</button>
+					<button
+						type="button"
+						class="btn btn-sm btn-outline-secondary"
+						onclick={handleCopy}
+						title="Copy site IDs"
+					>
+						<i class="bi bi-clipboard"></i> Copy
+					</button>
+				</div>
+			</div>
+		{/if}
+		
+		<!-- Site List -->
+		{#if hasSelection}
+			<div class="site-list">
+				{#each selectedSites as site (site.id)}
+					<div class="site-item">
+						<i class="bi bi-geo-alt-fill site-icon"></i>
+						<span class="site-id">{site.id}</span>
+						<button
+							type="button"
+							class="btn-remove"
+							onclick={() => handleRemoveSite(site.id)}
+							title="Remove"
+							aria-label="Remove {site.id}"
+						>
+							<i class="bi bi-x"></i>
+						</button>
+					</div>
+				{/each}
+			</div>
+		{:else}
+			<div class="text-muted small text-center py-2">
+				<i class="bi bi-inbox"></i>
+				<div class="mt-1">No sites selected</div>
+			</div>
+		{/if}
+		
+		<!-- Action Button -->
+		{#if onAction}
+			<div class="mt-3">
+				<button
+					type="button"
+					class="btn btn-primary w-100"
+					disabled={!hasSelection}
+					onclick={handleAction}
+				>
+					<i class="bi bi-lightning-charge-fill"></i> {actionButtonLabel}
+				</button>
+			</div>
+		{/if}
+	</div>
+</MapControl>
+
+<style>
+	.site-selection-control {
+		width: 100%;
+		min-width: 250px;
+	}
+	
+	.selection-mode-toggle {
+		padding-bottom: 0.75rem;
+		border-bottom: 1px solid #dee2e6;
+	}
+	
+	.selection-stats {
+		font-size: 0.875rem;
+		color: #495057;
+	}
+	
+	.action-buttons {
+		display: flex;
+		gap: 0.5rem;
+	}
+	
+	.site-list {
+		max-height: 300px;
+		overflow-y: auto;
+		border: 1px solid #dee2e6;
+		border-radius: 4px;
+		padding: 0.5rem;
+	}
+	
+	.site-item {
+		display: flex;
+		align-items: center;
+		gap: 0.5rem;
+		padding: 0.5rem;
+		border-bottom: 1px solid #f1f3f5;
+		transition: background-color 0.15s;
+	}
+	
+	.site-item:last-child {
+		border-bottom: none;
+	}
+	
+	.site-item:hover {
+		background-color: #f8f9fa;
+	}
+	
+	.site-icon {
+		font-size: 1rem;
+		flex-shrink: 0;
+		color: #0d6efd;
+	}
+	
+	.site-id {
+		flex: 1;
+		font-family: 'Monaco', 'Courier New', monospace;
+		font-size: 0.875rem;
+		color: #212529;
+	}
+	
+	.btn-remove {
+		background: none;
+		border: none;
+		color: #6c757d;
+		font-size: 1.25rem;
+		line-height: 1;
+		padding: 0;
+		width: 24px;
+		height: 24px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		cursor: pointer;
+		border-radius: 4px;
+		transition: all 0.15s;
+	}
+	
+	.btn-remove:hover {
+		background-color: #ffe6e6;
+		color: #dc3545;
+	}
+	
+	.btn-remove:active {
+		background-color: #ffcccc;
+	}
+
+	/* Ensure primary action button keeps Bootstrap styling inside Mapbox control */
+	.site-selection-control .btn-primary {
+		background-color: var(--bs-btn-bg, var(--bs-primary));
+		border-color: var(--bs-btn-border-color, var(--bs-primary));
+		color: var(--bs-btn-color, var(--bs-body-color));
+	}
+
+	.site-selection-control .btn-primary:hover,
+	.site-selection-control .btn-primary:focus {
+		background-color: var(--bs-btn-hover-bg, var(--bs-primary));
+		border-color: var(--bs-btn-hover-border-color, var(--bs-primary));
+		color: var(--bs-btn-hover-color, var(--bs-btn-color, var(--bs-body-color)));
+	}
+
+	.site-selection-control .btn-primary:disabled,
+	.site-selection-control .btn-primary:disabled:hover {
+		background-color: var(--bs-btn-disabled-bg, var(--bs-btn-bg, var(--bs-primary)));
+		border-color: var(--bs-btn-disabled-border-color, var(--bs-btn-border-color, var(--bs-primary)));
+		color: var(--bs-btn-disabled-color, var(--bs-btn-color, var(--bs-body-color)));
+		opacity: var(--bs-btn-disabled-opacity, 0.65);
+	}
+</style>

package/dist/map-v2/features/sites/controls/SiteSelectionControl.svelte.d.ts

@@ -0,0 +1,20 @@
+import type { SiteStoreContext } from '../stores/siteStoreContext.svelte';
+interface Props {
+    /** Site store context */
+    store: SiteStoreContext;
+    /** Control position */
+    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    /** Control title */
+    title?: string;
+    /** Optional header icon */
+    icon?: string;
+    /** Show icon when collapsed (default: true) */
+    iconOnlyWhenCollapsed?: boolean;
+    /** Callback when action button clicked */
+    onAction?: (siteIds: string[]) => void;
+    /** Action button label */
+    actionButtonLabel?: string;
+}
+declare const SiteSelectionControl: import("svelte").Component<Props, {}, "">;
+type SiteSelectionControl = ReturnType<typeof SiteSelectionControl>;
+export default SiteSelectionControl;

package/dist/map-v2/features/sites/controls/SiteSizeSlider.svelte

@@ -17,6 +17,10 @@
 		position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 		/** Control title */
 		title?: string;
+		/** Optional header icon */
+		icon?: string;
+		/** Show icon when collapsed (default: true) */
+		iconOnlyWhenCollapsed?: boolean;
 		/** Initially collapsed? */
 		initiallyCollapsed?: boolean;
 		/** Minimum size (default: 2) */
@@ -31,14 +35,16 @@
 		store,
 		position = 'top-right',
 		title = 'Site Size',
-		initiallyCollapsed = false,
+		icon = 'sliders',
+		iconOnlyWhenCollapsed = true,
+		initiallyCollapsed = true,
 		min = 2,
 		max = 20,
 		step = 1
 	}: Props = $props();
 </script>
 
-<MapControl {position} {title} collapsible={true} {initiallyCollapsed}>
+<MapControl {position} {title} {icon} {iconOnlyWhenCollapsed} collapsible={true} {initiallyCollapsed}>
 	<div class="site-size-controls">
 		<!-- Size slider -->
 		<div class="control-row">

package/dist/map-v2/features/sites/controls/SiteSizeSlider.svelte.d.ts

@@ -6,6 +6,10 @@ interface Props {
     position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
     /** Control title */
     title?: string;
+    /** Optional header icon */
+    icon?: string;
+    /** Show icon when collapsed (default: true) */
+    iconOnlyWhenCollapsed?: boolean;
     /** Initially collapsed? */
     initiallyCollapsed?: boolean;
     /** Minimum size (default: 2) */

package/dist/map-v2/features/sites/index.d.ts

@@ -10,5 +10,6 @@ export { createSiteStoreContext } from './stores/siteStoreContext.svelte';
 export { default as SitesLayer } from './layers/SitesLayer.svelte';
 export { default as SiteFilterControl } from './controls/SiteFilterControl.svelte';
 export { default as SiteSizeSlider } from './controls/SiteSizeSlider.svelte';
+export { default as SiteSelectionControl } from './controls/SiteSelectionControl.svelte';
 export { sitesToGeoJSON, siteToFeature } from './utils/siteGeoJSON';
 export { buildSiteTree, getFilteredSites } from './utils/siteTreeUtils';

package/dist/map-v2/features/sites/index.js

@@ -11,6 +11,7 @@ export { default as SitesLayer } from './layers/SitesLayer.svelte';
 // Controls
 export { default as SiteFilterControl } from './controls/SiteFilterControl.svelte';
 export { default as SiteSizeSlider } from './controls/SiteSizeSlider.svelte';
+export { default as SiteSelectionControl } from './controls/SiteSelectionControl.svelte';
 // Utils
 export { sitesToGeoJSON, siteToFeature } from './utils/siteGeoJSON';
 export { buildSiteTree, getFilteredSites } from './utils/siteTreeUtils';

package/dist/map-v2/features/sites/layers/SitesLayer.svelte

@@ -188,6 +188,14 @@
 		if (!e.features || e.features.length === 0) return;
 		const feature = e.features[0];
 		const siteProps = feature.properties;
+		
+		// If selection mode is enabled, toggle selection instead of showing popup
+		if (store.selectionMode && siteProps?.id) {
+			store.toggleSiteSelection(siteProps.id);
+			return;
+		}
+		
+		// Otherwise, show popup as normal
 		if (siteProps && e.lngLat) {
 			createSitePopup(siteProps, e.lngLat);
 		}
@@ -240,7 +248,9 @@
 
 	function handleMouseEnter(e: mapboxgl.MapLayerMouseEvent): void {
 		if (!map) return;
-		map.getCanvas().style.cursor = 'pointer';
+		
+		// Change cursor based on mode
+		map.getCanvas().style.cursor = store.selectionMode ? 'crosshair' : 'pointer';
 		
 		if (!e.features || e.features.length === 0) return;
 		const feature = e.features[0];

package/dist/map-v2/features/sites/stores/siteStoreContext.svelte.d.ts

@@ -21,12 +21,19 @@ export declare function createSiteStoreContext(initialSites?: Site[]): {
     strokeWidth: number;
     strokeColor: string;
     groupColorMap: Map<string, string>;
+    selectionMode: boolean;
+    readonly selectedSiteIds: Set<string>;
     setAllSites(sites: Site[]): void;
     setFilteredSites(sites: Site[]): void;
     setSize(size: number): void;
     setColor(color: string): void;
     setOpacity(opacity: number): void;
     setShowLabels(show: boolean): void;
+    toggleSelectionMode(): void;
+    toggleSiteSelection(siteId: string): void;
+    removeSiteSelection(siteId: string): void;
+    clearSelection(): void;
+    getSelectedSites(): Site[];
     getGroupColor(groupKey: string): string | undefined;
     setGroupColor(groupKey: string, color: string): void;
     clearGroupColor(groupKey: string): void;

package/dist/map-v2/features/sites/stores/siteStoreContext.svelte.js

@@ -55,7 +55,9 @@ export function createSiteStoreContext(initialSites = []) {
         labelProperty: persistedSettings.labelProperty ?? 'name',
         groupColorMap: initialColorMap,
         strokeWidth: persistedSettings.strokeWidth ?? 2,
-        strokeColor: persistedSettings.strokeColor ?? '#ffffff'
+        strokeColor: persistedSettings.strokeColor ?? '#ffffff',
+        selectionMode: false, // Not persisted - always starts disabled
+        selectedSiteIds: new Set() // Not persisted - always starts empty
     });
     // Auto-save settings when they change
     $effect(() => {
@@ -110,6 +112,10 @@ export function createSiteStoreContext(initialSites = []) {
         set strokeColor(value) { state.strokeColor = value; },
         get groupColorMap() { return state.groupColorMap; },
         set groupColorMap(value) { state.groupColorMap = value; },
+        // Selection properties
+        get selectionMode() { return state.selectionMode; },
+        set selectionMode(value) { state.selectionMode = value; },
+        get selectedSiteIds() { return state.selectedSiteIds; },
         // Convenience methods (optional, but nice to have)
         setAllSites(sites) { state.allSites = sites; },
         setFilteredSites(sites) { state.filteredSites = sites; },
@@ -117,6 +123,35 @@ export function createSiteStoreContext(initialSites = []) {
         setColor(color) { state.color = color; },
         setOpacity(opacity) { state.opacity = opacity; },
         setShowLabels(show) { state.showLabels = show; },
+        // Selection methods
+        toggleSelectionMode() {
+            state.selectionMode = !state.selectionMode;
+            // Clear selection when disabling selection mode
+            if (!state.selectionMode) {
+                state.selectedSiteIds = new Set();
+            }
+        },
+        toggleSiteSelection(siteId) {
+            const newSet = new Set(state.selectedSiteIds);
+            if (newSet.has(siteId)) {
+                newSet.delete(siteId);
+            }
+            else {
+                newSet.add(siteId);
+            }
+            state.selectedSiteIds = newSet;
+        },
+        removeSiteSelection(siteId) {
+            const newSet = new Set(state.selectedSiteIds);
+            newSet.delete(siteId);
+            state.selectedSiteIds = newSet;
+        },
+        clearSelection() {
+            state.selectedSiteIds = new Set();
+        },
+        getSelectedSites() {
+            return state.allSites.filter(site => state.selectedSiteIds.has(site.id));
+        },
         // Group color methods
         getGroupColor(groupKey) {
             return state.groupColorMap.get(groupKey);
@@ -146,6 +181,8 @@ export function createSiteStoreContext(initialSites = []) {
             state.strokeWidth = 2;
             state.strokeColor = '#ffffff';
             state.groupColorMap = new Map();
+            state.selectionMode = false;
+            state.selectedSiteIds = new Set();
         },
         // Get snapshot of current state (useful for debugging)
         getState() {

package/dist/map-v2/features/sites/types.d.ts

@@ -32,6 +32,8 @@ export interface SiteStoreValue {
     labelOffset: number;
     labelProperty: string;
     groupColorMap: Map<string, string>;
+    selectionMode: boolean;
+    selectedSiteIds: Set<string>;
     hoverColor?: string;
     selectedColor?: string;
     strokeWidth?: number;

package/dist/map-v2/index.d.ts

@@ -6,6 +6,6 @@
  */
 export { type MapStore, MAP_CONTEXT_KEY, MapboxProvider, ViewportSync, MapStyleControl, createMapStore, createViewportStore, type ViewportStore, type ViewportState, useMapbox, tryUseMapbox } from './core';
 export { MapControl, addSourceIfMissing, removeSourceIfExists, addLayerIfMissing, removeLayerIfExists, updateGeoJSONSource, removeLayerAndSource, isStyleLoaded, waitForStyleLoad, setFeatureState, removeFeatureState, generateLayerId, generateSourceId } from './shared';
-export { type Site, type SiteStoreValue, type SiteStoreContext, createSiteStore, createSiteStoreContext, SitesLayer, SiteFilterControl, SiteSizeSlider, sitesToGeoJSON, siteToFeature, buildSiteTree, getFilteredSites } from './features/sites';
+export { type Site, type SiteStoreValue, type SiteStoreContext, createSiteStore, createSiteStoreContext, SitesLayer, SiteFilterControl, SiteSelectionControl, SiteSizeSlider, sitesToGeoJSON, siteToFeature, buildSiteTree, getFilteredSites } from './features/sites';
 export { type Cell, type CellStatus, type CellStatusStyle, type CellGroupingField, type CellTreeConfig, type TechnologyBandKey, type CellStoreValue, type CellStoreContext, createCellStoreContext, CellsLayer, CellFilterControl, CellStyleControl, cellsToGeoJSON, buildCellTree, getFilteredCells, calculateRadius, getZoomFactor, createArcPolygon, DEFAULT_CELL_TREE_CONFIG, TECHNOLOGY_BAND_COLORS, DEFAULT_STATUS_STYLES, RADIUS_MULTIPLIER } from './features/cells';
 export { DemoMap, demoSites, demoCells } from './demo';

package/dist/map-v2/index.js

@@ -15,7 +15,7 @@ export { MapControl, addSourceIfMissing, removeSourceIfExists, addLayerIfMissing
 // ============================================================================
 // SITE FEATURE
 // ============================================================================
-export { createSiteStore, createSiteStoreContext, SitesLayer, SiteFilterControl, SiteSizeSlider, sitesToGeoJSON, siteToFeature, buildSiteTree, getFilteredSites } from './features/sites';
+export { createSiteStore, createSiteStoreContext, SitesLayer, SiteFilterControl, SiteSelectionControl, SiteSizeSlider, sitesToGeoJSON, siteToFeature, buildSiteTree, getFilteredSites } from './features/sites';
 // ============================================================================
 // CELL FEATURE
 // ============================================================================

package/dist/map-v2/shared/controls/MapControl.svelte

@@ -19,6 +19,10 @@
 		position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 		/** Control title (shown in header) */
 		title?: string;
+		/** Optional Bootstrap icon name to render when collapsed */
+		icon?: string;
+		/** When collapsed, should we show only the icon (if provided)? */
+		iconOnlyWhenCollapsed?: boolean;
 		/** Is the control collapsible? */
 		collapsible?: boolean;
 		/** Initial collapsed state */
@@ -32,8 +36,10 @@
 	let {
 		position = 'top-left',
 		title,
+		icon,
+		iconOnlyWhenCollapsed = true,
 		collapsible = true,
-		initiallyCollapsed = false,
+		initiallyCollapsed = true,
 		className = '',
 		children
 	}: Props = $props();
@@ -107,9 +113,22 @@
 	bind:this={controlElement}
 	class="mapboxgl-ctrl mapboxgl-ctrl-group map-control-container {className}"
 >
-	{#if title}
-		<div class="map-control-header">
-			<span class="map-control-title">{title}</span>
+	{#if title || icon}
+		<div class="map-control-header" title={title}>
+			<span class="map-control-title">
+				{#if collapsed && iconOnlyWhenCollapsed && icon}
+					<i class="bi bi-{icon}" aria-hidden="true"></i>
+					{#if title}
+						<span class="visually-hidden">{title}</span>
+					{/if}
+				{:else}
+					{#if title}
+						{title}
+					{:else if icon}
+						<i class="bi bi-{icon}" aria-hidden="true"></i>
+					{/if}
+				{/if}
+			</span>
 			{#if collapsible}
 				<button
 					class="map-control-toggle"
@@ -159,6 +178,13 @@
 		user-select: none;
 	}
 
+	.map-control-title i {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		font-size: 1.1rem;
+	}
+
 	.map-control-toggle {
 		background: none;
 		border: none;
@@ -201,4 +227,15 @@
 	.map-control-content::-webkit-scrollbar-thumb:hover {
 		background: #555;
 	}
+
+	.visually-hidden {
+		position: absolute;
+		width: 1px;
+		height: 1px;
+		padding: 0;
+		overflow: hidden;
+		clip: rect(0, 0, 0, 0);
+		white-space: nowrap;
+		border: 0;
+	}
 </style>

package/dist/map-v2/shared/controls/MapControl.svelte.d.ts

@@ -3,6 +3,10 @@ interface Props {
     position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
     /** Control title (shown in header) */
     title?: string;
+    /** Optional Bootstrap icon name to render when collapsed */
+    icon?: string;
+    /** When collapsed, should we show only the icon (if provided)? */
+    iconOnlyWhenCollapsed?: boolean;
     /** Is the control collapsible? */
     collapsible?: boolean;
     /** Initial collapsed state */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@smartnet360/svelte-components",
-	"version": "0.0.65",
+	"version": "0.0.67",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",