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

package/dist/examples/learning-journey-ui-coaching/dist/libs/ui-kit-web/dist/ui-kit-core/dist/utils.js

@@ -0,0 +1,11 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+//#region ../learning-journey-ui-coaching/dist/libs/ui-kit-web/dist/ui-kit-core/dist/utils.js
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+
+//#endregion
+export { cn };
+//# sourceMappingURL=utils.js.map

package/dist/examples/learning-journey-ui-coaching/dist/libs/ui-kit-web/dist/ui-kit-core/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../../../../../../../../../../learning-journey-ui-coaching/dist/libs/ui-kit-web/dist/ui-kit-core/dist/utils.js"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n//#region ../../libs/ui-kit-web/dist/ui-kit-core/dist/utils.js\nfunction cn(...inputs) {\n\treturn twMerge(clsx(inputs));\n}\n\n//#endregion\nexport { cn };\n//# sourceMappingURL=utils.js.map"],"mappings":";;;;AAIA,SAAS,GAAG,GAAG,QAAQ;AACtB,QAAO,QAAQ,KAAK,OAAO,CAAC"}

package/dist/examples/learning-journey-ui-coaching/{src → dist}/views/Overview.js

@@ -1,14 +1,14 @@
 'use client';
 
-import { Card, CardContent, CardHeader, CardTitle } from "../../../../libs/ui-kit-web/dist/ui/card.js";
-import { XpBar } from "../../../learning-journey-ui-shared/src/components/XpBar.js";
-import { StreakCounter } from "../../../learning-journey-ui-shared/src/components/StreakCounter.js";
-import { Button$1 } from "../../../../libs/design-system/dist/components/atoms/Button.js";
-import "../../../learning-journey-ui-shared/src/index.js";
+import { Card, CardContent, CardHeader, CardTitle } from "../libs/ui-kit-web/dist/ui/card.js";
+import { Button } from "../libs/design-system/dist/components/atoms/Button.js";
 import { TipCard } from "../components/TipCard.js";
