@lssm/example.learning-journey-ui-coaching 0.0.0-canary-20251217073102 → 0.0.0-canary-20251217083314

package/dist/views/Steps.js

@@ -0,0 +1,68 @@
+'use client';
+
+import { TipCard } from "../components/TipCard.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/views/Steps.tsx
+function Steps({ track, progress, onStepComplete }) {
+	const completedSteps = progress.completedStepIds.length;
+	const totalSteps = track.steps.length;
+	const sortedSteps = [...track.steps].sort((a, b) => {
+		const aCompleted = progress.completedStepIds.includes(a.id);
+		if (aCompleted === progress.completedStepIds.includes(b.id)) return 0;
+		return aCompleted ? 1 : -1;
+	});
+	const currentStepId = track.steps.find((s) => !progress.completedStepIds.includes(s.id))?.id;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-6",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "text-center",
+				children: [
+					/* @__PURE__ */ jsx("h2", {
+						className: "text-xl font-bold",
+						children: "Coaching Tips"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: "Review and take action on personalized tips"
+					}),
+					/* @__PURE__ */ jsxs("p", {
+						className: "text-muted-foreground mt-2 text-sm",
+						children: [
+							completedSteps,
+							" of ",
+							totalSteps,
+							" tips actioned"
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "space-y-3",
+				children: sortedSteps.map((step) => {
+					return /* @__PURE__ */ jsx(TipCard, {
+						step,
+						isCompleted: progress.completedStepIds.includes(step.id),
+						isCurrent: step.id === currentStepId,
+						onComplete: () => onStepComplete?.(step.id),
+						onDismiss: () => onStepComplete?.(step.id)
+					}, step.id);
+				})
+			}),
+			completedSteps === totalSteps && /* @__PURE__ */ jsxs("div", {
+				className: "text-muted-foreground text-center",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-2xl",
+					children: "✨"
+				}), /* @__PURE__ */ jsx("p", {
+					className: "mt-2",
+					children: "All tips have been addressed!"
+				})]
+			})
+		]
+	});
+}
+
+//#endregion
+export { Steps };

package/dist/views/Timeline.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime2 from "react/jsx-runtime";
+import { LearningViewProps } from "@lssm/example.learning-journey-ui-shared";
+
+//#region src/views/Timeline.d.ts
+declare function Timeline({
+  track,
+  progress
+}: LearningViewProps): react_jsx_runtime2.JSX.Element;
+//#endregion
+export { Timeline };

package/dist/views/Timeline.js

@@ -0,0 +1,112 @@
+'use client';
+
+import { Card, CardContent, CardHeader, CardTitle } from "../libs/ui-kit-web/dist/ui/card.js";
+import { TipFeed } from "../components/TipFeed.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/views/Timeline.tsx
+function Timeline({ track, progress }) {
+	const feedItems = track.steps.map((step) => ({
+		step,
+		isCompleted: progress.completedStepIds.includes(step.id),
+		completedAt: progress.completedStepIds.includes(step.id) ? "Recently" : void 0
+	})).sort((a, b) => {
+		if (a.isCompleted && !b.isCompleted) return -1;
+		if (!a.isCompleted && b.isCompleted) return 1;
+		return 0;
+	});
+	const completedCount = feedItems.filter((f) => f.isCompleted).length;
+	const pendingCount = feedItems.length - completedCount;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-6",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "text-center",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-xl font-bold",
+					children: "Activity Timeline"
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground",
+					children: "Your coaching journey and tip history"
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid grid-cols-2 gap-4",
+				children: [/* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, {
+					className: "p-4 text-center",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "text-2xl font-bold text-green-500",
+						children: completedCount
+					}), /* @__PURE__ */ jsx("div", {
+						className: "text-muted-foreground text-sm",
+						children: "Tips Actioned"
+					})]
+				}) }), /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, {
+					className: "p-4 text-center",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "text-2xl font-bold text-amber-500",
+						children: pendingCount
+					}), /* @__PURE__ */ jsx("div", {
+						className: "text-muted-foreground text-sm",
+						children: "Tips Pending"
+					})]
+				}) })]
+			}),
+			/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ jsx("span", { children: "📝" }), /* @__PURE__ */ jsx("span", { children: "Coaching Feed" })]
+			}) }), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(TipFeed, { items: feedItems }) })] }),
+			/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ jsx("span", { children: "📈" }), /* @__PURE__ */ jsx("span", { children: "Journey Stats" })]
+			}) }), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground",
+							children: "Total Tips"
+						}), /* @__PURE__ */ jsx("span", {
+							className: "font-semibold",
+							children: track.steps.length
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground",
+							children: "Completed"
+						}), /* @__PURE__ */ jsx("span", {
+							className: "font-semibold text-green-500",
+							children: completedCount
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground",
+							children: "XP Earned"
+						}), /* @__PURE__ */ jsx("span", {
+							className: "font-semibold text-orange-500",
+							children: progress.xpEarned
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground",
+							children: "Current Streak"
+						}), /* @__PURE__ */ jsx("span", {
+							className: "font-semibold",
+							children: progress.streakDays > 0 ? `🔥 ${progress.streakDays} days` : "Start today!"
+						})]
+					})
+				]
+			}) })] })
+		]
+	});
+}
+
+//#endregion
+export { Timeline };

