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

package/dist/components/StreakCounter.js

@@ -1,46 +1,51 @@
-'use client';
-
+// @bun
+// src/components/StreakCounter.tsx
 import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/StreakCounter.tsx
-const sizeStyles = {
-	sm: {
-		container: "gap-1 px-2 py-1",
-		icon: "text-base",
-		text: "text-xs"
-	},
-	md: {
-		container: "gap-1.5 px-3 py-1.5",
-		icon: "text-lg",
-		text: "text-sm"
-	},
-	lg: {
-		container: "gap-2 px-4 py-2",
-		icon: "text-xl",
-		text: "text-base"
-	}
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+var sizeStyles = {
+  sm: {
+    container: "gap-1 px-2 py-1",
+    icon: "text-base",
+    text: "text-xs"
+  },
+  md: {
+    container: "gap-1.5 px-3 py-1.5",
+    icon: "text-lg",
+    text: "text-sm"
+  },
+  lg: {
+    container: "gap-2 px-4 py-2",
+    icon: "text-xl",
+    text: "text-base"
+  }
 };
-function StreakCounter({ days, isActive = true, size = "md" }) {
-	const styles = sizeStyles[size];
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("inline-flex items-center rounded-full font-semibold", styles.container, isActive ? "bg-orange-500/10 text-orange-500" : "bg-muted text-muted-foreground"),
-		children: [/* @__PURE__ */ jsx("span", {
-			className: styles.icon,
-			role: "img",
-			"aria-label": "streak",
-			children: "🔥"
-		}), /* @__PURE__ */ jsxs("span", {
-			className: styles.text,
-			children: [
-				days,
-				" ",
-				days === 1 ? "day" : "days"
-			]
-		})]
-	});
+function StreakCounter({
+  days,
+  isActive = true,
+  size = "md"
+}) {
+  const styles = sizeStyles[size];
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: cn("inline-flex items-center rounded-full font-semibold", styles.container, isActive ? "bg-orange-500/10 text-orange-500" : "bg-muted text-muted-foreground"),
+    children: [
+      /* @__PURE__ */ jsxDEV("span", {
+        className: styles.icon,
+        role: "img",
+        "aria-label": "streak",
+        children: "\uD83D\uDD25"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("span", {
+        className: styles.text,
+        children: [
+          days,
+          " ",
+          days === 1 ? "day" : "days"
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
 }
-
-//#endregion
-export { StreakCounter };
-//# sourceMappingURL=StreakCounter.js.map
+export {
+  StreakCounter
+};

package/dist/components/ViewTabs.d.ts

@@ -1,12 +1,3 @@
-import { ViewTabsProps } from "../types.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/components/ViewTabs.d.ts
-declare function ViewTabs({
-  currentView,
-  onViewChange,
-  availableViews
-}: ViewTabsProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { ViewTabs };
+import type { ViewTabsProps } from '../types';
+export declare function ViewTabs({ currentView, onViewChange, availableViews, }: ViewTabsProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ViewTabs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ViewTabs.d.ts","names":[],"sources":["../../src/components/ViewTabs.tsx"],"mappings":";;;;iBAmBgB,QAAA,CAAA;EACd,WAAA;EACA,YAAA;EACA;AAAA,GACC,aAAA,GAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"ViewTabs.d.ts","sourceRoot":"","sources":["../../src/components/ViewTabs.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAgB,MAAM,UAAU,CAAC;AAgB5D,wBAAgB,QAAQ,CAAC,EACvB,WAAW,EACX,YAAY,EACZ,cAA8B,GAC/B,EAAE,aAAa,2CAsBf"}

package/dist/components/ViewTabs.js

@@ -1,49 +1,47 @@
-'use client';
-
-import { jsx, jsxs } from "react/jsx-runtime";
+// @bun
+// src/components/ViewTabs.tsx
 import { Button } from "@contractspec/lib.design-system";
-
-//#region src/components/ViewTabs.tsx
-const VIEW_LABELS = {
-	overview: {
-		label: "Overview",
-		icon: "📊"
-	},
-	steps: {
-		label: "Steps",
-		icon: "📝"
-	},
-	progress: {
-		label: "Progress",
-		icon: "📈"
-	},
-	timeline: {
-		label: "Timeline",
-		icon: "📅"
-	}
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+var VIEW_LABELS = {
+  overview: { label: "Overview", icon: "\uD83D\uDCCA" },
+  steps: { label: "Steps", icon: "\uD83D\uDCDD" },
+  progress: { label: "Progress", icon: "\uD83D\uDCC8" },
+  timeline: { label: "Timeline", icon: "\uD83D\uDCC5" }
 };
-const DEFAULT_VIEWS = [
-	"overview",
-	"steps",
-	"progress",
-	"timeline"
+var DEFAULT_VIEWS = [
+  "overview",
+  "steps",
+  "progress",
+  "timeline"
 ];
-function ViewTabs({ currentView, onViewChange, availableViews = DEFAULT_VIEWS }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex flex-wrap gap-2",
-		children: availableViews.map((view) => {
-			const { label, icon } = VIEW_LABELS[view];
-			return /* @__PURE__ */ jsxs(Button, {
-				variant: currentView === view ? "default" : "outline",
-				size: "sm",
-				onClick: () => onViewChange(view),
-				className: "gap-1.5",
-				children: [/* @__PURE__ */ jsx("span", { children: icon }), /* @__PURE__ */ jsx("span", { children: label })]
-			}, view);
-		})
-	});
+function ViewTabs({
+  currentView,
+  onViewChange,
+  availableViews = DEFAULT_VIEWS
+}) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "flex flex-wrap gap-2",
+    children: availableViews.map((view) => {
+      const { label, icon } = VIEW_LABELS[view];
+      const isActive = currentView === view;
+      return /* @__PURE__ */ jsxDEV(Button, {
+        variant: isActive ? "default" : "outline",
+        size: "sm",
+        onClick: () => onViewChange(view),
+        className: "gap-1.5",
+        children: [
+          /* @__PURE__ */ jsxDEV("span", {
+            children: icon
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("span", {
+            children: label
+          }, undefined, false, undefined, this)
+        ]
+      }, view, true, undefined, this);
+    })
+  }, undefined, false, undefined, this);
 }
-
-//#endregion
-export { ViewTabs };
-//# sourceMappingURL=ViewTabs.js.map
+export {
+  ViewTabs
+};

package/dist/components/XpBar.d.ts

@@ -1,14 +1,3 @@
-import { XpBarProps } from "../types.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/components/XpBar.d.ts
-declare function XpBar({
-  current,
-  max,
-  level,
-  showLabel,
-  size
-}: XpBarProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { XpBar };
+import type { XpBarProps } from '../types';
+export declare function XpBar({ current, max, level, showLabel, size, }: XpBarProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=XpBar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"XpBar.d.ts","names":[],"sources":["../../src/components/XpBar.tsx"],"mappings":";;;;iBAkBgB,KAAA,CAAA;EACd,OAAA;EACA,GAAA;EACA,KAAA;EACA,SAAA;EACA;AAAA,GACC,UAAA,GAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"XpBar.d.ts","sourceRoot":"","sources":["../../src/components/XpBar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAc3C,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,GAAG,EACH,KAAK,EACL,SAAgB,EAChB,IAAW,GACZ,EAAE,UAAU,2CA6BZ"}

package/dist/components/XpBar.js

@@ -1,47 +1,63 @@
-'use client';
-
+// @bun
+// src/components/XpBar.tsx
 import { Progress } from "@contractspec/lib.ui-kit-web/ui/progress";
 import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/XpBar.tsx
-const sizeStyles = {
-	sm: "h-2",
-	md: "h-3",
-	lg: "h-4"
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+var sizeStyles = {
+  sm: "h-2",
+  md: "h-3",
+  lg: "h-4"
 };
-const labelSizeStyles = {
-	sm: "text-xs",
-	md: "text-sm",
-	lg: "text-base"
+var labelSizeStyles = {
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-base"
 };
-function XpBar({ current, max, level, showLabel = true, size = "md" }) {
-	const percentage = max > 0 ? Math.min(current / max * 100, 100) : 0;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "w-full space-y-1",
-		children: [showLabel && /* @__PURE__ */ jsxs("div", {
-			className: cn("flex items-center justify-between", labelSizeStyles[size]),
-			children: [/* @__PURE__ */ jsxs("span", {
-				className: "text-muted-foreground font-medium",
-				children: [level !== void 0 && /* @__PURE__ */ jsxs("span", {
-					className: "text-primary mr-1",
-					children: ["Lvl ", level]
-				}), "XP"]
-			}), /* @__PURE__ */ jsxs("span", {
-				className: "font-semibold",
-				children: [
-					current.toLocaleString(),
-					" / ",
-					max.toLocaleString()
-				]
-			})]
-		}), /* @__PURE__ */ jsx(Progress, {
-			value: percentage,
-			className: cn("bg-muted", sizeStyles[size])
-		})]
-	});
+function XpBar({
+  current,
+  max,
+  level,
+  showLabel = true,
+  size = "md"
+}) {
+  const percentage = max > 0 ? Math.min(current / max * 100, 100) : 0;
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "w-full space-y-1",
+    children: [
+      showLabel && /* @__PURE__ */ jsxDEV("div", {
+        className: cn("flex items-center justify-between", labelSizeStyles[size]),
+        children: [
+          /* @__PURE__ */ jsxDEV("span", {
+            className: "text-muted-foreground font-medium",
+            children: [
+              level !== undefined && /* @__PURE__ */ jsxDEV("span", {
+                className: "text-primary mr-1",
+                children: [
+                  "Lvl ",
+                  level
+                ]
+              }, undefined, true, undefined, this),
+              "XP"
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV("span", {
+            className: "font-semibold",
+            children: [
+              current.toLocaleString(),
+              " / ",
+              max.toLocaleString()
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV(Progress, {
+        value: percentage,
+        className: cn("bg-muted", sizeStyles[size])
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
 }
-
-//#endregion
-export { XpBar };
-//# sourceMappingURL=XpBar.js.map
+export {
+  XpBar
+};

package/dist/components/index.d.ts

@@ -1,5 +1,5 @@
-import { BadgeDisplay } from "./BadgeDisplay.js";
-import { StreakCounter } from "./StreakCounter.js";
-import { ViewTabs } from "./ViewTabs.js";
-import { XpBar } from "./XpBar.js";
-export { BadgeDisplay, StreakCounter, ViewTabs, XpBar };
+export { XpBar } from './XpBar';
+export { StreakCounter } from './StreakCounter';
+export { BadgeDisplay } from './BadgeDisplay';
+export { ViewTabs } from './ViewTabs';
+//# 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,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/index.js

@@ -1,6 +1,210 @@
-import { XpBar } from "./XpBar.js";
-import { StreakCounter } from "./StreakCounter.js";
-import { BadgeDisplay } from "./BadgeDisplay.js";
-import { ViewTabs } from "./ViewTabs.js";
+// @bun
+// src/components/BadgeDisplay.tsx
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { jsxDEV } from "react/jsx-dev-runtime";
+"use client";
+var BADGE_ICONS = {
+  studio_first_30m: "\uD83C\uDFAF",
+  platform_tour: "\uD83D\uDDFA\uFE0F",
+  crm_first_win: "\uD83C\uDFC6",
+  drill_master: "\uD83E\uDDE0",
+  coach_listener: "\uD83D\uDC42",
+  quest_complete: "\u2B50",
+  streak_7: "\uD83D\uDD25",
+  streak_30: "\uD83D\uDC8E",
+  default: "\uD83C\uDFC5"
+};
+var sizeStyles = {
+  sm: "h-6 w-6 text-sm",
+  md: "h-8 w-8 text-base",
+  lg: "h-10 w-10 text-lg"
+};
+function BadgeDisplay({
+  badges,
+  maxVisible = 5,
+  size = "md"
+}) {
+  const visibleBadges = badges.slice(0, maxVisible);
+  const hiddenCount = badges.length - maxVisible;
+  if (badges.length === 0) {
+    return /* @__PURE__ */ jsxDEV("div", {
+      className: "text-muted-foreground text-sm",
+      children: "No badges earned yet"
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: "flex items-center gap-1",
+    children: [
+      visibleBadges.map((badge) => /* @__PURE__ */ jsxDEV("div", {
+        className: cn("flex items-center justify-center rounded-full bg-gradient-to-br from-amber-400/20 to-amber-600/20", sizeStyles[size]),
+        title: badge.replace(/_/g, " "),
+        children: BADGE_ICONS[badge] ?? BADGE_ICONS.default
+      }, badge, false, undefined, this)),
+      hiddenCount > 0 && /* @__PURE__ */ jsxDEV("div", {
+        className: cn("text-muted-foreground bg-muted flex items-center justify-center rounded-full", sizeStyles[size], "text-xs font-medium"),
+        children: [
+          "+",
+          hiddenCount
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
 
-export { BadgeDisplay, StreakCounter, ViewTabs, XpBar };
+// src/components/StreakCounter.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 sizeStyles2 = {
+  sm: {
+    container: "gap-1 px-2 py-1",
+    icon: "text-base",
+    text: "text-xs"
+  },
+  md: {
+    container: "gap-1.5 px-3 py-1.5",
+    icon: "text-lg",
+    text: "text-sm"
+  },
+  lg: {
+    container: "gap-2 px-4 py-2",
+    icon: "text-xl",
+    text: "text-base"
+  }
+};
+function StreakCounter({
+  days,
+  isActive = true,
+  size = "md"
+}) {
+  const styles = sizeStyles2[size];
+  return /* @__PURE__ */ jsxDEV2("div", {
+    className: cn2("inline-flex items-center rounded-full font-semibold", styles.container, isActive ? "bg-orange-500/10 text-orange-500" : "bg-muted text-muted-foreground"),
+    children: [
+      /* @__PURE__ */ jsxDEV2("span", {
+        className: styles.icon,
+        role: "img",
+        "aria-label": "streak",
+        children: "\uD83D\uDD25"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV2("span", {
+        className: styles.text,
+        children: [
+          days,
+          " ",
+          days === 1 ? "day" : "days"
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/ViewTabs.tsx
+import { Button } from "@contractspec/lib.design-system";
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+"use client";
+var VIEW_LABELS = {
+  overview: { label: "Overview", icon: "\uD83D\uDCCA" },
+  steps: { label: "Steps", icon: "\uD83D\uDCDD" },
+  progress: { label: "Progress", icon: "\uD83D\uDCC8" },
+  timeline: { label: "Timeline", icon: "\uD83D\uDCC5" }
+};
+var DEFAULT_VIEWS = [
+  "overview",
+  "steps",
+  "progress",
+  "timeline"
+];
+function ViewTabs({
+  currentView,
+  onViewChange,
+  availableViews = DEFAULT_VIEWS
+}) {
+  return /* @__PURE__ */ jsxDEV3("div", {
+    className: "flex flex-wrap gap-2",
+    children: availableViews.map((view) => {
+      const { label, icon } = VIEW_LABELS[view];
+      const isActive = currentView === view;
+      return /* @__PURE__ */ jsxDEV3(Button, {
+        variant: isActive ? "default" : "outline",
+        size: "sm",
+        onClick: () => onViewChange(view),
+        className: "gap-1.5",
+        children: [
+          /* @__PURE__ */ jsxDEV3("span", {
+            children: icon
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV3("span", {
+            children: label
+          }, undefined, false, undefined, this)
+        ]
+      }, view, true, undefined, this);
+    })
+  }, undefined, false, undefined, this);
+}
+
+// src/components/XpBar.tsx
+import { Progress } from "@contractspec/lib.ui-kit-web/ui/progress";
+import { cn as cn3 } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+"use client";
+var sizeStyles3 = {
+  sm: "h-2",
+  md: "h-3",
+  lg: "h-4"
+};
+var labelSizeStyles = {
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-base"
+};
+function XpBar({
+  current,
+  max,
+  level,
+  showLabel = true,
+  size = "md"
+}) {
+  const percentage = max > 0 ? Math.min(current / max * 100, 100) : 0;
+  return /* @__PURE__ */ jsxDEV4("div", {
+    className: "w-full space-y-1",
+    children: [
+      showLabel && /* @__PURE__ */ jsxDEV4("div", {
+        className: cn3("flex items-center justify-between", labelSizeStyles[size]),
+        children: [
+          /* @__PURE__ */ jsxDEV4("span", {
+            className: "text-muted-foreground font-medium",
+            children: [
+              level !== undefined && /* @__PURE__ */ jsxDEV4("span", {
+                className: "text-primary mr-1",
+                children: [
+                  "Lvl ",
+                  level
+                ]
+              }, undefined, true, undefined, this),
+              "XP"
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV4("span", {
+            className: "font-semibold",
+            children: [
+              current.toLocaleString(),
+              " / ",
+              max.toLocaleString()
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV4(Progress, {
+        value: percentage,
+        className: cn3("bg-muted", sizeStyles3[size])
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+export {
+  XpBar,
+  ViewTabs,
+  StreakCounter,
+  BadgeDisplay
+};

package/dist/docs/index.d.ts

@@ -1 +1,2 @@
-export { };
+import './learning-journey-ui-shared.docblock';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/docs/index.ts"],"names":[],"mappings":"AAAA,OAAO,uCAAuC,CAAC"}

package/dist/docs/index.js

@@ -1 +1,22 @@
-import "./learning-journey-ui-shared.docblock.js";
+// @bun
+// src/docs/learning-journey-ui-shared.docblock.ts
+import { registerDocBlocks } from "@contractspec/lib.contracts/docs";
+var blocks = [
+  {
+    id: "docs.examples.learning-journey-ui-shared",
+    title: "Learning Journey UI \u2014 Shared",
+    summary: "Shared UI components and hooks for learning journey mini-apps.",
+    kind: "reference",
+    visibility: "public",
+    route: "/docs/examples/learning-journey-ui-shared",
+    tags: ["learning", "ui", "shared"],
+    body: `## Includes
+- Hooks: useLearningProgress
+- Components: XpBar, StreakCounter, BadgeDisplay, ViewTabs
+
+## Notes
+- Keep components accessible (labels, focus, contrast).
+- Prefer design-system tokens and components.`
+  }
+];
+registerDocBlocks(blocks);

package/dist/docs/learning-journey-ui-shared.docblock.d.ts

@@ -1 +1,2 @@
-export { };
+export {};
+//# sourceMappingURL=learning-journey-ui-shared.docblock.d.ts.map

package/dist/docs/learning-journey-ui-shared.docblock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"learning-journey-ui-shared.docblock.d.ts","sourceRoot":"","sources":["../../src/docs/learning-journey-ui-shared.docblock.ts"],"names":[],"mappings":""}

package/dist/docs/learning-journey-ui-shared.docblock.js

@@ -1,20 +1,22 @@
+// @bun
+// src/docs/learning-journey-ui-shared.docblock.ts
 import { registerDocBlocks } from "@contractspec/lib.contracts/docs";
+var blocks = [
+  {
+    id: "docs.examples.learning-journey-ui-shared",
+    title: "Learning Journey UI \u2014 Shared",
+    summary: "Shared UI components and hooks for learning journey mini-apps.",
+    kind: "reference",
+    visibility: "public",
+    route: "/docs/examples/learning-journey-ui-shared",
+    tags: ["learning", "ui", "shared"],
+    body: `## Includes
+- Hooks: useLearningProgress
+- Components: XpBar, StreakCounter, BadgeDisplay, ViewTabs
 
-//#region src/docs/learning-journey-ui-shared.docblock.ts
-registerDocBlocks([{
-	id: "docs.examples.learning-journey-ui-shared",
-	title: "Learning Journey UI — Shared",
-	summary: "Shared UI components and hooks for learning journey mini-apps.",
-	kind: "reference",
-	visibility: "public",
-	route: "/docs/examples/learning-journey-ui-shared",
-	tags: [
-		"learning",
-		"ui",
-		"shared"
-	],
-	body: `## Includes\n- Hooks: useLearningProgress\n- Components: XpBar, StreakCounter, BadgeDisplay, ViewTabs\n\n## Notes\n- Keep components accessible (labels, focus, contrast).\n- Prefer design-system tokens and components.`
-}]);
-
-//#endregion
-//# sourceMappingURL=learning-journey-ui-shared.docblock.js.map
+## Notes
+- Keep components accessible (labels, focus, contrast).
+- Prefer design-system tokens and components.`
+  }
+];
+registerDocBlocks(blocks);