@contractspec/example.learning-journey-ui-gamified 3.7.6 → 3.7.10

package/dist/views/Overview.js

@@ -1,5 +1,10 @@
 // @bun
 // src/views/Overview.tsx
+import {
+  BadgeDisplay,
+  StreakCounter,
+  XpBar
+} from "@contractspec/example.learning-journey-ui-shared";
 import { Button } from "@contractspec/lib.design-system";
 import {
   Card,
@@ -7,11 +12,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 }) {
@@ -37,11 +37,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)
                 ]
@@ -65,14 +65,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, {
@@ -90,19 +90,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
@@ -111,7 +111,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}%` }
@@ -126,7 +126,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),
@@ -179,7 +179,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,
@@ -210,7 +210,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/views/Progress.js

@@ -65,7 +65,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)
     ]
@@ -73,16 +73,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 }) {
@@ -130,7 +130,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", {
@@ -273,7 +273,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/views/Steps.js

@@ -1,9 +1,9 @@
 // @bun
 // 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({
@@ -14,7 +14,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",
@@ -29,17 +29,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,
@@ -55,7 +55,7 @@ function FlashCard({
                   children: "\u2713"
                 }, undefined, false, undefined, this),
                 /* @__PURE__ */ jsxDEV("span", {
-                  className: "text-sm font-medium",
+                  className: "font-medium text-sm",
                   children: "Completed"
                 }, undefined, false, undefined, this)
               ]
@@ -111,7 +111,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", {
@@ -134,7 +134,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/views/Timeline.js

@@ -16,7 +16,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: "\u2713"
@@ -61,7 +61,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", {
@@ -121,7 +121,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 ? "\u2713" : isLocked ? "\uD83D\uDD12" : day
                       }, undefined, false, undefined, this),
                       /* @__PURE__ */ jsxDEV2("div", {
@@ -138,7 +138,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,
@@ -162,7 +162,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", {
@@ -178,7 +178,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",
@@ -204,13 +204,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,

package/dist/views/index.d.ts

@@ -1,4 +1,4 @@
 export { Overview } from './Overview';
-export { Steps } from './Steps';
 export { Progress } from './Progress';
+export { Steps } from './Steps';
 export { Timeline } from './Timeline';