package/dist/views/index.d.ts

@@ -0,0 +1,5 @@
+import { Overview } from "./Overview.js";
+import { Steps } from "./Steps.js";
+import { Progress as ProgressView } from "./Progress.js";
+import { Timeline } from "./Timeline.js";
+export { Overview, ProgressView as Progress, Steps, Timeline };

package/dist/views/index.js

@@ -0,0 +1,6 @@
+import { Overview } from "./Overview.js";
+import { Steps } from "./Steps.js";
+import { Progress as ProgressView } from "./Progress.js";
+import { Timeline } from "./Timeline.js";
+
+export { Overview, ProgressView as Progress, Steps, Timeline };

package/package.json

@@ -1,16 +1,25 @@
 {
   "name": "@lssm/example.learning-journey-ui-coaching",
-  "version": "0.0.0-canary-20251217073102",
+  "version": "0.0.0-canary-20251217083314",
   "description": "Contextual coaching UI with tip cards and engagement tracking.",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
-    ".": "./src/index.ts",
-    "./example": "./src/example.ts",
-    "./docs": "./src/docs/index.ts",
-    "./views": "./src/views/index.ts",
-    "./components": "./src/components/index.ts",
+    ".": "./dist/index.js",
+    "./CoachingMiniApp": "./dist/CoachingMiniApp.js",
+    "./components": "./dist/components/index.js",
+    "./components/EngagementMeter": "./dist/components/EngagementMeter.js",
+    "./components/TipCard": "./dist/components/TipCard.js",
+    "./components/TipFeed": "./dist/components/TipFeed.js",
+    "./docs": "./dist/docs/index.js",
+    "./docs/learning-journey-ui-coaching.docblock": "./dist/docs/learning-journey-ui-coaching.docblock.js",
+    "./example": "./dist/example.js",
+    "./views": "./dist/views/index.js",
+    "./views/Overview": "./dist/views/Overview.js",
+    "./views/Progress": "./dist/views/Progress.js",
+    "./views/Steps": "./dist/views/Steps.js",
+    "./views/Timeline": "./dist/views/Timeline.js",
     "./*": "./*"
   },
   "scripts": {
@@ -27,19 +36,19 @@
     "test": "bun test"
   },
   "dependencies": {
-    "@lssm/lib.schema": "0.0.0-canary-20251217073102",
-    "@lssm/lib.contracts": "0.0.0-canary-20251217073102",
-    "@lssm/example.learning-journey-ui-shared": "0.0.0-canary-20251217073102",
-    "@lssm/example.learning-journey-ambient-coach": "0.0.0-canary-20251217073102",
-    "@lssm/example.learning-journey-crm-onboarding": "0.0.0-canary-20251217073102",
-    "@lssm/module.learning-journey": "0.0.0-canary-20251217073102",
-    "@lssm/lib.design-system": "0.0.0-canary-20251217073102",
-    "@lssm/lib.ui-kit-web": "0.0.0-canary-20251217073102",
+    "@lssm/lib.schema": "0.0.0-canary-20251217083314",
+    "@lssm/lib.contracts": "0.0.0-canary-20251217083314",
+    "@lssm/example.learning-journey-ui-shared": "0.0.0-canary-20251217083314",
+    "@lssm/example.learning-journey-ambient-coach": "0.0.0-canary-20251217083314",
+    "@lssm/example.learning-journey-crm-onboarding": "0.0.0-canary-20251217083314",
+    "@lssm/module.learning-journey": "0.0.0-canary-20251217083314",
+    "@lssm/lib.design-system": "0.0.0-canary-20251217083314",
+    "@lssm/lib.ui-kit-web": "0.0.0-canary-20251217083314",
     "react": "^19.2.3"
   },
   "devDependencies": {
-    "@lssm/tool.tsdown": "0.0.0-canary-20251217073102",
-    "@lssm/tool.typescript": "0.0.0-canary-20251217073102",
+    "@lssm/tool.tsdown": "0.0.0-canary-20251217083314",
+    "@lssm/tool.typescript": "0.0.0-canary-20251217083314",
     "@types/react": "^19.1.6",
     "tsdown": "^0.17.4",
     "typescript": "^5.9.3"

package/tsdown.config.js

@@ -1,13 +1,17 @@
 import { defineConfig } from 'tsdown';
+import { moduleLibrary, withDevExports } from '@lssm/tool.tsdown';
+
+export default defineConfig(() => ({
+  ...moduleLibrary,
+  ...withDevExports,
+}));
+
+
+
+
+
+
+
+
 
-export default defineConfig({
-  entry: [
-    'src/index.ts',
-    'src/views/index.ts',
-    'src/components/index.ts',
-  ],
-  format: 'esm',
-  target: 'esnext',
-  dts: true,
-});
 

package/dist/TipFeed-_1oKR35X.mjs

@@ -1,234 +0,0 @@
-import { Card, CardContent } from "@lssm/lib.ui-kit-web/ui/card";
-import { Button } from "@lssm/lib.design-system";
-import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/TipCard.tsx
-const TIP_ICONS$1 = {
-	cash_buffer_too_high: "💰",
-	no_savings_goal: "🎯",
-	irregular_savings: "📅",
-	noise_late_evening: "🔇",
-	guest_frequency_high: "👥",
-	shared_space_conflicts: "🏠",
-	default: "💡"
-};
-function TipCard({ step, isCompleted, isCurrent, onComplete, onDismiss }) {
-	const icon = TIP_ICONS$1[step.metadata?.tipId ?? "default"] ?? TIP_ICONS$1.default;
-	return /* @__PURE__ */ jsx(Card, {
-		className: cn("transition-all", isCompleted && "opacity-60", isCurrent && "ring-2 ring-amber-500"),
-		children: /* @__PURE__ */ jsx(CardContent, {
-			className: "p-4",
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "flex gap-4",
-				children: [/* @__PURE__ */ jsx("div", {
-					className: cn("flex h-12 w-12 shrink-0 items-center justify-center rounded-xl text-2xl", isCompleted ? "bg-green-500/10" : isCurrent ? "bg-amber-500/10" : "bg-muted"),
-					children: isCompleted ? "✓" : icon
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "min-w-0 flex-1",
-					children: [
-						/* @__PURE__ */ jsxs("div", {
-							className: "flex items-start justify-between gap-2",
-							children: [/* @__PURE__ */ jsx("h4", {
-								className: "font-semibold",
-								children: step.title
-							}), step.xpReward && /* @__PURE__ */ jsxs("span", {
-								className: cn("shrink-0 rounded-full px-2 py-0.5 text-xs font-semibold", isCompleted ? "bg-green-500/10 text-green-500" : "bg-amber-500/10 text-amber-500"),
-								children: [
-									"+",
-									step.xpReward,
-									" XP"
-								]
-							})]
-						}),
-						/* @__PURE__ */ jsx("p", {
-							className: "text-muted-foreground mt-1 text-sm",
-							children: step.description
-						}),
-						!isCompleted && /* @__PURE__ */ jsxs("div", {
-							className: "mt-3 flex flex-wrap gap-2",
-							children: [/* @__PURE__ */ jsx(Button, {
-								size: "sm",
-								onClick: onComplete,
-								children: "Take Action"
-							}), /* @__PURE__ */ jsx(Button, {
-								variant: "outline",
-								size: "sm",
-								onClick: onDismiss,
-								children: "Dismiss"
-							})]
-						}),
-						isCompleted && /* @__PURE__ */ jsx("p", {
-							className: "mt-2 text-sm text-green-500",
-							children: "✓ Tip acknowledged"
-						})
-					]
-				})]
-			})
-		})
-	});
-}
-
-//#endregion
-//#region src/components/EngagementMeter.tsx
-function EngagementMeter({ acknowledged, actioned, pending, streak = 0 }) {
-	const total = acknowledged + actioned + pending;
-	const actionedPercent = total > 0 ? actioned / total * 100 : 0;
-	const acknowledgedPercent = total > 0 ? acknowledged / total * 100 : 0;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "space-y-4",
-		children: [
-			/* @__PURE__ */ jsx("div", {
-				className: "flex items-center justify-center",
-				children: /* @__PURE__ */ jsxs("div", {
-					className: "relative h-32 w-32",
-					children: [/* @__PURE__ */ jsxs("svg", {
-						className: "h-full w-full -rotate-90",
-						viewBox: "0 0 100 100",
-						children: [
-							/* @__PURE__ */ jsx("circle", {
-								cx: "50",
-								cy: "50",
-								r: "40",
-								fill: "none",
-								strokeWidth: "12",
-								className: "stroke-muted"
-							}),
-							/* @__PURE__ */ jsx("circle", {
-								cx: "50",
-								cy: "50",
-								r: "40",
-								fill: "none",
-								strokeWidth: "12",
-								strokeLinecap: "round",
-								strokeDasharray: `${actionedPercent * 2.51} 251`,
-								className: "stroke-green-500 transition-all duration-500"
-							}),
-							/* @__PURE__ */ jsx("circle", {
-								cx: "50",
-								cy: "50",
-								r: "40",
-								fill: "none",
-								strokeWidth: "12",
-								strokeLinecap: "round",
-								strokeDasharray: `${acknowledgedPercent * 2.51} 251`,
-								strokeDashoffset: `${-actionedPercent * 2.51}`,
-								className: "stroke-amber-500 transition-all duration-500"
-							})
-						]
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "absolute inset-0 flex flex-col items-center justify-center",
-						children: [/* @__PURE__ */ jsx("span", {
-							className: "text-2xl font-bold",
-							children: total
-						}), /* @__PURE__ */ jsx("span", {
-							className: "text-muted-foreground text-xs",
-							children: "tips"
-						})]
-					})]
-				})
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex justify-center gap-4 text-sm",
-				children: [
-					/* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-1.5",
-						children: [/* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-green-500" }), /* @__PURE__ */ jsxs("span", { children: [
-							"Actioned (",
-							actioned,
-							")"
-						] })]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-1.5",
-						children: [/* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-amber-500" }), /* @__PURE__ */ jsxs("span", { children: [
-							"Acknowledged (",
-							acknowledged,
-							")"
-						] })]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-1.5",
-						children: [/* @__PURE__ */ jsx("div", { className: "bg-muted h-3 w-3 rounded-full" }), /* @__PURE__ */ jsxs("span", { children: [
-							"Pending (",
-							pending,
-							")"
-						] })]
-					})
-				]
-			}),
-			streak > 0 && /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center justify-center gap-2 rounded-lg bg-orange-500/10 px-4 py-2",
-				children: [/* @__PURE__ */ jsx("span", {
-					className: "text-xl",
-					children: "🔥"
-				}), /* @__PURE__ */ jsxs("span", {
-					className: "font-semibold text-orange-500",
-					children: [streak, " day engagement streak!"]
-				})]
-			})
-		]
-	});
-}
-
-//#endregion
-//#region src/components/TipFeed.tsx
-const TIP_ICONS = {
-	cash_buffer_too_high: "💰",
-	no_savings_goal: "🎯",
-	irregular_savings: "📅",
-	noise_late_evening: "🔇",
-	guest_frequency_high: "👥",
-	shared_space_conflicts: "🏠",
-	default: "💡"
-};
-function TipFeed({ items }) {
-	if (items.length === 0) return /* @__PURE__ */ jsx("div", {
-		className: "text-muted-foreground py-8 text-center",
-		children: "No tips yet. Start engaging with coaching tips!"
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: "relative",
-		children: [/* @__PURE__ */ jsx("div", { className: "bg-border absolute top-0 left-4 h-full w-0.5" }), /* @__PURE__ */ jsx("div", {
-			className: "space-y-4",
-			children: items.map((item, index) => {
-				const icon = TIP_ICONS[item.step.metadata?.tipId ?? "default"] ?? TIP_ICONS.default;
-				return /* @__PURE__ */ jsxs("div", {
-					className: "relative flex gap-4 pl-2",
-					children: [/* @__PURE__ */ jsx("div", {
-						className: cn("relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-sm", item.isCompleted ? "bg-green-500 text-white" : "bg-muted text-muted-foreground"),
-						children: item.isCompleted ? "✓" : icon
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "bg-card flex-1 rounded-lg border p-3",
-						children: [/* @__PURE__ */ jsxs("div", {
-							className: "flex items-start justify-between gap-2",
-							children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
-								className: "font-medium",
-								children: item.step.title
-							}), /* @__PURE__ */ jsx("p", {
-								className: "text-muted-foreground mt-0.5 text-sm",
-								children: item.step.description
-							})] }), item.step.xpReward && /* @__PURE__ */ jsxs("span", {
-								className: cn("shrink-0 text-xs font-medium", item.isCompleted ? "text-green-500" : "text-muted-foreground"),
-								children: [
-									"+",
-									item.step.xpReward,
-									" XP"
-								]
-							})]
-						}), /* @__PURE__ */ jsx("div", {
-							className: "text-muted-foreground mt-2 flex items-center gap-2 text-xs",
-							children: item.isCompleted ? /* @__PURE__ */ jsxs("span", {
-								className: "text-green-500",
-								children: ["✓ Completed", item.completedAt && ` • ${item.completedAt}`]
-							}) : /* @__PURE__ */ jsx("span", { children: "Pending action" })
-						})]
-					})]
-				}, item.step.id);
-			})
-		})]
-	});
-}
-
-//#endregion
-export { EngagementMeter as n, TipCard as r, TipFeed as t };

