@joewinke/jatui 0.2.2 → 0.2.3

package/dist/components/CommandPalette.svelte

@@ -2,7 +2,7 @@
 	import { tick } from 'svelte';
 	import { fly, fade } from 'svelte/transition';
 	import { cubicOut } from 'svelte/easing';
-	import { commandPalette, type CommandItem } from '../stores/commandPalette.svelte.js';
+	import { commandPalette, type CommandItem } from '../stores/commandPalette.js';
 
 	// Respect prefers-reduced-motion
 	const reducedMotion =

package/dist/components/ConfirmDialog.svelte

@@ -2,7 +2,7 @@
 	import { fly, fade } from 'svelte/transition';
 	import { cubicOut } from 'svelte/easing';
 	import { tick } from 'svelte';
-	import { getPending, confirmDialog, cancelDialog } from '../stores/confirmDialog.svelte';
+	import { getPending, confirmDialog, cancelDialog } from '../stores/confirmDialog';
 
 	const pending = $derived(getPending());
 	const opts = $derived(pending?.options ?? null);

package/dist/components/InputDialog.svelte

@@ -2,7 +2,7 @@
 	import { fly, fade } from 'svelte/transition';
 	import { cubicOut } from 'svelte/easing';
 	import { tick } from 'svelte';
-	import { getPendingInput, submitInput, cancelInput } from '../stores/inputDialog.svelte';
+	import { getPendingInput, submitInput, cancelInput } from '../stores/inputDialog';
 
 	const pending = $derived(getPendingInput());
 	const opts = $derived(pending?.options ?? null);

package/dist/components/shell/Sidebar.svelte

@@ -7,7 +7,7 @@
 	 *   icon      — icon-only rail (no width transition — labels/groups hide via class swap)
 	 *   collapsed — completely hidden; mobile uses a Drawer overlay
 	 *
-	 * Pass a sidebarState from createSidebarState() (shell.ts) for persistence
+	 * Pass a sidebarState from createSidebarState() (shell.svelte.ts) for persistence
 	 * and active-item tracking. Without it, the sidebar is stateless.
 	 */
 

package/dist/components/shell/Sidebar.svelte.d.ts

@@ -6,7 +6,7 @@
      *   icon      — icon-only rail (no width transition — labels/groups hide via class swap)
      *   collapsed — completely hidden; mobile uses a Drawer overlay
      *
-     * Pass a sidebarState from createSidebarState() (shell.ts) for persistence
+     * Pass a sidebarState from createSidebarState() (shell.svelte.ts) for persistence
      * and active-item tracking. Without it, the sidebar is stateless.
      */
 import type { Snippet } from 'svelte';

package/dist/components/shell/shell.js

@@ -1,65 +1,68 @@
-/**
- * Sidebar context state — createSidebarState returns a reactive object
- * driven by Svelte 5 runes. Pass it into Sidebar via setContext/getContext
- * or prop drilling.
- *
- * Persistence: localStorage (fallback to cookie via document.cookie) keyed
- * on `storageKey`. Set storageKey = '' to disable persistence.
- */
+/* shell.svelte.js generated by Svelte v5.53.11 */
+import * as $ from 'svelte/internal/client';
+
 function readStorage(key) {
-    if (!key || typeof window === 'undefined')
-        return null;
-    try {
-        return localStorage.getItem(key);
-    }
-    catch (_a) {
-        return null;
-    }
+	if (!key || typeof window === 'undefined') return null;
+
+	try {
+		return localStorage.getItem(key);
+	} catch(_a) {
+		return null;
+	}
 }
+
 function writeStorage(key, value) {
-    if (!key || typeof window === 'undefined')
-        return;
-    try {
-        localStorage.setItem(key, value);
-    }
-    catch (_a) {
-        // silently fail if storage unavailable
-    }
+	if (!key || typeof window === 'undefined') return;
+
+	try {
+		localStorage.setItem(key, value);
+	} catch(_a) {
+		// silently fail if storage unavailable
+	}
 }
+
 export function createSidebarState(options) {
-    var _a, _b, _c;
-    var storageKey = (_a = options === null || options === void 0 ? void 0 : options.storageKey) !== null && _a !== void 0 ? _a : 'jatui-sidebar';
-    var defaultMode = (_b = options === null || options === void 0 ? void 0 : options.defaultMode) !== null && _b !== void 0 ? _b : 'expanded';
-    var storedMode = readStorage(storageKey);
-    var validModes = ['expanded', 'collapsed', 'icon'];
-    var initialMode = storedMode && validModes.includes(storedMode) ? storedMode : defaultMode;
-    var mode = $state(initialMode);
-    var activeId = $state((_c = options === null || options === void 0 ? void 0 : options.defaultActiveId) !== null && _c !== void 0 ? _c : '');
-    var mobileOpen = $state(false);
-    return {
-        get mode() {
-            return mode;
-        },
-        get activeId() {
-            return activeId;
-        },
-        get mobileOpen() {
-            return mobileOpen;
-        },
-        setMode: function (m) {
-            mode = m;
-            writeStorage(storageKey, m);
-        },
-        toggleCollapse: function () {
-            var next = mode === 'expanded' ? 'icon' : 'expanded';
-            mode = next;
-            writeStorage(storageKey, next);
-        },
-        setActive: function (id) {
-            activeId = id;
-        },
-        setMobileOpen: function (open) {
-            mobileOpen = open;
-        }
-    };
-}
+	var _a, _b, _c;
+	var storageKey = (_a = options === null || options === void 0 ? void 0 : options.storageKey) !== null && _a !== void 0 ? _a : 'jatui-sidebar';
+	var defaultMode = (_b = options === null || options === void 0 ? void 0 : options.defaultMode) !== null && _b !== void 0 ? _b : 'expanded';
+	var storedMode = readStorage(storageKey);
+	var validModes = ['expanded', 'collapsed', 'icon'];
+	var initialMode = storedMode && validModes.includes(storedMode) ? storedMode : defaultMode;
+	var mode = $.state($.proxy(initialMode));
+	var activeId = $.state($.proxy((_c = options === null || options === void 0 ? void 0 : options.defaultActiveId) !== null && _c !== void 0 ? _c : ''));
+	var mobileOpen = $.state(false);
+
+	return {
+		get mode() {
+			return $.safe_get(mode);
+		},
+
+		get activeId() {
+			return $.safe_get(activeId);
+		},
+
+		get mobileOpen() {
+			return $.safe_get(mobileOpen);
+		},
+
+		setMode(m) {
+			$.set(mode, m, true);
+			writeStorage(storageKey, m);
+		},
+
+		toggleCollapse() {
+			var next = $.safe_get(mode) === 'expanded' ? 'icon' : 'expanded';
+
+			$.set(mode, next, true);
+			writeStorage(storageKey, next);
+		},
+
+		setActive(id) {
+			$.set(activeId, id, true);
+		},
+
+		setMobileOpen(open) {
+			$.set(mobileOpen, open, true);
+		}
+	};
+}

