@contractspec/example.learning-journey-ui-onboarding 1.57.0 → 1.58.0

package/dist/views/Overview.d.ts

@@ -1,15 +1,7 @@
-import { LearningViewProps } from "@contractspec/example.learning-journey-ui-shared";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/views/Overview.d.ts
+import type { LearningViewProps } from '@contractspec/example.learning-journey-ui-shared';
 interface OnboardingOverviewProps extends LearningViewProps {
-  onStart?: () => void;
+    onStart?: () => void;
 }
-declare function Overview({
-  track,
-  progress,
-  onStart
-}: OnboardingOverviewProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { Overview };
+export declare function Overview({ track, progress, onStart, }: OnboardingOverviewProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=Overview.d.ts.map

package/dist/views/Overview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Overview.d.ts","names":[],"sources":["../../src/views/Overview.tsx"],"mappings":";;;;UAaU,uBAAA,SAAgC,iBAAA;EACxC,OAAA;AAAA;AAAA,iBAGc,QAAA,CAAA;EACd,KAAA;EACA,QAAA;EACA;AAAA,GACC,uBAAA,GAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Overview.d.ts","sourceRoot":"","sources":["../../src/views/Overview.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AAE1F,UAAU,uBAAwB,SAAQ,iBAAiB;IACzD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,OAAO,GACR,EAAE,uBAAuB,2CAsLzB"}

package/dist/views/Overview.js

@@ -1,180 +1,241 @@
-'use client';
-
-import { Card, CardContent, CardHeader, CardTitle } from "@contractspec/lib.ui-kit-web/ui/card";
-import { XpBar } from "@contractspec/example.learning-journey-ui-shared";
+// @bun
+// src/views/Overview.tsx
 import { Button } from "@contractspec/lib.design-system";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle
+} from "@contractspec/lib.ui-kit-web/ui/card";
 import { Progress } from "@contractspec/lib.ui-kit-web/ui/progress";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/views/Overview.tsx
-function Overview({ track, progress, onStart }) {
-	const totalSteps = track.steps.length;
-	const completedSteps = progress.completedStepIds.length;
-	const percentComplete = totalSteps > 0 ? completedSteps / totalSteps * 100 : 0;
-	const isComplete = completedSteps === totalSteps;
-	const remainingSteps = totalSteps - completedSteps;
-	const estimatedMinutes = remainingSteps * 5;
-	const totalXp = track.totalXp ?? track.steps.reduce((sum, s) => sum + (s.xpReward ?? 0), 0) + (track.completionRewards?.xpBonus ?? 0);
-	return /* @__PURE__ */ jsxs("div", {
-		className: "space-y-6",
-		children: [
-			/* @__PURE__ */ jsx(Card, {
-				className: "overflow-hidden bg-gradient-to-r from-blue-500/10 via-violet-500/10 to-purple-500/10",
-				children: /* @__PURE__ */ jsx(CardContent, {
-					className: "p-8",
-					children: /* @__PURE__ */ jsxs("div", {
-						className: "flex flex-col items-center gap-6 text-center md:flex-row md:text-left",
-						children: [
-							/* @__PURE__ */ jsx("div", {
-								className: "flex h-20 w-20 items-center justify-center rounded-2xl bg-gradient-to-br from-blue-500 to-violet-600 text-4xl shadow-lg",
-								children: isComplete ? "🎉" : "🚀"
-							}),
-							/* @__PURE__ */ jsxs("div", {
-								className: "flex-1",
-								children: [
-									/* @__PURE__ */ jsx("h1", {
-										className: "text-2xl font-bold",
-										children: track.name
-									}),
-									/* @__PURE__ */ jsx("p", {
-										className: "text-muted-foreground mt-1 max-w-2xl",
-										children: track.description
-									}),
-									!isComplete && /* @__PURE__ */ jsxs("p", {
-										className: "text-muted-foreground mt-3 text-sm",
-										children: [
-											"⏱️ Estimated time:",
-											" ",
-											estimatedMinutes > 0 ? `~${estimatedMinutes} minutes` : "Less than a minute"
-										]
-									})
-								]
-							}),
-							!isComplete && /* @__PURE__ */ jsx(Button, {
-								size: "lg",
-								onClick: onStart,
-								children: completedSteps > 0 ? "Continue" : "Get Started"
-							})
-						]
-					})
-				})
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "grid gap-4 md:grid-cols-3",
-				children: [
-					/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, {
-						className: "pb-2",
-						children: /* @__PURE__ */ jsx(CardTitle, {
-							className: "text-muted-foreground text-sm font-medium",
-							children: "Progress"
-						})
-					}), /* @__PURE__ */ jsxs(CardContent, { children: [
-						/* @__PURE__ */ jsxs("div", {
-							className: "text-3xl font-bold",
-							children: [Math.round(percentComplete), "%"]
-						}),
-						/* @__PURE__ */ jsx(Progress, {
-							value: percentComplete,
-							className: "mt-2 h-2"
-						}),
-						/* @__PURE__ */ jsxs("p", {
-							className: "text-muted-foreground mt-2 text-sm",
-							children: [
-								completedSteps,
-								" of ",
-								totalSteps,
-								" steps completed"
-							]
-						})
-					] })] }),
-					/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, {
-						className: "pb-2",
-						children: /* @__PURE__ */ jsx(CardTitle, {
-							className: "text-muted-foreground text-sm font-medium",
-							children: "XP Earned"
-						})
-					}), /* @__PURE__ */ jsxs(CardContent, { children: [/* @__PURE__ */ jsx("div", {
-						className: "text-3xl font-bold text-blue-500",
-						children: progress.xpEarned
-					}), /* @__PURE__ */ jsx(XpBar, {
-						current: progress.xpEarned,
-						max: totalXp,
-						showLabel: false,
-						size: "sm"
-					})] })] }),
-					/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, {
-						className: "pb-2",
-						children: /* @__PURE__ */ jsx(CardTitle, {
-							className: "text-muted-foreground text-sm font-medium",
-							children: "Time Remaining"
-						})
-					}), /* @__PURE__ */ jsxs(CardContent, { children: [/* @__PURE__ */ jsx("div", {
-						className: "text-3xl font-bold",
-						children: isComplete ? "✓" : `~${estimatedMinutes}m`
-					}), /* @__PURE__ */ jsx("p", {
-						className: "text-muted-foreground mt-2 text-sm",
-						children: isComplete ? "All done!" : `${remainingSteps} steps to go`
-					})] })] })
-				]
-			}),
-			/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ jsx("span", { children: "📋" }), /* @__PURE__ */ jsx("span", { children: "Your Journey" })]
-			}) }), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", {
-				className: "space-y-3",
-				children: track.steps.map((step, index) => {
-					const isStepCompleted = progress.completedStepIds.includes(step.id);
-					const isCurrent = !isStepCompleted && track.steps.slice(0, index).every((s) => progress.completedStepIds.includes(s.id));
-					return /* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-4 rounded-lg border p-3",
-						children: [
-							/* @__PURE__ */ jsx("div", {
-								className: `flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-sm font-semibold ${isStepCompleted ? "bg-green-500 text-white" : isCurrent ? "bg-blue-500 text-white" : "bg-muted text-muted-foreground"}`,
-								children: isStepCompleted ? "✓" : index + 1
-							}),
-							/* @__PURE__ */ jsx("div", {
-								className: "min-w-0 flex-1",
-								children: /* @__PURE__ */ jsx("p", {
-									className: `font-medium ${isStepCompleted ? "text-green-500" : isCurrent ? "text-foreground" : "text-muted-foreground"}`,
-									children: step.title
-								})
-							}),
-							step.xpReward && /* @__PURE__ */ jsxs("span", {
-								className: "text-muted-foreground text-sm",
-								children: [
-									"+",
-									step.xpReward,
-									" XP"
-								]
-							})
-						]
-					}, step.id);
-				})
-			}) })] }),
-			isComplete && /* @__PURE__ */ jsx(Card, {
-				className: "border-green-500/50 bg-green-500/5",
-				children: /* @__PURE__ */ jsxs(CardContent, {
-					className: "flex items-center gap-4 p-6",
-					children: [/* @__PURE__ */ jsx("div", {
-						className: "text-4xl",
-						children: "🎉"
-					}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
-						className: "text-lg font-semibold text-green-500",
-						children: "Onboarding Complete!"
-					}), /* @__PURE__ */ jsxs("p", {
-						className: "text-muted-foreground",
-						children: [
-							"You've completed all ",
-							totalSteps,
-							" steps. Welcome aboard!"
-						]
-					})] })]
-				})
-			})
-		]
-	});
+import { XpBar } from "@contractspec/example.learning-journey-ui-shared";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+function Overview({
+  track,
+  progress,
+  onStart
+}) {
+  const totalSteps = track.steps.length;
+  const completedSteps = progress.completedStepIds.length;
+  const percentComplete = totalSteps > 0 ? completedSteps / totalSteps * 100 : 0;
+  const isComplete = completedSteps === totalSteps;
+  const remainingSteps = totalSteps - completedSteps;
+  const estimatedMinutes = remainingSteps * 5;
+  const totalXp = track.totalXp ?? track.steps.reduce((sum, s) => sum + (s.xpReward ?? 0), 0) + (track.completionRewards?.xpBonus ?? 0);
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "space-y-6",
+    children: [
+      /* @__PURE__ */ jsxDEV(Card, {
+        className: "overflow-hidden bg-gradient-to-r from-blue-500/10 via-violet-500/10 to-purple-500/10",
+        children: /* @__PURE__ */ jsxDEV(CardContent, {
+          className: "p-8",
+          children: /* @__PURE__ */ jsxDEV("div", {
+            className: "flex flex-col items-center gap-6 text-center md:flex-row md:text-left",
+            children: [
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "flex h-20 w-20 items-center justify-center rounded-2xl bg-gradient-to-br from-blue-500 to-violet-600 text-4xl shadow-lg",
+                children: isComplete ? "\uD83C\uDF89" : "\uD83D\uDE80"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "flex-1",
+                children: [
+                  /* @__PURE__ */ jsxDEV("h1", {
+                    className: "text-2xl font-bold",
+                    children: track.name
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("p", {
+                    className: "text-muted-foreground mt-1 max-w-2xl",
+                    children: track.description
+                  }, undefined, false, undefined, this),
+                  !isComplete && /* @__PURE__ */ jsxDEV("p", {
+                    className: "text-muted-foreground mt-3 text-sm",
+                    children: [
+                      "\u23F1\uFE0F Estimated time:",
+                      " ",
+                      estimatedMinutes > 0 ? `~${estimatedMinutes} minutes` : "Less than a minute"
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              !isComplete && /* @__PURE__ */ jsxDEV(Button, {
+                size: "lg",
+                onClick: onStart,
+                children: completedSteps > 0 ? "Continue" : "Get Started"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "grid gap-4 md:grid-cols-3",
+        children: [
+          /* @__PURE__ */ jsxDEV(Card, {
+            children: [
+              /* @__PURE__ */ jsxDEV(CardHeader, {
+                className: "pb-2",
+                children: /* @__PURE__ */ jsxDEV(CardTitle, {
+                  className: "text-muted-foreground text-sm font-medium",
+                  children: "Progress"
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV(CardContent, {
+                children: [
+                  /* @__PURE__ */ jsxDEV("div", {
+                    className: "text-3xl font-bold",
+                    children: [
+                      Math.round(percentComplete),
+                      "%"
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV(Progress, {
+                    value: percentComplete,
+                    className: "mt-2 h-2"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("p", {
+                    className: "text-muted-foreground mt-2 text-sm",
+                    children: [
+                      completedSteps,
+                      " of ",
+                      totalSteps,
+                      " steps completed"
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV(Card, {
+            children: [
+              /* @__PURE__ */ jsxDEV(CardHeader, {
+                className: "pb-2",
+                children: /* @__PURE__ */ jsxDEV(CardTitle, {
+                  className: "text-muted-foreground text-sm font-medium",
+                  children: "XP Earned"
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV(CardContent, {
+                children: [
+                  /* @__PURE__ */ jsxDEV("div", {
+                    className: "text-3xl font-bold text-blue-500",
+                    children: progress.xpEarned
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV(XpBar, {
+                    current: progress.xpEarned,
+                    max: totalXp,
+                    showLabel: false,
+                    size: "sm"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV(Card, {
+            children: [
+              /* @__PURE__ */ jsxDEV(CardHeader, {
+                className: "pb-2",
+                children: /* @__PURE__ */ jsxDEV(CardTitle, {
+                  className: "text-muted-foreground text-sm font-medium",
+                  children: "Time Remaining"
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV(CardContent, {
+                children: [
+                  /* @__PURE__ */ jsxDEV("div", {
+                    className: "text-3xl font-bold",
+                    children: isComplete ? "\u2713" : `~${estimatedMinutes}m`
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("p", {
+                    className: "text-muted-foreground mt-2 text-sm",
+                    children: isComplete ? "All done!" : `${remainingSteps} steps to go`
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV(Card, {
+        children: [
+          /* @__PURE__ */ jsxDEV(CardHeader, {
+            children: /* @__PURE__ */ jsxDEV(CardTitle, {
+              className: "flex items-center gap-2",
+              children: [
+                /* @__PURE__ */ jsxDEV("span", {
+                  children: "\uD83D\uDCCB"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("span", {
+                  children: "Your Journey"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV(CardContent, {
+            children: /* @__PURE__ */ jsxDEV("div", {
+              className: "space-y-3",
+              children: track.steps.map((step, index) => {
+                const isStepCompleted = progress.completedStepIds.includes(step.id);
+                const isCurrent = !isStepCompleted && track.steps.slice(0, index).every((s) => progress.completedStepIds.includes(s.id));
+                return /* @__PURE__ */ jsxDEV("div", {
+                  className: "flex items-center gap-4 rounded-lg border p-3",
+                  children: [
+                    /* @__PURE__ */ jsxDEV("div", {
+                      className: `flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-sm font-semibold ${isStepCompleted ? "bg-green-500 text-white" : isCurrent ? "bg-blue-500 text-white" : "bg-muted text-muted-foreground"}`,
+                      children: isStepCompleted ? "\u2713" : index + 1
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV("div", {
+                      className: "min-w-0 flex-1",
+                      children: /* @__PURE__ */ jsxDEV("p", {
+                        className: `font-medium ${isStepCompleted ? "text-green-500" : isCurrent ? "text-foreground" : "text-muted-foreground"}`,
+                        children: step.title
+                      }, undefined, false, undefined, this)
+                    }, undefined, false, undefined, this),
+                    step.xpReward && /* @__PURE__ */ jsxDEV("span", {
+                      className: "text-muted-foreground text-sm",
+                      children: [
+                        "+",
+                        step.xpReward,
+                        " XP"
+                      ]
+                    }, undefined, true, undefined, this)
+                  ]
+                }, step.id, true, undefined, this);
+              })
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      isComplete && /* @__PURE__ */ jsxDEV(Card, {
+        className: "border-green-500/50 bg-green-500/5",
+        children: /* @__PURE__ */ jsxDEV(CardContent, {
+          className: "flex items-center gap-4 p-6",
+          children: [
+            /* @__PURE__ */ jsxDEV("div", {
+              className: "text-4xl",
+              children: "\uD83C\uDF89"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV("div", {
+              children: [
+                /* @__PURE__ */ jsxDEV("h3", {
+                  className: "text-lg font-semibold text-green-500",
+                  children: "Onboarding Complete!"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("p", {
+                  className: "text-muted-foreground",
+                  children: [
+                    "You've completed all ",
+                    totalSteps,
+                    " steps. Welcome aboard!"
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
 }
-
-//#endregion
-export { Overview };
-//# sourceMappingURL=Overview.js.map
+export {
+  Overview
+};

package/dist/views/Progress.d.ts

@@ -1,11 +1,4 @@
-import { LearningViewProps } from "@contractspec/example.learning-journey-ui-shared";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/views/Progress.d.ts
-declare function ProgressView({
-  track,
-  progress
-}: LearningViewProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { ProgressView as Progress, ProgressView };
+import type { LearningViewProps } from '@contractspec/example.learning-journey-ui-shared';
+export declare function ProgressView({ track, progress }: LearningViewProps): import("react/jsx-runtime").JSX.Element;
+export { ProgressView as Progress };
 //# sourceMappingURL=Progress.d.ts.map

package/dist/views/Progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.d.ts","names":[],"sources":["../../src/views/Progress.tsx"],"mappings":";;;;iBAegB,YAAA,CAAA;EAAe,KAAA;EAAO;AAAA,GAAY,iBAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../src/views/Progress.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AAE1F,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAuKlE;AAGD,OAAO,EAAE,YAAY,IAAI,QAAQ,EAAE,CAAC"}