@lssm/example.learning-journey-ui-shared 0.0.0-canary-20251212230121 → 0.0.0-canary-20251215220103

package/example.ts

@@ -0,0 +1 @@
+export { default } from './src/example';

package/package.json

@@ -1,12 +1,14 @@
 {
   "name": "@lssm/example.learning-journey-ui-shared",
-  "version": "0.0.0-canary-20251212230121",
+  "version": "0.0.0-canary-20251215220103",
   "description": "Shared UI components and hooks for learning journey mini-apps.",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": "./src/index.ts",
+    "./example": "./src/example.ts",
+    "./docs": "./src/docs/index.ts",
     "./hooks": "./src/hooks/index.ts",
     "./components": "./src/components/index.ts",
     "./types": "./src/types.ts",
@@ -27,22 +29,24 @@
     "@lssm/module.learning-journey": "workspace:*",
     "@lssm/lib.design-system": "workspace:*",
     "@lssm/lib.ui-kit-web": "workspace:*",
-    "react": "^19.1.0"
+    "react": "^19.2.3"
   },
   "devDependencies": {
     "@lssm/tool.tsdown": "workspace:*",
     "@lssm/tool.typescript": "workspace:*",
     "@types/react": "^19.1.6",
-    "tsdown": "^0.17.0",
+    "tsdown": "^0.17.4",
     "typescript": "^5.9.3"
   },
   "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0"
+    "react": "^19.2.3"
   },
   "module": "./dist/index.js",
   "publishConfig": {
     "exports": {
       ".": "./dist/index.js",
+      "./example": "./dist/example.js",
+      "./docs": "./dist/docs/index.js",
       "./hooks": "./dist/hooks/index.js",
       "./components": "./dist/components/index.js",
       "./types": "./dist/types.js",

package/src/components/BadgeDisplay.tsx

@@ -63,4 +63,3 @@ export function BadgeDisplay({
     </div>
   );
 }
-

package/src/components/StreakCounter.tsx

@@ -47,4 +47,3 @@ export function StreakCounter({
     </div>
   );
 }
-

package/src/components/ViewTabs.tsx

@@ -44,4 +44,3 @@ export function ViewTabs({
     </div>
   );
 }
-

package/src/components/XpBar.tsx

@@ -52,4 +52,3 @@ export function XpBar({
     </div>
   );
 }
-

package/src/components/index.ts

@@ -2,4 +2,3 @@ export { XpBar } from './XpBar';
 export { StreakCounter } from './StreakCounter';
 export { BadgeDisplay } from './BadgeDisplay';
 export { ViewTabs } from './ViewTabs';
-

package/src/docs/index.ts

@@ -0,0 +1 @@
+import './learning-journey-ui-shared.docblock';

package/src/docs/learning-journey-ui-shared.docblock.ts

@@ -0,0 +1,17 @@
+import type { DocBlock } from '@lssm/lib.contracts/docs';
+import { registerDocBlocks } from '@lssm/lib.contracts/docs';
+
+const blocks: DocBlock[] = [
+  {
+    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.`,
+  },
+];
+
+registerDocBlocks(blocks);

package/src/example.ts

@@ -0,0 +1,23 @@
+const example = {
+  id: 'learning-journey-ui-shared',
+  title: 'Learning Journey UI — Shared',
+  summary: 'Shared UI components and hooks for learning journey mini-apps.',
+  tags: ['learning', 'ui', 'shared'],
+  kind: 'ui',
+  visibility: 'public',
+  docs: {
+    rootDocId: 'docs.examples.learning-journey-ui-shared',
+  },
+  entrypoints: {
+    packageName: '@lssm/example.learning-journey-ui-shared',
+    docs: './docs',
+  },
+  surfaces: {
+    templates: true,
+    sandbox: { enabled: true, modes: ['playground', 'markdown'] },
+    studio: { enabled: true, installable: true },
+    mcp: { enabled: true },
+  },
+} as const;
+
+export default example;

package/src/hooks/index.ts

@@ -1,2 +1 @@
 export { useLearningProgress } from './useLearningProgress';
-

package/src/hooks/useLearningProgress.ts

@@ -99,4 +99,3 @@ export function useLearningProgress(track: LearningJourneyTrackSpec) {
     incrementStreak,
   };
 }
-

package/src/index.ts

@@ -16,3 +16,5 @@ export type {
   ViewTabsProps,
 } from './types';
 
+export { default as example } from './example';
+import './docs';

package/src/types.ts

@@ -59,4 +59,3 @@ export interface ViewTabsProps {
   onViewChange: (view: LearningView) => void;
   availableViews?: LearningView[];
 }
-

package/tsconfig.json

@@ -7,4 +7,3 @@
     "outDir": "dist"
   }
 }
-