package/dist/components/table/DataTable.svelte

@@ -80,7 +80,16 @@
 			getPaginationRowModel: paginated ? getPaginationRowModel() : undefined,
 			renderFallbackValue: '',
 		};
-		return createTable(opts);
+		const instance = createTable(opts);
+		// createTable takes a fully-resolved state — unlike the framework adapters it does
+		// not fill in defaults, so feature state we never touch (columnPinning, columnVisibility,
+		// …) lands undefined and getHeaderGroups() dies reading columnPinning.left. Merge the
+		// instance defaults under our reactive slices, the same way the TanStack adapters do.
+		instance.setOptions((prev) => ({
+			...prev,
+			state: { ...instance.initialState, ...opts.state },
+		}));
+		return instance;
 	});
 
 	const headerGroups = $derived(table.getHeaderGroups());

package/dist/components/toast/ToastHost.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { getToasts } from '../../stores/toast.svelte.js';
+	import { getToasts } from '../../stores/toast.js';
 	import ToastItem from './ToastItem.svelte';
 
 	const toasts = $derived(getToasts());

package/dist/components/toast/ToastItem.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { dismissToast, type Toast } from '../../stores/toast.svelte.js';
+	import { dismissToast, type Toast } from '../../stores/toast.js';
 
 	type Props = {
 		toast: Toast;

package/dist/components/toast/ToastItem.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type Toast } from '../../stores/toast.svelte.js';
+import { type Toast } from '../../stores/toast.js';
 type Props = {
     toast: Toast;
     index: number;

package/dist/dnd/createDndBoard.js

@@ -0,0 +1,329 @@
+/* createDndBoard.svelte.js generated by Svelte v5.53.11 */
+import * as $ from 'svelte/internal/client';
+
+var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
+	if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+		if (ar || !(i in from)) {
+			if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+
+			ar[i] = from[i];
+		}
+	}
+
+	return to.concat(ar || Array.prototype.slice.call(from));
+};
+
+import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
+import { extractClosestEdge, attachClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
+import { SvelteMap } from 'svelte/reactivity';
+import { announce } from './announce';
+import { makeItemData, isItemData } from './types';
+
+var SHADOW_KEY = '__dnd-shadow__';
+
+export function createDndBoard(opts) {
+	var _a, _b;
+	var edges = (_a = opts.edges) !== null && _a !== void 0 ? _a : ['top', 'bottom'];
+	var hover = (_b = opts.hover) !== null && _b !== void 0 ? _b : 'indicator';
+	var mirror = new SvelteMap();
+	var dragging = $.state(null);
+	var proposal = $.state(null);
+	var seq = new Map();
+	var inFlight = 0;
+	var seedQueued = false;
+
+	function seed() {
+		mirror.clear();
+
+		var src = opts.items();
+		var entries = src instanceof Map ? src : new Map(Object.entries(src));
+
+		for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) {
+			var _a = entries_1[_i], id = _a[0], list = _a[1];
+
+			mirror.set(id, __spreadArray([], list, true));
+		}
+	}
+
+	$.user_effect(function () {
+		opts.items();
+
+		if ($.safe_get(dragging) || inFlight > 0) {
+			seedQueued = true;
+
+			return;
+		}
+
+		seed();
+	});
+
+	function placementFrom(dropTargets) {
+		var _a;
+		var inner = dropTargets[0];
+
+		if (!inner) return null;
+
+		var d = inner.data;
+
+		if (typeof d.container !== 'string') return null;
+
+		var list = (_a = mirror.get(d.container)) !== null && _a !== void 0 ? _a : [];
+
+		if (typeof d.index !== 'number') return { container: d.container, index: list.length };
+
+		var edge = extractClosestEdge(d);
+		var after = edge === 'bottom' || edge === 'right';
+
+		return { container: d.container, index: d.index + (after ? 1 : 0) };
+	}
+
+	function syncShadow(next) {
+		var _a;
+		var _b;
+
+		for (var _i = 0, mirror_1 = mirror; _i < mirror_1.length; _i++) {
+			var _c = mirror_1[_i], cid = _c[0], list_1 = _c[1];
+
+			var idx = list_1.findIndex(function (item) {
+				return item[SHADOW_KEY];
+			});
+
+			if (idx !== -1) {
+				list_1.splice(idx, 1);
+				mirror.set(cid, list_1);
+
+				break;
+			}
+		}
+
+		if (!next || !$.safe_get(dragging)) return;
+
+		var list = __spreadArray([], (_b = mirror.get(next.container)) !== null && _b !== void 0 ? _b : [], true);
+
+		var shadowItem = (
+			_a = {},
+			_a[SHADOW_KEY] = true,
+			_a.key = ("").concat(SHADOW_KEY, "-").concat($.safe_get(dragging).key),
+			_a
+		);
+
+		list.splice(Math.min(next.index, list.length), 0, shadowItem);
+		mirror.set(next.container, list);
+	}
+
+	function consider(next) {
+		if ((next === null || next === void 0 ? void 0 : next.container) === ($.safe_get(proposal) === null || $.safe_get(proposal) === void 0 ? void 0 : $.safe_get(proposal).container) && (next === null || next === void 0 ? void 0 : next.index) === ($.safe_get(proposal) === null || $.safe_get(proposal) === void 0 ? void 0 : $.safe_get(proposal).index)) return;
+
+		$.set(proposal, next, true);
+
+		if (hover === 'shadow') syncShadow(next);
+	}
+
+	function applyToMirror(move) {
+		var _a, _b;
+		var fromList = __spreadArray([], (_a = mirror.get(move.from.container)) !== null && _a !== void 0 ? _a : [], true);
+
+		var toList = move.from.container === move.to.container
+			? fromList
+			: __spreadArray([], (_b = mirror.get(move.to.container)) !== null && _b !== void 0 ? _b : [], true);
+
+		var srcIdx = fromList.findIndex(function (it) {
+			return opts.key(it) === opts.key(move.item);
+		});
+
+		if (srcIdx === -1) return;
+
+		fromList.splice(srcIdx, 1);
+
+		var destIdx = move.to.index;
+
+		if (move.from.container === move.to.container && move.to.index > move.from.index) {
+			destIdx = Math.max(0, destIdx - 1);
+		}
+
+		toList.splice(Math.min(destIdx, toList.length), 0, move.item);
+		mirror.set(move.from.container, fromList);
+
+		if (move.from.container !== move.to.container) {
+			mirror.set(move.to.container, toList);
+		}
+	}
+
+	function rollback(move) {
+		var _a;
+
+		for (var _i = 0, mirror_2 = mirror; _i < mirror_2.length; _i++) {
+			var _b = mirror_2[_i], cid = _b[0], list = _b[1];
+
+			var idx = list.findIndex(function (it) {
+				return opts.key(it) === opts.key(move.item);
+			});
+
+			if (idx !== -1) {
+				list.splice(idx, 1);
+				mirror.set(cid, list);
+
+				break;
+			}
+		}
+
+		var fromList = __spreadArray([], (_a = mirror.get(move.from.container)) !== null && _a !== void 0 ? _a : [], true);
+
+		fromList.splice(Math.min(move.from.index, fromList.length), 0, move.item);
+		mirror.set(move.from.container, fromList);
+	}
+
+	function finalize(dropped) {
+		var _a;
+		var drag = $.safe_get(dragging);
+		var to = dropped ? $.safe_get(proposal) : null;
+
+		$.set(dragging, null);
+		consider(null);
+
+		if (!drag) return;
+
+		if (!to || to.container === drag.from.container && to.index === drag.from.index) {
+			if (seedQueued && inFlight === 0) {
+				seedQueued = false;
+				seed();
+			}
+
+			return;
+		}
+
+		var move = { item: drag.item, from: drag.from, to };
+
+		applyToMirror(move);
+
+		if (opts.announce) announce(opts.announce(move));
+
+		var token = ((_a = seq.get(drag.key)) !== null && _a !== void 0 ? _a : 0) + 1;
+
+		seq.set(drag.key, token);
+		inFlight++;
+
+		opts.commit(move).catch(function (error) {
+			var _a;
+
+			if (seq.get(drag.key) === token) rollback(move);
+
+			(_a = opts.onError) === null || _a === void 0 ? void 0 : _a.call(opts, error, move);
+		}).finally(function () {
+			inFlight--;
+
+			if (inFlight === 0 && seedQueued && !$.safe_get(dragging)) {
+				seedQueued = false;
+				seed();
+			}
+		});
+	}
+
+	$.user_effect(function () {
+		return monitorForElements({
+			canMonitor(_a) {
+				var source = _a.source;
+
+				return isItemData(source.data, opts.type);
+			},
+
+			onDragStart(_a) {
+				var source = _a.source;
+				var d = source.data;
+
+				$.set(
+					dragging,
+					{
+						key: d.key,
+						item: d.item,
+						from: { container: d.container, index: d.index }
+					},
+					true
+				);
+			},
+
+			onDropTargetChange(_a) {
+				var location = _a.location;
+
+				consider(placementFrom(location.current.dropTargets));
+			},
+
+			onDrag(_a) {
+				var location = _a.location;
+
+				consider(placementFrom(location.current.dropTargets));
+			},
+
+			onDrop(_a) {
+				var location = _a.location;
+
+				finalize(location.current.dropTargets.length > 0);
+			}
+		});
+	});
+
+	return {
+		get(container) {
+			var _a;
+
+			return (_a = mirror.get(container)) !== null && _a !== void 0 ? _a : [];
+		},
+
+		containers() {
+			return __spreadArray([], mirror.keys(), true);
+		},
+
+		get dragging() {
+			return $.safe_get(dragging);
+		},
+
+		get proposal() {
+			return $.safe_get(proposal);
+		},
+
+		isSource(item) {
+			return ($.safe_get(dragging) === null || $.safe_get(dragging) === void 0 ? void 0 : $.safe_get(dragging).key) === opts.key(item);
+		},
+
+		isShadow(item) {
+			return !!item[SHADOW_KEY];
+		},
+
+		item(item, container, index) {
+			return {
+				data() {
+					return makeItemData({ type: opts.type, key: opts.key(item), item, container, index });
+				}
+			};
+		},
+
+		itemTarget(container, index) {
+			return {
+				data(feedback) {
+					return attachClosestEdge({ type: ("").concat(opts.type, "-target"), container, index }, {
+						input: feedback.input,
+						element: feedback.element,
+						allowedEdges: edges
+					});
+				},
+
+				accepts(d) {
+					return isItemData(d, opts.type);
+				},
+				sticky: true
+			};
+		},
+
+		containerTarget(container) {
+			return {
+				data() {
+					return { type: ("").concat(opts.type, "-target"), container };
+				},
+
+				accepts(d) {
+					return isItemData(d, opts.type);
+				}
+			};
+		}
+	};
+}

