@contractspec/example.learning-journey-ui-gamified 3.7.5 → 3.7.7

package/dist/browser/views/Overview.js

@@ -1,4 +1,9 @@
 // src/views/Overview.tsx
+import {
+  BadgeDisplay,
+  StreakCounter,
+  XpBar
+} from "@contractspec/example.learning-journey-ui-shared";
 import { Button } from "@contractspec/lib.design-system";
 import {
   Card,
@@ -6,11 +11,6 @@ import {
   CardHeader,
   CardTitle
 } from "@contractspec/lib.ui-kit-web/ui/card";
-import {
-  XpBar,
-  StreakCounter,
-  BadgeDisplay
-} from "@contractspec/example.learning-journey-ui-shared";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
 function Overview({ track, progress, onStart }) {
@@ -36,11 +36,11 @@ function Overview({ track, progress, onStart }) {
                 className: "flex-1",
                 children: [
                   /* @__PURE__ */ jsxDEV("h1", {
-                    className: "text-2xl font-bold",
+                    className: "font-bold text-2xl",
                     children: track.name
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV("p", {
-                    className: "text-muted-foreground mt-1",
+                    className: "mt-1 text-muted-foreground",
                     children: track.description
                   }, undefined, false, undefined, this)
                 ]
@@ -64,14 +64,14 @@ function Overview({ track, progress, onStart }) {
               /* @__PURE__ */ jsxDEV(CardHeader, {
                 className: "pb-2",
                 children: /* @__PURE__ */ jsxDEV(CardTitle, {
-                  className: "text-muted-foreground text-sm font-medium",
+                  className: "font-medium text-muted-foreground text-sm",
                   children: "XP Progress"
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV(CardContent, {
                 children: [
                   /* @__PURE__ */ jsxDEV("div", {
-                    className: "text-3xl font-bold text-violet-500",
+                    className: "font-bold text-3xl text-violet-500",
                     children: progress.xpEarned.toLocaleString()
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV(XpBar, {
@@ -89,19 +89,19 @@ function Overview({ track, progress, onStart }) {
               /* @__PURE__ */ jsxDEV(CardHeader, {
                 className: "pb-2",
                 children: /* @__PURE__ */ jsxDEV(CardTitle, {
-                  className: "text-muted-foreground text-sm font-medium",
+                  className: "font-medium text-muted-foreground text-sm",
                   children: "Steps Completed"
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV(CardContent, {
                 children: [
                   /* @__PURE__ */ jsxDEV("div", {
-                    className: "text-3xl font-bold",
+                    className: "font-bold text-3xl",
                     children: [
                       completedSteps,
                       " ",
                       /* @__PURE__ */ jsxDEV("span", {
-                        className: "text-muted-foreground text-lg",
+                        className: "text-lg text-muted-foreground",
                         children: [
                           "/ ",
                           totalSteps
@@ -110,7 +110,7 @@ function Overview({ track, progress, onStart }) {
                     ]
                   }, undefined, true, undefined, this),
                   /* @__PURE__ */ jsxDEV("div", {
-                    className: "bg-muted mt-2 h-2 w-full overflow-hidden rounded-full",
+                    className: "mt-2 h-2 w-full overflow-hidden rounded-full bg-muted",
                     children: /* @__PURE__ */ jsxDEV("div", {
                       className: "h-full bg-green-500 transition-all duration-500",
                       style: { width: `${completedSteps / totalSteps * 100}%` }
@@ -125,7 +125,7 @@ function Overview({ track, progress, onStart }) {
               /* @__PURE__ */ jsxDEV(CardHeader, {
                 className: "pb-2",
                 children: /* @__PURE__ */ jsxDEV(CardTitle, {
-                  className: "text-muted-foreground text-sm font-medium",
+                  className: "font-medium text-muted-foreground text-sm",
                   children: "Badges Earned"
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
@@ -178,7 +178,7 @@ function Overview({ track, progress, onStart }) {
                     className: "flex items-center gap-3",
                     children: [
                       nextStep.xpReward && /* @__PURE__ */ jsxDEV("span", {
-                        className: "rounded-full bg-green-500/10 px-3 py-1 text-sm font-semibold text-green-500",
+                        className: "rounded-full bg-green-500/10 px-3 py-1 font-semibold text-green-500 text-sm",
                         children: [
                           "+",
                           nextStep.xpReward,
@@ -209,7 +209,7 @@ function Overview({ track, progress, onStart }) {
             /* @__PURE__ */ jsxDEV("div", {
               children: [
                 /* @__PURE__ */ jsxDEV("h3", {
-                  className: "text-lg font-semibold text-green-500",
+                  className: "font-semibold text-green-500 text-lg",
                   children: "Track Complete!"
                 }, undefined, false, undefined, this),
                 /* @__PURE__ */ jsxDEV("p", {

package/dist/browser/views/Progress.js

@@ -64,7 +64,7 @@ function MasteryRing({
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV("span", {
-        className: cn("text-muted-foreground mt-1 truncate", styles.text),
+        className: cn("mt-1 truncate text-muted-foreground", styles.text),
         children: label
       }, undefined, false, undefined, this)
     ]
@@ -72,16 +72,16 @@ function MasteryRing({
 }
 
 // src/views/Progress.tsx
+import {
+  BadgeDisplay,
+  XpBar
+} from "@contractspec/example.learning-journey-ui-shared";
 import {
   Card,
   CardContent,
   CardHeader,
   CardTitle
 } from "@contractspec/lib.ui-kit-web/ui/card";
-import {
-  XpBar,
-  BadgeDisplay
-} from "@contractspec/example.learning-journey-ui-shared";
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
 "use client";
 function Progress({ track, progress }) {
@@ -129,7 +129,7 @@ function Progress({ track, progress }) {
                 className: "flex items-baseline gap-2",
                 children: [
                   /* @__PURE__ */ jsxDEV2("span", {
-                    className: "text-4xl font-bold text-violet-500",
+                    className: "font-bold text-4xl text-violet-500",
                     children: progress.xpEarned.toLocaleString()
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV2("span", {
@@ -272,7 +272,7 @@ function Progress({ track, progress }) {
                       ]
                     }, undefined, true, undefined, this),
                     step.xpReward && /* @__PURE__ */ jsxDEV2("span", {
-                      className: `text-sm font-medium ${isCompleted ? "text-green-500" : "text-muted-foreground"}`,
+                      className: `font-medium text-sm ${isCompleted ? "text-green-500" : "text-muted-foreground"}`,
                       children: [
                         isCompleted ? "+" : "",
                         step.xpReward,

package/dist/browser/views/Steps.js

@@ -1,8 +1,8 @@
 // src/components/FlashCard.tsx
-import { useState } from "react";
 import { Button } from "@contractspec/lib.design-system";
 import { Card, CardContent } from "@contractspec/lib.ui-kit-web/ui/card";
 import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { useState } from "react";
 import { jsxDEV } from "react/jsx-dev-runtime";
 "use client";
 function FlashCard({
@@ -13,7 +13,7 @@ function FlashCard({
 }) {
   const [isFlipped, setIsFlipped] = useState(false);
   return /* @__PURE__ */ jsxDEV(Card, {
-    className: cn("relative cursor-pointer overflow-hidden transition-all duration-300", isCurrent && "ring-primary ring-2", isCompleted && "opacity-60"),
+    className: cn("relative cursor-pointer overflow-hidden transition-all duration-300", isCurrent && "ring-2 ring-primary", isCompleted && "opacity-60"),
     onClick: () => !isCompleted && setIsFlipped(!isFlipped),
     children: /* @__PURE__ */ jsxDEV(CardContent, {
       className: "p-6",
@@ -28,17 +28,17 @@ function FlashCard({
                   className: "flex-1",
                   children: [
                     /* @__PURE__ */ jsxDEV("h3", {
-                      className: "text-lg font-semibold",
+                      className: "font-semibold text-lg",
                       children: step.title
                     }, undefined, false, undefined, this),
                     step.description && /* @__PURE__ */ jsxDEV("p", {
-                      className: "text-muted-foreground mt-1 text-sm",
+                      className: "mt-1 text-muted-foreground text-sm",
                       children: step.description
                     }, undefined, false, undefined, this)
                   ]
                 }, undefined, true, undefined, this),
                 step.xpReward && /* @__PURE__ */ jsxDEV("span", {
-                  className: "rounded-full bg-green-500/10 px-2 py-1 text-xs font-semibold text-green-500",
+                  className: "rounded-full bg-green-500/10 px-2 py-1 font-semibold text-green-500 text-xs",
                   children: [
                     "+",
                     step.xpReward,
@@ -54,7 +54,7 @@ function FlashCard({
                   children: "✓"
                 }, undefined, false, undefined, this),
                 /* @__PURE__ */ jsxDEV("span", {
-                  className: "text-sm font-medium",
+                  className: "font-medium text-sm",
                   children: "Completed"
                 }, undefined, false, undefined, this)
               ]
@@ -110,7 +110,7 @@ function Steps({ track, progress, onStepComplete }) {
         className: "text-center",
         children: [
           /* @__PURE__ */ jsxDEV2("h2", {
-            className: "text-xl font-bold",
+            className: "font-bold text-xl",
             children: "Complete Your Challenges"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV2("p", {
@@ -133,7 +133,7 @@ function Steps({ track, progress, onStepComplete }) {
         })
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV2("div", {
-        className: "text-muted-foreground text-center text-sm",
+        className: "text-center text-muted-foreground text-sm",
         children: [
           progress.completedStepIds.length,
           " of ",

package/dist/browser/views/Timeline.js

@@ -15,7 +15,7 @@ function DayCalendar({
       const isCurrent = day === currentDay;
       const isLocked = day > currentDay;
       return /* @__PURE__ */ jsxDEV("div", {
-        className: 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"),
+        className: cn("flex h-12 w-12 flex-col items-center justify-center rounded-lg border font-medium text-sm 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"),
         children: isCompleted ? /* @__PURE__ */ jsxDEV("span", {
           className: "text-lg",
           children: "✓"
@@ -60,7 +60,7 @@ function Timeline({ track, progress }) {
           className: "text-center",
           children: [
             /* @__PURE__ */ jsxDEV2("h2", {
-              className: "text-xl font-bold",
+              className: "font-bold text-xl",
               children: track.name
             }, undefined, false, undefined, this),
             /* @__PURE__ */ jsxDEV2("p", {
@@ -120,7 +120,7 @@ function Timeline({ track, progress }) {
                     className: `flex items-start gap-4 rounded-lg border p-4 ${isLocked ? "opacity-50" : ""}`,
                     children: [
                       /* @__PURE__ */ jsxDEV2("div", {
-                        className: "bg-muted flex h-10 w-10 shrink-0 items-center justify-center rounded-lg font-semibold",
+                        className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-muted font-semibold",
                         children: isCompleted ? "✓" : isLocked ? "\uD83D\uDD12" : day
                       }, undefined, false, undefined, this),
                       /* @__PURE__ */ jsxDEV2("div", {
@@ -137,7 +137,7 @@ function Timeline({ track, progress }) {
                         ]
                       }, undefined, true, undefined, this),
                       step.xpReward && /* @__PURE__ */ jsxDEV2("span", {
-                        className: `text-sm font-medium ${isCompleted ? "text-green-500" : "text-muted-foreground"}`,
+                        className: `font-medium text-sm ${isCompleted ? "text-green-500" : "text-muted-foreground"}`,
                         children: [
                           "+",
                           step.xpReward,
@@ -161,7 +161,7 @@ function Timeline({ track, progress }) {
         className: "text-center",
         children: [
           /* @__PURE__ */ jsxDEV2("h2", {
-            className: "text-xl font-bold",
+            className: "font-bold text-xl",
             children: "Learning Path"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV2("p", {
@@ -177,7 +177,7 @@ function Timeline({ track, progress }) {
             className: "relative",
             children: [
               /* @__PURE__ */ jsxDEV2("div", {
-                className: "bg-border absolute top-0 left-5 h-full w-0.5"
+                className: "absolute top-0 left-5 h-full w-0.5 bg-border"
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV2("div", {
                 className: "space-y-6",
@@ -203,13 +203,13 @@ function Timeline({ track, progress }) {
                                   children: step.title
                                 }, undefined, false, undefined, this),
                                 /* @__PURE__ */ jsxDEV2("p", {
-                                  className: "text-muted-foreground mt-1 text-sm",
+                                  className: "mt-1 text-muted-foreground text-sm",
                                   children: step.description
                                 }, undefined, false, undefined, this)
                               ]
                             }, undefined, true, undefined, this),
                             step.xpReward && /* @__PURE__ */ jsxDEV2("span", {
-                              className: `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"}`,
+                              className: `shrink-0 rounded-full px-2 py-1 font-semibold text-xs ${isCompleted ? "bg-green-500/10 text-green-500" : "bg-muted text-muted-foreground"}`,
                               children: [
                                 "+",
                                 step.xpReward,