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

package/dist/examples/learning-journey-ui-gamified/dist/libs/ui-kit-web/dist/ui/card.js

@@ -0,0 +1,37 @@
+import { cn } from "../ui-kit-core/dist/utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region ../learning-journey-ui-gamified/dist/libs/ui-kit-web/dist/ui/card.js
+function Card({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card",
+		className: cn("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-2xs", className),
+		...props
+	});
+}
+function CardHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-header",
+		className: cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", className),
+		...props
+	});
+}
+function CardTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-title",
+		className: cn("leading-none font-semibold", className),
+		...props
+	});
+}
+function CardContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-content",
+		className: cn("px-6", className),
+		...props
+	});
+}
+
+//#endregion
+export { Card, CardContent, CardHeader, CardTitle };
+//# sourceMappingURL=card.js.map

package/dist/examples/learning-journey-ui-gamified/dist/libs/ui-kit-web/dist/ui/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","names":[],"sources":["../../../../../../../../../learning-journey-ui-gamified/dist/libs/ui-kit-web/dist/ui/card.js"],"sourcesContent":["import { cn } from \"../ui-kit-core/dist/utils.js\";\nimport \"react\";\nimport { jsx } from \"react/jsx-runtime\";\n\n//#region ../../libs/ui-kit-web/dist/ui/card.js\nfunction Card({ className, ...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"card\",\n\t\tclassName: cn(\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-2xs\", className),\n\t\t...props\n\t});\n}\nfunction CardHeader({ className, ...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"card-header\",\n\t\tclassName: cn(\"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6\", className),\n\t\t...props\n\t});\n}\nfunction CardTitle({ className, ...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"card-title\",\n\t\tclassName: cn(\"leading-none font-semibold\", className),\n\t\t...props\n\t});\n}\nfunction CardContent({ className, ...props }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\t\"data-slot\": \"card-content\",\n\t\tclassName: cn(\"px-6\", className),\n\t\t...props\n\t});\n}\n\n//#endregion\nexport { Card, CardContent, CardHeader, CardTitle };\n//# sourceMappingURL=card.js.map"],"mappings":";;;;;AAKA,SAAS,KAAK,EAAE,WAAW,GAAG,SAAS;AACtC,QAAuB,oBAAI,OAAO;EACjC,aAAa;EACb,WAAW,GAAG,sFAAsF,UAAU;EAC9G,GAAG;EACH,CAAC;;AAEH,SAAS,WAAW,EAAE,WAAW,GAAG,SAAS;AAC5C,QAAuB,oBAAI,OAAO;EACjC,aAAa;EACb,WAAW,GAAG,8JAA8J,UAAU;EACtL,GAAG;EACH,CAAC;;AAEH,SAAS,UAAU,EAAE,WAAW,GAAG,SAAS;AAC3C,QAAuB,oBAAI,OAAO;EACjC,aAAa;EACb,WAAW,GAAG,8BAA8B,UAAU;EACtD,GAAG;EACH,CAAC;;AAEH,SAAS,YAAY,EAAE,WAAW,GAAG,SAAS;AAC7C,QAAuB,oBAAI,OAAO;EACjC,aAAa;EACb,WAAW,GAAG,QAAQ,UAAU;EAChC,GAAG;EACH,CAAC"}

package/dist/{libs/ui-kit-core/dist → examples/learning-journey-ui-gamified/dist/libs/ui-kit-web/dist/ui}/utils.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../../../../../../../../../learning-journey-ui-gamified/dist/libs/ui-kit-web/dist/ui/utils.js"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n//#region ../../libs/ui-kit-web/dist/ui/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-gamified/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-gamified/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-gamified/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-gamified/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-gamified/{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 { BadgeDisplay } from "../../../learning-journey-ui-shared/src/components/BadgeDisplay.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 { 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 { Button } from "../libs/design-system/dist/components/atoms/Button.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region ../learning-journey-ui-gamified/src/views/Overview.tsx
+//#region ../learning-journey-ui-gamified/dist/views/Overview.js
 function Overview({ track, progress, onStart }) {
 	const totalXp = track.totalXp ?? track.steps.reduce((sum, s) => sum + (s.xpReward ?? 0), 0) + (track.completionRewards?.xpBonus ?? 0);
 	const completedSteps = progress.completedStepIds.length;
@@ -125,7 +125,7 @@ function Overview({ track, progress, onStart }) {
 								nextStep.xpReward,
 								" XP"
 							]
-						}), /* @__PURE__ */ jsx(Button$1, {
+						}), /* @__PURE__ */ jsx(Button, {
 							onClick: onStart,
 							children: "Start"
 						})]
@@ -160,4 +160,5 @@ function Overview({ track, progress, onStart }) {
 }
 
 //#endregion