package/dist/dnd/index.d.ts

@@ -2,8 +2,8 @@ export { draggable } from './draggable';
 export type { DraggableParams } from './draggable';
 export { dropTarget } from './dropTarget';
 export type { DropTargetParams } from './dropTarget';
-export { createDndBoard } from './createDndBoard.svelte';
-export type { BoardMove, DndBoardOptions } from './createDndBoard.svelte';
+export { createDndBoard } from './createDndBoard';
+export type { BoardMove, DndBoardOptions } from './createDndBoard';
 export { default as DropIndicator } from './DropIndicator.svelte';
 export { autoScroll } from './autoScroll';
 export type { AutoScrollParams } from './autoScroll';

package/dist/dnd/index.js

@@ -1,6 +1,6 @@
 export { draggable } from './draggable';
 export { dropTarget } from './dropTarget';
-export { createDndBoard } from './createDndBoard.svelte';
+export { createDndBoard } from './createDndBoard';
 export { default as DropIndicator } from './DropIndicator.svelte';
 export { autoScroll } from './autoScroll';
 export { announce, cleanupAnnouncements } from './announce';

package/dist/index.d.ts

@@ -15,11 +15,11 @@ export { default as UserAvatar } from './components/UserAvatar.svelte';
 export { default as SidebarUserFooter } from './components/SidebarUserFooter.svelte';
 export { default as TaskTypeIcon } from './components/TaskTypeIcon.svelte';
 export { default as ConfirmDialog } from './components/ConfirmDialog.svelte';
