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

package/dist/node/views/Overview.js

@@ -44,7 +44,7 @@ function TipCard({
                     children: step.title
                   }, undefined, false, undefined, this),
                   step.xpReward && /* @__PURE__ */ jsxDEV("span", {
-                    className: cn("shrink-0 rounded-full px-2 py-0.5 text-xs font-semibold", isCompleted ? "bg-green-500/10 text-green-500" : "bg-amber-500/10 text-amber-500"),
+                    className: cn("shrink-0 rounded-full px-2 py-0.5 font-semibold text-xs", isCompleted ? "bg-green-500/10 text-green-500" : "bg-amber-500/10 text-amber-500"),
                     children: [
                       "+",
                       step.xpReward,
@@ -54,7 +54,7 @@ function TipCard({
                 ]
               }, undefined, true, undefined, this),
               /* @__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),
               !isCompleted && /* @__PURE__ */ jsxDEV("div", {
@@ -74,7 +74,7 @@ function TipCard({
                 ]
               }, undefined, true, undefined, this),
               isCompleted && /* @__PURE__ */ jsxDEV("p", {
-                className: "mt-2 text-sm text-green-500",
+                className: "mt-2 text-green-500 text-sm",
                 children: "✓ Tip acknowledged"
               }, undefined, false, undefined, this)
             ]
@@ -86,6 +86,10 @@ function TipCard({
 }
 
 // src/views/Overview.tsx
+import {
+  StreakCounter,
+  XpBar
+} from "@contractspec/example.learning-journey-ui-shared";
 import { Button as Button2 } from "@contractspec/lib.design-system";
 import {
   Card as Card2,
@@ -93,10 +97,6 @@ import {
   CardHeader,
   CardTitle
 } from "@contractspec/lib.ui-kit-web/ui/card";
-import {
-  XpBar,
-  StreakCounter
-} from "@contractspec/example.learning-journey-ui-shared";
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
 "use client";
 function Overview({
@@ -128,11 +128,11 @@ function Overview({
                 className: "flex-1",
                 children: [
                   /* @__PURE__ */ jsxDEV2("h1", {
-                    className: "text-2xl font-bold",
+                    className: "font-bold text-2xl",
                     children: track.name
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV2("p", {
-                    className: "text-muted-foreground mt-1",
+                    className: "mt-1 text-muted-foreground",
                     children: track.description
                   }, undefined, false, undefined, this)
                 ]
@@ -156,14 +156,14 @@ function Overview({
               /* @__PURE__ */ jsxDEV2(CardHeader, {
                 className: "pb-2",
                 children: /* @__PURE__ */ jsxDEV2(CardTitle, {
-                  className: "text-muted-foreground text-sm font-medium",
+                  className: "font-medium text-muted-foreground text-sm",
                   children: "Active Tips"
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV2(CardContent2, {
                 children: [
                   /* @__PURE__ */ jsxDEV2("div", {
-                    className: "text-3xl font-bold text-amber-500",
+                    className: "font-bold text-3xl text-amber-500",
                     children: pendingSteps
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV2("p", {
@@ -179,14 +179,14 @@ function Overview({
               /* @__PURE__ */ jsxDEV2(CardHeader, {
                 className: "pb-2",
                 children: /* @__PURE__ */ jsxDEV2(CardTitle, {
-                  className: "text-muted-foreground text-sm font-medium",
+                  className: "font-medium text-muted-foreground text-sm",
                   children: "Tips Actioned"
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV2(CardContent2, {
                 children: [
                   /* @__PURE__ */ jsxDEV2("div", {
-                    className: "text-3xl font-bold text-green-500",
+                    className: "font-bold text-3xl text-green-500",
                     children: completedSteps
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV2("p", {
@@ -206,14 +206,14 @@ function Overview({
               /* @__PURE__ */ jsxDEV2(CardHeader, {
                 className: "pb-2",
                 children: /* @__PURE__ */ jsxDEV2(CardTitle, {
-                  className: "text-muted-foreground text-sm font-medium",
+                  className: "font-medium text-muted-foreground text-sm",
                   children: "XP Earned"
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV2(CardContent2, {
                 children: [
                   /* @__PURE__ */ jsxDEV2("div", {
-                    className: "text-3xl font-bold text-orange-500",
+                    className: "font-bold text-3xl text-orange-500",
                     children: progress.xpEarned
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV2(XpBar, {
@@ -279,7 +279,7 @@ function Overview({
             /* @__PURE__ */ jsxDEV2("div", {
               children: [
                 /* @__PURE__ */ jsxDEV2("h3", {
-                  className: "text-lg font-semibold text-green-500",
+                  className: "font-semibold text-green-500 text-lg",
                   children: "All Tips Actioned!"
                 }, undefined, false, undefined, this),
                 /* @__PURE__ */ jsxDEV2("p", {

package/dist/node/views/Progress.js

@@ -57,7 +57,7 @@ function EngagementMeter({
               className: "absolute inset-0 flex flex-col items-center justify-center",
               children: [
                 /* @__PURE__ */ jsxDEV("span", {
-                  className: "text-2xl font-bold",
+                  className: "font-bold text-2xl",
                   children: total
                 }, undefined, false, undefined, this),
                 /* @__PURE__ */ jsxDEV("span", {
@@ -106,7 +106,7 @@ function EngagementMeter({
             className: "flex items-center gap-1.5",
             children: [
               /* @__PURE__ */ jsxDEV("div", {
-                className: "bg-muted h-3 w-3 rounded-full"
+                className: "h-3 w-3 rounded-full bg-muted"
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV("span", {
                 children: [
@@ -140,17 +140,17 @@ function EngagementMeter({
 }
 
 // src/views/Progress.tsx
+import {
+  BadgeDisplay,
+  StreakCounter,
+  XpBar
+} from "@contractspec/example.learning-journey-ui-shared";
 import {
   Card,
   CardContent,
   CardHeader,
   CardTitle
 } from "@contractspec/lib.ui-kit-web/ui/card";
-import {
-  XpBar,
-  BadgeDisplay,
-  StreakCounter
-} from "@contractspec/example.learning-journey-ui-shared";
 import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
 "use client";
 function ProgressView({ track, progress }) {
@@ -196,7 +196,7 @@ function ProgressView({ track, progress }) {
               /* @__PURE__ */ jsxDEV2(CardHeader, {
                 className: "pb-2",
                 children: /* @__PURE__ */ jsxDEV2(CardTitle, {
-                  className: "text-muted-foreground text-sm font-medium",
+                  className: "font-medium text-muted-foreground text-sm",
                   children: "XP Earned"
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
@@ -207,7 +207,7 @@ function ProgressView({ track, progress }) {
                     className: "flex items-baseline gap-2",
                     children: [
                       /* @__PURE__ */ jsxDEV2("span", {
-                        className: "text-3xl font-bold text-orange-500",
+                        className: "font-bold text-3xl text-orange-500",
                         children: progress.xpEarned
                       }, undefined, false, undefined, this),
                       /* @__PURE__ */ jsxDEV2("span", {
@@ -235,7 +235,7 @@ function ProgressView({ track, progress }) {
               /* @__PURE__ */ jsxDEV2(CardHeader, {
                 className: "pb-2",
                 children: /* @__PURE__ */ jsxDEV2(CardTitle, {
-                  className: "text-muted-foreground text-sm font-medium",
+                  className: "font-medium text-muted-foreground text-sm",
                   children: "Engagement Streak"
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),

package/dist/node/views/Steps.js

@@ -44,7 +44,7 @@ function TipCard({
                     children: step.title
                   }, undefined, false, undefined, this),
                   step.xpReward && /* @__PURE__ */ jsxDEV("span", {
-                    className: cn("shrink-0 rounded-full px-2 py-0.5 text-xs font-semibold", isCompleted ? "bg-green-500/10 text-green-500" : "bg-amber-500/10 text-amber-500"),
+                    className: cn("shrink-0 rounded-full px-2 py-0.5 font-semibold text-xs", isCompleted ? "bg-green-500/10 text-green-500" : "bg-amber-500/10 text-amber-500"),
                     children: [
                       "+",
                       step.xpReward,
@@ -54,7 +54,7 @@ function TipCard({
                 ]
               }, undefined, true, undefined, this),
               /* @__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),
               !isCompleted && /* @__PURE__ */ jsxDEV("div", {
@@ -74,7 +74,7 @@ function TipCard({
                 ]
               }, undefined, true, undefined, this),
               isCompleted && /* @__PURE__ */ jsxDEV("p", {
-                className: "mt-2 text-sm text-green-500",
+                className: "mt-2 text-green-500 text-sm",
                 children: "✓ Tip acknowledged"
               }, undefined, false, undefined, this)
             ]
@@ -106,7 +106,7 @@ function Steps({ track, progress, onStepComplete }) {
         className: "text-center",
         children: [
           /* @__PURE__ */ jsxDEV2("h2", {
-            className: "text-xl font-bold",
+            className: "font-bold text-xl",
             children: "Coaching Tips"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV2("p", {
@@ -114,7 +114,7 @@ function Steps({ track, progress, onStepComplete }) {
             children: "Review and take action on personalized tips"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV2("p", {
-            className: "text-muted-foreground mt-2 text-sm",
+            className: "mt-2 text-muted-foreground text-sm",
             children: [
               completedSteps,
               " of ",
@@ -139,7 +139,7 @@ function Steps({ track, progress, onStepComplete }) {
         })
       }, undefined, false, undefined, this),
       completedSteps === totalSteps && /* @__PURE__ */ jsxDEV2("div", {
-        className: "text-muted-foreground text-center",
+        className: "text-center text-muted-foreground",
         children: [
           /* @__PURE__ */ jsxDEV2("span", {
             className: "text-2xl",

package/dist/node/views/Timeline.js

@@ -14,7 +14,7 @@ var TIP_ICONS = {
 function TipFeed({ items }) {
   if (items.length === 0) {
     return /* @__PURE__ */ jsxDEV("div", {
-      className: "text-muted-foreground py-8 text-center",
+      className: "py-8 text-center text-muted-foreground",
       children: "No tips yet. Start engaging with coaching tips!"
     }, undefined, false, undefined, this);
   }
@@ -22,7 +22,7 @@ function TipFeed({ items }) {
     className: "relative",
     children: [
       /* @__PURE__ */ jsxDEV("div", {
-        className: "bg-border absolute top-0 left-4 h-full w-0.5"
+        className: "absolute top-0 left-4 h-full w-0.5 bg-border"
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV("div", {
         className: "space-y-4",
@@ -37,7 +37,7 @@ function TipFeed({ items }) {
                 children: item.isCompleted ? "✓" : icon
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV("div", {
-                className: "bg-card flex-1 rounded-lg border p-3",
+                className: "flex-1 rounded-lg border bg-card p-3",
                 children: [
                   /* @__PURE__ */ jsxDEV("div", {
                     className: "flex items-start justify-between gap-2",
@@ -49,13 +49,13 @@ function TipFeed({ items }) {
                             children: item.step.title
                           }, undefined, false, undefined, this),
                           /* @__PURE__ */ jsxDEV("p", {
-                            className: "text-muted-foreground mt-0.5 text-sm",
+                            className: "mt-0.5 text-muted-foreground text-sm",
                             children: item.step.description
                           }, undefined, false, undefined, this)
                         ]
                       }, undefined, true, undefined, this),
                       item.step.xpReward && /* @__PURE__ */ jsxDEV("span", {
-                        className: cn("shrink-0 text-xs font-medium", item.isCompleted ? "text-green-500" : "text-muted-foreground"),
+                        className: cn("shrink-0 font-medium text-xs", item.isCompleted ? "text-green-500" : "text-muted-foreground"),
                         children: [
                           "+",
                           item.step.xpReward,
@@ -65,7 +65,7 @@ function TipFeed({ items }) {
                     ]
                   }, undefined, true, undefined, this),
                   /* @__PURE__ */ jsxDEV("div", {
-                    className: "text-muted-foreground mt-2 flex items-center gap-2 text-xs",
+                    className: "mt-2 flex items-center gap-2 text-muted-foreground text-xs",
                     children: item.isCompleted ? /* @__PURE__ */ jsxDEV("span", {
                       className: "text-green-500",
                       children: [
@@ -116,7 +116,7 @@ function Timeline({ track, progress }) {
         className: "text-center",
         children: [
           /* @__PURE__ */ jsxDEV2("h2", {
-            className: "text-xl font-bold",
+            className: "font-bold text-xl",
             children: "Activity Timeline"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV2("p", {
@@ -133,7 +133,7 @@ function Timeline({ track, progress }) {
               className: "p-4 text-center",
               children: [
                 /* @__PURE__ */ jsxDEV2("div", {
-                  className: "text-2xl font-bold text-green-500",
+                  className: "font-bold text-2xl text-green-500",
                   children: completedCount
                 }, undefined, false, undefined, this),
                 /* @__PURE__ */ jsxDEV2("div", {
@@ -148,7 +148,7 @@ function Timeline({ track, progress }) {
               className: "p-4 text-center",
               children: [
                 /* @__PURE__ */ jsxDEV2("div", {
-                  className: "text-2xl font-bold text-amber-500",
+                  className: "font-bold text-2xl text-amber-500",
                   children: pendingCount
                 }, undefined, false, undefined, this),
                 /* @__PURE__ */ jsxDEV2("div", {