+import { XpBar } from "../examples/learning-journey-ui-shared/dist/components/XpBar.js";
+import { StreakCounter } from "../examples/learning-journey-ui-shared/dist/components/StreakCounter.js";
+import "../examples/learning-journey-ui-shared/dist/index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region ../learning-journey-ui-coaching/src/views/Overview.tsx
+//#region ../learning-journey-ui-coaching/dist/views/Overview.js
 function Overview({ track, progress, onStepComplete, onStart }) {
 	const totalXp = track.totalXp ?? track.steps.reduce((sum, s) => sum + (s.xpReward ?? 0), 0);
 	const completedSteps = progress.completedStepIds.length;
@@ -105,7 +105,7 @@ function Overview({ track, progress, onStepComplete, onStart }) {
 				children: [/* @__PURE__ */ jsxs(CardTitle, {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ jsx("span", { children: "💡" }), /* @__PURE__ */ jsx("span", { children: "Tips for You" })]
-				}), activeTips.length < pendingSteps && /* @__PURE__ */ jsxs(Button$1, {
+				}), activeTips.length < pendingSteps && /* @__PURE__ */ jsxs(Button, {
 					variant: "outline",
 					size: "sm",
 					onClick: onStart,
@@ -149,4 +149,5 @@ function Overview({ track, progress, onStepComplete, onStart }) {
 }
 
 //#endregion
-export { Overview };
+export { Overview };
+//# sourceMappingURL=Overview.js.map

package/dist/examples/learning-journey-ui-coaching/dist/views/Overview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overview.js","names":[],"sources":["../../../../../../learning-journey-ui-coaching/dist/views/Overview.js"],"sourcesContent":["'use client';\n\nimport { Card, CardContent, CardHeader, CardTitle } from \"../libs/ui-kit-web/dist/ui/card.js\";\nimport { XpBar } from \"../examples/learning-journey-ui-shared/dist/components/XpBar.js\";\nimport { StreakCounter } from \"../examples/learning-journey-ui-shared/dist/components/StreakCounter.js\";\nimport \"../examples/learning-journey-ui-shared/dist/index.js\";\nimport { Button } from \"../libs/design-system/dist/components/atoms/Button.js\";\nimport { TipCard } from \"../components/TipCard.js\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\n\n//#region src/views/Overview.tsx\nfunction Overview({ track, progress, onStepComplete, onStart }) {\n\tconst totalXp = track.totalXp ?? track.steps.reduce((sum, s) => sum + (s.xpReward ?? 0), 0);\n\tconst completedSteps = progress.completedStepIds.length;\n\tconst totalSteps = track.steps.length;\n\tconst pendingSteps = totalSteps - completedSteps;\n\tconst activeTips = track.steps.filter((s) => !progress.completedStepIds.includes(s.id)).slice(0, 3);\n\treturn /* @__PURE__ */ jsxs(\"div\", {\n\t\tclassName: \"space-y-6\",\n\t\tchildren: [\n\t\t\t/* @__PURE__ */ jsx(Card, {\n\t\t\t\tclassName: \"overflow-hidden bg-gradient-to-br from-amber-500/10 via-orange-500/10 to-red-500/10\",\n\t\t\t\tchildren: /* @__PURE__ */ jsx(CardContent, {\n\t\t\t\t\tclassName: \"p-6\",\n\t\t\t\t\tchildren: /* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\t\t\tclassName: \"flex flex-col items-center gap-4 text-center md:flex-row md:text-left\",\n\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t/* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\t\t\t\tclassName: \"flex h-16 w-16 items-center justify-center rounded-2xl bg-gradient-to-br from-amber-500 to-orange-600 text-3xl shadow-lg\",\n\t\t\t\t\t\t\t\tchildren: \"💡\"\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t/* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\t\t\t\t\tclassName: \"flex-1\",\n\t\t\t\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"h1\", {\n\t\t\t\t\t\t\t\t\tclassName: \"text-2xl font-bold\",\n\t\t\t\t\t\t\t\t\tchildren: track.name\n\t\t\t\t\t\t\t\t}), /* @__PURE__ */ jsx(\"p\", {\n\t\t\t\t\t\t\t\t\tclassName: \"text-muted-foreground mt-1\",\n\t\t\t\t\t\t\t\t\tchildren: track.description\n\t\t\t\t\t\t\t\t})]\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t/* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\t\t\t\tclassName: \"flex items-center gap-4\",\n\t\t\t\t\t\t\t\tchildren: /* @__PURE__ */ jsx(StreakCounter, {\n\t\t\t\t\t\t\t\t\tdays: progress.streakDays,\n\t\t\t\t\t\t\t\t\tsize: \"lg\"\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t]\n\t\t\t\t\t})\n\t\t\t\t})\n\t\t\t}),\n\t\t\t/* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\tclassName: \"grid gap-4 md:grid-cols-3\",\n\t\t\t\tchildren: [\n\t\t\t\t\t/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, {\n\t\t\t\t\t\tclassName: \"pb-2\",\n\t\t\t\t\t\tchildren: /* @__PURE__ */ jsx(CardTitle, {\n\t\t\t\t\t\t\tclassName: \"text-muted-foreground text-sm font-medium\",\n\t\t\t\t\t\t\tchildren: \"Active Tips\"\n\t\t\t\t\t\t})\n\t\t\t\t\t}), /* @__PURE__ */ jsxs(CardContent, { children: [/* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\t\tclassName: \"text-3xl font-bold text-amber-500\",\n\t\t\t\t\t\tchildren: pendingSteps\n\t\t\t\t\t}), /* @__PURE__ */ jsx(\"p\", {\n\t\t\t\t\t\tclassName: \"text-muted-foreground text-sm\",\n\t\t\t\t\t\tchildren: \"tips for you today\"\n\t\t\t\t\t})] })] }),\n\t\t\t\t\t/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, {\n\t\t\t\t\t\tclassName: \"pb-2\",\n\t\t\t\t\t\tchildren: /* @__PURE__ */ jsx(CardTitle, {\n\t\t\t\t\t\t\tclassName: \"text-muted-foreground text-sm font-medium\",\n\t\t\t\t\t\t\tchildren: \"Tips Actioned\"\n\t\t\t\t\t\t})\n\t\t\t\t\t}), /* @__PURE__ */ jsxs(CardContent, { children: [/* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\t\tclassName: \"text-3xl font-bold text-green-500\",\n\t\t\t\t\t\tchildren: completedSteps\n\t\t\t\t\t}), /* @__PURE__ */ jsxs(\"p\", {\n\t\t\t\t\t\tclassName: \"text-muted-foreground text-sm\",\n\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t\"out of \",\n\t\t\t\t\t\t\ttotalSteps,\n\t\t\t\t\t\t\t\" total\"\n\t\t\t\t\t\t]\n\t\t\t\t\t})] })] }),\n\t\t\t\t\t/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, {\n\t\t\t\t\t\tclassName: \"pb-2\",\n\t\t\t\t\t\tchildren: /* @__PURE__ */ jsx(CardTitle, {\n\t\t\t\t\t\t\tclassName: \"text-muted-foreground text-sm font-medium\",\n\t\t\t\t\t\t\tchildren: \"XP Earned\"\n\t\t\t\t\t\t})\n\t\t\t\t\t}), /* @__PURE__ */ jsxs(CardContent, { children: [/* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\t\tclassName: \"text-3xl font-bold text-orange-500\",\n\t\t\t\t\t\tchildren: progress.xpEarned\n\t\t\t\t\t}), /* @__PURE__ */ jsx(XpBar, {\n\t\t\t\t\t\tcurrent: progress.xpEarned,\n\t\t\t\t\t\tmax: totalXp,\n\t\t\t\t\t\tshowLabel: false,\n\t\t\t\t\t\tsize: \"sm\"\n\t\t\t\t\t})] })] })\n\t\t\t\t]\n\t\t\t}),\n\t\t\tactiveTips.length > 0 && /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsxs(CardHeader, {\n\t\t\t\tclassName: \"flex flex-row items-center justify-between\",\n\t\t\t\tchildren: [/* @__PURE__ */ jsxs(CardTitle, {\n\t\t\t\t\tclassName: \"flex items-center gap-2\",\n\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"span\", { children: \"💡\" }), /* @__PURE__ */ jsx(\"span\", { children: \"Tips for You\" })]\n\t\t\t\t}), activeTips.length < pendingSteps && /* @__PURE__ */ jsxs(Button, {\n\t\t\t\t\tvariant: \"outline\",\n\t\t\t\t\tsize: \"sm\",\n\t\t\t\t\tonClick: onStart,\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\"View All (\",\n\t\t\t\t\t\tpendingSteps,\n\t\t\t\t\t\t\")\"\n\t\t\t\t\t]\n\t\t\t\t})]\n\t\t\t}), /* @__PURE__ */ jsx(CardContent, {\n\t\t\t\tclassName: \"space-y-3\",\n\t\t\t\tchildren: activeTips.map((step) => /* @__PURE__ */ jsx(TipCard, {\n\t\t\t\t\tstep,\n\t\t\t\t\tisCompleted: false,\n\t\t\t\t\tisCurrent: step.id === activeTips[0]?.id,\n\t\t\t\t\tonComplete: () => onStepComplete?.(step.id)\n\t\t\t\t}, step.id))\n\t\t\t})] }),\n\t\t\tpendingSteps === 0 && /* @__PURE__ */ jsx(Card, {\n\t\t\t\tclassName: \"border-green-500/50 bg-green-500/5\",\n\t\t\t\tchildren: /* @__PURE__ */ jsxs(CardContent, {\n\t\t\t\t\tclassName: \"flex items-center gap-4 p-6\",\n\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\t\tclassName: \"text-4xl\",\n\t\t\t\t\t\tchildren: \"🎉\"\n\t\t\t\t\t}), /* @__PURE__ */ jsxs(\"div\", { children: [/* @__PURE__ */ jsx(\"h3\", {\n\t\t\t\t\t\tclassName: \"text-lg font-semibold text-green-500\",\n\t\t\t\t\t\tchildren: \"All Tips Actioned!\"\n\t\t\t\t\t}), /* @__PURE__ */ jsxs(\"p\", {\n\t\t\t\t\t\tclassName: \"text-muted-foreground\",\n\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t\"Great job! You've addressed all \",\n\t\t\t\t\t\t\ttotalSteps,\n\t\t\t\t\t\t\t\" coaching tips.\"\n\t\t\t\t\t\t]\n\t\t\t\t\t})] })]\n\t\t\t\t})\n\t\t\t})\n\t\t]\n\t});\n}\n\n//#endregion\nexport { Overview };\n//# sourceMappingURL=Overview.js.map"],"mappings":"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"}

package/dist/examples/learning-journey-ui-coaching/{src → dist}/views/Progress.js

@@ -1,14 +1,14 @@
 'use client';
 
-import { Card, CardContent, CardHeader, CardTitle } from "../../../../libs/ui-kit-web/dist/ui/card.js";
-import { XpBar } from "../../../learning-journey-ui-shared/src/components/XpBar.js";
-import { StreakCounter } from "../../../learning-journey-ui-shared/src/components/StreakCounter.js";
-import { BadgeDisplay } from "../../../learning-journey-ui-shared/src/components/BadgeDisplay.js";
-import "../../../learning-journey-ui-shared/src/index.js";
+import { Card, CardContent, CardHeader, CardTitle } from "../libs/ui-kit-web/dist/ui/card.js";
+import { XpBar } from "../examples/learning-journey-ui-shared/dist/components/XpBar.js";
+import { StreakCounter } from "../examples/learning-journey-ui-shared/dist/components/StreakCounter.js";
+import { BadgeDisplay } from "../examples/learning-journey-ui-shared/dist/components/BadgeDisplay.js";
+import "../examples/learning-journey-ui-shared/dist/index.js";
 import { EngagementMeter } from "../components/EngagementMeter.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region ../learning-journey-ui-coaching/src/views/Progress.tsx
+//#region ../learning-journey-ui-coaching/dist/views/Progress.js
 function ProgressView({ track, progress }) {
 	const totalXp = track.totalXp ?? track.steps.reduce((sum, s) => sum + (s.xpReward ?? 0), 0);
 	const completedSteps = progress.completedStepIds.length;
@@ -114,4 +114,5 @@ function ProgressView({ track, progress }) {
 }
 
 //#endregion
-export { ProgressView };
+export { ProgressView };
+//# sourceMappingURL=Progress.js.map

package/dist/examples/learning-journey-ui-coaching/dist/views/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","names":[],"sources":["../../../../../../learning-journey-ui-coaching/dist/views/Progress.js"],"sourcesContent":["'use client';\n\nimport { Card, CardContent, CardHeader, CardTitle } from \"../libs/ui-kit-web/dist/ui/card.js\";\nimport { XpBar } from \"../examples/learning-journey-ui-shared/dist/components/XpBar.js\";\nimport { StreakCounter } from \"../examples/learning-journey-ui-shared/dist/components/StreakCounter.js\";\nimport { BadgeDisplay } from \"../examples/learning-journey-ui-shared/dist/components/BadgeDisplay.js\";\nimport \"../examples/learning-journey-ui-shared/dist/index.js\";\nimport { EngagementMeter } from \"../components/EngagementMeter.js\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\n\n//#region src/views/Progress.tsx\nfunction ProgressView({ track, progress }) {\n\tconst totalXp = track.totalXp ?? track.steps.reduce((sum, s) => sum + (s.xpReward ?? 0), 0);\n\tconst completedSteps = progress.completedStepIds.length;\n\tconst pendingSteps = track.steps.length - completedSteps;\n\tconst actioned = Math.floor(completedSteps * .7);\n\tconst acknowledged = completedSteps - actioned;\n\treturn /* @__PURE__ */ jsxs(\"div\", {\n\t\tclassName: \"space-y-6\",\n\t\tchildren: [\n\t\t\t/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, {\n\t\t\t\tclassName: \"flex items-center gap-2\",\n\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"span\", { children: \"📊\" }), /* @__PURE__ */ jsx(\"span\", { children: \"Engagement Overview\" })]\n\t\t\t}) }), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(EngagementMeter, {\n\t\t\t\tactioned,\n\t\t\t\tacknowledged,\n\t\t\t\tpending: pendingSteps,\n\t\t\t\tstreak: progress.streakDays\n\t\t\t}) })] }),\n\t\t\t/* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\tclassName: \"grid gap-4 md:grid-cols-2\",\n\t\t\t\tchildren: [/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, {\n\t\t\t\t\tclassName: \"pb-2\",\n\t\t\t\t\tchildren: /* @__PURE__ */ jsx(CardTitle, {\n\t\t\t\t\t\tclassName: \"text-muted-foreground text-sm font-medium\",\n\t\t\t\t\t\tchildren: \"XP Earned\"\n\t\t\t\t\t})\n\t\t\t\t}), /* @__PURE__ */ jsxs(CardContent, {\n\t\t\t\t\tclassName: \"space-y-3\",\n\t\t\t\t\tchildren: [/* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\t\t\tclassName: \"flex items-baseline gap-2\",\n\t\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\t\t\tclassName: \"text-3xl font-bold text-orange-500\",\n\t\t\t\t\t\t\tchildren: progress.xpEarned\n\t\t\t\t\t\t}), /* @__PURE__ */ jsxs(\"span\", {\n\t\t\t\t\t\t\tclassName: \"text-muted-foreground\",\n\t\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t\t\"/ \",\n\t\t\t\t\t\t\t\ttotalXp,\n\t\t\t\t\t\t\t\t\" XP\"\n\t\t\t\t\t\t\t]\n\t\t\t\t\t\t})]\n\t\t\t\t\t}), /* @__PURE__ */ jsx(XpBar, {\n\t\t\t\t\t\tcurrent: progress.xpEarned,\n\t\t\t\t\t\tmax: totalXp,\n\t\t\t\t\t\tshowLabel: false,\n\t\t\t\t\t\tsize: \"lg\"\n\t\t\t\t\t})]\n\t\t\t\t})] }), /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, {\n\t\t\t\t\tclassName: \"pb-2\",\n\t\t\t\t\tchildren: /* @__PURE__ */ jsx(CardTitle, {\n\t\t\t\t\t\tclassName: \"text-muted-foreground text-sm font-medium\",\n\t\t\t\t\t\tchildren: \"Engagement Streak\"\n\t\t\t\t\t})\n\t\t\t\t}), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\t\tclassName: \"flex items-center gap-4\",\n\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(StreakCounter, {\n\t\t\t\t\t\tdays: progress.streakDays,\n\t\t\t\t\t\tsize: \"lg\"\n\t\t\t\t\t}), /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\t\tclassName: \"text-muted-foreground text-sm\",\n\t\t\t\t\t\tchildren: progress.streakDays > 0 ? \"Keep going!\" : \"Start your streak today!\"\n\t\t\t\t\t})]\n\t\t\t\t}) })] })]\n\t\t\t}),\n\t\t\t/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, {\n\t\t\t\tclassName: \"flex items-center gap-2\",\n\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"span\", { children: \"🏅\" }), /* @__PURE__ */ jsx(\"span\", { children: \"Achievements\" })]\n\t\t\t}) }), /* @__PURE__ */ jsxs(CardContent, { children: [/* @__PURE__ */ jsx(BadgeDisplay, {\n\t\t\t\tbadges: progress.badges,\n\t\t\t\tsize: \"lg\",\n\t\t\t\tmaxVisible: 10\n\t\t\t}), progress.badges.length === 0 && /* @__PURE__ */ jsx(\"p\", {\n\t\t\t\tclassName: \"text-muted-foreground text-sm\",\n\t\t\t\tchildren: \"Action tips to unlock achievements!\"\n\t\t\t})] })] }),\n\t\t\t/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, {\n\t\t\t\tclassName: \"flex items-center gap-2\",\n\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"span\", { children: \"💡\" }), /* @__PURE__ */ jsx(\"span\", { children: \"Tip Status\" })]\n\t\t\t}) }), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\tclassName: \"space-y-3\",\n\t\t\t\tchildren: track.steps.map((step) => {\n\t\t\t\t\tconst isCompleted = progress.completedStepIds.includes(step.id);\n\t\t\t\t\treturn /* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\t\t\tclassName: \"flex items-center justify-between rounded-lg border p-3\",\n\t\t\t\t\t\tchildren: [/* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\t\t\t\tclassName: \"flex items-center gap-3\",\n\t\t\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\t\t\t\tclassName: isCompleted ? \"text-green-500\" : \"text-amber-500\",\n\t\t\t\t\t\t\t\tchildren: isCompleted ? \"✓\" : \"○\"\n\t\t\t\t\t\t\t}), /* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\t\t\t\tclassName: isCompleted ? \"text-muted-foreground\" : \"text-foreground\",\n\t\t\t\t\t\t\t\tchildren: step.title\n\t\t\t\t\t\t\t})]\n\t\t\t\t\t\t}), /* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\t\t\tclassName: `text-sm ${isCompleted ? \"text-green-500\" : \"text-muted-foreground\"}`,\n\t\t\t\t\t\t\tchildren: isCompleted ? \"Actioned\" : \"Pending\"\n\t\t\t\t\t\t})]\n\t\t\t\t\t}, step.id);\n\t\t\t\t})\n\t\t\t}) })] })\n\t\t]\n\t});\n}\n\n//#endregion\nexport { ProgressView as Progress, ProgressView };\n//# sourceMappingURL=Progress.js.map"],"mappings":"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"}

package/dist/examples/learning-journey-ui-coaching/{src → dist}/views/Steps.js

@@ -3,7 +3,7 @@
 import { TipCard } from "../components/TipCard.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region ../learning-journey-ui-coaching/src/views/Steps.tsx
+//#region ../learning-journey-ui-coaching/dist/views/Steps.js
 function Steps({ track, progress, onStepComplete }) {
 	const completedSteps = progress.completedStepIds.length;
 	const totalSteps = track.steps.length;
@@ -65,4 +65,5 @@ function Steps({ track, progress, onStepComplete }) {
 }
 
 //#endregion
-export { Steps };
+export { Steps };
+//# sourceMappingURL=Steps.js.map

package/dist/examples/learning-journey-ui-coaching/dist/views/Steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.js","names":[],"sources":["../../../../../../learning-journey-ui-coaching/dist/views/Steps.js"],"sourcesContent":["'use client';\n\nimport { TipCard } from \"../components/TipCard.js\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\n\n//#region src/views/Steps.tsx\nfunction Steps({ track, progress, onStepComplete }) {\n\tconst completedSteps = progress.completedStepIds.length;\n\tconst totalSteps = track.steps.length;\n\tconst sortedSteps = [...track.steps].sort((a, b) => {\n\t\tconst aCompleted = progress.completedStepIds.includes(a.id);\n\t\tif (aCompleted === progress.completedStepIds.includes(b.id)) return 0;\n\t\treturn aCompleted ? 1 : -1;\n\t});\n\tconst currentStepId = track.steps.find((s) => !progress.completedStepIds.includes(s.id))?.id;\n\treturn /* @__PURE__ */ jsxs(\"div\", {\n\t\tclassName: \"space-y-6\",\n\t\tchildren: [\n\t\t\t/* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\tclassName: \"text-center\",\n\t\t\t\tchildren: [\n\t\t\t\t\t/* @__PURE__ */ jsx(\"h2\", {\n\t\t\t\t\t\tclassName: \"text-xl font-bold\",\n\t\t\t\t\t\tchildren: \"Coaching Tips\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ jsx(\"p\", {\n\t\t\t\t\t\tclassName: \"text-muted-foreground\",\n\t\t\t\t\t\tchildren: \"Review and take action on personalized tips\"\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ jsxs(\"p\", {\n\t\t\t\t\t\tclassName: \"text-muted-foreground mt-2 text-sm\",\n\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\tcompletedSteps,\n\t\t\t\t\t\t\t\" of \",\n\t\t\t\t\t\t\ttotalSteps,\n\t\t\t\t\t\t\t\" tips actioned\"\n\t\t\t\t\t\t]\n\t\t\t\t\t})\n\t\t\t\t]\n\t\t\t}),\n\t\t\t/* @__PURE__ */ jsx(\"div\", {\n\t\t\t\tclassName: \"space-y-3\",\n\t\t\t\tchildren: sortedSteps.map((step) => {\n\t\t\t\t\treturn /* @__PURE__ */ jsx(TipCard, {\n\t\t\t\t\t\tstep,\n\t\t\t\t\t\tisCompleted: progress.completedStepIds.includes(step.id),\n\t\t\t\t\t\tisCurrent: step.id === currentStepId,\n\t\t\t\t\t\tonComplete: () => onStepComplete?.(step.id),\n\t\t\t\t\t\tonDismiss: () => onStepComplete?.(step.id)\n\t\t\t\t\t}, step.id);\n\t\t\t\t})\n\t\t\t}),\n\t\t\tcompletedSteps === totalSteps && /* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\tclassName: \"text-muted-foreground text-center\",\n\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\tclassName: \"text-2xl\",\n\t\t\t\t\tchildren: \"✨\"\n\t\t\t\t}), /* @__PURE__ */ jsx(\"p\", {\n\t\t\t\t\tclassName: \"mt-2\",\n\t\t\t\t\tchildren: \"All tips have been addressed!\"\n\t\t\t\t})]\n\t\t\t})\n\t\t]\n\t});\n}\n\n//#endregion\nexport { Steps };\n//# sourceMappingURL=Steps.js.map"],"mappings":";;;;;;AAMA,SAAS,MAAM,EAAE,OAAO,UAAU,kBAAkB;CACnD,MAAM,iBAAiB,SAAS,iBAAiB;CACjD,MAAM,aAAa,MAAM,MAAM;CAC/B,MAAM,cAAc,CAAC,GAAG,MAAM,MAAM,CAAC,MAAM,GAAG,MAAM;EACnD,MAAM,aAAa,SAAS,iBAAiB,SAAS,EAAE,GAAG;AAC3D,MAAI,eAAe,SAAS,iBAAiB,SAAS,EAAE,GAAG,CAAE,QAAO;AACpE,SAAO,aAAa,IAAI;GACvB;CACF,MAAM,gBAAgB,MAAM,MAAM,MAAM,MAAM,CAAC,SAAS,iBAAiB,SAAS,EAAE,GAAG,CAAC,EAAE;AAC1F,QAAuB,qBAAK,OAAO;EAClC,WAAW;EACX,UAAU;GACO,qBAAK,OAAO;IAC3B,WAAW;IACX,UAAU;KACO,oBAAI,MAAM;MACzB,WAAW;MACX,UAAU;MACV,CAAC;KACc,oBAAI,KAAK;MACxB,WAAW;MACX,UAAU;MACV,CAAC;KACc,qBAAK,KAAK;MACzB,WAAW;MACX,UAAU;OACT;OACA;OACA;OACA;OACA;MACD,CAAC;KACF;IACD,CAAC;GACc,oBAAI,OAAO;IAC1B,WAAW;IACX,UAAU,YAAY,KAAK,SAAS;AACnC,YAAuB,oBAAI,SAAS;MACnC;MACA,aAAa,SAAS,iBAAiB,SAAS,KAAK,GAAG;MACxD,WAAW,KAAK,OAAO;MACvB,kBAAkB,iBAAiB,KAAK,GAAG;MAC3C,iBAAiB,iBAAiB,KAAK,GAAG;MAC1C,EAAE,KAAK,GAAG;MACV;IACF,CAAC;GACF,mBAAmB,cAA8B,qBAAK,OAAO;IAC5D,WAAW;IACX,UAAU,CAAiB,oBAAI,QAAQ;KACtC,WAAW;KACX,UAAU;KACV,CAAC,EAAkB,oBAAI,KAAK;KAC5B,WAAW;KACX,UAAU;KACV,CAAC,CAAC;IACH,CAAC;GACF;EACD,CAAC"}

