@contractspec/example.learning-journey-ui-onboarding 3.7.16 → 3.7.18

package/dist/browser/components/CodeSnippet.js

@@ -1,65 +1 @@
-// src/components/CodeSnippet.tsx
-import { Button } from "@contractspec/lib.design-system";
-import { useState } from "react";
-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: "overflow-hidden rounded-lg border bg-muted/50",
-    children: [
-      /* @__PURE__ */ jsxDEV("div", {
-        className: "flex items-center justify-between border-b bg-muted px-4 py-2",
-        children: [
-          /* @__PURE__ */ jsxDEV("div", {
-            className: "flex items-center gap-2",
-            children: [
-              /* @__PURE__ */ jsxDEV("span", {
-                className: "font-medium text-muted-foreground text-xs uppercase",
-                children: language
-              }, undefined, false, undefined, this),
-              title && /* @__PURE__ */ jsxDEV(Fragment, {
-                children: [
-                  /* @__PURE__ */ jsxDEV("span", {
-                    className: "text-muted-foreground",
-                    children: "•"
-                  }, 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 ? "✓ 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);
-}
-export {
-  CodeSnippet
-};
+import{Button as i}from"@contractspec/lib.design-system";import{useState as r}from"react";import{jsx as e,jsxs as t,Fragment as d}from"react/jsx-runtime";function u({code:a,language:n="typescript",title:o}){let[p,s]=r(!1);return t("div",{className:"overflow-hidden rounded-lg border bg-muted/50",children:[t("div",{className:"flex items-center justify-between border-b bg-muted px-4 py-2",children:[t("div",{className:"flex items-center gap-2",children:[e("span",{className:"font-medium text-muted-foreground text-xs uppercase",children:n}),o&&t(d,{children:[e("span",{className:"text-muted-foreground",children:"•"}),e("span",{className:"text-sm",children:o})]})]}),e(i,{variant:"ghost",size:"sm",onClick:async()=>{await navigator.clipboard.writeText(a),s(!0),setTimeout(()=>s(!1),2000)},className:"h-7 text-xs",children:p?"✓ Copied":"Copy"})]}),e("pre",{className:"overflow-x-auto p-4",children:e("code",{className:"text-sm",children:a})})]})}export{u as CodeSnippet};

package/dist/browser/components/JourneyMap.js

@@ -1,59 +1 @@
-// src/components/JourneyMap.tsx
-import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { jsxDEV } from "react/jsx-dev-runtime";
-"use client";
-var SURFACE_ICONS = {
-  templates: "\uD83D\uDCCB",
-  "spec-editor": "✏️",
-  regenerator: "\uD83D\uDD04",
-  playground: "\uD83C\uDFAE",
-  evolution: "\uD83E\uDD16",
-  dashboard: "\uD83D\uDCCA",
-  settings: "⚙️",
-  default: "\uD83D\uDCCD"
-};
-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 ? "✓" : icon
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV("div", {
-                  className: "text-center",
-                  children: /* @__PURE__ */ jsxDEV("p", {
-                    className: cn("max-w-[100px] truncate font-medium text-xs", 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);
-}
-export {
-  JourneyMap
-};
+import{cn as z}from"@contractspec/lib.ui-kit-web/ui/utils";import{jsx as h,jsxs as H}from"react/jsx-runtime";var G={templates:"\uD83D\uDCCB","spec-editor":"✏️",regenerator:"\uD83D\uDD04",playground:"\uD83C\uDFAE",evolution:"\uD83E\uDD16",dashboard:"\uD83D\uDCCA",settings:"⚙️",default:"\uD83D\uDCCD"};function P({steps:y,completedStepIds:B,currentStepId:J}){return h("div",{className:"relative overflow-x-auto pb-4",children:h("div",{className:"flex min-w-max items-center gap-2",children:y.map((q,D)=>{let g=B.includes(q.id),v=q.id===J,K=q.metadata?.surface??"default",L=G[K]??G.default;return H("div",{className:"flex items-center",children:[H("div",{className:"flex flex-col items-center gap-2",children:[h("div",{className:z("flex h-14 w-14 items-center justify-center rounded-2xl border-2 text-2xl transition-all",g&&"border-green-500 bg-green-500/10",v&&!g&&"border-violet-500 bg-violet-500/10 ring-4 ring-violet-500/20",!g&&!v&&"border-muted bg-muted/50"),children:g?"✓":L}),h("div",{className:"text-center",children:h("p",{className:z("max-w-[100px] truncate font-medium text-xs",g&&"text-green-500",v&&!g&&"text-violet-500",!g&&!v&&"text-muted-foreground"),children:q.title})})]}),D<y.length-1&&h("div",{className:z("mx-2 h-1 w-8 rounded-full transition-colors",B.includes(y[D+1]?.id??"")?"bg-green-500":g?"bg-green-500/50":"bg-muted")})]},q.id)})})})}export{P as JourneyMap};

package/dist/browser/components/StepChecklist.js

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

package/dist/browser/components/index.js

@@ -1,219 +1 @@
-// src/components/StepChecklist.tsx
-import { Button } from "@contractspec/lib.design-system";
-import { cn } from "@contractspec/lib.ui-kit-core";
-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 font-semibold text-sm 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
-          }, 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: "truncate text-muted-foreground 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 font-semibold text-xs", 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: "▼"
-          }, 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: "mb-4 text-muted-foreground",
-            children: step.description
-          }, undefined, false, undefined, this),
-          step.instructions && /* @__PURE__ */ jsxDEV("div", {
-            className: "mb-4 rounded-lg bg-muted p-4",
-            children: [
-              /* @__PURE__ */ jsxDEV("p", {
-                className: "mb-2 font-medium text-sm",
-                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);
-}
-
-// src/components/JourneyMap.tsx
-import { cn as cn2 } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-"use client";
-var SURFACE_ICONS = {
-  templates: "\uD83D\uDCCB",
-  "spec-editor": "✏️",
-  regenerator: "\uD83D\uDD04",
-  playground: "\uD83C\uDFAE",
-  evolution: "\uD83E\uDD16",
-  dashboard: "\uD83D\uDCCA",
-  settings: "⚙️",
-  default: "\uD83D\uDCCD"
-};
-function JourneyMap({
-  steps,
-  completedStepIds,
-  currentStepId
-}) {
-  return /* @__PURE__ */ jsxDEV2("div", {
-    className: "relative overflow-x-auto pb-4",
-    children: /* @__PURE__ */ jsxDEV2("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__ */ jsxDEV2("div", {
-          className: "flex items-center",
-          children: [
-            /* @__PURE__ */ jsxDEV2("div", {
-              className: "flex flex-col items-center gap-2",
-              children: [
-                /* @__PURE__ */ jsxDEV2("div", {
-                  className: cn2("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
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV2("div", {
-                  className: "text-center",
-                  children: /* @__PURE__ */ jsxDEV2("p", {
-                    className: cn2("max-w-[100px] truncate font-medium text-xs", 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__ */ jsxDEV2("div", {
-              className: cn2("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);
-}
-
-// src/components/CodeSnippet.tsx
-import { Button as Button2 } from "@contractspec/lib.design-system";
-import { useState } from "react";
-import { jsxDEV as jsxDEV3, 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__ */ jsxDEV3("div", {
-    className: "overflow-hidden rounded-lg border bg-muted/50",
-    children: [
-      /* @__PURE__ */ jsxDEV3("div", {
-        className: "flex items-center justify-between border-b bg-muted px-4 py-2",
-        children: [
-          /* @__PURE__ */ jsxDEV3("div", {
-            className: "flex items-center gap-2",
-            children: [
-              /* @__PURE__ */ jsxDEV3("span", {
-                className: "font-medium text-muted-foreground text-xs uppercase",
-                children: language
-              }, undefined, false, undefined, this),
-              title && /* @__PURE__ */ jsxDEV3(Fragment, {
-                children: [
-                  /* @__PURE__ */ jsxDEV3("span", {
-                    className: "text-muted-foreground",
-                    children: "•"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV3("span", {
-                    className: "text-sm",
-                    children: title
-                  }, undefined, false, undefined, this)
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV3(Button2, {
-            variant: "ghost",
-            size: "sm",
-            onClick: handleCopy,
-            className: "h-7 text-xs",
-            children: copied ? "✓ Copied" : "Copy"
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV3("pre", {
-        className: "overflow-x-auto p-4",
-        children: /* @__PURE__ */ jsxDEV3("code", {
-          className: "text-sm",
-          children: code
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-export {
-  StepChecklist,
-  JourneyMap,
-  CodeSnippet
-};
+import{Button as b}from"@contractspec/lib.design-system";import{cn as u}from"@contractspec/lib.ui-kit-core";import{jsx as a,jsxs as i}from"react/jsx-runtime";function h({step:e,stepNumber:d,isCompleted:o,isCurrent:t,isExpanded:n,onToggle:r,onComplete:l}){return i("div",{className:u("rounded-xl border transition-all",o&&"border-green-500/50 bg-green-500/5",t&&!o&&"border-violet-500 bg-violet-500/5",!o&&!t&&"border-border"),children:[i("button",{type:"button",className:"flex w-full items-center gap-4 p-4 text-left",onClick:r,children:[a("div",{className:u("flex h-8 w-8 shrink-0 items-center justify-center rounded-full border-2 font-semibold text-sm transition-colors",o&&"border-green-500 bg-green-500 text-white",t&&!o&&"border-violet-500 text-violet-500",!o&&!t&&"border-muted-foreground text-muted-foreground"),children:o?"✓":d}),i("div",{className:"min-w-0 flex-1",children:[a("h4",{className:u("font-semibold",o&&"text-green-500",t&&!o&&"text-foreground",!o&&!t&&"text-muted-foreground"),children:e.title}),!n&&e.description&&a("p",{className:"truncate text-muted-foreground text-sm",children:e.description})]}),e.xpReward&&i("span",{className:u("shrink-0 rounded-full px-2 py-1 font-semibold text-xs",o?"bg-green-500/10 text-green-500":"bg-muted text-muted-foreground"),children:["+",e.xpReward," XP"]}),a("span",{className:u("shrink-0 transition-transform",n&&"rotate-180"),children:"▼"})]}),n&&i("div",{className:"border-t px-4 py-4",children:[e.description&&a("p",{className:"mb-4 text-muted-foreground",children:e.description}),e.instructions&&i("div",{className:"mb-4 rounded-lg bg-muted p-4",children:[a("p",{className:"mb-2 font-medium text-sm",children:"Instructions:"}),a("p",{className:"text-muted-foreground text-sm",children:e.instructions})]}),i("div",{className:"flex flex-wrap gap-2",children:[e.actionUrl&&a(b,{variant:"outline",size:"sm",onClick:()=>window.open(e.actionUrl,"_blank"),children:e.actionLabel??"Try it"}),!o&&a(b,{size:"sm",onClick:l,children:"Mark as Complete"})]})]})]})}import{cn as g}from"@contractspec/lib.ui-kit-web/ui/utils";import{jsx as c,jsxs as v}from"react/jsx-runtime";var p={templates:"\uD83D\uDCCB","spec-editor":"✏️",regenerator:"\uD83D\uDD04",playground:"\uD83C\uDFAE",evolution:"\uD83E\uDD16",dashboard:"\uD83D\uDCCA",settings:"⚙️",default:"\uD83D\uDCCD"};function k({steps:e,completedStepIds:d,currentStepId:o}){return c("div",{className:"relative overflow-x-auto pb-4",children:c("div",{className:"flex min-w-max items-center gap-2",children:e.map((t,n)=>{let r=d.includes(t.id),l=t.id===o,N=t.metadata?.surface??"default",y=p[N]??p.default;return v("div",{className:"flex items-center",children:[v("div",{className:"flex flex-col items-center gap-2",children:[c("div",{className:g("flex h-14 w-14 items-center justify-center rounded-2xl border-2 text-2xl transition-all",r&&"border-green-500 bg-green-500/10",l&&!r&&"border-violet-500 bg-violet-500/10 ring-4 ring-violet-500/20",!r&&!l&&"border-muted bg-muted/50"),children:r?"✓":y}),c("div",{className:"text-center",children:c("p",{className:g("max-w-[100px] truncate font-medium text-xs",r&&"text-green-500",l&&!r&&"text-violet-500",!r&&!l&&"text-muted-foreground"),children:t.title})})]}),n<e.length-1&&c("div",{className:g("mx-2 h-1 w-8 rounded-full transition-colors",d.includes(e[n+1]?.id??"")?"bg-green-500":r?"bg-green-500/50":"bg-muted")})]},t.id)})})})}import{Button as w}from"@contractspec/lib.design-system";import{useState as s}from"react";import{jsx as m,jsxs as f,Fragment as P}from"react/jsx-runtime";function B({code:e,language:d="typescript",title:o}){let[t,n]=s(!1);return f("div",{className:"overflow-hidden rounded-lg border bg-muted/50",children:[f("div",{className:"flex items-center justify-between border-b bg-muted px-4 py-2",children:[f("div",{className:"flex items-center gap-2",children:[m("span",{className:"font-medium text-muted-foreground text-xs uppercase",children:d}),o&&f(P,{children:[m("span",{className:"text-muted-foreground",children:"•"}),m("span",{className:"text-sm",children:o})]})]}),m(w,{variant:"ghost",size:"sm",onClick:async()=>{await navigator.clipboard.writeText(e),n(!0),setTimeout(()=>n(!1),2000)},className:"h-7 text-xs",children:t?"✓ Copied":"Copy"})]}),m("pre",{className:"overflow-x-auto p-4",children:m("code",{className:"text-sm",children:e})})]})}export{h as StepChecklist,k as JourneyMap,B as CodeSnippet};

package/dist/browser/docs/index.js

@@ -1,22 +1,8 @@
-// src/docs/learning-journey-ui-onboarding.docblock.ts
-import { registerDocBlocks } from "@contractspec/lib.contracts-spec/docs";
-var blocks = [
-  {
-    id: "docs.examples.learning-journey-ui-onboarding",
-    title: "Learning Journey UI — Onboarding",
-    summary: "UI mini-app components for onboarding: checklists, snippets, and journey mapping.",
-    kind: "reference",
-    visibility: "public",
-    route: "/docs/examples/learning-journey-ui-onboarding",
-    tags: ["learning", "ui", "onboarding"],
-    body: `## Includes
+import{registerDocBlocks as f}from"@contractspec/lib.contracts-spec/docs";var h=[{id:"docs.examples.learning-journey-ui-onboarding",title:"Learning Journey UI — Onboarding",summary:"UI mini-app components for onboarding: checklists, snippets, and journey mapping.",kind:"reference",visibility:"public",route:"/docs/examples/learning-journey-ui-onboarding",tags:["learning","ui","onboarding"],body:`## Includes
 - Onboarding mini-app shell
 - Views: overview, steps, progress, timeline
 - Components: step checklist, code snippet, journey map
 
 ## Notes
 - Compose with design system components.
-- Ensure accessible labels and keyboard navigation.`
-  }
-];
-registerDocBlocks(blocks);
+- Ensure accessible labels and keyboard navigation.`}];f(h);

package/dist/browser/docs/learning-journey-ui-onboarding.docblock.js

@@ -1,22 +1,8 @@
-// src/docs/learning-journey-ui-onboarding.docblock.ts
-import { registerDocBlocks } from "@contractspec/lib.contracts-spec/docs";
-var blocks = [
-  {
-    id: "docs.examples.learning-journey-ui-onboarding",
-    title: "Learning Journey UI — Onboarding",
-    summary: "UI mini-app components for onboarding: checklists, snippets, and journey mapping.",
-    kind: "reference",
-    visibility: "public",
-    route: "/docs/examples/learning-journey-ui-onboarding",
-    tags: ["learning", "ui", "onboarding"],
-    body: `## Includes
+import{registerDocBlocks as f}from"@contractspec/lib.contracts-spec/docs";var h=[{id:"docs.examples.learning-journey-ui-onboarding",title:"Learning Journey UI — Onboarding",summary:"UI mini-app components for onboarding: checklists, snippets, and journey mapping.",kind:"reference",visibility:"public",route:"/docs/examples/learning-journey-ui-onboarding",tags:["learning","ui","onboarding"],body:`## Includes
 - Onboarding mini-app shell
 - Views: overview, steps, progress, timeline
 - Components: step checklist, code snippet, journey map
 
 ## Notes
 - Compose with design system components.
-- Ensure accessible labels and keyboard navigation.`
-  }
-];
-registerDocBlocks(blocks);
+- Ensure accessible labels and keyboard navigation.`}];f(h);

package/dist/browser/example.js

@@ -1,32 +1 @@
-// src/example.ts
-import { defineExample } from "@contractspec/lib.contracts-spec";
-var example = defineExample({
-  meta: {
-    key: "learning-journey-ui-onboarding",
-    version: "1.0.0",
-    title: "Learning Journey UI — Onboarding",
-    description: "UI mini-app for onboarding patterns: checklists, code snippets, journey map.",
-    kind: "ui",
-    visibility: "public",
-    stability: "experimental",
-    owners: ["@platform.core"],
-    tags: ["learning", "ui", "onboarding"]
-  },
-  docs: {
-    rootDocId: "docs.examples.learning-journey-ui-onboarding"
-  },
-  entrypoints: {
-    packageName: "@contractspec/example.learning-journey-ui-onboarding",
-    docs: "./docs"
-  },
-  surfaces: {
-    templates: true,
-    sandbox: { enabled: true, modes: ["playground", "markdown"] },
-    studio: { enabled: true, installable: true },
-    mcp: { enabled: true }
-  }
-});
-var example_default = example;
-export {
-  example_default as default
-};
+import{defineExample as g}from"@contractspec/lib.contracts-spec";var h=g({meta:{key:"learning-journey-ui-onboarding",version:"1.0.0",title:"Learning Journey UI — Onboarding",description:"UI mini-app for onboarding patterns: checklists, code snippets, journey map.",kind:"ui",visibility:"public",stability:"experimental",owners:["@platform.core"],tags:["learning","ui","onboarding"]},docs:{rootDocId:"docs.examples.learning-journey-ui-onboarding"},entrypoints:{packageName:"@contractspec/example.learning-journey-ui-onboarding",docs:"./docs"},surfaces:{templates:!0,sandbox:{enabled:!0,modes:["playground","markdown"]},studio:{enabled:!0,installable:!0},mcp:{enabled:!0}}}),q=h;export{q as default};