@joewinke/jatui 0.1.21 → 0.1.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@joewinke/jatui",
-  "version": "0.1.21",
+  "version": "0.1.22",
   "private": false,
   "description": "Shared Svelte 5 component library for JAT projects",
   "type": "module",

package/src/lib/components/ChipInput.svelte

@@ -1,15 +1,7 @@
-<script lang="ts">
-	/**
-	 * ChipInput - Generic contenteditable input with inline chips and autocomplete.
-	 *
-	 * Handles:
-	 * - Contenteditable div with placeholder
-	 * - Chip insertion/deletion (non-editable inline spans)
-	 * - Autocomplete dropdown with keyboard navigation
-	 * - Serialization (DOM -> text with chip markers)
-	 */
-
-	// --- Types ---
+<script module lang="ts">
+	// Public types — declared in the module script so that
+	// `import type { ChipSuggestion, SuggestionGroup, ChipInfo } from './ChipInput.svelte'`
+	// resolves. Types exported from the instance <script> are NOT module members.
 	export interface ChipSuggestion {
 		label: string;
 		description?: string;
@@ -39,6 +31,21 @@
 		/** If true, insert as plain text instead of a chip element */
 		insertAsText?: boolean;
 	}
+</script>
+
+<script lang="ts">
+	/**
+	 * ChipInput - Generic contenteditable input with inline chips and autocomplete.
+	 *
+	 * Handles:
+	 * - Contenteditable div with placeholder
+	 * - Chip insertion/deletion (non-editable inline spans)
+	 * - Autocomplete dropdown with keyboard navigation
+	 * - Serialization (DOM -> text with chip markers)
+	 */
+
+	// --- Types (ChipSuggestion, SuggestionGroup, ChipInfo) are declared in the
+	// module <script> above so they are importable as module members. ---
 
 	// --- Props ---
 	let {

package/src/lib/components/InlineEdit.svelte

@@ -1,3 +1,14 @@
+<script module lang="ts">
+	// Declared in the module script so `import type { DisplaySegment } from
+	// './InlineEdit.svelte'` resolves (instance-script exports are not module members).
+	/** A display segment for formula-aware rendering */
+	export interface DisplaySegment {
+		type: 'text' | 'formula';
+		display: string;
+		tooltip?: string;
+	}
+</script>
+
 <script lang="ts">
 	/**
 	 * InlineEdit Component
@@ -14,13 +25,6 @@
 	 * - Optional formula-aware display: segments with type/display/tooltip
 	 */
 
-	/** A display segment for formula-aware rendering */
-	export interface DisplaySegment {
-		type: 'text' | 'formula';
-		display: string;
-		tooltip?: string;
-	}
-
 	interface Props {
 		/** Current value */
 		value: string;

package/src/lib/components/linked-columns/LinkedColumns.svelte

@@ -1,3 +1,17 @@
+<script module lang="ts">
+	// Declared in the module script so `import type { ColumnLink } from
+	// './LinkedColumns.svelte'` resolves (instance-script exports are not module members).
+	/** Describes which left items a single right (anchor) item covers. */
+	export interface ColumnLink {
+		/** The right item's id this link belongs to. */
+		rightId: string | number;
+		/** First left item id in the covered range (inclusive). */
+		leftStartId: string | number;
+		/** Last left item id in the covered range (inclusive). */
+		leftEndId: string | number;
+	}
+</script>
+
 <script lang="ts" generics="L extends { id: string | number }, R extends { id: string | number }">
 	/**
 	 * LinkedColumns — generic two-column ink-up ribbon primitive.
@@ -51,15 +65,7 @@
 
 	import type { Snippet } from 'svelte';
 
-	/** Describes which left items a single right (anchor) item covers. */
-	export interface ColumnLink {
-		/** The right item's id this link belongs to. */
-		rightId: string | number;
-		/** First left item id in the covered range (inclusive). */
-		leftStartId: string | number;
-		/** Last left item id in the covered range (inclusive). */
-		leftEndId: string | number;
-	}
+	// ColumnLink is declared in the module <script> above so it's importable as a module member.
 
 	let {
 		leftItems,