-export { Overview };
+export { Overview };
+//# sourceMappingURL=Overview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Overview.js","names":[],"sources":["../../../../../../learning-journey-ui-gamified/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 { BadgeDisplay } from \"../examples/learning-journey-ui-shared/dist/components/BadgeDisplay.js\";\nimport \"../examples/learning-journey-ui-shared/dist/index.js\";\nimport { Button } from \"../libs/design-system/dist/components/atoms/Button.js\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\n\n//#region src/views/Overview.tsx\nfunction Overview({ track, progress, onStart }) {\n\tconst totalXp = track.totalXp ?? track.steps.reduce((sum, s) => sum + (s.xpReward ?? 0), 0) + (track.completionRewards?.xpBonus ?? 0);\n\tconst completedSteps = progress.completedStepIds.length;\n\tconst totalSteps = track.steps.length;\n\tconst isComplete = completedSteps === totalSteps;\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-violet-500/10 via-purple-500/10 to-fuchsia-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-20 w-20 items-center justify-center rounded-2xl bg-gradient-to-br from-violet-500 to-purple-600 text-4xl shadow-lg\",\n\t\t\t\t\t\t\t\tchildren: isComplete ? \"🏆\" : \"🎯\"\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-3\",\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: \"XP Progress\"\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-violet-500\",\n\t\t\t\t\t\tchildren: progress.xpEarned.toLocaleString()\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\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: \"Steps Completed\"\n\t\t\t\t\t\t})\n\t\t\t\t\t}), /* @__PURE__ */ jsxs(CardContent, { children: [/* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\t\t\tclassName: \"text-3xl font-bold\",\n\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\tcompletedSteps,\n\t\t\t\t\t\t\t\" \",\n\t\t\t\t\t\t\t/* @__PURE__ */ jsxs(\"span\", {\n\t\t\t\t\t\t\t\tclassName: \"text-muted-foreground text-lg\",\n\t\t\t\t\t\t\t\tchildren: [\"/ \", totalSteps]\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t]\n\t\t\t\t\t}), /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\t\tclassName: \"bg-muted mt-2 h-2 w-full overflow-hidden rounded-full\",\n\t\t\t\t\t\tchildren: /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\t\t\tclassName: \"h-full bg-green-500 transition-all duration-500\",\n\t\t\t\t\t\t\tstyle: { width: `${completedSteps / totalSteps * 100}%` }\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: \"Badges Earned\"\n\t\t\t\t\t\t})\n\t\t\t\t\t}), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(BadgeDisplay, {\n\t\t\t\t\t\tbadges: progress.badges,\n\t\t\t\t\t\tsize: \"lg\"\n\t\t\t\t\t}) })] })\n\t\t\t\t]\n\t\t\t}),\n\t\t\t!isComplete && /* @__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: \"Next Challenge\" })]\n\t\t\t}) }), /* @__PURE__ */ jsx(CardContent, { children: (() => {\n\t\t\t\tconst nextStep = track.steps.find((s) => !progress.completedStepIds.includes(s.id));\n\t\t\t\tif (!nextStep) return null;\n\t\t\t\treturn /* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\t\tclassName: \"flex items-center justify-between gap-4\",\n\t\t\t\t\tchildren: [/* @__PURE__ */ jsxs(\"div\", { children: [/* @__PURE__ */ jsx(\"h3\", {\n\t\t\t\t\t\tclassName: \"font-semibold\",\n\t\t\t\t\t\tchildren: nextStep.title\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: nextStep.description\n\t\t\t\t\t})] }), /* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\t\t\tclassName: \"flex items-center gap-3\",\n\t\t\t\t\t\tchildren: [nextStep.xpReward && /* @__PURE__ */ jsxs(\"span\", {\n\t\t\t\t\t\t\tclassName: \"rounded-full bg-green-500/10 px-3 py-1 text-sm 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\tnextStep.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}), /* @__PURE__ */ jsx(Button, {\n\t\t\t\t\t\t\tonClick: onStart,\n\t\t\t\t\t\t\tchildren: \"Start\"\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\tisComplete && /* @__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: \"Track Complete!\"\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\"You've mastered all \",\n\t\t\t\t\t\t\ttotalSteps,\n\t\t\t\t\t\t\t\" challenges and earned\",\n\t\t\t\t\t\t\t\" \",\n\t\t\t\t\t\t\tprogress.xpEarned,\n\t\t\t\t\t\t\t\" XP.\"\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-gamified/{src → dist}/views/Progress.js

@@ -1,13 +1,13 @@
 '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 { 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 { BadgeDisplay } from "../examples/learning-journey-ui-shared/dist/components/BadgeDisplay.js";
+import "../examples/learning-journey-ui-shared/dist/index.js";
 import { MasteryRing } from "../components/MasteryRing.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region ../learning-journey-ui-gamified/src/views/Progress.tsx