package/dist/components/index.d.mts

@@ -1,2 +0,0 @@
-import { n as EngagementMeter, r as TipCard, t as TipFeed } from "../index-DJtCFWjr.mjs";
-export { EngagementMeter, TipCard, TipFeed };

package/dist/components/index.mjs

@@ -1,4 +0,0 @@
-import { n as EngagementMeter, r as TipCard, t as TipFeed } from "../TipFeed-_1oKR35X.mjs";
-import "../components-kh0CpIG2.mjs";
-
-export { EngagementMeter, TipCard, TipFeed };

package/dist/components-kh0CpIG2.mjs

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

package/dist/index-B6uj2reL.d.mts

@@ -1,34 +0,0 @@
-import { LearningViewProps } from "@lssm/example.learning-journey-ui-shared";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
-
-//#region src/views/Overview.d.ts
-interface CoachingOverviewProps extends LearningViewProps {
-  onStart?: () => void;
-}
-declare function Overview({
-  track,
-  progress,
-  onStepComplete,
-  onStart
-}: CoachingOverviewProps): react_jsx_runtime6.JSX.Element;
-//#endregion
-//#region src/views/Steps.d.ts
-declare function Steps({
-  track,
-  progress,
-  onStepComplete
-}: LearningViewProps): react_jsx_runtime6.JSX.Element;
-//#endregion
-//#region src/views/Progress.d.ts
-declare function ProgressView({
-  track,
-  progress
-}: LearningViewProps): react_jsx_runtime6.JSX.Element;
-//#endregion
-//#region src/views/Timeline.d.ts
-declare function Timeline({
-  track,
-  progress
-}: LearningViewProps): react_jsx_runtime6.JSX.Element;
-//#endregion
-export { Overview as i, ProgressView as n, Steps as r, Timeline as t };