package/dist/examples/learning-journey-ui-coaching/{src → dist}/views/Timeline.js

@@ -1,10 +1,10 @@
 'use client';
 
-import { Card, CardContent, CardHeader, CardTitle } from "../../../../libs/ui-kit-web/dist/ui/card.js";
+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 ../learning-journey-ui-coaching/src/views/Timeline.tsx
+//#region ../learning-journey-ui-coaching/dist/views/Timeline.js
 function Timeline({ track, progress }) {
 	const feedItems = track.steps.map((step) => ({
 		step,
@@ -109,4 +109,5 @@ function Timeline({ track, progress }) {
 }
 
 //#endregion
-export { Timeline };
+export { Timeline };
+//# sourceMappingURL=Timeline.js.map

package/dist/examples/learning-journey-ui-coaching/dist/views/Timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.js","names":[],"sources":["../../../../../../learning-journey-ui-coaching/dist/views/Timeline.js"],"sourcesContent":["'use client';\n\nimport { Card, CardContent, CardHeader, CardTitle } from \"../libs/ui-kit-web/dist/ui/card.js\";\nimport { TipFeed } from \"../components/TipFeed.js\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\n\n//#region src/views/Timeline.tsx\nfunction Timeline({ track, progress }) {\n\tconst feedItems = track.steps.map((step) => ({\n\t\tstep,\n\t\tisCompleted: progress.completedStepIds.includes(step.id),\n\t\tcompletedAt: progress.completedStepIds.includes(step.id) ? \"Recently\" : void 0\n\t})).sort((a, b) => {\n\t\tif (a.isCompleted && !b.isCompleted) return -1;\n\t\tif (!a.isCompleted && b.isCompleted) return 1;\n\t\treturn 0;\n\t});\n\tconst completedCount = feedItems.filter((f) => f.isCompleted).length;\n\tconst pendingCount = feedItems.length - completedCount;\n\treturn /* @__PURE__ */ jsxs(\"div\", {\n\t\tclassName: \"space-y-6\",\n\t\tchildren: [\n\t\t\t/* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\tclassName: \"text-center\",\n\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"h2\", {\n\t\t\t\t\tclassName: \"text-xl font-bold\",\n\t\t\t\t\tchildren: \"Activity Timeline\"\n\t\t\t\t}), /* @__PURE__ */ jsx(\"p\", {\n\t\t\t\t\tclassName: \"text-muted-foreground\",\n\t\t\t\t\tchildren: \"Your coaching journey and tip history\"\n\t\t\t\t})]\n\t\t\t}),\n\t\t\t/* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\tclassName: \"grid grid-cols-2 gap-4\",\n\t\t\t\tchildren: [/* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, {\n\t\t\t\t\tclassName: \"p-4 text-center\",\n\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\t\tclassName: \"text-2xl font-bold text-green-500\",\n\t\t\t\t\t\tchildren: completedCount\n\t\t\t\t\t}), /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\t\tclassName: \"text-muted-foreground text-sm\",\n\t\t\t\t\t\tchildren: \"Tips Actioned\"\n\t\t\t\t\t})]\n\t\t\t\t}) }), /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, {\n\t\t\t\t\tclassName: \"p-4 text-center\",\n\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\t\tclassName: \"text-2xl font-bold text-amber-500\",\n\t\t\t\t\t\tchildren: pendingCount\n\t\t\t\t\t}), /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\t\tclassName: \"text-muted-foreground text-sm\",\n\t\t\t\t\t\tchildren: \"Tips Pending\"\n\t\t\t\t\t})]\n\t\t\t\t}) })]\n\t\t\t}),\n\t\t\t/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, {\n\t\t\t\tclassName: \"flex items-center gap-2\",\n\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"span\", { children: \"📝\" }), /* @__PURE__ */ jsx(\"span\", { children: \"Coaching Feed\" })]\n\t\t\t}) }), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(TipFeed, { items: feedItems }) })] }),\n\t\t\t/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, {\n\t\t\t\tclassName: \"flex items-center gap-2\",\n\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"span\", { children: \"📈\" }), /* @__PURE__ */ jsx(\"span\", { children: \"Journey Stats\" })]\n\t\t\t}) }), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\tclassName: \"space-y-4\",\n\t\t\t\tchildren: [\n\t\t\t\t\t/* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\t\t\tclassName: \"flex items-center justify-between\",\n\t\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\t\t\tclassName: \"text-muted-foreground\",\n\t\t\t\t\t\t\tchildren: \"Total Tips\"\n\t\t\t\t\t\t}), /* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\t\t\tclassName: \"font-semibold\",\n\t\t\t\t\t\t\tchildren: track.steps.length\n\t\t\t\t\t\t})]\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\t\t\tclassName: \"flex items-center justify-between\",\n\t\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\t\t\tclassName: \"text-muted-foreground\",\n\t\t\t\t\t\t\tchildren: \"Completed\"\n\t\t\t\t\t\t}), /* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\t\t\tclassName: \"font-semibold text-green-500\",\n\t\t\t\t\t\t\tchildren: completedCount\n\t\t\t\t\t\t})]\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\t\t\tclassName: \"flex items-center justify-between\",\n\t\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\t\t\tclassName: \"text-muted-foreground\",\n\t\t\t\t\t\t\tchildren: \"XP Earned\"\n\t\t\t\t\t\t}), /* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\t\t\tclassName: \"font-semibold text-orange-500\",\n\t\t\t\t\t\t\tchildren: progress.xpEarned\n\t\t\t\t\t\t})]\n\t\t\t\t\t}),\n\t\t\t\t\t/* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\t\t\tclassName: \"flex items-center justify-between\",\n\t\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\t\t\tclassName: \"text-muted-foreground\",\n\t\t\t\t\t\t\tchildren: \"Current Streak\"\n\t\t\t\t\t\t}), /* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\t\t\tclassName: \"font-semibold\",\n\t\t\t\t\t\t\tchildren: progress.streakDays > 0 ? `🔥 ${progress.streakDays} days` : \"Start today!\"\n\t\t\t\t\t\t})]\n\t\t\t\t\t})\n\t\t\t\t]\n\t\t\t}) })] })\n\t\t]\n\t});\n}\n\n//#endregion\nexport { Timeline };\n//# sourceMappingURL=Timeline.js.map"],"mappings":"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"}

package/dist/examples/learning-journey-ui-gamified/{src → dist}/GamifiedMiniApp.js

@@ -1,9 +1,9 @@
 'use client';
 
-import { Card, CardContent } from "../../../libs/ui-kit-web/dist/ui/card.js";
-import { useLearningProgress } from "../../learning-journey-ui-shared/src/hooks/useLearningProgress.js";
-import { ViewTabs } from "../../learning-journey-ui-shared/src/components/ViewTabs.js";
-import "../../learning-journey-ui-shared/src/index.js";
+import { Card, CardContent } from "./libs/ui-kit-web/dist/ui/card.js";
+import { useLearningProgress } from "./examples/learning-journey-ui-shared/dist/hooks/useLearningProgress.js";
+import { ViewTabs } from "./examples/learning-journey-ui-shared/dist/components/ViewTabs.js";
+import "./examples/learning-journey-ui-shared/dist/index.js";
 import { Overview } from "./views/Overview.js";
 import { Steps } from "./views/Steps.js";
 import { Progress } from "./views/Progress.js";
@@ -11,7 +11,7 @@ import { Timeline } from "./views/Timeline.js";
 import { useCallback, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region ../learning-journey-ui-gamified/src/GamifiedMiniApp.tsx
+//#region ../learning-journey-ui-gamified/dist/GamifiedMiniApp.js
 function GamifiedMiniApp({ track, progress: externalProgress, onStepComplete: externalOnStepComplete, onViewChange, initialView = "overview" }) {
 	const [currentView, setCurrentView] = useState(initialView);
 	const { progress: internalProgress, completeStep: internalCompleteStep } = useLearningProgress(track);
@@ -61,4 +61,5 @@ function GamifiedMiniApp({ track, progress: externalProgress, onStepComplete: ex
 }
 
 //#endregion
-export { GamifiedMiniApp };
+export { GamifiedMiniApp };
+//# sourceMappingURL=GamifiedMiniApp.js.map

package/dist/examples/learning-journey-ui-gamified/dist/GamifiedMiniApp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GamifiedMiniApp.js","names":[],"sources":["../../../../../learning-journey-ui-gamified/dist/GamifiedMiniApp.js"],"sourcesContent":["'use client';\n\nimport { Card, CardContent } from \"./libs/ui-kit-web/dist/ui/card.js\";\nimport { useLearningProgress } from \"./examples/learning-journey-ui-shared/dist/hooks/useLearningProgress.js\";\nimport { ViewTabs } from \"./examples/learning-journey-ui-shared/dist/components/ViewTabs.js\";\nimport \"./examples/learning-journey-ui-shared/dist/index.js\";\nimport { Overview } from \"./views/Overview.js\";\nimport { Steps } from \"./views/Steps.js\";\nimport { Progress } from \"./views/Progress.js\";\nimport { Timeline } from \"./views/Timeline.js\";\nimport { useCallback, useState } from \"react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\n\n//#region src/GamifiedMiniApp.tsx\nfunction GamifiedMiniApp({ track, progress: externalProgress, onStepComplete: externalOnStepComplete, onViewChange, initialView = \"overview\" }) {\n\tconst [currentView, setCurrentView] = useState(initialView);\n\tconst { progress: internalProgress, completeStep: internalCompleteStep } = useLearningProgress(track);\n\tconst progress = externalProgress ?? internalProgress;\n\tconst handleViewChange = useCallback((view) => {\n\t\tsetCurrentView(view);\n\t\tonViewChange?.(view);\n\t}, [onViewChange]);\n\tconst handleStepComplete = useCallback((stepId) => {\n\t\tif (externalOnStepComplete) externalOnStepComplete(stepId);\n\t\telse internalCompleteStep(stepId);\n\t}, [externalOnStepComplete, internalCompleteStep]);\n\tconst handleStartFromOverview = useCallback(() => {\n\t\tsetCurrentView(\"steps\");\n\t\tonViewChange?.(\"steps\");\n\t}, [onViewChange]);\n\tconst renderView = () => {\n\t\tconst viewProps = {\n\t\t\ttrack,\n\t\t\tprogress,\n\t\t\tonStepComplete: handleStepComplete\n\t\t};\n\t\tswitch (currentView) {\n\t\t\tcase \"overview\": return /* @__PURE__ */ jsx(Overview, {\n\t\t\t\t...viewProps,\n\t\t\t\tonStart: handleStartFromOverview\n\t\t\t});\n\t\t\tcase \"steps\": return /* @__PURE__ */ jsx(Steps, { ...viewProps });\n\t\t\tcase \"progress\": return /* @__PURE__ */ jsx(Progress, { ...viewProps });\n\t\t\tcase \"timeline\": return /* @__PURE__ */ jsx(Timeline, { ...viewProps });\n\t\t\tdefault: return /* @__PURE__ */ jsx(Overview, {\n\t\t\t\t...viewProps,\n\t\t\t\tonStart: handleStartFromOverview\n\t\t\t});\n\t\t}\n\t};\n\treturn /* @__PURE__ */ jsxs(\"div\", {\n\t\tclassName: \"space-y-6\",\n\t\tchildren: [/* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, {\n\t\t\tclassName: \"p-4\",\n\t\t\tchildren: /* @__PURE__ */ jsx(ViewTabs, {\n\t\t\t\tcurrentView,\n\t\t\t\tonViewChange: handleViewChange\n\t\t\t})\n\t\t}) }), renderView()]\n\t});\n}\n\n//#endregion\nexport { GamifiedMiniApp };\n//# sourceMappingURL=GamifiedMiniApp.js.map"],"mappings":";;;;;;;;;;;;;;AAcA,SAAS,gBAAgB,EAAE,OAAO,UAAU,kBAAkB,gBAAgB,wBAAwB,cAAc,cAAc,cAAc;CAC/I,MAAM,CAAC,aAAa,kBAAkB,SAAS,YAAY;CAC3D,MAAM,EAAE,UAAU,kBAAkB,cAAc,yBAAyB,oBAAoB,MAAM;CACrG,MAAM,WAAW,oBAAoB;CACrC,MAAM,mBAAmB,aAAa,SAAS;AAC9C,iBAAe,KAAK;AACpB,iBAAe,KAAK;IAClB,CAAC,aAAa,CAAC;CAClB,MAAM,qBAAqB,aAAa,WAAW;AAClD,MAAI,uBAAwB,wBAAuB,OAAO;MACrD,sBAAqB,OAAO;IAC/B,CAAC,wBAAwB,qBAAqB,CAAC;CAClD,MAAM,0BAA0B,kBAAkB;AACjD,iBAAe,QAAQ;AACvB,iBAAe,QAAQ;IACrB,CAAC,aAAa,CAAC;CAClB,MAAM,mBAAmB;EACxB,MAAM,YAAY;GACjB;GACA;GACA,gBAAgB;GAChB;AACD,UAAQ,aAAR;GACC,KAAK,WAAY,QAAuB,oBAAI,UAAU;IACrD,GAAG;IACH,SAAS;IACT,CAAC;GACF,KAAK,QAAS,QAAuB,oBAAI,OAAO,EAAE,GAAG,WAAW,CAAC;GACjE,KAAK,WAAY,QAAuB,oBAAI,UAAU,EAAE,GAAG,WAAW,CAAC;GACvE,KAAK,WAAY,QAAuB,oBAAI,UAAU,EAAE,GAAG,WAAW,CAAC;GACvE,QAAS,QAAuB,oBAAI,UAAU;IAC7C,GAAG;IACH,SAAS;IACT,CAAC;;;AAGJ,QAAuB,qBAAK,OAAO;EAClC,WAAW;EACX,UAAU,CAAiB,oBAAI,MAAM,EAAE,UAA0B,oBAAI,aAAa;GACjF,WAAW;GACX,UAA0B,oBAAI,UAAU;IACvC;IACA,cAAc;IACd,CAAC;GACF,CAAC,EAAE,CAAC,EAAE,YAAY,CAAC;EACpB,CAAC"}

package/dist/examples/learning-journey-ui-gamified/{src → dist}/components/DayCalendar.js

@@ -1,9 +1,9 @@
 'use client';
 
-import { cn } from "../../../../libs/ui-kit-web/dist/ui/utils.js";
+import { cn } from "../libs/ui-kit-web/dist/ui/utils.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
-//#region ../learning-journey-ui-gamified/src/components/DayCalendar.tsx
+//#region ../learning-journey-ui-gamified/dist/components/DayCalendar.js
 function DayCalendar({ totalDays, currentDay, completedDays }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: "grid grid-cols-7 gap-2",
@@ -29,4 +29,5 @@ function DayCalendar({ totalDays, currentDay, completedDays }) {
 }
 
 //#endregion
-export { DayCalendar };
+export { DayCalendar };
+//# sourceMappingURL=DayCalendar.js.map

package/dist/examples/learning-journey-ui-gamified/dist/components/DayCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayCalendar.js","names":[],"sources":["../../../../../../learning-journey-ui-gamified/dist/components/DayCalendar.js"],"sourcesContent":["'use client';\n\nimport { cn } from \"../libs/ui-kit-web/dist/ui/utils.js\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\n\n//#region src/components/DayCalendar.tsx\nfunction DayCalendar({ totalDays, currentDay, completedDays }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\tclassName: \"grid grid-cols-7 gap-2\",\n\t\tchildren: Array.from({ length: totalDays }, (_, i) => i + 1).map((day) => {\n\t\t\tconst isCompleted = completedDays.includes(day);\n\t\t\tconst isCurrent = day === currentDay;\n\t\t\tconst isLocked = day > currentDay;\n\t\t\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\tclassName: cn(\"flex h-12 w-12 flex-col items-center justify-center rounded-lg border text-sm font-medium transition-all\", isCompleted && \"border-green-500 bg-green-500/10 text-green-500\", isCurrent && !isCompleted && \"border-violet-500 bg-violet-500/10 text-violet-500 ring-2 ring-violet-500/50\", isLocked && \"border-muted bg-muted/50 text-muted-foreground\", !isCompleted && !isCurrent && !isLocked && \"border-border bg-card\"),\n\t\t\t\tchildren: isCompleted ? /* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\tclassName: \"text-lg\",\n\t\t\t\t\tchildren: \"✓\"\n\t\t\t\t}) : isLocked ? /* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\tclassName: \"text-lg\",\n\t\t\t\t\tchildren: \"🔒\"\n\t\t\t\t}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\tclassName: \"text-muted-foreground text-xs\",\n\t\t\t\t\tchildren: \"Day\"\n\t\t\t\t}), /* @__PURE__ */ jsx(\"span\", { children: day })] })\n\t\t\t}, day);\n\t\t})\n\t});\n}\n\n//#endregion\nexport { DayCalendar };\n//# sourceMappingURL=DayCalendar.js.map"],"mappings":";;;;;;AAMA,SAAS,YAAY,EAAE,WAAW,YAAY,iBAAiB;AAC9D,QAAuB,oBAAI,OAAO;EACjC,WAAW;EACX,UAAU,MAAM,KAAK,EAAE,QAAQ,WAAW,GAAG,GAAG,MAAM,IAAI,EAAE,CAAC,KAAK,QAAQ;GACzE,MAAM,cAAc,cAAc,SAAS,IAAI;GAC/C,MAAM,YAAY,QAAQ;GAC1B,MAAM,WAAW,MAAM;AACvB,UAAuB,oBAAI,OAAO;IACjC,WAAW,GAAG,4GAA4G,eAAe,mDAAmD,aAAa,CAAC,eAAe,gFAAgF,YAAY,kDAAkD,CAAC,eAAe,CAAC,aAAa,CAAC,YAAY,wBAAwB;IAC1a,UAAU,cAA8B,oBAAI,QAAQ;KACnD,WAAW;KACX,UAAU;KACV,CAAC,GAAG,WAA2B,oBAAI,QAAQ;KAC3C,WAAW;KACX,UAAU;KACV,CAAC,GAAmB,qBAAK,UAAU,EAAE,UAAU,CAAiB,oBAAI,QAAQ;KAC5E,WAAW;KACX,UAAU;KACV,CAAC,EAAkB,oBAAI,QAAQ,EAAE,UAAU,KAAK,CAAC,CAAC,EAAE,CAAC;IACtD,EAAE,IAAI;IACN;EACF,CAAC"}

package/dist/examples/learning-journey-ui-gamified/{src → dist}/components/FlashCard.js

@@ -1,12 +1,12 @@
 'use client';
 
-import { Card, CardContent } from "../../../../libs/ui-kit-web/dist/ui/card.js";
-import { cn } from "../../../../libs/ui-kit-web/dist/ui/utils.js";
-import { Button$1 } from "../../../../libs/design-system/dist/components/atoms/Button.js";
+import { Card, CardContent } from "../libs/ui-kit-web/dist/ui/card.js";
+import { Button } from "../libs/design-system/dist/components/atoms/Button.js";
+import { cn } from "../libs/ui-kit-web/dist/ui/utils.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region ../learning-journey-ui-gamified/src/components/FlashCard.tsx
+//#region ../learning-journey-ui-gamified/dist/components/FlashCard.js
 function FlashCard({ step, isCompleted, isCurrent, onComplete }) {
 	const [isFlipped, setIsFlipped] = useState(false);
 	return /* @__PURE__ */ jsx(Card, {
@@ -56,12 +56,12 @@ function FlashCard({ step, isCompleted, isCurrent, onComplete }) {
 					children: step.instructions ?? "Complete this step to earn XP"
 				}), /* @__PURE__ */ jsxs("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ jsx(Button$1, {
+					children: [/* @__PURE__ */ jsx(Button, {
 						variant: "outline",
 						size: "sm",
 						onClick: () => setIsFlipped(false),
 						children: "Back"
-					}), /* @__PURE__ */ jsx(Button$1, {
+					}), /* @__PURE__ */ jsx(Button, {
 						size: "sm",
 						onClick: (e) => {
 							e.stopPropagation();
@@ -76,4 +76,5 @@ function FlashCard({ step, isCompleted, isCurrent, onComplete }) {
 }
 
 //#endregion
-export { FlashCard };
+export { FlashCard };
+//# sourceMappingURL=FlashCard.js.map

package/dist/examples/learning-journey-ui-gamified/dist/components/FlashCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlashCard.js","names":[],"sources":["../../../../../../learning-journey-ui-gamified/dist/components/FlashCard.js"],"sourcesContent":["'use client';\n\nimport { Card, CardContent } from \"../libs/ui-kit-web/dist/ui/card.js\";\nimport { Button } from \"../libs/design-system/dist/components/atoms/Button.js\";\nimport { cn } from \"../libs/ui-kit-web/dist/ui/utils.js\";\nimport { useState } from \"react\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\n\n//#region src/components/FlashCard.tsx\nfunction FlashCard({ step, isCompleted, isCurrent, onComplete }) {\n\tconst [isFlipped, setIsFlipped] = useState(false);\n\treturn /* @__PURE__ */ jsx(Card, {\n\t\tclassName: cn(\"relative cursor-pointer overflow-hidden transition-all duration-300\", isCurrent && \"ring-primary ring-2\", isCompleted && \"opacity-60\"),\n\t\tonClick: () => !isCompleted && setIsFlipped(!isFlipped),\n\t\tchildren: /* @__PURE__ */ jsxs(CardContent, {\n\t\t\tclassName: \"p-6\",\n\t\t\tchildren: [/* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\tclassName: cn(\"space-y-4 transition-opacity duration-200\", isFlipped ? \"opacity-0\" : \"opacity-100\"),\n\t\t\t\tchildren: [\n\t\t\t\t\t/* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\t\t\tclassName: \"flex items-start justify-between\",\n\t\t\t\t\t\tchildren: [/* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\t\t\t\tclassName: \"flex-1\",\n\t\t\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"h3\", {\n\t\t\t\t\t\t\t\tclassName: \"text-lg font-semibold\",\n\t\t\t\t\t\t\t\tchildren: step.title\n\t\t\t\t\t\t\t}), step.description && /* @__PURE__ */ jsx(\"p\", {\n\t\t\t\t\t\t\t\tclassName: \"text-muted-foreground mt-1 text-sm\",\n\t\t\t\t\t\t\t\tchildren: step.description\n\t\t\t\t\t\t\t})]\n\t\t\t\t\t\t}), step.xpReward && /* @__PURE__ */ jsxs(\"span\", {\n\t\t\t\t\t\t\tclassName: \"rounded-full bg-green-500/10 px-2 py-1 text-xs font-semibold text-green-500\",\n\t\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t\t\"+\",\n\t\t\t\t\t\t\t\tstep.xpReward,\n\t\t\t\t\t\t\t\t\" XP\"\n\t\t\t\t\t\t\t]\n\t\t\t\t\t\t})]\n\t\t\t\t\t}),\n\t\t\t\t\tisCompleted && /* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\t\t\tclassName: \"flex items-center gap-2 text-green-500\",\n\t\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"span\", { children: \"✓\" }), /* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\t\t\tclassName: \"text-sm font-medium\",\n\t\t\t\t\t\t\tchildren: \"Completed\"\n\t\t\t\t\t\t})]\n\t\t\t\t\t}),\n\t\t\t\t\tisCurrent && !isCompleted && /* @__PURE__ */ jsx(\"p\", {\n\t\t\t\t\t\tclassName: \"text-muted-foreground text-xs\",\n\t\t\t\t\t\tchildren: \"Tap to reveal action\"\n\t\t\t\t\t})\n\t\t\t\t]\n\t\t\t}), isFlipped && !isCompleted && /* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\tclassName: \"absolute inset-0 flex flex-col items-center justify-center gap-4 bg-gradient-to-br from-violet-500/10 to-violet-600/10 p-6\",\n\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"p\", {\n\t\t\t\t\tclassName: \"text-center text-sm\",\n\t\t\t\t\tchildren: step.instructions ?? \"Complete this step to earn XP\"\n\t\t\t\t}), /* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\t\tclassName: \"flex gap-2\",\n\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(Button, {\n\t\t\t\t\t\tvariant: \"outline\",\n\t\t\t\t\t\tsize: \"sm\",\n\t\t\t\t\t\tonClick: () => setIsFlipped(false),\n\t\t\t\t\t\tchildren: \"Back\"\n\t\t\t\t\t}), /* @__PURE__ */ jsx(Button, {\n\t\t\t\t\t\tsize: \"sm\",\n\t\t\t\t\t\tonClick: (e) => {\n\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\tonComplete?.();\n\t\t\t\t\t\t},\n\t\t\t\t\t\tchildren: \"Mark Complete\"\n\t\t\t\t\t})]\n\t\t\t\t})]\n\t\t\t})]\n\t\t})\n\t});\n}\n\n//#endregion\nexport { FlashCard };\n//# sourceMappingURL=FlashCard.js.map"],"mappings":";;;;;;;;;AASA,SAAS,UAAU,EAAE,MAAM,aAAa,WAAW,cAAc;CAChE,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;AACjD,QAAuB,oBAAI,MAAM;EAChC,WAAW,GAAG,uEAAuE,aAAa,uBAAuB,eAAe,aAAa;EACrJ,eAAe,CAAC,eAAe,aAAa,CAAC,UAAU;EACvD,UAA0B,qBAAK,aAAa;GAC3C,WAAW;GACX,UAAU,CAAiB,qBAAK,OAAO;IACtC,WAAW,GAAG,6CAA6C,YAAY,cAAc,cAAc;IACnG,UAAU;KACO,qBAAK,OAAO;MAC3B,WAAW;MACX,UAAU,CAAiB,qBAAK,OAAO;OACtC,WAAW;OACX,UAAU,CAAiB,oBAAI,MAAM;QACpC,WAAW;QACX,UAAU,KAAK;QACf,CAAC,EAAE,KAAK,eAA+B,oBAAI,KAAK;QAChD,WAAW;QACX,UAAU,KAAK;QACf,CAAC,CAAC;OACH,CAAC,EAAE,KAAK,YAA4B,qBAAK,QAAQ;OACjD,WAAW;OACX,UAAU;QACT;QACA,KAAK;QACL;QACA;OACD,CAAC,CAAC;MACH,CAAC;KACF,eAA+B,qBAAK,OAAO;MAC1C,WAAW;MACX,UAAU,CAAiB,oBAAI,QAAQ,EAAE,UAAU,KAAK,CAAC,EAAkB,oBAAI,QAAQ;OACtF,WAAW;OACX,UAAU;OACV,CAAC,CAAC;MACH,CAAC;KACF,aAAa,CAAC,eAA+B,oBAAI,KAAK;MACrD,WAAW;MACX,UAAU;MACV,CAAC;KACF;IACD,CAAC,EAAE,aAAa,CAAC,eAA+B,qBAAK,OAAO;IAC5D,WAAW;IACX,UAAU,CAAiB,oBAAI,KAAK;KACnC,WAAW;KACX,UAAU,KAAK,gBAAgB;KAC/B,CAAC,EAAkB,qBAAK,OAAO;KAC/B,WAAW;KACX,UAAU,CAAiB,oBAAI,QAAQ;MACtC,SAAS;MACT,MAAM;MACN,eAAe,aAAa,MAAM;MAClC,UAAU;MACV,CAAC,EAAkB,oBAAI,QAAQ;MAC/B,MAAM;MACN,UAAU,MAAM;AACf,SAAE,iBAAiB;AACnB,qBAAc;;MAEf,UAAU;MACV,CAAC,CAAC;KACH,CAAC,CAAC;IACH,CAAC,CAAC;GACH,CAAC;EACF,CAAC"}

package/dist/examples/learning-journey-ui-gamified/{src → dist}/components/MasteryRing.js

@@ -1,9 +1,9 @@
 'use client';
 
-import { cn } from "../../../../libs/ui-kit-web/dist/ui/utils.js";
+import { cn } from "../libs/ui-kit-web/dist/ui/utils.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region ../learning-journey-ui-gamified/src/components/MasteryRing.tsx
+//#region ../learning-journey-ui-gamified/dist/components/MasteryRing.js
 const sizeStyles = {
 	sm: {
 		container: "h-16 w-16",
@@ -78,4 +78,5 @@ function MasteryRing({ label, percentage, size = "md", color = "violet" }) {
 }
 
 //#endregion
-export { MasteryRing };
+export { MasteryRing };
+//# sourceMappingURL=MasteryRing.js.map

package/dist/examples/learning-journey-ui-gamified/dist/components/MasteryRing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MasteryRing.js","names":[],"sources":["../../../../../../learning-journey-ui-gamified/dist/components/MasteryRing.js"],"sourcesContent":["'use client';\n\nimport { cn } from \"../libs/ui-kit-web/dist/ui/utils.js\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\n\n//#region src/components/MasteryRing.tsx\nconst sizeStyles = {\n\tsm: {\n\t\tcontainer: \"h-16 w-16\",\n\t\ttext: \"text-xs\",\n\t\tring: 48,\n\t\tstroke: 4\n\t},\n\tmd: {\n\t\tcontainer: \"h-24 w-24\",\n\t\ttext: \"text-sm\",\n\t\tring: 72,\n\t\tstroke: 6\n\t},\n\tlg: {\n\t\tcontainer: \"h-32 w-32\",\n\t\ttext: \"text-base\",\n\t\tring: 96,\n\t\tstroke: 8\n\t}\n};\nconst colorStyles = {\n\tgreen: \"stroke-green-500\",\n\tblue: \"stroke-blue-500\",\n\tviolet: \"stroke-violet-500\",\n\torange: \"stroke-orange-500\"\n};\nfunction MasteryRing({ label, percentage, size = \"md\", color = \"violet\" }) {\n\tconst styles = sizeStyles[size];\n\tconst radius = (styles.ring - styles.stroke) / 2;\n\tconst circumference = 2 * Math.PI * radius;\n\tconst strokeDashoffset = circumference - percentage / 100 * circumference;\n\treturn /* @__PURE__ */ jsxs(\"div\", {\n\t\tclassName: cn(\"relative flex flex-col items-center gap-1\", styles.container),\n\t\tchildren: [\n\t\t\t/* @__PURE__ */ jsxs(\"svg\", {\n\t\t\t\tclassName: \"absolute -rotate-90\",\n\t\t\t\twidth: styles.ring,\n\t\t\t\theight: styles.ring,\n\t\t\t\tviewBox: `0 0 ${styles.ring} ${styles.ring}`,\n\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"circle\", {\n\t\t\t\t\tcx: styles.ring / 2,\n\t\t\t\t\tcy: styles.ring / 2,\n\t\t\t\t\tr: radius,\n\t\t\t\t\tfill: \"none\",\n\t\t\t\t\tstrokeWidth: styles.stroke,\n\t\t\t\t\tclassName: \"stroke-muted\"\n\t\t\t\t}), /* @__PURE__ */ jsx(\"circle\", {\n\t\t\t\t\tcx: styles.ring / 2,\n\t\t\t\t\tcy: styles.ring / 2,\n\t\t\t\t\tr: radius,\n\t\t\t\t\tfill: \"none\",\n\t\t\t\t\tstrokeWidth: styles.stroke,\n\t\t\t\t\tstrokeLinecap: \"round\",\n\t\t\t\t\tstrokeDasharray: circumference,\n\t\t\t\t\tstrokeDashoffset,\n\t\t\t\t\tclassName: cn(\"transition-all duration-500\", colorStyles[color])\n\t\t\t\t})]\n\t\t\t}),\n\t\t\t/* @__PURE__ */ jsx(\"div\", {\n\t\t\t\tclassName: \"flex h-full flex-col items-center justify-center\",\n\t\t\t\tchildren: /* @__PURE__ */ jsxs(\"span\", {\n\t\t\t\t\tclassName: cn(\"font-bold\", styles.text),\n\t\t\t\t\tchildren: [Math.round(percentage), \"%\"]\n\t\t\t\t})\n\t\t\t}),\n\t\t\t/* @__PURE__ */ jsx(\"span\", {\n\t\t\t\tclassName: cn(\"text-muted-foreground mt-1 truncate\", styles.text),\n\t\t\t\tchildren: label\n\t\t\t})\n\t\t]\n\t});\n}\n\n//#endregion\nexport { MasteryRing };\n//# sourceMappingURL=MasteryRing.js.map"],"mappings":";;;;;;AAMA,MAAM,aAAa;CAClB,IAAI;EACH,WAAW;EACX,MAAM;EACN,MAAM;EACN,QAAQ;EACR;CACD,IAAI;EACH,WAAW;EACX,MAAM;EACN,MAAM;EACN,QAAQ;EACR;CACD,IAAI;EACH,WAAW;EACX,MAAM;EACN,MAAM;EACN,QAAQ;EACR;CACD;AACD,MAAM,cAAc;CACnB,OAAO;CACP,MAAM;CACN,QAAQ;CACR,QAAQ;CACR;AACD,SAAS,YAAY,EAAE,OAAO,YAAY,OAAO,MAAM,QAAQ,YAAY;CAC1E,MAAM,SAAS,WAAW;CAC1B,MAAM,UAAU,OAAO,OAAO,OAAO,UAAU;CAC/C,MAAM,gBAAgB,IAAI,KAAK,KAAK;CACpC,MAAM,mBAAmB,gBAAgB,aAAa,MAAM;AAC5D,QAAuB,qBAAK,OAAO;EAClC,WAAW,GAAG,6CAA6C,OAAO,UAAU;EAC5E,UAAU;GACO,qBAAK,OAAO;IAC3B,WAAW;IACX,OAAO,OAAO;IACd,QAAQ,OAAO;IACf,SAAS,OAAO,OAAO,KAAK,GAAG,OAAO;IACtC,UAAU,CAAiB,oBAAI,UAAU;KACxC,IAAI,OAAO,OAAO;KAClB,IAAI,OAAO,OAAO;KAClB,GAAG;KACH,MAAM;KACN,aAAa,OAAO;KACpB,WAAW;KACX,CAAC,EAAkB,oBAAI,UAAU;KACjC,IAAI,OAAO,OAAO;KAClB,IAAI,OAAO,OAAO;KAClB,GAAG;KACH,MAAM;KACN,aAAa,OAAO;KACpB,eAAe;KACf,iBAAiB;KACjB;KACA,WAAW,GAAG,+BAA+B,YAAY,OAAO;KAChE,CAAC,CAAC;IACH,CAAC;GACc,oBAAI,OAAO;IAC1B,WAAW;IACX,UAA0B,qBAAK,QAAQ;KACtC,WAAW,GAAG,aAAa,OAAO,KAAK;KACvC,UAAU,CAAC,KAAK,MAAM,WAAW,EAAE,IAAI;KACvC,CAAC;IACF,CAAC;GACc,oBAAI,QAAQ;IAC3B,WAAW,GAAG,uCAAuC,OAAO,KAAK;IACjE,UAAU;IACV,CAAC;GACF;EACD,CAAC"}

package/dist/examples/learning-journey-ui-gamified/{src → dist}/docs/learning-journey-ui-gamified.docblock.js

@@ -1,7 +1,7 @@
-import { registerDocBlocks } from "../../../../libs/contracts/dist/docs/registry.js";
-import "../../../../libs/contracts/dist/docs/index.js";
+import { registerDocBlocks } from "../libs/contracts/dist/docs/registry.js";
+import "../libs/contracts/dist/docs/index.js";
 
-//#region ../learning-journey-ui-gamified/src/docs/learning-journey-ui-gamified.docblock.ts
+//#region ../learning-journey-ui-gamified/dist/docs/learning-journey-ui-gamified.docblock.js
 registerDocBlocks([{
 	id: "docs.examples.learning-journey-ui-gamified",
 	title: "Learning Journey UI — Gamified",
@@ -17,4 +17,5 @@ registerDocBlocks([{
 	body: `## Includes\n- Gamified mini-app shell\n- Views: overview, steps, progress, timeline\n- Components: flash card, mastery ring, day calendar\n\n## Notes\n- Compose with design system components.\n- Respect prefers-reduced-motion; keep tap targets large.`
 }]);
 
-//#endregion
+//#endregion
+//# sourceMappingURL=learning-journey-ui-gamified.docblock.js.map

package/dist/examples/learning-journey-ui-gamified/dist/docs/learning-journey-ui-gamified.docblock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"learning-journey-ui-gamified.docblock.js","names":[],"sources":["../../../../../../learning-journey-ui-gamified/dist/docs/learning-journey-ui-gamified.docblock.js"],"sourcesContent":["import { registerDocBlocks } from \"../libs/contracts/dist/docs/registry.js\";\nimport \"../libs/contracts/dist/docs/index.js\";\n\n//#region src/docs/learning-journey-ui-gamified.docblock.ts\nregisterDocBlocks([{\n\tid: \"docs.examples.learning-journey-ui-gamified\",\n\ttitle: \"Learning Journey UI — Gamified\",\n\tsummary: \"UI mini-app components for gamified learning: flashcards, mastery, streak/calendar.\",\n\tkind: \"reference\",\n\tvisibility: \"public\",\n\troute: \"/docs/examples/learning-journey-ui-gamified\",\n\ttags: [\n\t\t\"learning\",\n\t\t\"ui\",\n\t\t\"gamified\"\n\t],\n\tbody: `## Includes\\n- Gamified mini-app shell\\n- Views: overview, steps, progress, timeline\\n- Components: flash card, mastery ring, day calendar\\n\\n## Notes\\n- Compose with design system components.\\n- Respect prefers-reduced-motion; keep tap targets large.`\n}]);\n\n//#endregion\n//# sourceMappingURL=learning-journey-ui-gamified.docblock.js.map"],"mappings":";;;;AAIA,kBAAkB,CAAC;CAClB,IAAI;CACJ,OAAO;CACP,SAAS;CACT,MAAM;CACN,YAAY;CACZ,OAAO;CACP,MAAM;EACL;EACA;EACA;EACA;CACD,MAAM;CACN,CAAC,CAAC"}

package/dist/examples/learning-journey-ui-gamified/dist/examples/learning-journey-ui-shared/dist/components/BadgeDisplay.js

@@ -0,0 +1,45 @@
+'use client';
+
+import { cn } from "../libs/ui-kit-web/dist/ui/utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ../learning-journey-ui-gamified/dist/examples/learning-journey-ui-shared/dist/components/BadgeDisplay.js
+const BADGE_ICONS = {
+	studio_first_30m: "🎯",
+	platform_tour: "🗺️",
+	crm_first_win: "🏆",
+	drill_master: "🧠",
+	coach_listener: "👂",
+	quest_complete: "⭐",
+	streak_7: "🔥",
+	streak_30: "💎",
+	default: "🏅"
+};
+const sizeStyles = {
+	sm: "h-6 w-6 text-sm",
+	md: "h-8 w-8 text-base",
+	lg: "h-10 w-10 text-lg"
+};
+function BadgeDisplay({ badges, maxVisible = 5, size = "md" }) {
+	const visibleBadges = badges.slice(0, maxVisible);
+	const hiddenCount = badges.length - maxVisible;
+	if (badges.length === 0) return /* @__PURE__ */ jsx("div", {
+		className: "text-muted-foreground text-sm",
+		children: "No badges earned yet"
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-1",
+		children: [visibleBadges.map((badge) => /* @__PURE__ */ jsx("div", {
+			className: cn("flex items-center justify-center rounded-full bg-gradient-to-br from-amber-400/20 to-amber-600/20", sizeStyles[size]),
+			title: badge.replace(/_/g, " "),
+			children: BADGE_ICONS[badge] ?? BADGE_ICONS.default
+		}, badge)), hiddenCount > 0 && /* @__PURE__ */ jsxs("div", {
+			className: cn("text-muted-foreground bg-muted flex items-center justify-center rounded-full", sizeStyles[size], "text-xs font-medium"),
+			children: ["+", hiddenCount]
+		})]
+	});
+}
+
+//#endregion
+export { BadgeDisplay };
+//# sourceMappingURL=BadgeDisplay.js.map

package/dist/examples/learning-journey-ui-gamified/dist/examples/learning-journey-ui-shared/dist/components/BadgeDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeDisplay.js","names":[],"sources":["../../../../../../../../../learning-journey-ui-gamified/dist/examples/learning-journey-ui-shared/dist/components/BadgeDisplay.js"],"sourcesContent":["'use client';\n\nimport { cn } from \"../libs/ui-kit-web/dist/ui/utils.js\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\n\n//#region ../learning-journey-ui-shared/dist/components/BadgeDisplay.js\nconst BADGE_ICONS = {\n\tstudio_first_30m: \"🎯\",\n\tplatform_tour: \"🗺️\",\n\tcrm_first_win: \"🏆\",\n\tdrill_master: \"🧠\",\n\tcoach_listener: \"👂\",\n\tquest_complete: \"⭐\",\n\tstreak_7: \"🔥\",\n\tstreak_30: \"💎\",\n\tdefault: \"🏅\"\n};\nconst sizeStyles = {\n\tsm: \"h-6 w-6 text-sm\",\n\tmd: \"h-8 w-8 text-base\",\n\tlg: \"h-10 w-10 text-lg\"\n};\nfunction BadgeDisplay({ badges, maxVisible = 5, size = \"md\" }) {\n\tconst visibleBadges = badges.slice(0, maxVisible);\n\tconst hiddenCount = badges.length - maxVisible;\n\tif (badges.length === 0) return /* @__PURE__ */ jsx(\"div\", {\n\t\tclassName: \"text-muted-foreground text-sm\",\n\t\tchildren: \"No badges earned yet\"\n\t});\n\treturn /* @__PURE__ */ jsxs(\"div\", {\n\t\tclassName: \"flex items-center gap-1\",\n\t\tchildren: [visibleBadges.map((badge) => /* @__PURE__ */ jsx(\"div\", {\n\t\t\tclassName: cn(\"flex items-center justify-center rounded-full bg-gradient-to-br from-amber-400/20 to-amber-600/20\", sizeStyles[size]),\n\t\t\ttitle: badge.replace(/_/g, \" \"),\n\t\t\tchildren: BADGE_ICONS[badge] ?? BADGE_ICONS.default\n\t\t}, badge)), hiddenCount > 0 && /* @__PURE__ */ jsxs(\"div\", {\n\t\t\tclassName: cn(\"text-muted-foreground bg-muted flex items-center justify-center rounded-full\", sizeStyles[size], \"text-xs font-medium\"),\n\t\t\tchildren: [\"+\", hiddenCount]\n\t\t})]\n\t});\n}\n\n//#endregion\nexport { BadgeDisplay };\n//# sourceMappingURL=BadgeDisplay.js.map"],"mappings":";;;;;;AAMA,MAAM,cAAc;CACnB,kBAAkB;CAClB,eAAe;CACf,eAAe;CACf,cAAc;CACd,gBAAgB;CAChB,gBAAgB;CAChB,UAAU;CACV,WAAW;CACX,SAAS;CACT;AACD,MAAM,aAAa;CAClB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ;AACD,SAAS,aAAa,EAAE,QAAQ,aAAa,GAAG,OAAO,QAAQ;CAC9D,MAAM,gBAAgB,OAAO,MAAM,GAAG,WAAW;CACjD,MAAM,cAAc,OAAO,SAAS;AACpC,KAAI,OAAO,WAAW,EAAG,QAAuB,oBAAI,OAAO;EAC1D,WAAW;EACX,UAAU;EACV,CAAC;AACF,QAAuB,qBAAK,OAAO;EAClC,WAAW;EACX,UAAU,CAAC,cAAc,KAAK,UAA0B,oBAAI,OAAO;GAClE,WAAW,GAAG,qGAAqG,WAAW,MAAM;GACpI,OAAO,MAAM,QAAQ,MAAM,IAAI;GAC/B,UAAU,YAAY,UAAU,YAAY;GAC5C,EAAE,MAAM,CAAC,EAAE,cAAc,KAAqB,qBAAK,OAAO;GAC1D,WAAW,GAAG,gFAAgF,WAAW,OAAO,sBAAsB;GACtI,UAAU,CAAC,KAAK,YAAY;GAC5B,CAAC,CAAC;EACH,CAAC"}

package/dist/examples/learning-journey-ui-gamified/dist/examples/learning-journey-ui-shared/dist/components/StreakCounter.js

@@ -0,0 +1,46 @@
+'use client';
+
+import { cn } from "../libs/ui-kit-web/dist/ui/utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ../learning-journey-ui-gamified/dist/examples/learning-journey-ui-shared/dist/components/StreakCounter.js
+const sizeStyles = {
+	sm: {
+		container: "gap-1 px-2 py-1",
+		icon: "text-base",
+		text: "text-xs"
+	},
+	md: {
+		container: "gap-1.5 px-3 py-1.5",
+		icon: "text-lg",
+		text: "text-sm"
+	},
+	lg: {
+		container: "gap-2 px-4 py-2",
+		icon: "text-xl",
+		text: "text-base"
+	}
+};
+function StreakCounter({ days, isActive = true, size = "md" }) {
+	const styles = sizeStyles[size];
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("inline-flex items-center rounded-full font-semibold", styles.container, isActive ? "bg-orange-500/10 text-orange-500" : "bg-muted text-muted-foreground"),
+		children: [/* @__PURE__ */ jsx("span", {
+			className: styles.icon,
+			role: "img",
+			"aria-label": "streak",
+			children: "🔥"
+		}), /* @__PURE__ */ jsxs("span", {
+			className: styles.text,
+			children: [
+				days,
+				" ",
+				days === 1 ? "day" : "days"
+			]
+		})]
+	});
+}
+
+//#endregion
+export { StreakCounter };
+//# sourceMappingURL=StreakCounter.js.map

package/dist/examples/learning-journey-ui-gamified/dist/examples/learning-journey-ui-shared/dist/components/StreakCounter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StreakCounter.js","names":[],"sources":["../../../../../../../../../learning-journey-ui-gamified/dist/examples/learning-journey-ui-shared/dist/components/StreakCounter.js"],"sourcesContent":["'use client';\n\nimport { cn } from \"../libs/ui-kit-web/dist/ui/utils.js\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\n\n//#region ../learning-journey-ui-shared/dist/components/StreakCounter.js\nconst sizeStyles = {\n\tsm: {\n\t\tcontainer: \"gap-1 px-2 py-1\",\n\t\ticon: \"text-base\",\n\t\ttext: \"text-xs\"\n\t},\n\tmd: {\n\t\tcontainer: \"gap-1.5 px-3 py-1.5\",\n\t\ticon: \"text-lg\",\n\t\ttext: \"text-sm\"\n\t},\n\tlg: {\n\t\tcontainer: \"gap-2 px-4 py-2\",\n\t\ticon: \"text-xl\",\n\t\ttext: \"text-base\"\n\t}\n};\nfunction StreakCounter({ days, isActive = true, size = \"md\" }) {\n\tconst styles = sizeStyles[size];\n\treturn /* @__PURE__ */ jsxs(\"div\", {\n\t\tclassName: cn(\"inline-flex items-center rounded-full font-semibold\", styles.container, isActive ? \"bg-orange-500/10 text-orange-500\" : \"bg-muted text-muted-foreground\"),\n\t\tchildren: [/* @__PURE__ */ jsx(\"span\", {\n\t\t\tclassName: styles.icon,\n\t\t\trole: \"img\",\n\t\t\t\"aria-label\": \"streak\",\n\t\t\tchildren: \"🔥\"\n\t\t}), /* @__PURE__ */ jsxs(\"span\", {\n\t\t\tclassName: styles.text,\n\t\t\tchildren: [\n\t\t\t\tdays,\n\t\t\t\t\" \",\n\t\t\t\tdays === 1 ? \"day\" : \"days\"\n\t\t\t]\n\t\t})]\n\t});\n}\n\n//#endregion\nexport { StreakCounter };\n//# sourceMappingURL=StreakCounter.js.map"],"mappings":";;;;;;AAMA,MAAM,aAAa;CAClB,IAAI;EACH,WAAW;EACX,MAAM;EACN,MAAM;EACN;CACD,IAAI;EACH,WAAW;EACX,MAAM;EACN,MAAM;EACN;CACD,IAAI;EACH,WAAW;EACX,MAAM;EACN,MAAM;EACN;CACD;AACD,SAAS,cAAc,EAAE,MAAM,WAAW,MAAM,OAAO,QAAQ;CAC9D,MAAM,SAAS,WAAW;AAC1B,QAAuB,qBAAK,OAAO;EAClC,WAAW,GAAG,uDAAuD,OAAO,WAAW,WAAW,qCAAqC,iCAAiC;EACxK,UAAU,CAAiB,oBAAI,QAAQ;GACtC,WAAW,OAAO;GAClB,MAAM;GACN,cAAc;GACd,UAAU;GACV,CAAC,EAAkB,qBAAK,QAAQ;GAChC,WAAW,OAAO;GAClB,UAAU;IACT;IACA;IACA,SAAS,IAAI,QAAQ;IACrB;GACD,CAAC,CAAC;EACH,CAAC"}

package/dist/examples/learning-journey-ui-gamified/dist/examples/learning-journey-ui-shared/dist/components/ViewTabs.js

@@ -0,0 +1,49 @@
+'use client';
+
+import { Button } from "../libs/design-system/dist/components/atoms/Button.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ../learning-journey-ui-gamified/dist/examples/learning-journey-ui-shared/dist/components/ViewTabs.js
+const VIEW_LABELS = {
+	overview: {
+		label: "Overview",
+		icon: "📊"
+	},
+	steps: {
+		label: "Steps",
+		icon: "📝"
+	},
+	progress: {
+		label: "Progress",
+		icon: "📈"
+	},
+	timeline: {
+		label: "Timeline",
+		icon: "📅"
+	}
+};
+const DEFAULT_VIEWS = [
+	"overview",
+	"steps",
+	"progress",
+	"timeline"
+];
+function ViewTabs({ currentView, onViewChange, availableViews = DEFAULT_VIEWS }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex flex-wrap gap-2",
+		children: availableViews.map((view) => {
+			const { label, icon } = VIEW_LABELS[view];
+			return /* @__PURE__ */ jsxs(Button, {
+				variant: currentView === view ? "default" : "outline",
+				size: "sm",
+				onClick: () => onViewChange(view),
+				className: "gap-1.5",
+				children: [/* @__PURE__ */ jsx("span", { children: icon }), /* @__PURE__ */ jsx("span", { children: label })]
+			}, view);
+		})
+	});
+}
+
+//#endregion
+export { ViewTabs };
+//# sourceMappingURL=ViewTabs.js.map

package/dist/examples/learning-journey-ui-gamified/dist/examples/learning-journey-ui-shared/dist/components/ViewTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewTabs.js","names":[],"sources":["../../../../../../../../../learning-journey-ui-gamified/dist/examples/learning-journey-ui-shared/dist/components/ViewTabs.js"],"sourcesContent":["'use client';\n\nimport { Button } from \"../libs/design-system/dist/components/atoms/Button.js\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\n\n//#region ../learning-journey-ui-shared/dist/components/ViewTabs.js\nconst VIEW_LABELS = {\n\toverview: {\n\t\tlabel: \"Overview\",\n\t\ticon: \"📊\"\n\t},\n\tsteps: {\n\t\tlabel: \"Steps\",\n\t\ticon: \"📝\"\n\t},\n\tprogress: {\n\t\tlabel: \"Progress\",\n\t\ticon: \"📈\"\n\t},\n\ttimeline: {\n\t\tlabel: \"Timeline\",\n\t\ticon: \"📅\"\n\t}\n};\nconst DEFAULT_VIEWS = [\n\t\"overview\",\n\t\"steps\",\n\t\"progress\",\n\t\"timeline\"\n];\nfunction ViewTabs({ currentView, onViewChange, availableViews = DEFAULT_VIEWS }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\tclassName: \"flex flex-wrap gap-2\",\n\t\tchildren: availableViews.map((view) => {\n\t\t\tconst { label, icon } = VIEW_LABELS[view];\n\t\t\treturn /* @__PURE__ */ jsxs(Button, {\n\t\t\t\tvariant: currentView === view ? \"default\" : \"outline\",\n\t\t\t\tsize: \"sm\",\n\t\t\t\tonClick: () => onViewChange(view),\n\t\t\t\tclassName: \"gap-1.5\",\n\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"span\", { children: icon }), /* @__PURE__ */ jsx(\"span\", { children: label })]\n\t\t\t}, view);\n\t\t})\n\t});\n}\n\n//#endregion\nexport { ViewTabs };\n//# sourceMappingURL=ViewTabs.js.map"],"mappings":";;;;;;AAMA,MAAM,cAAc;CACnB,UAAU;EACT,OAAO;EACP,MAAM;EACN;CACD,OAAO;EACN,OAAO;EACP,MAAM;EACN;CACD,UAAU;EACT,OAAO;EACP,MAAM;EACN;CACD,UAAU;EACT,OAAO;EACP,MAAM;EACN;CACD;AACD,MAAM,gBAAgB;CACrB;CACA;CACA;CACA;CACA;AACD,SAAS,SAAS,EAAE,aAAa,cAAc,iBAAiB,iBAAiB;AAChF,QAAuB,oBAAI,OAAO;EACjC,WAAW;EACX,UAAU,eAAe,KAAK,SAAS;GACtC,MAAM,EAAE,OAAO,SAAS,YAAY;AACpC,UAAuB,qBAAK,QAAQ;IACnC,SAAS,gBAAgB,OAAO,YAAY;IAC5C,MAAM;IACN,eAAe,aAAa,KAAK;IACjC,WAAW;IACX,UAAU,CAAiB,oBAAI,QAAQ,EAAE,UAAU,MAAM,CAAC,EAAkB,oBAAI,QAAQ,EAAE,UAAU,OAAO,CAAC,CAAC;IAC7G,EAAE,KAAK;IACP;EACF,CAAC"}