+//#region ../learning-journey-ui-gamified/dist/views/Progress.js
 function Progress({ track, progress }) {
 	const totalXp = track.totalXp ?? track.steps.reduce((sum, s) => sum + (s.xpReward ?? 0), 0) + (track.completionRewards?.xpBonus ?? 0);
 	const completedSteps = progress.completedStepIds.length;
@@ -141,4 +141,5 @@ function Progress({ track, progress }) {
 }
 
 //#endregion
-export { Progress };
+export { Progress };
+//# sourceMappingURL=Progress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","names":[],"sources":["../../../../../../learning-journey-ui-gamified/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 { BadgeDisplay } from \"../examples/learning-journey-ui-shared/dist/components/BadgeDisplay.js\";\nimport \"../examples/learning-journey-ui-shared/dist/index.js\";\nimport { MasteryRing } from \"../components/MasteryRing.js\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\n\n//#region src/views/Progress.tsx\nfunction Progress({ track, progress }) {\n\tconst totalXp = track.totalXp ?? track.steps.reduce((sum, s) => sum + (s.xpReward ?? 0), 0) + (track.completionRewards?.xpBonus ?? 0);\n\tconst completedSteps = progress.completedStepIds.length;\n\tconst totalSteps = track.steps.length;\n\tconst percentComplete = totalSteps > 0 ? completedSteps / totalSteps * 100 : 0;\n\tconst surfaces = /* @__PURE__ */ new Map();\n\ttrack.steps.forEach((step) => {\n\t\tconst surface = step.metadata?.surface ?? \"general\";\n\t\tconst current = surfaces.get(surface) ?? {\n\t\t\ttotal: 0,\n\t\t\tcompleted: 0\n\t\t};\n\t\tsurfaces.set(surface, {\n\t\t\ttotal: current.total + 1,\n\t\t\tcompleted: current.completed + (progress.completedStepIds.includes(step.id) ? 1 : 0)\n\t\t});\n\t});\n\tconst surfaceColors = [\n\t\t\"green\",\n\t\t\"blue\",\n\t\t\"violet\",\n\t\t\"orange\"\n\t];\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: \"Experience Points\" })]\n\t\t\t}) }), /* @__PURE__ */ jsxs(CardContent, {\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-baseline gap-2\",\n\t\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\t\t\tclassName: \"text-4xl font-bold text-violet-500\",\n\t\t\t\t\t\t\tchildren: progress.xpEarned.toLocaleString()\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.toLocaleString(),\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\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\ttrack.completionRewards?.xpBonus && percentComplete < 100 && /* @__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\"🎁 Complete all steps for a\",\n\t\t\t\t\t\t\t\" \",\n\t\t\t\t\t\t\t/* @__PURE__ */ jsxs(\"span\", {\n\t\t\t\t\t\t\t\tclassName: \"font-semibold text-green-500\",\n\t\t\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t\t\t\"+\",\n\t\t\t\t\t\t\t\t\ttrack.completionRewards.xpBonus,\n\t\t\t\t\t\t\t\t\t\" XP\"\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\" \",\n\t\t\t\t\t\t\t\"bonus!\"\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(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: \"Skill Mastery\" })]\n\t\t\t}) }), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\tclassName: \"flex flex-wrap justify-center gap-6\",\n\t\t\t\tchildren: [Array.from(surfaces.entries()).map(([surface, data], index) => /* @__PURE__ */ jsx(MasteryRing, {\n\t\t\t\t\tlabel: surface.charAt(0).toUpperCase() + surface.slice(1),\n\t\t\t\t\tpercentage: data.completed / data.total * 100,\n\t\t\t\t\tcolor: surfaceColors[index % surfaceColors.length],\n\t\t\t\t\tsize: \"lg\"\n\t\t\t\t}, surface)), /* @__PURE__ */ jsx(MasteryRing, {\n\t\t\t\t\tlabel: \"Overall\",\n\t\t\t\t\tpercentage: percentComplete,\n\t\t\t\t\tcolor: \"violet\",\n\t\t\t\t\tsize: \"lg\"\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: \"Badges Earned\" })]\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: \"Complete the track to earn your first badge!\"\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: \"Step Breakdown\" })]\n\t\t\t}) }), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\tclassName: \"space-y-2\",\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-muted-foreground\",\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-foreground\" : \"text-muted-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}), step.xpReward && /* @__PURE__ */ jsxs(\"span\", {\n\t\t\t\t\t\t\tclassName: `text-sm font-medium ${isCompleted ? \"text-green-500\" : \"text-muted-foreground\"}`,\n\t\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t\tisCompleted ? \"+\" : \"\",\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}, step.id);\n\t\t\t\t})\n\t\t\t}) })] })\n\t\t]\n\t});\n}\n\n//#endregion\nexport { Progress };\n//# sourceMappingURL=Progress.js.map"],"mappings":"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"}

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

@@ -3,7 +3,7 @@
 import { FlashCard } from "../components/FlashCard.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region ../learning-journey-ui-gamified/src/views/Steps.tsx
+//#region ../learning-journey-ui-gamified/dist/views/Steps.js
 function Steps({ track, progress, onStepComplete }) {
 	const currentStepIndex = track.steps.findIndex((s) => !progress.completedStepIds.includes(s.id));
 	return /* @__PURE__ */ jsxs("div", {
@@ -52,4 +52,5 @@ function Steps({ track, progress, onStepComplete }) {
 }
 
 //#endregion
-export { Steps };
+export { Steps };
+//# sourceMappingURL=Steps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.js","names":[],"sources":["../../../../../../learning-journey-ui-gamified/dist/views/Steps.js"],"sourcesContent":["'use client';\n\nimport { FlashCard } from \"../components/FlashCard.js\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\n\n//#region src/views/Steps.tsx\nfunction Steps({ track, progress, onStepComplete }) {\n\tconst currentStepIndex = track.steps.findIndex((s) => !progress.completedStepIds.includes(s.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: [/* @__PURE__ */ jsx(\"h2\", {\n\t\t\t\t\tclassName: \"text-xl font-bold\",\n\t\t\t\t\tchildren: \"Complete Your Challenges\"\n\t\t\t\t}), /* @__PURE__ */ jsx(\"p\", {\n\t\t\t\t\tclassName: \"text-muted-foreground\",\n\t\t\t\t\tchildren: \"Tap each card to reveal the action, then mark as complete\"\n\t\t\t\t})]\n\t\t\t}),\n\t\t\t/* @__PURE__ */ jsx(\"div\", {\n\t\t\t\tclassName: \"grid gap-4 md:grid-cols-2\",\n\t\t\t\tchildren: track.steps.map((step, index) => {\n\t\t\t\t\treturn /* @__PURE__ */ jsx(FlashCard, {\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: index === currentStepIndex,\n\t\t\t\t\t\tonComplete: () => onStepComplete?.(step.id)\n\t\t\t\t\t}, step.id);\n\t\t\t\t})\n\t\t\t}),\n\t\t\t/* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\tclassName: \"text-muted-foreground text-center text-sm\",\n\t\t\t\tchildren: [\n\t\t\t\t\tprogress.completedStepIds.length,\n\t\t\t\t\t\" of \",\n\t\t\t\t\ttrack.steps.length,\n\t\t\t\t\t\" completed\",\n\t\t\t\t\ttrack.completionRewards?.xpBonus && /* @__PURE__ */ jsxs(\"span\", {\n\t\t\t\t\t\tclassName: \"ml-2 text-green-500\",\n\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t\"(+\",\n\t\t\t\t\t\t\ttrack.completionRewards.xpBonus,\n\t\t\t\t\t\t\t\" XP bonus on completion)\"\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 { Steps };\n//# sourceMappingURL=Steps.js.map"],"mappings":";;;;;;AAMA,SAAS,MAAM,EAAE,OAAO,UAAU,kBAAkB;CACnD,MAAM,mBAAmB,MAAM,MAAM,WAAW,MAAM,CAAC,SAAS,iBAAiB,SAAS,EAAE,GAAG,CAAC;AAChG,QAAuB,qBAAK,OAAO;EAClC,WAAW;EACX,UAAU;GACO,qBAAK,OAAO;IAC3B,WAAW;IACX,UAAU,CAAiB,oBAAI,MAAM;KACpC,WAAW;KACX,UAAU;KACV,CAAC,EAAkB,oBAAI,KAAK;KAC5B,WAAW;KACX,UAAU;KACV,CAAC,CAAC;IACH,CAAC;GACc,oBAAI,OAAO;IAC1B,WAAW;IACX,UAAU,MAAM,MAAM,KAAK,MAAM,UAAU;AAC1C,YAAuB,oBAAI,WAAW;MACrC;MACA,aAAa,SAAS,iBAAiB,SAAS,KAAK,GAAG;MACxD,WAAW,UAAU;MACrB,kBAAkB,iBAAiB,KAAK,GAAG;MAC3C,EAAE,KAAK,GAAG;MACV;IACF,CAAC;GACc,qBAAK,OAAO;IAC3B,WAAW;IACX,UAAU;KACT,SAAS,iBAAiB;KAC1B;KACA,MAAM,MAAM;KACZ;KACA,MAAM,mBAAmB,WAA2B,qBAAK,QAAQ;MAChE,WAAW;MACX,UAAU;OACT;OACA,MAAM,kBAAkB;OACxB;OACA;MACD,CAAC;KACF;IACD,CAAC;GACF;EACD,CAAC"}

package/dist/examples/learning-journey-ui-gamified/{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 { DayCalendar } from "../components/DayCalendar.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region ../learning-journey-ui-gamified/src/views/Timeline.tsx
+//#region ../learning-journey-ui-gamified/dist/views/Timeline.js
 function Timeline({ track, progress }) {
 	if (track.steps.some((s) => s.availability?.unlockOnDay !== void 0)) {
 		const totalDays = Math.max(...track.steps.map((s) => s.availability?.unlockOnDay ?? 1), 7);
@@ -129,4 +129,5 @@ function Timeline({ track, progress }) {
 }
 
 //#endregion
-export { Timeline };
+export { Timeline };
+//# sourceMappingURL=Timeline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.js","names":[],"sources":["../../../../../../learning-journey-ui-gamified/dist/views/Timeline.js"],"sourcesContent":["'use client';\n\nimport { Card, CardContent, CardHeader, CardTitle } from \"../libs/ui-kit-web/dist/ui/card.js\";\nimport { DayCalendar } from \"../components/DayCalendar.js\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\n\n//#region src/views/Timeline.tsx\nfunction Timeline({ track, progress }) {\n\tif (track.steps.some((s) => s.availability?.unlockOnDay !== void 0)) {\n\t\tconst totalDays = Math.max(...track.steps.map((s) => s.availability?.unlockOnDay ?? 1), 7);\n\t\tconst completedDays = track.steps.filter((s) => progress.completedStepIds.includes(s.id)).map((s) => s.availability?.unlockOnDay ?? 1);\n\t\tconst currentDay = track.steps.find((s) => !progress.completedStepIds.includes(s.id))?.availability?.unlockOnDay ?? 1;\n\t\treturn /* @__PURE__ */ jsxs(\"div\", {\n\t\t\tclassName: \"space-y-6\",\n\t\t\tchildren: [\n\t\t\t\t/* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\t\tclassName: \"text-center\",\n\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"h2\", {\n\t\t\t\t\t\tclassName: \"text-xl font-bold\",\n\t\t\t\t\t\tchildren: track.name\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: \"Complete each day's challenge to progress\"\n\t\t\t\t\t})]\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, { children: /* @__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: \"Your Journey\" })]\n\t\t\t\t}) }), /* @__PURE__ */ jsx(CardContent, {\n\t\t\t\t\tclassName: \"flex justify-center\",\n\t\t\t\t\tchildren: /* @__PURE__ */ jsx(DayCalendar, {\n\t\t\t\t\t\ttotalDays,\n\t\t\t\t\t\tcurrentDay,\n\t\t\t\t\t\tcompletedDays\n\t\t\t\t\t})\n\t\t\t\t})] }),\n\t\t\t\t/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, { children: /* @__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: \"Daily Challenges\" })]\n\t\t\t\t}) }), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\tclassName: \"space-y-3\",\n\t\t\t\t\tchildren: track.steps.map((step) => {\n\t\t\t\t\t\tconst day = step.availability?.unlockOnDay ?? 1;\n\t\t\t\t\t\tconst isCompleted = progress.completedStepIds.includes(step.id);\n\t\t\t\t\t\tconst isLocked = day > currentDay;\n\t\t\t\t\t\treturn /* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\t\t\t\tclassName: `flex items-start gap-4 rounded-lg border p-4 ${isLocked ? \"opacity-50\" : \"\"}`,\n\t\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t\t/* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\t\t\t\t\tclassName: \"bg-muted flex h-10 w-10 shrink-0 items-center justify-center rounded-lg font-semibold\",\n\t\t\t\t\t\t\t\t\tchildren: isCompleted ? \"✓\" : isLocked ? \"🔒\" : day\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t/* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\t\t\t\t\t\tclassName: \"flex-1\",\n\t\t\t\t\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"h4\", {\n\t\t\t\t\t\t\t\t\t\tclassName: \"font-semibold\",\n\t\t\t\t\t\t\t\t\t\tchildren: step.title\n\t\t\t\t\t\t\t\t\t}), /* @__PURE__ */ jsx(\"p\", {\n\t\t\t\t\t\t\t\t\t\tclassName: \"text-muted-foreground text-sm\",\n\t\t\t\t\t\t\t\t\t\tchildren: step.description\n\t\t\t\t\t\t\t\t\t})]\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\tstep.xpReward && /* @__PURE__ */ jsxs(\"span\", {\n\t\t\t\t\t\t\t\t\tclassName: `text-sm font-medium ${isCompleted ? \"text-green-500\" : \"text-muted-foreground\"}`,\n\t\t\t\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t\t\t\t\"+\",\n\t\t\t\t\t\t\t\t\t\tstep.xpReward,\n\t\t\t\t\t\t\t\t\t\t\" XP\"\n\t\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t]\n\t\t\t\t\t\t}, step.id);\n\t\t\t\t\t})\n\t\t\t\t}) })] })\n\t\t\t]\n\t\t});\n\t}\n\treturn /* @__PURE__ */ jsxs(\"div\", {\n\t\tclassName: \"space-y-6\",\n\t\tchildren: [/* @__PURE__ */ jsxs(\"div\", {\n\t\t\tclassName: \"text-center\",\n\t\t\tchildren: [/* @__PURE__ */ jsx(\"h2\", {\n\t\t\t\tclassName: \"text-xl font-bold\",\n\t\t\t\tchildren: \"Learning Path\"\n\t\t\t}), /* @__PURE__ */ jsx(\"p\", {\n\t\t\t\tclassName: \"text-muted-foreground\",\n\t\t\t\tchildren: \"Follow the steps to master this skill\"\n\t\t\t})]\n\t\t}), /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, {\n\t\t\tclassName: \"p-6\",\n\t\t\tchildren: /* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\tclassName: \"relative\",\n\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"div\", { className: \"bg-border absolute top-0 left-5 h-full w-0.5\" }), /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\tclassName: \"space-y-6\",\n\t\t\t\t\tchildren: track.steps.map((step, index) => {\n\t\t\t\t\t\tconst isCompleted = progress.completedStepIds.includes(step.id);\n\t\t\t\t\t\tconst isCurrent = !isCompleted && track.steps.slice(0, index).every((s) => progress.completedStepIds.includes(s.id));\n\t\t\t\t\t\treturn /* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\t\t\t\tclassName: \"relative flex gap-4 pl-2\",\n\t\t\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\t\t\t\tclassName: `relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full border-2 ${isCompleted ? \"border-green-500 bg-green-500 text-white\" : isCurrent ? \"border-violet-500 bg-violet-500 text-white\" : \"border-border bg-background\"}`,\n\t\t\t\t\t\t\t\tchildren: isCompleted ? \"✓\" : index + 1\n\t\t\t\t\t\t\t}), /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\t\t\t\tclassName: \"flex-1 pb-4\",\n\t\t\t\t\t\t\t\tchildren: /* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\t\t\t\t\t\tclassName: \"flex items-start justify-between gap-2\",\n\t\t\t\t\t\t\t\t\tchildren: [/* @__PURE__ */ jsxs(\"div\", { children: [/* @__PURE__ */ jsx(\"h4\", {\n\t\t\t\t\t\t\t\t\t\tclassName: `font-semibold ${isCompleted ? \"text-foreground\" : isCurrent ? \"text-violet-500\" : \"text-muted-foreground\"}`,\n\t\t\t\t\t\t\t\t\t\tchildren: step.title\n\t\t\t\t\t\t\t\t\t}), /* @__PURE__ */ jsx(\"p\", {\n\t\t\t\t\t\t\t\t\t\tclassName: \"text-muted-foreground mt-1 text-sm\",\n\t\t\t\t\t\t\t\t\t\tchildren: step.description\n\t\t\t\t\t\t\t\t\t})] }), step.xpReward && /* @__PURE__ */ jsxs(\"span\", {\n\t\t\t\t\t\t\t\t\t\tclassName: `shrink-0 rounded-full px-2 py-1 text-xs font-semibold ${isCompleted ? \"bg-green-500/10 text-green-500\" : \"bg-muted text-muted-foreground\"}`,\n\t\t\t\t\t\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\t\t\t\t\t\"+\",\n\t\t\t\t\t\t\t\t\t\t\tstep.xpReward,\n\t\t\t\t\t\t\t\t\t\t\t\" XP\"\n\t\t\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t\t\t})]\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t})]\n\t\t\t\t\t\t}, step.id);\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-onboarding/{src → dist}/OnboardingMiniApp.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 { ProgressView } 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-onboarding/src/OnboardingMiniApp.tsx
+//#region ../learning-journey-ui-onboarding/dist/OnboardingMiniApp.js
 function OnboardingMiniApp({ 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 OnboardingMiniApp({ track, progress: externalProgress, onStepComplete:
 }
 
 //#endregion
-export { OnboardingMiniApp };
+export { OnboardingMiniApp };
+//# sourceMappingURL=OnboardingMiniApp.js.map

package/dist/examples/learning-journey-ui-onboarding/dist/OnboardingMiniApp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingMiniApp.js","names":[],"sources":["../../../../../learning-journey-ui-onboarding/dist/OnboardingMiniApp.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 as ProgressView } 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/OnboardingMiniApp.tsx\nfunction OnboardingMiniApp({ 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(ProgressView, { ...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 { OnboardingMiniApp };\n//# sourceMappingURL=OnboardingMiniApp.js.map"],"mappings":";;;;;;;;;;;;;;AAcA,SAAS,kBAAkB,EAAE,OAAO,UAAU,kBAAkB,gBAAgB,wBAAwB,cAAc,cAAc,cAAc;CACjJ,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,cAAc,EAAE,GAAG,WAAW,CAAC;GAC3E,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-onboarding/{src → dist}/components/CodeSnippet.js

@@ -1,4 +1,5 @@
 'use client';
 
+import "../libs/design-system/dist/components/atoms/Button.js";
 import { useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/examples/learning-journey-ui-onboarding/{src → dist}/components/JourneyMap.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-onboarding/src/components/JourneyMap.tsx
+//#region ../learning-journey-ui-onboarding/dist/components/JourneyMap.js
 const SURFACE_ICONS = {
 	templates: "📋",
 	"spec-editor": "✏️",
@@ -45,4 +45,5 @@ function JourneyMap({ steps, completedStepIds, currentStepId }) {
 }
 
 //#endregion
-export { JourneyMap };
+export { JourneyMap };
+//# sourceMappingURL=JourneyMap.js.map

package/dist/examples/learning-journey-ui-onboarding/dist/components/JourneyMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JourneyMap.js","names":[],"sources":["../../../../../../learning-journey-ui-onboarding/dist/components/JourneyMap.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/JourneyMap.tsx\nconst SURFACE_ICONS = {\n\ttemplates: \"📋\",\n\t\"spec-editor\": \"✏️\",\n\tregenerator: \"🔄\",\n\tplayground: \"🎮\",\n\tevolution: \"🤖\",\n\tdashboard: \"📊\",\n\tsettings: \"⚙️\",\n\tdefault: \"📍\"\n};\nfunction JourneyMap({ steps, completedStepIds, currentStepId }) {\n\treturn /* @__PURE__ */ jsx(\"div\", {\n\t\tclassName: \"relative overflow-x-auto pb-4\",\n\t\tchildren: /* @__PURE__ */ jsx(\"div\", {\n\t\t\tclassName: \"flex min-w-max items-center gap-2\",\n\t\t\tchildren: steps.map((step, index) => {\n\t\t\t\tconst isCompleted = completedStepIds.includes(step.id);\n\t\t\t\tconst isCurrent = step.id === currentStepId;\n\t\t\t\tconst icon = SURFACE_ICONS[step.metadata?.surface ?? \"default\"] ?? SURFACE_ICONS.default;\n\t\t\t\treturn /* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\t\tclassName: \"flex items-center\",\n\t\t\t\t\tchildren: [/* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\t\t\tclassName: \"flex flex-col items-center gap-2\",\n\t\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\t\t\tclassName: cn(\"flex h-14 w-14 items-center justify-center rounded-2xl border-2 text-2xl transition-all\", isCompleted && \"border-green-500 bg-green-500/10\", isCurrent && !isCompleted && \"border-violet-500 bg-violet-500/10 ring-4 ring-violet-500/20\", !isCompleted && !isCurrent && \"border-muted bg-muted/50\"),\n\t\t\t\t\t\t\tchildren: isCompleted ? \"✓\" : icon\n\t\t\t\t\t\t}), /* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\t\t\tclassName: \"text-center\",\n\t\t\t\t\t\t\tchildren: /* @__PURE__ */ jsx(\"p\", {\n\t\t\t\t\t\t\t\tclassName: cn(\"max-w-[100px] truncate text-xs font-medium\", isCompleted && \"text-green-500\", isCurrent && !isCompleted && \"text-violet-500\", !isCompleted && !isCurrent && \"text-muted-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})]\n\t\t\t\t\t}), index < steps.length - 1 && /* @__PURE__ */ jsx(\"div\", { className: cn(\"mx-2 h-1 w-8 rounded-full transition-colors\", completedStepIds.includes(steps[index + 1]?.id ?? \"\") ? \"bg-green-500\" : isCompleted ? \"bg-green-500/50\" : \"bg-muted\") })]\n\t\t\t\t}, step.id);\n\t\t\t})\n\t\t})\n\t});\n}\n\n//#endregion\nexport { JourneyMap };\n//# sourceMappingURL=JourneyMap.js.map"],"mappings":";;;;;;AAMA,MAAM,gBAAgB;CACrB,WAAW;CACX,eAAe;CACf,aAAa;CACb,YAAY;CACZ,WAAW;CACX,WAAW;CACX,UAAU;CACV,SAAS;CACT;AACD,SAAS,WAAW,EAAE,OAAO,kBAAkB,iBAAiB;AAC/D,QAAuB,oBAAI,OAAO;EACjC,WAAW;EACX,UAA0B,oBAAI,OAAO;GACpC,WAAW;GACX,UAAU,MAAM,KAAK,MAAM,UAAU;IACpC,MAAM,cAAc,iBAAiB,SAAS,KAAK,GAAG;IACtD,MAAM,YAAY,KAAK,OAAO;IAC9B,MAAM,OAAO,cAAc,KAAK,UAAU,WAAW,cAAc,cAAc;AACjF,WAAuB,qBAAK,OAAO;KAClC,WAAW;KACX,UAAU,CAAiB,qBAAK,OAAO;MACtC,WAAW;MACX,UAAU,CAAiB,oBAAI,OAAO;OACrC,WAAW,GAAG,2FAA2F,eAAe,oCAAoC,aAAa,CAAC,eAAe,gEAAgE,CAAC,eAAe,CAAC,aAAa,2BAA2B;OAClT,UAAU,cAAc,MAAM;OAC9B,CAAC,EAAkB,oBAAI,OAAO;OAC9B,WAAW;OACX,UAA0B,oBAAI,KAAK;QAClC,WAAW,GAAG,8CAA8C,eAAe,kBAAkB,aAAa,CAAC,eAAe,mBAAmB,CAAC,eAAe,CAAC,aAAa,wBAAwB;QACnM,UAAU,KAAK;QACf,CAAC;OACF,CAAC,CAAC;MACH,CAAC,EAAE,QAAQ,MAAM,SAAS,KAAqB,oBAAI,OAAO,EAAE,WAAW,GAAG,+CAA+C,iBAAiB,SAAS,MAAM,QAAQ,IAAI,MAAM,GAAG,GAAG,iBAAiB,cAAc,oBAAoB,WAAW,EAAE,CAAC,CAAC;KACpP,EAAE,KAAK,GAAG;KACV;GACF,CAAC;EACF,CAAC"}

package/dist/examples/learning-journey-ui-onboarding/{src → dist}/components/StepChecklist.js

@@ -1,10 +1,10 @@
 'use client';
 
-import { Button$1 } from "../../../../libs/design-system/dist/components/atoms/Button.js";
-import { cn } from "../../../../libs/ui-kit-core/dist/utils.js";
+import { Button } from "../libs/design-system/dist/components/atoms/Button.js";
+import { cn } from "../libs/ui-kit-core/dist/utils.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region ../learning-journey-ui-onboarding/src/components/StepChecklist.tsx
+//#region ../learning-journey-ui-onboarding/dist/components/StepChecklist.js
 function StepChecklist({ step, stepNumber, isCompleted, isCurrent, isExpanded, onToggle, onComplete }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("rounded-xl border transition-all", isCompleted && "border-green-500/50 bg-green-500/5", isCurrent && !isCompleted && "border-violet-500 bg-violet-500/5", !isCompleted && !isCurrent && "border-border"),
@@ -59,12 +59,12 @@ function StepChecklist({ step, stepNumber, isCompleted, isCurrent, isExpanded, o
 				}),
 				/* @__PURE__ */ jsxs("div", {
 					className: "flex flex-wrap gap-2",
-					children: [step.actionUrl && /* @__PURE__ */ jsx(Button$1, {
+					children: [step.actionUrl && /* @__PURE__ */ jsx(Button, {
 						variant: "outline",
 						size: "sm",
 						onClick: () => window.open(step.actionUrl, "_blank"),
 						children: step.actionLabel ?? "Try it"
-					}), !isCompleted && /* @__PURE__ */ jsx(Button$1, {
+					}), !isCompleted && /* @__PURE__ */ jsx(Button, {
 						size: "sm",
 						onClick: onComplete,
 						children: "Mark as Complete"
@@ -76,4 +76,5 @@ function StepChecklist({ step, stepNumber, isCompleted, isCurrent, isExpanded, o
 }
 
 //#endregion
-export { StepChecklist };
+export { StepChecklist };
+//# sourceMappingURL=StepChecklist.js.map

package/dist/examples/learning-journey-ui-onboarding/dist/components/StepChecklist.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepChecklist.js","names":[],"sources":["../../../../../../learning-journey-ui-onboarding/dist/components/StepChecklist.js"],"sourcesContent":["'use client';\n\nimport { Button } from \"../libs/design-system/dist/components/atoms/Button.js\";\nimport { cn } from \"../libs/ui-kit-core/dist/utils.js\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\n\n//#region src/components/StepChecklist.tsx\nfunction StepChecklist({ step, stepNumber, isCompleted, isCurrent, isExpanded, onToggle, onComplete }) {\n\treturn /* @__PURE__ */ jsxs(\"div\", {\n\t\tclassName: cn(\"rounded-xl border transition-all\", isCompleted && \"border-green-500/50 bg-green-500/5\", isCurrent && !isCompleted && \"border-violet-500 bg-violet-500/5\", !isCompleted && !isCurrent && \"border-border\"),\n\t\tchildren: [/* @__PURE__ */ jsxs(\"button\", {\n\t\t\ttype: \"button\",\n\t\t\tclassName: \"flex w-full items-center gap-4 p-4 text-left\",\n\t\t\tonClick: onToggle,\n\t\t\tchildren: [\n\t\t\t\t/* @__PURE__ */ jsx(\"div\", {\n\t\t\t\t\tclassName: cn(\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full border-2 text-sm font-semibold transition-colors\", isCompleted && \"border-green-500 bg-green-500 text-white\", isCurrent && !isCompleted && \"border-violet-500 text-violet-500\", !isCompleted && !isCurrent && \"border-muted-foreground text-muted-foreground\"),\n\t\t\t\t\tchildren: isCompleted ? \"✓\" : stepNumber\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\t\tclassName: \"min-w-0 flex-1\",\n\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"h4\", {\n\t\t\t\t\t\tclassName: cn(\"font-semibold\", isCompleted && \"text-green-500\", isCurrent && !isCompleted && \"text-foreground\", !isCompleted && !isCurrent && \"text-muted-foreground\"),\n\t\t\t\t\t\tchildren: step.title\n\t\t\t\t\t}), !isExpanded && step.description && /* @__PURE__ */ jsx(\"p\", {\n\t\t\t\t\t\tclassName: \"text-muted-foreground truncate text-sm\",\n\t\t\t\t\t\tchildren: step.description\n\t\t\t\t\t})]\n\t\t\t\t}),\n\t\t\t\tstep.xpReward && /* @__PURE__ */ jsxs(\"span\", {\n\t\t\t\t\tclassName: cn(\"shrink-0 rounded-full px-2 py-1 text-xs font-semibold\", isCompleted ? \"bg-green-500/10 text-green-500\" : \"bg-muted text-muted-foreground\"),\n\t\t\t\t\tchildren: [\n\t\t\t\t\t\t\"+\",\n\t\t\t\t\t\tstep.xpReward,\n\t\t\t\t\t\t\" XP\"\n\t\t\t\t\t]\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ jsx(\"span\", {\n\t\t\t\t\tclassName: cn(\"shrink-0 transition-transform\", isExpanded && \"rotate-180\"),\n\t\t\t\t\tchildren: \"▼\"\n\t\t\t\t})\n\t\t\t]\n\t\t}), isExpanded && /* @__PURE__ */ jsxs(\"div\", {\n\t\t\tclassName: \"border-t px-4 py-4\",\n\t\t\tchildren: [\n\t\t\t\tstep.description && /* @__PURE__ */ jsx(\"p\", {\n\t\t\t\t\tclassName: \"text-muted-foreground mb-4\",\n\t\t\t\t\tchildren: step.description\n\t\t\t\t}),\n\t\t\t\tstep.instructions && /* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\t\tclassName: \"bg-muted mb-4 rounded-lg p-4\",\n\t\t\t\t\tchildren: [/* @__PURE__ */ jsx(\"p\", {\n\t\t\t\t\t\tclassName: \"mb-2 text-sm font-medium\",\n\t\t\t\t\t\tchildren: \"Instructions:\"\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: step.instructions\n\t\t\t\t\t})]\n\t\t\t\t}),\n\t\t\t\t/* @__PURE__ */ jsxs(\"div\", {\n\t\t\t\t\tclassName: \"flex flex-wrap gap-2\",\n\t\t\t\t\tchildren: [step.actionUrl && /* @__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: () => window.open(step.actionUrl, \"_blank\"),\n\t\t\t\t\t\tchildren: step.actionLabel ?? \"Try it\"\n\t\t\t\t\t}), !isCompleted && /* @__PURE__ */ jsx(Button, {\n\t\t\t\t\t\tsize: \"sm\",\n\t\t\t\t\t\tonClick: onComplete,\n\t\t\t\t\t\tchildren: \"Mark as 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 { StepChecklist };\n//# sourceMappingURL=StepChecklist.js.map"],"mappings":";;;;;;;AAOA,SAAS,cAAc,EAAE,MAAM,YAAY,aAAa,WAAW,YAAY,UAAU,cAAc;AACtG,QAAuB,qBAAK,OAAO;EAClC,WAAW,GAAG,oCAAoC,eAAe,sCAAsC,aAAa,CAAC,eAAe,qCAAqC,CAAC,eAAe,CAAC,aAAa,gBAAgB;EACvN,UAAU,CAAiB,qBAAK,UAAU;GACzC,MAAM;GACN,WAAW;GACX,SAAS;GACT,UAAU;IACO,oBAAI,OAAO;KAC1B,WAAW,GAAG,mHAAmH,eAAe,4CAA4C,aAAa,CAAC,eAAe,qCAAqC,CAAC,eAAe,CAAC,aAAa,gDAAgD;KAC5U,UAAU,cAAc,MAAM;KAC9B,CAAC;IACc,qBAAK,OAAO;KAC3B,WAAW;KACX,UAAU,CAAiB,oBAAI,MAAM;MACpC,WAAW,GAAG,iBAAiB,eAAe,kBAAkB,aAAa,CAAC,eAAe,mBAAmB,CAAC,eAAe,CAAC,aAAa,wBAAwB;MACtK,UAAU,KAAK;MACf,CAAC,EAAE,CAAC,cAAc,KAAK,eAA+B,oBAAI,KAAK;MAC/D,WAAW;MACX,UAAU,KAAK;MACf,CAAC,CAAC;KACH,CAAC;IACF,KAAK,YAA4B,qBAAK,QAAQ;KAC7C,WAAW,GAAG,yDAAyD,cAAc,mCAAmC,iCAAiC;KACzJ,UAAU;MACT;MACA,KAAK;MACL;MACA;KACD,CAAC;IACc,oBAAI,QAAQ;KAC3B,WAAW,GAAG,iCAAiC,cAAc,aAAa;KAC1E,UAAU;KACV,CAAC;IACF;GACD,CAAC,EAAE,cAA8B,qBAAK,OAAO;GAC7C,WAAW;GACX,UAAU;IACT,KAAK,eAA+B,oBAAI,KAAK;KAC5C,WAAW;KACX,UAAU,KAAK;KACf,CAAC;IACF,KAAK,gBAAgC,qBAAK,OAAO;KAChD,WAAW;KACX,UAAU,CAAiB,oBAAI,KAAK;MACnC,WAAW;MACX,UAAU;MACV,CAAC,EAAkB,oBAAI,KAAK;MAC5B,WAAW;MACX,UAAU,KAAK;MACf,CAAC,CAAC;KACH,CAAC;IACc,qBAAK,OAAO;KAC3B,WAAW;KACX,UAAU,CAAC,KAAK,aAA6B,oBAAI,QAAQ;MACxD,SAAS;MACT,MAAM;MACN,eAAe,OAAO,KAAK,KAAK,WAAW,SAAS;MACpD,UAAU,KAAK,eAAe;MAC9B,CAAC,EAAE,CAAC,eAA+B,oBAAI,QAAQ;MAC/C,MAAM;MACN,SAAS;MACT,UAAU;MACV,CAAC,CAAC;KACH,CAAC;IACF;GACD,CAAC,CAAC;EACH,CAAC"}

package/dist/examples/learning-journey-ui-onboarding/{src → dist}/docs/learning-journey-ui-onboarding.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-onboarding/src/docs/learning-journey-ui-onboarding.docblock.ts
+//#region ../learning-journey-ui-onboarding/dist/docs/learning-journey-ui-onboarding.docblock.js
 registerDocBlocks([{
 	id: "docs.examples.learning-journey-ui-onboarding",
 	title: "Learning Journey UI — Onboarding",
@@ -17,4 +17,5 @@ registerDocBlocks([{
 	body: `## Includes\n- Onboarding mini-app shell\n- Views: overview, steps, progress, timeline\n- Components: step checklist, code snippet, journey map\n\n## Notes\n- Compose with design system components.\n- Ensure accessible labels and keyboard navigation.`
 }]);
 
-//#endregion
+//#endregion
+//# sourceMappingURL=learning-journey-ui-onboarding.docblock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"learning-journey-ui-onboarding.docblock.js","names":[],"sources":["../../../../../../learning-journey-ui-onboarding/dist/docs/learning-journey-ui-onboarding.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-onboarding.docblock.ts\nregisterDocBlocks([{\n\tid: \"docs.examples.learning-journey-ui-onboarding\",\n\ttitle: \"Learning Journey UI — Onboarding\",\n\tsummary: \"UI mini-app components for onboarding: checklists, snippets, and journey mapping.\",\n\tkind: \"reference\",\n\tvisibility: \"public\",\n\troute: \"/docs/examples/learning-journey-ui-onboarding\",\n\ttags: [\n\t\t\"learning\",\n\t\t\"ui\",\n\t\t\"onboarding\"\n\t],\n\tbody: `## Includes\\n- Onboarding mini-app shell\\n- Views: overview, steps, progress, timeline\\n- Components: step checklist, code snippet, journey map\\n\\n## Notes\\n- Compose with design system components.\\n- Ensure accessible labels and keyboard navigation.`\n}]);\n\n//#endregion\n//# sourceMappingURL=learning-journey-ui-onboarding.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-onboarding/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-onboarding/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-onboarding/dist/examples/learning-journey-ui-shared/dist/components/BadgeDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeDisplay.js","names":[],"sources":["../../../../../../../../../learning-journey-ui-onboarding/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-onboarding/dist/examples/learning-journey-ui-shared/dist/components/StreakCounter.js

@@ -0,0 +1,4 @@
+'use client';
+
+import "../libs/ui-kit-web/dist/ui/utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";

package/dist/examples/learning-journey-ui-onboarding/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-onboarding/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-onboarding/dist/examples/learning-journey-ui-shared/dist/components/ViewTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewTabs.js","names":[],"sources":["../../../../../../../../../learning-journey-ui-onboarding/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-onboarding/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-onboarding/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