-export { showConfirm, confirmDialog, cancelDialog, getPending } from './stores/confirmDialog.svelte';
-export type { ConfirmOptions } from './stores/confirmDialog.svelte';
+export { showConfirm, confirmDialog, cancelDialog, getPending } from './stores/confirmDialog';
+export type { ConfirmOptions } from './stores/confirmDialog';
 export { default as InputDialog } from './components/InputDialog.svelte';
-export { showInput, submitInput, cancelInput, getPendingInput } from './stores/inputDialog.svelte';
-export type { InputOptions } from './stores/inputDialog.svelte';
+export { showInput, submitInput, cancelInput, getPendingInput } from './stores/inputDialog';
+export type { InputOptions } from './stores/inputDialog';
 export { default as SearchDropdown } from './components/SearchDropdown.svelte';
 export { default as FilterDropdown } from './components/FilterDropdown.svelte';
 export { default as ContextMenu } from './components/ContextMenu.svelte';
@@ -158,16 +158,16 @@ export { play as playSound, registerSound, isSoundEnabled, setSoundEnabled } fro
 export { splitText } from './utils/splitText';
 export type { SplitBy, SplitTextOptions, SplitTextResult } from './utils/splitText';
 export { default as ToastHost } from './components/toast/ToastHost.svelte';
-export { showToast, dismissToast, getToasts } from './stores/toast.svelte';
-export type { Toast, ToastType, ToastOptions, DismissHandle } from './stores/toast.svelte';
+export { showToast, dismissToast, getToasts } from './stores/toast';
+export type { Toast, ToastType, ToastOptions, DismissHandle } from './stores/toast';
 export { default as Skeleton } from './components/Skeleton.svelte';
 export { default as ProgressBar } from './components/progress/ProgressBar.svelte';
 export { default as ProgressRing } from './components/progress/ProgressRing.svelte';
 export { default as Steps } from './components/progress/Steps.svelte';
 export { default as Tabs } from './components/Tabs.svelte';
 export { default as CommandPalette } from './components/CommandPalette.svelte';
-export { commandPalette } from './stores/commandPalette.svelte';
-export type { CommandItem } from './stores/commandPalette.svelte';
+export { commandPalette } from './stores/commandPalette';
+export type { CommandItem } from './stores/commandPalette';
 export { default as AnimatedNumber } from './components/AnimatedNumber.svelte';
 export { default as CopyButton } from './components/CopyButton.svelte';
 export { default as HoldToConfirm } from './components/HoldToConfirm.svelte';

package/dist/index.js