package/dist/index-DJtCFWjr.d.mts

@@ -1,47 +0,0 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
-import { LearningJourneyStepSpec } from "@lssm/module.learning-journey/track-spec";
-
-//#region src/components/TipCard.d.ts
-interface TipCardProps {
-  step: LearningJourneyStepSpec;
-  isCompleted: boolean;
-  isCurrent: boolean;
-  onComplete?: () => void;
-  onDismiss?: () => void;
-}
-declare function TipCard({
-  step,
-  isCompleted,
-  isCurrent,
-  onComplete,
-  onDismiss
-}: TipCardProps): react_jsx_runtime1.JSX.Element;
-//#endregion
-//#region src/components/EngagementMeter.d.ts
-interface EngagementMeterProps {
-  acknowledged: number;
-  actioned: number;
-  pending: number;
-  streak?: number;
-}
-declare function EngagementMeter({
-  acknowledged,
-  actioned,
-  pending,
-  streak
-}: EngagementMeterProps): react_jsx_runtime1.JSX.Element;
-//#endregion
-//#region src/components/TipFeed.d.ts
-interface TipFeedItem {
-  step: LearningJourneyStepSpec;
-  isCompleted: boolean;
-  completedAt?: string;
-}
-interface TipFeedProps {
-  items: TipFeedItem[];
-}
-declare function TipFeed({
-  items
-}: TipFeedProps): react_jsx_runtime1.JSX.Element;
-//#endregion
-export { EngagementMeter as n, TipCard as r, TipFeed as t };