@joewinke/jatui 0.1.0 → 0.1.2

package/src/lib/index.ts

@@ -36,6 +36,16 @@ export { default as SpeechForm } from './components/SpeechForm.svelte';
 export { default as ThemeSelector } from './components/ThemeSelector.svelte';
 export { default as Sparkline } from './components/Sparkline.svelte';
 
+// Components — Emoji
+export { default as EmojiPicker } from './components/EmojiPicker.svelte';
+
+// Emoji data
+export { EMOJI_DATA, ALL_EMOJIS, searchEmojis } from './data/emojis';
+export type { EmojiEntry, EmojiGroup } from './data/emojis';
+
+// Components — from Meadow
+export { default as LinkShortener } from './components/LinkShortener.svelte';
+
 // Components — from Marduk
 export { default as SignaturePad } from './components/SignaturePad.svelte';
 export { default as TimeSlotPicker } from './components/TimeSlotPicker.svelte';
@@ -43,6 +53,9 @@ export { default as CalendarPicker } from './components/CalendarPicker.svelte';
 export { default as AvailabilityModal } from './components/AvailabilityModal.svelte';
 export { default as BookingForm } from './components/BookingForm.svelte';
 
+// Component types — Meadow
+export type { ShortenedLink } from './components/LinkShortener.svelte';
+
 // Component types — JAT IDE
 export type { SearchDropdownOption, SearchDropdownGroup } from './components/SearchDropdown.svelte';
 export type { ChipSuggestion, SuggestionGroup, ChipInfo } from './components/ChipInput.svelte';
@@ -170,6 +183,30 @@ export {
 	DEFAULT_QUICK_REACTIONS
 } from './types/messaging';
 
+// Components — Pipeline
+export { default as Pipeline } from './components/pipeline/Pipeline.svelte';
+export { default as PipelineColumn } from './components/pipeline/PipelineColumn.svelte';
+export { default as PipelineCard } from './components/pipeline/PipelineCard.svelte';
+
+// Pipeline types
+export type {
+	PipelineStage,
+	StageColors,
+	PipelineItem,
+	PipelineMetric,
+	StageMetrics,
+	PipelineViewMode,
+	PipelineTableColumn,
+	PipelineDragConfig,
+	PipelineConfig,
+	PipelineStageChangeEvent,
+	PipelineItemClickEvent
+} from './types/pipeline';
+export {
+	DEFAULT_DRAG_CONFIG,
+	DEFAULT_PIPELINE_CONFIG
+} from './types/pipeline';
+
 // Utilities — mention parsing
 export {
 	parseMentions,

package/src/lib/types/pipeline.ts

@@ -0,0 +1,150 @@
+// ─── Core Stage/Column Types ───
+
+/** A single stage (column) in the pipeline */
+export interface PipelineStage {
+	id: string;
+	label: string;
+	order: number;
+	/** oklch color string, e.g. "oklch(0.70 0.18 240)" */
+	color?: string;
+	/** DaisyUI semantic color fallback: "primary" | "secondary" | "success" | "warning" | "error" | "info" */
+	semantic?: string;
+	/** Optional icon (SVG path or component name) */
+	icon?: string;
+	/** Whether cards can be dragged out of this column */
+	draggableOut?: boolean;
+	/** Whether cards can be dropped into this column */
+	droppableIn?: boolean;
+}
+
+/** Resolved colors for a stage, computed from PipelineStage.color or .semantic */
+export interface StageColors {
+	bg: string;
+	text: string;
+	border: string;
+	accent: string;
+}
+
+// ─── Item Types ───
+
+/** A single item (card) in the pipeline. Generic — consumers extend with their own fields. */
+export interface PipelineItem {
+	id: string;
+	stageId: string;
+	title: string;
+	/** Optional subtitle (e.g. client name, company) */
+	subtitle?: string;
+	/** Numeric value for metrics aggregation (e.g. deal value, session cost) */
+	value?: number;
+	/** ISO date string — when the item entered the current stage */
+	stageEnteredAt?: string;
+	/** ISO date string — expected completion/close date */
+	expectedDate?: string;
+	/** Priority: 0 = highest */
+	priority?: number;
+	/** Assignee name or ID */
+	assignee?: string;
+	/** Freeform labels/tags */
+	labels?: string[];
+	/** Arbitrary metadata for card snippets to consume */
+	meta?: Record<string, unknown>;
+}
+
+// ─── Metrics Types ───
+
+/** A single metric to display in the pipeline header */
+export interface PipelineMetric {
+	label: string;
+	value: string | number;
+	/** Optional format hint: "currency" | "percent" | "number" */
+	format?: 'currency' | 'percent' | 'number';
+	/** Change from previous period, e.g. +5 or -2.3 */
+	change?: number;
+	/** DaisyUI color for the metric card */
+	color?: string;
+}
+
+/** Per-stage aggregate computed by the Pipeline component */
+export interface StageMetrics {
+	stageId: string;
+	count: number;
+	totalValue: number;
+}
+
+// ─── Configuration Types ───
+
+/** View mode for the pipeline display */
+export type PipelineViewMode = 'kanban' | 'table';
+
+/** Table column definition for table view */
+export interface PipelineTableColumn {
+	key: string;
+	label: string;
+	/** Width hint: "sm" (80px) | "md" (120px) | "lg" (200px) | "flex" (fill) */
+	width?: 'sm' | 'md' | 'lg' | 'flex';
+	/** Sort direction if sortable */
+	sortable?: boolean;
+}
+
+/** Drag-drop configuration */
+export interface PipelineDragConfig {
+	enabled: boolean;
+	/** Duration for flip animation in ms (default: 200) */
+	flipDurationMs?: number;
+	/** CSS class applied to the drop zone during drag */
+	dropTargetClass?: string;
+	/** Stage IDs where drag is disabled (overrides per-stage draggableOut/droppableIn) */
+	disabledStages?: string[];
+}
+
+/** Top-level pipeline configuration */
+export interface PipelineConfig {
+	/** Which views are available */
+	views?: PipelineViewMode[];
+	/** Default view on mount */
+	defaultView?: PipelineViewMode;
+	/** Drag-drop settings */
+	drag?: PipelineDragConfig;
+	/** Whether columns can be collapsed */
+	collapsible?: boolean;
+	/** Column min-height in px (default: 200) */
+	columnMinHeight?: number;
+	/** Table columns for table view */
+	tableColumns?: PipelineTableColumn[];
+	/** Currency code for value formatting (default: "USD") */
+	currency?: string;
+}
+
+// ─── Event Types ───
+
+/** Fired when an item is moved between stages via drag-drop */
+export interface PipelineStageChangeEvent {
+	itemId: string;
+	fromStageId: string;
+	toStageId: string;
+	/** New index within the target stage */
+	newIndex: number;
+}
+
+/** Fired when an item is clicked */
+export interface PipelineItemClickEvent {
+	item: PipelineItem;
+	stageId: string;
+}
+
+// ─── Defaults ───
+
+export const DEFAULT_DRAG_CONFIG: PipelineDragConfig = {
+	enabled: true,
+	flipDurationMs: 200,
+	dropTargetClass: 'outline-dashed outline-2 outline-base-content/20'
+};
+
+export const DEFAULT_PIPELINE_CONFIG: PipelineConfig = {
+	views: ['kanban'],
+	defaultView: 'kanban',
+	drag: DEFAULT_DRAG_CONFIG,
+	collapsible: true,
+	columnMinHeight: 200,
+	currency: 'USD'
+};