@@ -14,9 +14,9 @@ export { default as SidebarUserFooter } from './components/SidebarUserFooter.sve
 export { default as TaskTypeIcon } from './components/TaskTypeIcon.svelte';
 // Components — from JAT IDE
 export { default as ConfirmDialog } from './components/ConfirmDialog.svelte';
-export { showConfirm, confirmDialog, cancelDialog, getPending } from './stores/confirmDialog.svelte';
+export { showConfirm, confirmDialog, cancelDialog, getPending } from './stores/confirmDialog';
 export { default as InputDialog } from './components/InputDialog.svelte';
-export { showInput, submitInput, cancelInput, getPendingInput } from './stores/inputDialog.svelte';
+export { showInput, submitInput, cancelInput, getPendingInput } from './stores/inputDialog';
 export { default as SearchDropdown } from './components/SearchDropdown.svelte';
 export { default as FilterDropdown } from './components/FilterDropdown.svelte';
 export { default as ContextMenu } from './components/ContextMenu.svelte';
@@ -165,7 +165,7 @@ export { play as playSound, registerSound, isSoundEnabled, setSoundEnabled } fro
 export { splitText } from './utils/splitText';
 // Toast system
 export { default as ToastHost } from './components/toast/ToastHost.svelte';
-export { showToast, dismissToast, getToasts } from './stores/toast.svelte';
+export { showToast, dismissToast, getToasts } from './stores/toast';
 // Loading & progress family
 export { default as Skeleton } from './components/Skeleton.svelte';
 export { default as ProgressBar } from './components/progress/ProgressBar.svelte';
@@ -174,7 +174,7 @@ export { default as Steps } from './components/progress/Steps.svelte';
 // Navigation & overlays
 export { default as Tabs } from './components/Tabs.svelte';
 export { default as CommandPalette } from './components/CommandPalette.svelte';
-export { commandPalette } from './stores/commandPalette.svelte';
+export { commandPalette } from './stores/commandPalette';
 // Micro primitives
 export { default as AnimatedNumber } from './components/AnimatedNumber.svelte';
 export { default as CopyButton } from './components/CopyButton.svelte';

package/dist/stores/commandPalette.js

@@ -0,0 +1,116 @@
+/* commandPalette.svelte.js generated by Svelte v5.53.11 */
+import * as $ from 'svelte/internal/client';
+
+var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
+	if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+		if (ar || !(i in from)) {
+			if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+
+			ar[i] = from[i];
+		}
+	}
+
+	return to.concat(ar || Array.prototype.slice.call(from));
+};
+
+var RECENT_KEY = 'jatui:cmd-palette:recent';
+var MAX_RECENT = 8;
+
+function createCommandPaletteStore() {
+	var open = $.state(false);
+	var groups = $.state($.proxy([]));
+	var recentIds = $.state($.proxy([]));
+
+	// Load recent from localStorage on first access
+	function loadRecent() {
+		if (typeof localStorage === 'undefined') return;
+
+		try {
+			var raw = localStorage.getItem(RECENT_KEY);
+
+			$.set(recentIds, raw ? JSON.parse(raw) : [], true);
+		} catch(_a) {
+			$.set(recentIds, [], true);
+		}
+	}
+
+	function saveRecent(ids) {
+		if (typeof localStorage === 'undefined') return;
+
+		try {
+			localStorage.setItem(RECENT_KEY, JSON.stringify(ids));
+		} catch(_a) {
+			// ignore storage errors
+		}
+	}
+
+	function recordRecent(id) {
+		var updated = __spreadArray(
+			[id],
+			$.safe_get(recentIds).filter(function (r) {
+				return r !== id;
+			}),
+			true
+		).slice(0, MAX_RECENT);
+
+		$.set(recentIds, updated, true);
+		saveRecent(updated);
+	}
+
+	return {
+		get open() {
+			return $.safe_get(open);
+		},
+
+		get groups() {
+			return $.safe_get(groups);
+		},
+
+		get recentIds() {
+			return $.safe_get(recentIds);
+		},
+
+		registerCommands(groupLabel, items) {
+			var existing = $.safe_get(groups).find(function (g) {
+				return g.label === groupLabel;
+			});
+
+			if (existing) {
+				existing.items = items;
+			} else {
+				$.set(groups, __spreadArray(__spreadArray([], $.safe_get(groups), true), [{ label: groupLabel, items }], false), true);
+			}
+		},
+
+		openPalette() {
+			loadRecent();
+			$.set(open, true);
+		},
+
+		closePalette() {
+			$.set(open, false);
+		},
+
+		runCommand(item) {
+			recordRecent(item.id);
+			$.set(open, false);
+			item.action();
+		},
+
+		getRecentItems() {
+			var allItems = $.safe_get(groups).flatMap(function (g) {
+				return g.items;
+			});
+
+			return $.safe_get(recentIds).map(function (id) {
+				return allItems.find(function (i) {
+					return i.id === id;
+				});
+			}).filter(function (i) {
+				return !!i;
+			});
+		}
+	};
+}
+
+export var commandPalette = createCommandPaletteStore();

package/dist/stores/confirmDialog.js

