@lssm/example.learning-journey-ui-coaching 0.0.0-canary-20251217080011 → 0.0.0-canary-20251219202229

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-BH0UbqIy.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-BH0UbqIy.d.mts

@@ -1,47 +0,0 @@
-import * as react_jsx_runtime0 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_runtime0.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_runtime0.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_runtime0.JSX.Element;
-//#endregion
-export { EngagementMeter as n, TipCard as r, TipFeed as t };

package/dist/index-BjhNDTSh.d.mts

@@ -1,34 +0,0 @@
-import { LearningViewProps } from "@lssm/example.learning-journey-ui-shared";
-import * as react_jsx_runtime4 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_runtime4.JSX.Element;
-//#endregion
-//#region src/views/Steps.d.ts
-declare function Steps({
-  track,
-  progress,
-  onStepComplete
-}: LearningViewProps): react_jsx_runtime4.JSX.Element;
-//#endregion
-//#region src/views/Progress.d.ts
-declare function ProgressView({
-  track,
-  progress
-}: LearningViewProps): react_jsx_runtime4.JSX.Element;
-//#endregion
-//#region src/views/Timeline.d.ts
-declare function Timeline({
-  track,
-  progress
-}: LearningViewProps): react_jsx_runtime4.JSX.Element;
-//#endregion
-export { Overview as i, ProgressView as n, Steps as r, Timeline as t };

package/dist/index.mjs

@@ -1,110 +0,0 @@
-import { n as EngagementMeter, r as TipCard, t as TipFeed } from "./TipFeed-_1oKR35X.mjs";
-import { i as Overview, n as ProgressView, r as Steps, t as Timeline } from "./views-BTGcWRSz.mjs";
-import "./components-kh0CpIG2.mjs";
-import { useCallback, useState } from "react";
-import { Card, CardContent } from "@lssm/lib.ui-kit-web/ui/card";
-import { ViewTabs, useLearningProgress } from "@lssm/example.learning-journey-ui-shared";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { registerDocBlocks } from "@lssm/lib.contracts/docs";
-
-//#region src/CoachingMiniApp.tsx
-function CoachingMiniApp({ track, progress: externalProgress, onStepComplete: externalOnStepComplete, onViewChange, initialView = "overview" }) {
-	const [currentView, setCurrentView] = useState(initialView);
-	const { progress: internalProgress, completeStep: internalCompleteStep } = useLearningProgress(track);
-	const progress = externalProgress ?? internalProgress;
-	const handleViewChange = useCallback((view) => {
-		setCurrentView(view);
-		onViewChange?.(view);
-	}, [onViewChange]);
-	const handleStepComplete = useCallback((stepId) => {
-		if (externalOnStepComplete) externalOnStepComplete(stepId);
-		else internalCompleteStep(stepId);
-	}, [externalOnStepComplete, internalCompleteStep]);
-	const handleStartFromOverview = useCallback(() => {
-		setCurrentView("steps");
-		onViewChange?.("steps");
-	}, [onViewChange]);
-	const renderView = () => {
-		const viewProps = {
-			track,
-			progress,
-			onStepComplete: handleStepComplete
-		};
-		switch (currentView) {
-			case "overview": return /* @__PURE__ */ jsx(Overview, {
-				...viewProps,
-				onStart: handleStartFromOverview
-			});
-			case "steps": return /* @__PURE__ */ jsx(Steps, { ...viewProps });
-			case "progress": return /* @__PURE__ */ jsx(ProgressView, { ...viewProps });
-			case "timeline": return /* @__PURE__ */ jsx(Timeline, { ...viewProps });
-			default: return /* @__PURE__ */ jsx(Overview, {
-				...viewProps,
-				onStart: handleStartFromOverview
-			});
-		}
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: "space-y-6",
-		children: [/* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, {
-			className: "p-4",
-			children: /* @__PURE__ */ jsx(ViewTabs, {
-				currentView,
-				onViewChange: handleViewChange
-			})
-		}) }), renderView()]
-	});
-}
-
-//#endregion
-//#region src/example.ts
-const example = {
-	id: "learning-journey-ui-coaching",
-	title: "Learning Journey UI — Coaching",
-	summary: "UI mini-app for coaching patterns: tips, engagement meter, progress.",
-	tags: [
-		"learning",
-		"ui",
-		"coaching"
-	],
-	kind: "ui",
-	visibility: "public",
-	docs: { rootDocId: "docs.examples.learning-journey-ui-coaching" },
-	entrypoints: {
-		packageName: "@lssm/example.learning-journey-ui-coaching",
-		docs: "./docs"
-	},
-	surfaces: {
-		templates: true,
-		sandbox: {
-			enabled: true,
-			modes: ["playground", "markdown"]
-		},
-		studio: {
-			enabled: true,
-			installable: true
-		},
-		mcp: { enabled: true }
-	}
-};
-var example_default = example;
-
-//#endregion
-//#region src/docs/learning-journey-ui-coaching.docblock.ts
-registerDocBlocks([{
-	id: "docs.examples.learning-journey-ui-coaching",
-	title: "Learning Journey UI — Coaching",
-	summary: "UI mini-app components for coaching: tips, engagement, progress.",
-	kind: "reference",
-	visibility: "public",
-	route: "/docs/examples/learning-journey-ui-coaching",
-	tags: [
-		"learning",
-		"ui",
-		"coaching"
-	],
-	body: `## Includes\n- Coaching mini-app shell\n- Views: overview, steps, progress, timeline\n- Components: tip card, engagement meter, tip feed\n\n## Notes\n- Compose using design system components.\n- Keep accessibility and mobile-friendly tap targets.`
-}]);
-
-//#endregion
-export { CoachingMiniApp, EngagementMeter, Overview, ProgressView as Progress, Steps, Timeline, TipCard, TipFeed, example_default as example };

package/dist/views/index.d.mts

@@ -1,2 +0,0 @@
-import { i as Overview, n as ProgressView, r as Steps, t as Timeline } from "../index-BjhNDTSh.mjs";
-export { Overview, ProgressView as Progress, Steps, Timeline };

package/dist/views/index.mjs

@@ -1,4 +0,0 @@
-import "../TipFeed-_1oKR35X.mjs";
-import { i as Overview, n as ProgressView, r as Steps, t as Timeline } from "../views-BTGcWRSz.mjs";
-
-export { Overview, ProgressView as Progress, Steps, Timeline };