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

package/dist/views/Overview.js

@@ -45,7 +45,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,
@@ -55,7 +55,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", {
@@ -75,7 +75,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: "\u2713 Tip acknowledged"
               }, undefined, false, undefined, this)
             ]
@@ -87,6 +87,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,
@@ -94,10 +98,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({
@@ -129,11 +129,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)
                 ]
@@ -157,14 +157,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", {
@@ -180,14 +180,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", {
@@ -207,14 +207,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, {
@@ -280,7 +280,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/views/Progress.js

@@ -58,7 +58,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", {
@@ -107,7 +107,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: [
@@ -141,17 +141,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 }) {
@@ -197,7 +197,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),
@@ -208,7 +208,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", {
@@ -236,7 +236,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/views/Steps.js

@@ -45,7 +45,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,
@@ -55,7 +55,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", {
@@ -75,7 +75,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: "\u2713 Tip acknowledged"
               }, undefined, false, undefined, this)
             ]
@@ -107,7 +107,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", {
@@ -115,7 +115,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 ",
@@ -140,7 +140,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/views/Timeline.js

@@ -15,7 +15,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);
   }
@@ -23,7 +23,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",
@@ -38,7 +38,7 @@ function TipFeed({ items }) {
                 children: item.isCompleted ? "\u2713" : 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",
@@ -50,13 +50,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,
@@ -66,7 +66,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: [
@@ -117,7 +117,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", {
@@ -134,7 +134,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", {
@@ -149,7 +149,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", {

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';