@@ -0,0 +1,37 @@
+/* confirmDialog.svelte.js generated by Svelte v5.53.11 */
+import * as $ from 'svelte/internal/client';
+
+var pending = $.state(null);
+
+export function getPending() {
+	return $.safe_get(pending);
+}
+
+export function showConfirm(options) {
+	// If a dialog is already open, cancel it first.
+	if ($.safe_get(pending)) {
+		$.safe_get(pending).resolve(false);
+	}
+
+	return new Promise(function (resolve) {
+		$.set(pending, { options, resolve }, true);
+	});
+}
+
+export function confirmDialog() {
+	if (!$.safe_get(pending)) return;
+
+	var p = $.safe_get(pending);
+
+	$.set(pending, null);
+	p.resolve(true);
+}
+
+export function cancelDialog() {
+	if (!$.safe_get(pending)) return;
+
+	var p = $.safe_get(pending);
+
+	$.set(pending, null);
+	p.resolve(false);
+}

package/dist/stores/inputDialog.js

@@ -0,0 +1,37 @@
+/* inputDialog.svelte.js generated by Svelte v5.53.11 */
+import * as $ from 'svelte/internal/client';
+
+var pending = $.state(null);
+
+export function getPendingInput() {
+	return $.safe_get(pending);
+}
+
+export function showInput(options) {
+	// If a dialog is already open, cancel it first.
+	if ($.safe_get(pending)) {
+		$.safe_get(pending).resolve(null);
+	}
+
+	return new Promise(function (resolve) {
+		$.set(pending, { options, resolve }, true);
+	});
+}
+
+export function submitInput(value) {
+	if (!$.safe_get(pending)) return;
+
+	var p = $.safe_get(pending);
+
+	$.set(pending, null);
+	p.resolve(value);
+}
+
+export function cancelInput() {
+	if (!$.safe_get(pending)) return;
+
+	var p = $.safe_get(pending);
+
+	$.set(pending, null);
+	p.resolve(null);
+}

package/dist/stores/toast.js