package/dist/examples/learning-journey-ui-gamified/dist/examples/learning-journey-ui-shared/dist/components/XpBar.js

@@ -0,0 +1,47 @@
+'use client';
+
+import { Progress } from "../libs/ui-kit-web/dist/ui/progress.js";
+import { cn } from "../libs/ui-kit-web/dist/ui/utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ../learning-journey-ui-gamified/dist/examples/learning-journey-ui-shared/dist/components/XpBar.js
+const sizeStyles = {
+	sm: "h-2",
+	md: "h-3",
+	lg: "h-4"
+};
+const labelSizeStyles = {
+	sm: "text-xs",
+	md: "text-sm",
+	lg: "text-base"
+};
+function XpBar({ current, max, level, showLabel = true, size = "md" }) {
+	const percentage = max > 0 ? Math.min(current / max * 100, 100) : 0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "w-full space-y-1",
+		children: [showLabel && /* @__PURE__ */ jsxs("div", {
+			className: cn("flex items-center justify-between", labelSizeStyles[size]),
+			children: [/* @__PURE__ */ jsxs("span", {
+				className: "text-muted-foreground font-medium",
+				children: [level !== void 0 && /* @__PURE__ */ jsxs("span", {
+					className: "text-primary mr-1",
+					children: ["Lvl ", level]
+				}), "XP"]
+			}), /* @__PURE__ */ jsxs("span", {
+				className: "font-semibold",
+				children: [
+					current.toLocaleString(),
+					" / ",
+					max.toLocaleString()
+				]
+			})]
+		}), /* @__PURE__ */ jsx(Progress, {
+			value: percentage,
+			className: cn("bg-muted", sizeStyles[size])
+		})]
+	});
+}
+
+//#endregion
+export { XpBar };
+//# sourceMappingURL=XpBar.js.map