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

package/dist/components/CodeSnippet.d.ts

@@ -1,16 +1,8 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/components/CodeSnippet.d.ts
 interface CodeSnippetProps {
-  code: string;
-  language?: string;
-  title?: string;
+    code: string;
+    language?: string;
+    title?: string;
 }
-declare function CodeSnippet({
-  code,
-  language,
-  title
-}: CodeSnippetProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { CodeSnippet };
+export declare function CodeSnippet({ code, language, title, }: CodeSnippetProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=CodeSnippet.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CodeSnippet.d.ts","names":[],"sources":["../../src/components/CodeSnippet.tsx"],"mappings":";;;UAKU,gBAAA;EACR,IAAA;EACA,QAAA;EACA,KAAA;AAAA;AAAA,iBAGc,WAAA,CAAA;EACd,IAAA;EACA,QAAA;EACA;AAAA,GACC,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"CodeSnippet.d.ts","sourceRoot":"","sources":["../../src/components/CodeSnippet.tsx"],"names":[],"mappings":"AAKA,UAAU,gBAAgB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,QAAuB,EACvB,KAAK,GACN,EAAE,gBAAgB,2CAwClB"}

package/dist/components/CodeSnippet.js

@@ -1,50 +1,66 @@
-'use client';
-
+// @bun
+// src/components/CodeSnippet.tsx
 import { useState } from "react";
 import { Button } from "@contractspec/lib.design-system";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/CodeSnippet.tsx
-function CodeSnippet({ code, language = "typescript", title }) {
-	const [copied, setCopied] = useState(false);
-	const handleCopy = async () => {
-		await navigator.clipboard.writeText(code);
-		setCopied(true);
-		setTimeout(() => setCopied(false), 2e3);
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: "bg-muted/50 overflow-hidden rounded-lg border",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "bg-muted flex items-center justify-between border-b px-4 py-2",
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ jsx("span", {
-					className: "text-muted-foreground text-xs font-medium uppercase",
-					children: language
-				}), title && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
-					className: "text-muted-foreground",
-					children: "•"
-				}), /* @__PURE__ */ jsx("span", {
-					className: "text-sm",
-					children: title
-				})] })]
-			}), /* @__PURE__ */ jsx(Button, {
-				variant: "ghost",
-				size: "sm",
-				onClick: handleCopy,
-				className: "h-7 text-xs",
-				children: copied ? "✓ Copied" : "Copy"
-			})]
-		}), /* @__PURE__ */ jsx("pre", {
-			className: "overflow-x-auto p-4",
-			children: /* @__PURE__ */ jsx("code", {
-				className: "text-sm",
-				children: code
-			})
-		})]
-	});
+import { jsxDEV, Fragment } from "react/jsx-dev-runtime";
+"use client";
+function CodeSnippet({
+  code,
+  language = "typescript",
+  title
+}) {
+  const [copied, setCopied] = useState(false);
+  const handleCopy = async () => {
+    await navigator.clipboard.writeText(code);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2000);
+  };
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "bg-muted/50 overflow-hidden rounded-lg border",
+    children: [
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "bg-muted flex items-center justify-between border-b px-4 py-2",
+        children: [
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "flex items-center gap-2",
+            children: [
+              /* @__PURE__ */ jsxDEV("span", {
+                className: "text-muted-foreground text-xs font-medium uppercase",
+                children: language
+              }, undefined, false, undefined, this),
+              title && /* @__PURE__ */ jsxDEV(Fragment, {
+                children: [
+                  /* @__PURE__ */ jsxDEV("span", {
+                    className: "text-muted-foreground",
+                    children: "\u2022"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV("span", {
+                    className: "text-sm",
+                    children: title
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV(Button, {
+            variant: "ghost",
+            size: "sm",
+            onClick: handleCopy,
+            className: "h-7 text-xs",
+            children: copied ? "\u2713 Copied" : "Copy"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV("pre", {
+        className: "overflow-x-auto p-4",
+        children: /* @__PURE__ */ jsxDEV("code", {
+          className: "text-sm",
+          children: code
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
 }
-
-//#endregion
-export { CodeSnippet };
-//# sourceMappingURL=CodeSnippet.js.map
+export {
+  CodeSnippet
+};

package/dist/components/JourneyMap.d.ts

@@ -1,17 +1,9 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { LearningJourneyStepSpec } from "@contractspec/module.learning-journey/track-spec";
-
-//#region src/components/JourneyMap.d.ts
+import type { LearningJourneyStepSpec } from '@contractspec/module.learning-journey/track-spec';
 interface JourneyMapProps {
-  steps: LearningJourneyStepSpec[];
-  completedStepIds: string[];
-  currentStepId?: string | null;
+    steps: LearningJourneyStepSpec[];
+    completedStepIds: string[];
+    currentStepId?: string | null;
 }
-declare function JourneyMap({
-  steps,
-  completedStepIds,
-  currentStepId
-}: JourneyMapProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { JourneyMap };
+export declare function JourneyMap({ steps, completedStepIds, currentStepId, }: JourneyMapProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=JourneyMap.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"JourneyMap.d.ts","names":[],"sources":["../../src/components/JourneyMap.tsx"],"mappings":";;;;UAKU,eAAA;EACR,KAAA,EAAO,uBAAA;EACP,gBAAA;EACA,aAAA;AAAA;AAAA,iBAcc,UAAA,CAAA;EACd,KAAA;EACA,gBAAA;EACA;AAAA,GACC,eAAA,GAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"JourneyMap.d.ts","sourceRoot":"","sources":["../../src/components/JourneyMap.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kDAAkD,CAAC;AAEhG,UAAU,eAAe;IACvB,KAAK,EAAE,uBAAuB,EAAE,CAAC;IACjC,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAaD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,gBAAgB,EAChB,aAAa,GACd,EAAE,eAAe,2CA2DjB"}

package/dist/components/JourneyMap.js

@@ -1,49 +1,60 @@
-'use client';
-
-import { jsx, jsxs } from "react/jsx-runtime";
+// @bun
+// src/components/JourneyMap.tsx
 import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
-
-//#region src/components/JourneyMap.tsx
-const SURFACE_ICONS = {
-	templates: "📋",
-	"spec-editor": "✏️",
-	regenerator: "🔄",
-	playground: "🎮",
-	evolution: "🤖",
-	dashboard: "📊",
-	settings: "⚙️",
-	default: "📍"
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+var SURFACE_ICONS = {
+  templates: "\uD83D\uDCCB",
+  "spec-editor": "\u270F\uFE0F",
+  regenerator: "\uD83D\uDD04",
+  playground: "\uD83C\uDFAE",
+  evolution: "\uD83E\uDD16",
+  dashboard: "\uD83D\uDCCA",
+  settings: "\u2699\uFE0F",
+  default: "\uD83D\uDCCD"
 };
-function JourneyMap({ steps, completedStepIds, currentStepId }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: "relative overflow-x-auto pb-4",
-		children: /* @__PURE__ */ jsx("div", {
-			className: "flex min-w-max items-center gap-2",
-			children: steps.map((step, index) => {
-				const isCompleted = completedStepIds.includes(step.id);
-				const isCurrent = step.id === currentStepId;
-				const icon = SURFACE_ICONS[step.metadata?.surface ?? "default"] ?? SURFACE_ICONS.default;
-				return /* @__PURE__ */ jsxs("div", {
-					className: "flex items-center",
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: "flex flex-col items-center gap-2",
-						children: [/* @__PURE__ */ jsx("div", {
-							className: cn("flex h-14 w-14 items-center justify-center rounded-2xl border-2 text-2xl transition-all", isCompleted && "border-green-500 bg-green-500/10", isCurrent && !isCompleted && "border-violet-500 bg-violet-500/10 ring-4 ring-violet-500/20", !isCompleted && !isCurrent && "border-muted bg-muted/50"),
-							children: isCompleted ? "✓" : icon
-						}), /* @__PURE__ */ jsx("div", {
-							className: "text-center",
-							children: /* @__PURE__ */ jsx("p", {
-								className: cn("max-w-[100px] truncate text-xs font-medium", isCompleted && "text-green-500", isCurrent && !isCompleted && "text-violet-500", !isCompleted && !isCurrent && "text-muted-foreground"),
-								children: step.title
-							})
-						})]
-					}), index < steps.length - 1 && /* @__PURE__ */ jsx("div", { className: cn("mx-2 h-1 w-8 rounded-full transition-colors", completedStepIds.includes(steps[index + 1]?.id ?? "") ? "bg-green-500" : isCompleted ? "bg-green-500/50" : "bg-muted") })]
-				}, step.id);
-			})
-		})
-	});
+function JourneyMap({
+  steps,
+  completedStepIds,
+  currentStepId
+}) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "relative overflow-x-auto pb-4",
+    children: /* @__PURE__ */ jsxDEV("div", {
+      className: "flex min-w-max items-center gap-2",
+      children: steps.map((step, index) => {
+        const isCompleted = completedStepIds.includes(step.id);
+        const isCurrent = step.id === currentStepId;
+        const surface = step.metadata?.surface ?? "default";
+        const icon = SURFACE_ICONS[surface] ?? SURFACE_ICONS.default;
+        return /* @__PURE__ */ jsxDEV("div", {
+          className: "flex items-center",
+          children: [
+            /* @__PURE__ */ jsxDEV("div", {
+              className: "flex flex-col items-center gap-2",
+              children: [
+                /* @__PURE__ */ jsxDEV("div", {
+                  className: cn("flex h-14 w-14 items-center justify-center rounded-2xl border-2 text-2xl transition-all", isCompleted && "border-green-500 bg-green-500/10", isCurrent && !isCompleted && "border-violet-500 bg-violet-500/10 ring-4 ring-violet-500/20", !isCompleted && !isCurrent && "border-muted bg-muted/50"),
+                  children: isCompleted ? "\u2713" : icon
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("div", {
+                  className: "text-center",
+                  children: /* @__PURE__ */ jsxDEV("p", {
+                    className: cn("max-w-[100px] truncate text-xs font-medium", isCompleted && "text-green-500", isCurrent && !isCompleted && "text-violet-500", !isCompleted && !isCurrent && "text-muted-foreground"),
+                    children: step.title
+                  }, undefined, false, undefined, this)
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            index < steps.length - 1 && /* @__PURE__ */ jsxDEV("div", {
+              className: cn("mx-2 h-1 w-8 rounded-full transition-colors", completedStepIds.includes(steps[index + 1]?.id ?? "") ? "bg-green-500" : isCompleted ? "bg-green-500/50" : "bg-muted")
+            }, undefined, false, undefined, this)
+          ]
+        }, step.id, true, undefined, this);
+      })
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
 }
-
-//#endregion
-export { JourneyMap };
-//# sourceMappingURL=JourneyMap.js.map
+export {
+  JourneyMap
+};

package/dist/components/StepChecklist.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"StepChecklist.d.ts","names":[],"sources":["../../src/components/StepChecklist.tsx"],"mappings":";;;;UAMU,kBAAA;EACR,IAAA,EAAM,uBAAA;EACN,UAAA;EACA,WAAA;EACA,SAAA;EACA,UAAA;EACA,QAAA;EACA,UAAA;AAAA;AAAA,iBAGc,aAAA,CAAA;EACd,IAAA;EACA,UAAA;EACA,WAAA;EACA,SAAA;EACA,UAAA;EACA,QAAA;EACA;AAAA,GACC,kBAAA,GAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"StepChecklist.d.ts","sourceRoot":"","sources":["../../src/components/StepChecklist.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kDAAkD,CAAC;AAEhG,UAAU,kBAAkB;IAC1B,IAAI,EAAE,uBAAuB,CAAC;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,UAAU,EACV,WAAW,EACX,SAAS,EACT,UAAU,EACV,QAAQ,EACR,UAAU,GACX,EAAE,kBAAkB,2CA+GpB"}

package/dist/components/StepChecklist.js

@@ -1,80 +1,98 @@
-'use client';
-
+// @bun
+// src/components/StepChecklist.tsx
 import { Button } from "@contractspec/lib.design-system";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@contractspec/lib.ui-kit-core";
-
-//#region src/components/StepChecklist.tsx
-function StepChecklist({ step, stepNumber, isCompleted, isCurrent, isExpanded, onToggle, onComplete }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("rounded-xl border transition-all", isCompleted && "border-green-500/50 bg-green-500/5", isCurrent && !isCompleted && "border-violet-500 bg-violet-500/5", !isCompleted && !isCurrent && "border-border"),
-		children: [/* @__PURE__ */ jsxs("button", {
-			type: "button",
-			className: "flex w-full items-center gap-4 p-4 text-left",
-			onClick: onToggle,
-			children: [
-				/* @__PURE__ */ jsx("div", {
-					className: cn("flex h-8 w-8 shrink-0 items-center justify-center rounded-full border-2 text-sm font-semibold transition-colors", isCompleted && "border-green-500 bg-green-500 text-white", isCurrent && !isCompleted && "border-violet-500 text-violet-500", !isCompleted && !isCurrent && "border-muted-foreground text-muted-foreground"),
-					children: isCompleted ? "✓" : stepNumber
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "min-w-0 flex-1",
-					children: [/* @__PURE__ */ jsx("h4", {
-						className: cn("font-semibold", isCompleted && "text-green-500", isCurrent && !isCompleted && "text-foreground", !isCompleted && !isCurrent && "text-muted-foreground"),
-						children: step.title
-					}), !isExpanded && step.description && /* @__PURE__ */ jsx("p", {
-						className: "text-muted-foreground truncate text-sm",
-						children: step.description
-					})]
-				}),
-				step.xpReward && /* @__PURE__ */ jsxs("span", {
-					className: cn("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"),
-					children: [
-						"+",
-						step.xpReward,
-						" XP"
-					]
-				}),
-				/* @__PURE__ */ jsx("span", {
-					className: cn("shrink-0 transition-transform", isExpanded && "rotate-180"),
-					children: "▼"
-				})
-			]
-		}), isExpanded && /* @__PURE__ */ jsxs("div", {
-			className: "border-t px-4 py-4",
-			children: [
-				step.description && /* @__PURE__ */ jsx("p", {
-					className: "text-muted-foreground mb-4",
-					children: step.description
-				}),
-				step.instructions && /* @__PURE__ */ jsxs("div", {
-					className: "bg-muted mb-4 rounded-lg p-4",
-					children: [/* @__PURE__ */ jsx("p", {
-						className: "mb-2 text-sm font-medium",
-						children: "Instructions:"
-					}), /* @__PURE__ */ jsx("p", {
-						className: "text-muted-foreground text-sm",
-						children: step.instructions
-					})]
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex flex-wrap gap-2",
-					children: [step.actionUrl && /* @__PURE__ */ jsx(Button, {
-						variant: "outline",
-						size: "sm",
-						onClick: () => window.open(step.actionUrl, "_blank"),
-						children: step.actionLabel ?? "Try it"
-					}), !isCompleted && /* @__PURE__ */ jsx(Button, {
-						size: "sm",
-						onClick: onComplete,
-						children: "Mark as Complete"
-					})]
-				})
-			]
-		})]
-	});
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+function StepChecklist({
+  step,
+  stepNumber,
+  isCompleted,
+  isCurrent,
+  isExpanded,
+  onToggle,
+  onComplete
+}) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: cn("rounded-xl border transition-all", isCompleted && "border-green-500/50 bg-green-500/5", isCurrent && !isCompleted && "border-violet-500 bg-violet-500/5", !isCompleted && !isCurrent && "border-border"),
+    children: [
+      /* @__PURE__ */ jsxDEV("button", {
+        type: "button",
+        className: "flex w-full items-center gap-4 p-4 text-left",
+        onClick: onToggle,
+        children: [
+          /* @__PURE__ */ jsxDEV("div", {
+            className: cn("flex h-8 w-8 shrink-0 items-center justify-center rounded-full border-2 text-sm font-semibold transition-colors", isCompleted && "border-green-500 bg-green-500 text-white", isCurrent && !isCompleted && "border-violet-500 text-violet-500", !isCompleted && !isCurrent && "border-muted-foreground text-muted-foreground"),
+            children: isCompleted ? "\u2713" : stepNumber
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "min-w-0 flex-1",
+            children: [
+              /* @__PURE__ */ jsxDEV("h4", {
+                className: cn("font-semibold", isCompleted && "text-green-500", isCurrent && !isCompleted && "text-foreground", !isCompleted && !isCurrent && "text-muted-foreground"),
+                children: step.title
+              }, undefined, false, undefined, this),
+              !isExpanded && step.description && /* @__PURE__ */ jsxDEV("p", {
+                className: "text-muted-foreground truncate text-sm",
+                children: step.description
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          step.xpReward && /* @__PURE__ */ jsxDEV("span", {
+            className: cn("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"),
+            children: [
+              "+",
+              step.xpReward,
+              " XP"
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV("span", {
+            className: cn("shrink-0 transition-transform", isExpanded && "rotate-180"),
+            children: "\u25BC"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      isExpanded && /* @__PURE__ */ jsxDEV("div", {
+        className: "border-t px-4 py-4",
+        children: [
+          step.description && /* @__PURE__ */ jsxDEV("p", {
+            className: "text-muted-foreground mb-4",
+            children: step.description
+          }, undefined, false, undefined, this),
+          step.instructions && /* @__PURE__ */ jsxDEV("div", {
+            className: "bg-muted mb-4 rounded-lg p-4",
+            children: [
+              /* @__PURE__ */ jsxDEV("p", {
+                className: "mb-2 text-sm font-medium",
+                children: "Instructions:"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("p", {
+                className: "text-muted-foreground text-sm",
+                children: step.instructions
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV("div", {
+            className: "flex flex-wrap gap-2",
+            children: [
+              step.actionUrl && /* @__PURE__ */ jsxDEV(Button, {
+                variant: "outline",
+                size: "sm",
+                onClick: () => window.open(step.actionUrl, "_blank"),
+                children: step.actionLabel ?? "Try it"
+              }, undefined, false, undefined, this),
+              !isCompleted && /* @__PURE__ */ jsxDEV(Button, {
+                size: "sm",
+                onClick: onComplete,
+                children: "Mark as Complete"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
 }
-
-//#endregion
-export { StepChecklist };
-//# sourceMappingURL=StepChecklist.js.map
+export {
+  StepChecklist
+};

package/dist/components/index.d.ts

@@ -1,4 +1,4 @@
-import { CodeSnippet } from "./CodeSnippet.js";
-import { JourneyMap } from "./JourneyMap.js";
-import { StepChecklist } from "./StepChecklist.js";
-export { CodeSnippet, JourneyMap, StepChecklist };
+export { StepChecklist } from './StepChecklist';
+export { CodeSnippet } from './CodeSnippet';
+export { JourneyMap } from './JourneyMap';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}