@@ -0,0 +1,53 @@
+/* toast.svelte.js generated by Svelte v5.53.11 */
+import * as $ from 'svelte/internal/client';
+
+var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
+	if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+		if (ar || !(i in from)) {
+			if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+
+			ar[i] = from[i];
+		}
+	}
+
+	return to.concat(ar || Array.prototype.slice.call(from));
+};
+
+var nextId = 0;
+var toasts = $.state($.proxy([]));
+
+export function getToasts() {
+	return $.safe_get(toasts);
+}
+
+export function showToast(options) {
+	var _a, _b;
+	var id = ++nextId;
+
+	var toast = {
+		id,
+		type: (_a = options.type) !== null && _a !== void 0 ? _a : 'info',
+		message: options.message,
+		action: options.action,
+		durationMs: (_b = options.durationMs) !== null && _b !== void 0 ? _b : 5000,
+		onUndo: options.onUndo
+	};
+
+	$.set(toasts, __spreadArray(__spreadArray([], $.safe_get(toasts), true), [toast], false), true);
+
+	return {
+		dismiss() {
+			return dismissToast(id);
+		}
+	};
+}
+
+export function dismissToast(id) {
+	$.set(
+		toasts,
+		$.safe_get(toasts).filter(function (t) {
+			return t.id !== id;
+		}),
+		true
+	);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@joewinke/jatui",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "private": false,
   "description": "Shared Svelte 5 component library for JAT projects",
   "type": "module",
@@ -67,7 +67,7 @@
     "build": "vite build",
     "build:site": "npm run package && vite build",
     "preview": "vite preview",
-    "package": "svelte-package --input src/lib --output dist",
+    "package": "svelte-package --input src/lib --output dist && node scripts/compile-rune-modules.mjs",
     "check:demos": "node scripts/check-demo-coverage.mjs",
     "guard": "node scripts/check-demo-coverage.mjs",
     "prepublishOnly": "npm run package"

package/dist/dnd/createDndBoard.svelte.js

@@ -1,217 +0,0 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
-import { extractClosestEdge, attachClosestEdge, } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
-import { SvelteMap } from 'svelte/reactivity';
-import { announce } from './announce';
-import { makeItemData, isItemData, } from './types';
-var SHADOW_KEY = '__dnd-shadow__';
-export function createDndBoard(opts) {
-    var _a, _b;
-    var edges = (_a = opts.edges) !== null && _a !== void 0 ? _a : ['top', 'bottom'];
-    var hover = (_b = opts.hover) !== null && _b !== void 0 ? _b : 'indicator';
-    var mirror = new SvelteMap();
-    var dragging = $state(null);
-    var proposal = $state(null);
-    var seq = new Map();
-    var inFlight = 0;
-    var seedQueued = false;
-    function seed() {
-        mirror.clear();
-        var src = opts.items();
-        var entries = src instanceof Map
-            ? src
-            : new Map(Object.entries(src));
-        for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) {
-            var _a = entries_1[_i], id = _a[0], list = _a[1];
-            mirror.set(id, __spreadArray([], list, true));
-        }
-    }
-    $effect(function () {
-        opts.items();
-        if (dragging || inFlight > 0) {
-            seedQueued = true;
-            return;
-        }
-        seed();
-    });
-    function placementFrom(dropTargets) {
-        var _a;
-        var inner = dropTargets[0];
-        if (!inner)
-            return null;
-        var d = inner.data;
-        if (typeof d.container !== 'string')
-            return null;
-        var list = (_a = mirror.get(d.container)) !== null && _a !== void 0 ? _a : [];
-        if (typeof d.index !== 'number')
-            return { container: d.container, index: list.length };
-        var edge = extractClosestEdge(d);
-        var after = edge === 'bottom' || edge === 'right';
-        return { container: d.container, index: d.index + (after ? 1 : 0) };
-    }
-    function syncShadow(next) {
-        var _a;
-        var _b;
-        for (var _i = 0, mirror_1 = mirror; _i < mirror_1.length; _i++) {
-            var _c = mirror_1[_i], cid = _c[0], list_1 = _c[1];
-            var idx = list_1.findIndex(function (item) { return item[SHADOW_KEY]; });
-            if (idx !== -1) {
-                list_1.splice(idx, 1);
-                mirror.set(cid, list_1);
-                break;
-            }
-        }
-        if (!next || !dragging)
-            return;
-        var list = __spreadArray([], ((_b = mirror.get(next.container)) !== null && _b !== void 0 ? _b : []), true);
-        var shadowItem = (_a = {}, _a[SHADOW_KEY] = true, _a.key = "".concat(SHADOW_KEY, "-").concat(dragging.key), _a);
-        list.splice(Math.min(next.index, list.length), 0, shadowItem);
-        mirror.set(next.container, list);
-    }
-    function consider(next) {
-        if ((next === null || next === void 0 ? void 0 : next.container) === (proposal === null || proposal === void 0 ? void 0 : proposal.container) && (next === null || next === void 0 ? void 0 : next.index) === (proposal === null || proposal === void 0 ? void 0 : proposal.index))
-            return;
-        proposal = next;
-        if (hover === 'shadow')
-            syncShadow(next);
-    }
-    function applyToMirror(move) {
-        var _a, _b;
-        var fromList = __spreadArray([], ((_a = mirror.get(move.from.container)) !== null && _a !== void 0 ? _a : []), true);
-        var toList = move.from.container === move.to.container
-            ? fromList
-            : __spreadArray([], ((_b = mirror.get(move.to.container)) !== null && _b !== void 0 ? _b : []), true);
-        var srcIdx = fromList.findIndex(function (it) { return opts.key(it) === opts.key(move.item); });
-        if (srcIdx === -1)
-            return;
-        fromList.splice(srcIdx, 1);
-        var destIdx = move.to.index;
-        if (move.from.container === move.to.container && move.to.index > move.from.index) {
-            destIdx = Math.max(0, destIdx - 1);
-        }
-        toList.splice(Math.min(destIdx, toList.length), 0, move.item);
-        mirror.set(move.from.container, fromList);
-        if (move.from.container !== move.to.container) {
-            mirror.set(move.to.container, toList);
-        }
-    }
-    function rollback(move) {
-        var _a;
-        for (var _i = 0, mirror_2 = mirror; _i < mirror_2.length; _i++) {
-            var _b = mirror_2[_i], cid = _b[0], list = _b[1];
-            var idx = list.findIndex(function (it) { return opts.key(it) === opts.key(move.item); });
-            if (idx !== -1) {
-                list.splice(idx, 1);
-                mirror.set(cid, list);
-                break;
-            }
-        }
-        var fromList = __spreadArray([], ((_a = mirror.get(move.from.container)) !== null && _a !== void 0 ? _a : []), true);
-        fromList.splice(Math.min(move.from.index, fromList.length), 0, move.item);
-        mirror.set(move.from.container, fromList);
-    }
-    function finalize(dropped) {
-        var _a;
-        var drag = dragging;
-        var to = dropped ? proposal : null;
-        dragging = null;
-        consider(null);
-        if (!drag)
-            return;
-        if (!to ||
-            (to.container === drag.from.container && to.index === drag.from.index)) {
-            if (seedQueued && inFlight === 0) {
-                seedQueued = false;
-                seed();
-            }
-            return;
-        }
-        var move = { item: drag.item, from: drag.from, to: to };
-        applyToMirror(move);
-        if (opts.announce)
-            announce(opts.announce(move));
-        var token = ((_a = seq.get(drag.key)) !== null && _a !== void 0 ? _a : 0) + 1;
-        seq.set(drag.key, token);
-        inFlight++;
-        opts
-            .commit(move)
-            .catch(function (error) {
-            var _a;
-            if (seq.get(drag.key) === token)
-                rollback(move);
-            (_a = opts.onError) === null || _a === void 0 ? void 0 : _a.call(opts, error, move);
-        })
-            .finally(function () {
-            inFlight--;
-            if (inFlight === 0 && seedQueued && !dragging) {
-                seedQueued = false;
-                seed();
-            }
-        });
-    }
-    $effect(function () {
-        return monitorForElements({
-            canMonitor: function (_a) {
-                var source = _a.source;
-                return isItemData(source.data, opts.type);
-            },
-            onDragStart: function (_a) {
-                var source = _a.source;
-                var d = source.data;
-                dragging = {
-                    key: d.key,
-                    item: d.item,
-                    from: { container: d.container, index: d.index },
-                };
-            },
-            onDropTargetChange: function (_a) {
-                var location = _a.location;
-                consider(placementFrom(location.current.dropTargets));
-            },
-            onDrag: function (_a) {
-                var location = _a.location;
-                consider(placementFrom(location.current.dropTargets));
-            },
-            onDrop: function (_a) {
-                var location = _a.location;
-                finalize(location.current.dropTargets.length > 0);
-            },
-        });
-    });
-    return {
-        get: function (container) { var _a; return (_a = mirror.get(container)) !== null && _a !== void 0 ? _a : []; },
-        containers: function () { return __spreadArray([], mirror.keys(), true); },
-        get dragging() {
-            return dragging;
-        },
-        get proposal() {
-            return proposal;
-        },
-        isSource: function (item) { return (dragging === null || dragging === void 0 ? void 0 : dragging.key) === opts.key(item); },
-        isShadow: function (item) {
-            return !!item[SHADOW_KEY];
-        },
-        item: function (item, container, index) { return ({
-            data: function () { return makeItemData({ type: opts.type, key: opts.key(item), item: item, container: container, index: index }); },
-        }); },
-        itemTarget: function (container, index) { return ({
-            data: function (feedback) {
-                return attachClosestEdge({ type: "".concat(opts.type, "-target"), container: container, index: index }, { input: feedback.input, element: feedback.element, allowedEdges: edges });
-            },
-            accepts: function (d) { return isItemData(d, opts.type); },
-            sticky: true,
-        }); },
-        containerTarget: function (container) { return ({
-            data: function () { return ({ type: "".concat(opts.type, "-target"), container: container }); },
-            accepts: function (d) { return isItemData(d, opts.type); },
-        }); },
-    };
-}

