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

package/dist/components/EngagementMeter.d.ts

@@ -1,18 +1,9 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/components/EngagementMeter.d.ts
 interface EngagementMeterProps {
-  acknowledged: number;
-  actioned: number;
-  pending: number;
-  streak?: number;
+    acknowledged: number;
+    actioned: number;
+    pending: number;
+    streak?: number;
 }
-declare function EngagementMeter({
-  acknowledged,
-  actioned,
-  pending,
-  streak
-}: EngagementMeterProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { EngagementMeter };
+export declare function EngagementMeter({ acknowledged, actioned, pending, streak, }: EngagementMeterProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=EngagementMeter.d.ts.map

package/dist/components/EngagementMeter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EngagementMeter.d.ts","names":[],"sources":["../../src/components/EngagementMeter.tsx"],"mappings":";;;UAEU,oBAAA;EACR,YAAA;EACA,QAAA;EACA,OAAA;EACA,MAAA;AAAA;AAAA,iBAGc,eAAA,CAAA;EACd,YAAA;EACA,QAAA;EACA,OAAA;EACA;AAAA,GACC,oBAAA,GAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"EngagementMeter.d.ts","sourceRoot":"","sources":["../../src/components/EngagementMeter.tsx"],"names":[],"mappings":"AAEA,UAAU,oBAAoB;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,eAAe,CAAC,EAC9B,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,MAAU,GACX,EAAE,oBAAoB,2CA8EtB"}

package/dist/components/EngagementMeter.js

@@ -1,108 +1,144 @@
-'use client';
-
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/EngagementMeter.tsx
-function EngagementMeter({ acknowledged, actioned, pending, streak = 0 }) {
-	const total = acknowledged + actioned + pending;
-	const actionedPercent = total > 0 ? actioned / total * 100 : 0;
-	const acknowledgedPercent = total > 0 ? acknowledged / total * 100 : 0;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "space-y-4",
-		children: [
-			/* @__PURE__ */ jsx("div", {
-				className: "flex items-center justify-center",
-				children: /* @__PURE__ */ jsxs("div", {
-					className: "relative h-32 w-32",
-					children: [/* @__PURE__ */ jsxs("svg", {
-						className: "h-full w-full -rotate-90",
-						viewBox: "0 0 100 100",
-						children: [
-							/* @__PURE__ */ jsx("circle", {
-								cx: "50",
-								cy: "50",
-								r: "40",
-								fill: "none",
-								strokeWidth: "12",
-								className: "stroke-muted"
-							}),
-							/* @__PURE__ */ jsx("circle", {
-								cx: "50",
-								cy: "50",
-								r: "40",
-								fill: "none",
-								strokeWidth: "12",
-								strokeLinecap: "round",
-								strokeDasharray: `${actionedPercent * 2.51} 251`,
-								className: "stroke-green-500 transition-all duration-500"
-							}),
-							/* @__PURE__ */ jsx("circle", {
-								cx: "50",
-								cy: "50",
-								r: "40",
-								fill: "none",
-								strokeWidth: "12",
-								strokeLinecap: "round",
-								strokeDasharray: `${acknowledgedPercent * 2.51} 251`,
-								strokeDashoffset: `${-actionedPercent * 2.51}`,
-								className: "stroke-amber-500 transition-all duration-500"
-							})
-						]
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "absolute inset-0 flex flex-col items-center justify-center",
-						children: [/* @__PURE__ */ jsx("span", {
-							className: "text-2xl font-bold",
-							children: total
-						}), /* @__PURE__ */ jsx("span", {
-							className: "text-muted-foreground text-xs",
-							children: "tips"
-						})]
-					})]
-				})
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex justify-center gap-4 text-sm",
-				children: [
-					/* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-1.5",
-						children: [/* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-green-500" }), /* @__PURE__ */ jsxs("span", { children: [
-							"Actioned (",
-							actioned,
-							")"
-						] })]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-1.5",
-						children: [/* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-amber-500" }), /* @__PURE__ */ jsxs("span", { children: [
-							"Acknowledged (",
-							acknowledged,
-							")"
-						] })]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-1.5",
-						children: [/* @__PURE__ */ jsx("div", { className: "bg-muted h-3 w-3 rounded-full" }), /* @__PURE__ */ jsxs("span", { children: [
-							"Pending (",
-							pending,
-							")"
-						] })]
-					})
-				]
-			}),
-			streak > 0 && /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center justify-center gap-2 rounded-lg bg-orange-500/10 px-4 py-2",
-				children: [/* @__PURE__ */ jsx("span", {
-					className: "text-xl",
-					children: "🔥"
-				}), /* @__PURE__ */ jsxs("span", {
-					className: "font-semibold text-orange-500",
-					children: [streak, " day engagement streak!"]
-				})]
-			})
-		]
-	});
+// @bun
+// src/components/EngagementMeter.tsx
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+function EngagementMeter({
+  acknowledged,
+  actioned,
+  pending,
+  streak = 0
+}) {
+  const total = acknowledged + actioned + pending;
+  const actionedPercent = total > 0 ? actioned / total * 100 : 0;
+  const acknowledgedPercent = total > 0 ? acknowledged / total * 100 : 0;
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "space-y-4",
+    children: [
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "flex items-center justify-center",
+        children: /* @__PURE__ */ jsxDEV("div", {
+          className: "relative h-32 w-32",
+          children: [
+            /* @__PURE__ */ jsxDEV("svg", {
+              className: "h-full w-full -rotate-90",
+              viewBox: "0 0 100 100",
+              children: [
+                /* @__PURE__ */ jsxDEV("circle", {
+                  cx: "50",
+                  cy: "50",
+                  r: "40",
+                  fill: "none",
+                  strokeWidth: "12",
+                  className: "stroke-muted"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("circle", {
+                  cx: "50",
+                  cy: "50",
+                  r: "40",
+                  fill: "none",
+                  strokeWidth: "12",
+                  strokeLinecap: "round",
+                  strokeDasharray: `${actionedPercent * 2.51} 251`,
+                  className: "stroke-green-500 transition-all duration-500"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("circle", {
+                  cx: "50",
+                  cy: "50",
+                  r: "40",
+                  fill: "none",
+                  strokeWidth: "12",
+                  strokeLinecap: "round",
+                  strokeDasharray: `${acknowledgedPercent * 2.51} 251`,
+                  strokeDashoffset: `${-actionedPercent * 2.51}`,
+                  className: "stroke-amber-500 transition-all duration-500"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV("div", {
+              className: "absolute inset-0 flex flex-col items-center justify-center",
+              children: [
+                /* @__PURE__ */ jsxDEV("span", {
+                  className: "text-2xl font-bold",
+                  children: total
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("span", {
+                  className: "text-muted-foreground text-xs",
+                  children: "tips"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "flex justify-center gap-4 text-sm",
+        children: [
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "flex items-center gap-1.5",
+            children: [
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "h-3 w-3 rounded-full bg-green-500"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("span", {
+                children: [
+                  "Actioned (",
+                  actioned,
+                  ")"
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "flex items-center gap-1.5",
+            children: [
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "h-3 w-3 rounded-full bg-amber-500"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("span", {
+                children: [
+                  "Acknowledged (",
+                  acknowledged,
+                  ")"
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "flex items-center gap-1.5",
+            children: [
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "bg-muted h-3 w-3 rounded-full"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("span", {
+                children: [
+                  "Pending (",
+                  pending,
+                  ")"
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      streak > 0 && /* @__PURE__ */ jsxDEV("div", {
+        className: "flex items-center justify-center gap-2 rounded-lg bg-orange-500/10 px-4 py-2",
+        children: [
+          /* @__PURE__ */ jsxDEV("span", {
+            className: "text-xl",
+            children: "\uD83D\uDD25"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("span", {
+            className: "font-semibold text-orange-500",
+            children: [
+              streak,
+              " day engagement streak!"
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
 }
-
-//#endregion
-export { EngagementMeter };
-//# sourceMappingURL=EngagementMeter.js.map
+export {
+  EngagementMeter
+};

package/dist/components/TipCard.d.ts

@@ -1,21 +1,11 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { LearningJourneyStepSpec } from "@contractspec/module.learning-journey/track-spec";
-
-//#region src/components/TipCard.d.ts
+import type { LearningJourneyStepSpec } from '@contractspec/module.learning-journey/track-spec';
 interface TipCardProps {
-  step: LearningJourneyStepSpec;
-  isCompleted: boolean;
-  isCurrent: boolean;
-  onComplete?: () => void;
-  onDismiss?: () => void;
+    step: LearningJourneyStepSpec;
+    isCompleted: boolean;
+    isCurrent: boolean;
+    onComplete?: () => void;
+    onDismiss?: () => void;
 }
-declare function TipCard({
-  step,
-  isCompleted,
-  isCurrent,
-  onComplete,
-  onDismiss
-}: TipCardProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { TipCard };
+export declare function TipCard({ step, isCompleted, isCurrent, onComplete, onDismiss, }: TipCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=TipCard.d.ts.map

package/dist/components/TipCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TipCard.d.ts","names":[],"sources":["../../src/components/TipCard.tsx"],"mappings":";;;;UAOU,YAAA;EACR,IAAA,EAAM,uBAAA;EACN,WAAA;EACA,SAAA;EACA,UAAA;EACA,SAAA;AAAA;AAAA,iBAac,OAAA,CAAA;EACd,IAAA;EACA,WAAA;EACA,SAAA;EACA,UAAA;EACA;AAAA,GACC,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"TipCard.d.ts","sourceRoot":"","sources":["../../src/components/TipCard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kDAAkD,CAAC;AAEhG,UAAU,YAAY;IACpB,IAAI,EAAE,uBAAuB,CAAC;IAC9B,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAYD,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,WAAW,EACX,SAAS,EACT,UAAU,EACV,SAAS,GACV,EAAE,YAAY,2CAqEd"}

package/dist/components/TipCard.js

@@ -1,76 +1,90 @@
-'use client';
-
-import { Card, CardContent } from "@contractspec/lib.ui-kit-web/ui/card";
+// @bun
+// src/components/TipCard.tsx
 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 { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/TipCard.tsx
-const TIP_ICONS = {
-	cash_buffer_too_high: "💰",
-	no_savings_goal: "🎯",
-	irregular_savings: "📅",
-	noise_late_evening: "🔇",
-	guest_frequency_high: "👥",
-	shared_space_conflicts: "🏠",
-	default: "💡"
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+var TIP_ICONS = {
+  cash_buffer_too_high: "\uD83D\uDCB0",
+  no_savings_goal: "\uD83C\uDFAF",
+  irregular_savings: "\uD83D\uDCC5",
+  noise_late_evening: "\uD83D\uDD07",
+  guest_frequency_high: "\uD83D\uDC65",
+  shared_space_conflicts: "\uD83C\uDFE0",
+  default: "\uD83D\uDCA1"
 };
-function TipCard({ step, isCompleted, isCurrent, onComplete, onDismiss }) {
-	const icon = TIP_ICONS[step.metadata?.tipId ?? "default"] ?? TIP_ICONS.default;
-	return /* @__PURE__ */ jsx(Card, {
-		className: cn("transition-all", isCompleted && "opacity-60", isCurrent && "ring-2 ring-amber-500"),
-		children: /* @__PURE__ */ jsx(CardContent, {
-			className: "p-4",
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "flex gap-4",
-				children: [/* @__PURE__ */ jsx("div", {
-					className: cn("flex h-12 w-12 shrink-0 items-center justify-center rounded-xl text-2xl", isCompleted ? "bg-green-500/10" : isCurrent ? "bg-amber-500/10" : "bg-muted"),
-					children: isCompleted ? "✓" : icon
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "min-w-0 flex-1",
-					children: [
-						/* @__PURE__ */ jsxs("div", {
-							className: "flex items-start justify-between gap-2",
-							children: [/* @__PURE__ */ jsx("h4", {
-								className: "font-semibold",
-								children: step.title
-							}), step.xpReward && /* @__PURE__ */ jsxs("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"),
-								children: [
-									"+",
-									step.xpReward,
-									" XP"
-								]
-							})]
-						}),
-						/* @__PURE__ */ jsx("p", {
-							className: "text-muted-foreground mt-1 text-sm",
-							children: step.description
-						}),
-						!isCompleted && /* @__PURE__ */ jsxs("div", {
-							className: "mt-3 flex flex-wrap gap-2",
-							children: [/* @__PURE__ */ jsx(Button, {
-								size: "sm",
-								onClick: onComplete,
-								children: "Take Action"
-							}), /* @__PURE__ */ jsx(Button, {
-								variant: "outline",
-								size: "sm",
-								onClick: onDismiss,
-								children: "Dismiss"
-							})]
-						}),
-						isCompleted && /* @__PURE__ */ jsx("p", {
-							className: "mt-2 text-sm text-green-500",
-							children: "✓ Tip acknowledged"
-						})
-					]
-				})]
-			})
-		})
-	});
+function TipCard({
+  step,
+  isCompleted,
+  isCurrent,
+  onComplete,
+  onDismiss
+}) {
+  const tipId = step.metadata?.tipId ?? "default";
+  const icon = TIP_ICONS[tipId] ?? TIP_ICONS.default;
+  return /* @__PURE__ */ jsxDEV(Card, {
+    className: cn("transition-all", isCompleted && "opacity-60", isCurrent && "ring-2 ring-amber-500"),
+    children: /* @__PURE__ */ jsxDEV(CardContent, {
+      className: "p-4",
+      children: /* @__PURE__ */ jsxDEV("div", {
+        className: "flex gap-4",
+        children: [
+          /* @__PURE__ */ jsxDEV("div", {
+            className: cn("flex h-12 w-12 shrink-0 items-center justify-center rounded-xl text-2xl", isCompleted ? "bg-green-500/10" : isCurrent ? "bg-amber-500/10" : "bg-muted"),
+            children: isCompleted ? "\u2713" : icon
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "min-w-0 flex-1",
+            children: [
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "flex items-start justify-between gap-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV("h4", {
+                    className: "font-semibold",
+                    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"),
+                    children: [
+                      "+",
+                      step.xpReward,
+                      " XP"
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("p", {
+                className: "text-muted-foreground mt-1 text-sm",
+                children: step.description
+              }, undefined, false, undefined, this),
+              !isCompleted && /* @__PURE__ */ jsxDEV("div", {
+                className: "mt-3 flex flex-wrap gap-2",
+                children: [
+                  /* @__PURE__ */ jsxDEV(Button, {
+                    size: "sm",
+                    onClick: onComplete,
+                    children: "Take Action"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV(Button, {
+                    variant: "outline",
+                    size: "sm",
+                    onClick: onDismiss,
+                    children: "Dismiss"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              isCompleted && /* @__PURE__ */ jsxDEV("p", {
+                className: "mt-2 text-sm text-green-500",
+                children: "\u2713 Tip acknowledged"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
 }
-
-//#endregion
-export { TipCard };
-//# sourceMappingURL=TipCard.js.map
+export {
+  TipCard
+};

package/dist/components/TipFeed.d.ts

@@ -1,18 +1,12 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { LearningJourneyStepSpec } from "@contractspec/module.learning-journey/track-spec";
-
-//#region src/components/TipFeed.d.ts
+import type { LearningJourneyStepSpec } from '@contractspec/module.learning-journey/track-spec';
 interface TipFeedItem {
-  step: LearningJourneyStepSpec;
-  isCompleted: boolean;
-  completedAt?: string;
+    step: LearningJourneyStepSpec;
+    isCompleted: boolean;
+    completedAt?: string;
 }
 interface TipFeedProps {
-  items: TipFeedItem[];
+    items: TipFeedItem[];
 }
-declare function TipFeed({
-  items
-}: TipFeedProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { TipFeed };
+export declare function TipFeed({ items }: TipFeedProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=TipFeed.d.ts.map

package/dist/components/TipFeed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TipFeed.d.ts","names":[],"sources":["../../src/components/TipFeed.tsx"],"mappings":";;;;UAKU,WAAA;EACR,IAAA,EAAM,uBAAA;EACN,WAAA;EACA,WAAA;AAAA;AAAA,UAGQ,YAAA;EACR,KAAA,EAAO,WAAA;AAAA;AAAA,iBAaO,OAAA,CAAA;EAAU;AAAA,GAAS,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"TipFeed.d.ts","sourceRoot":"","sources":["../../src/components/TipFeed.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kDAAkD,CAAC;AAEhG,UAAU,WAAW;IACnB,IAAI,EAAE,uBAAuB,CAAC;IAC9B,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,YAAY;IACpB,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB;AAYD,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,2CA2E9C"}