package/dist/stores/commandPalette.svelte.js

@@ -1,82 +0,0 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var RECENT_KEY = 'jatui:cmd-palette:recent';
-var MAX_RECENT = 8;
-function createCommandPaletteStore() {
-    var open = $state(false);
-    var groups = $state([]);
-    var recentIds = $state([]);
-    // Load recent from localStorage on first access
-    function loadRecent() {
-        if (typeof localStorage === 'undefined')
-            return;
-        try {
-            var raw = localStorage.getItem(RECENT_KEY);
-            recentIds = raw ? JSON.parse(raw) : [];
-        }
-        catch (_a) {
-            recentIds = [];
-        }
-    }
-    function saveRecent(ids) {
-        if (typeof localStorage === 'undefined')
-            return;
-        try {
-            localStorage.setItem(RECENT_KEY, JSON.stringify(ids));
-        }
-        catch (_a) {
-            // ignore storage errors
-        }
-    }
-    function recordRecent(id) {
-        var updated = __spreadArray([id], recentIds.filter(function (r) { return r !== id; }), true).slice(0, MAX_RECENT);
-        recentIds = updated;
-        saveRecent(updated);
-    }
-    return {
-        get open() {
-            return open;
-        },
-        get groups() {
-            return groups;
-        },
-        get recentIds() {
-            return recentIds;
-        },
-        registerCommands: function (groupLabel, items) {
-            var existing = groups.find(function (g) { return g.label === groupLabel; });
-            if (existing) {
-                existing.items = items;
-            }
-            else {
-                groups = __spreadArray(__spreadArray([], groups, true), [{ label: groupLabel, items: items }], false);
-            }
-        },
-        openPalette: function () {
-            loadRecent();
-            open = true;
-        },
-        closePalette: function () {
-            open = false;
-        },
-        runCommand: function (item) {
-            recordRecent(item.id);
-            open = false;
-            item.action();
-        },
-        getRecentItems: function () {
-            var allItems = groups.flatMap(function (g) { return g.items; });
-            return recentIds
-                .map(function (id) { return allItems.find(function (i) { return i.id === id; }); })
-                .filter(function (i) { return !!i; });
-        }
-    };
-}
-export var commandPalette = createCommandPaletteStore();

package/dist/stores/confirmDialog.svelte.js

@@ -1,31 +0,0 @@
-/**
- * Global promise-based confirm dialog.
- * Usage: const ok = await showConfirm({ title: '...', body: '...' })
- */
-var pending = $state(null);
-export function getPending() {
-    return pending;
-}
-export function showConfirm(options) {
-    // If a dialog is already open, cancel it first.
-    if (pending) {
-        pending.resolve(false);
-    }
-    return new Promise(function (resolve) {
-        pending = { options: options, resolve: resolve };
-    });
-}
-export function confirmDialog() {
-    if (!pending)
-        return;
-    var p = pending;
-    pending = null;
-    p.resolve(true);
-}
-export function cancelDialog() {
-    if (!pending)
-        return;
-    var p = pending;
-    pending = null;
-    p.resolve(false);
-}

package/dist/stores/inputDialog.svelte.js

@@ -1,32 +0,0 @@
-/**
- * Global promise-based input dialog.
- * Usage: const value = await showInput({ title: '...', placeholder: '...' })
- * Returns the typed string if confirmed, null if cancelled.
- */
-var pending = $state(null);
-export function getPendingInput() {
-    return pending;
-}
-export function showInput(options) {
-    // If a dialog is already open, cancel it first.
-    if (pending) {
-        pending.resolve(null);
-    }
-    return new Promise(function (resolve) {
-        pending = { options: options, resolve: resolve };
-    });
-}
-export function submitInput(value) {
-    if (!pending)
-        return;
-    var p = pending;
-    pending = null;
-    p.resolve(value);
-}
-export function cancelInput() {
-    if (!pending)
-        return;
-    var p = pending;
-    pending = null;
-    p.resolve(null);
-}

package/dist/stores/toast.svelte.js

@@ -1,33 +0,0 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var nextId = 0;
-var toasts = $state([]);
-export function getToasts() {
-    return toasts;
-}
-export function showToast(options) {
-    var _a, _b;
-    var id = ++nextId;
-    var toast = {
-        id: id,
-        type: (_a = options.type) !== null && _a !== void 0 ? _a : 'info',
-        message: options.message,
-        action: options.action,
-        durationMs: (_b = options.durationMs) !== null && _b !== void 0 ? _b : 5000,
-        onUndo: options.onUndo
-    };
-    toasts = __spreadArray(__spreadArray([], toasts, true), [toast], false);
-    return {
-        dismiss: function () { return dismissToast(id); }
-    };
-}
-export function dismissToast(id) {
-    toasts = toasts.filter(function (t) { return t.id !== id; });
-}