@lssm/example.learning-journey-ui-gamified 0.0.0-canary-20251212224228 → 0.0.0-canary-20251213172311

package/dist/views/index.d.mts

@@ -1,2 +1,2 @@
-import { i as Overview, n as Progress, r as Steps, t as Timeline } from "../index-Bi5V3Ihq.mjs";
+import { i as Overview, n as Progress, r as Steps, t as Timeline } from "../index-X03x0lCK.mjs";
 export { Overview, Progress, Steps, Timeline };

package/example.ts

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

package/package.json

@@ -1,12 +1,14 @@
 {
   "name": "@lssm/example.learning-journey-ui-gamified",
-  "version": "0.0.0-canary-20251212224228",
+  "version": "0.0.0-canary-20251213172311",
   "description": "Duolingo-style gamified learning UI for drills and quests.",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": "./src/index.ts",
+    "./example": "./src/example.ts",
+    "./docs": "./src/docs/index.ts",
     "./views": "./src/views/index.ts",
     "./components": "./src/components/index.ts",
     "./*": "./*"
@@ -24,8 +26,8 @@
   },
   "dependencies": {
     "@lssm/example.learning-journey-ui-shared": "workspace:*",
-    "@lssm/example.learning-journey.duo-drills": "workspace:*",
-    "@lssm/example.learning-journey.quest-challenges": "workspace:*",
+    "@lssm/example.learning-journey-duo-drills": "workspace:*",
+    "@lssm/example.learning-journey-quest-challenges": "workspace:*",
     "@lssm/module.learning-journey": "workspace:*",
     "@lssm/lib.design-system": "workspace:*",
     "@lssm/lib.ui-kit-web": "workspace:*",
@@ -45,6 +47,8 @@
   "publishConfig": {
     "exports": {
       ".": "./dist/index.js",
+      "./example": "./dist/example.js",
+      "./docs": "./dist/docs/index.js",
       "./views": "./dist/views/index.js",
       "./components": "./dist/components/index.js",
       "./*": "./*"

package/src/GamifiedMiniApp.tsx

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

package/src/components/DayCalendar.tsx

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

package/src/components/FlashCard.tsx

@@ -98,4 +98,3 @@ export function FlashCard({
     </Card>
   );
 }
-

package/src/components/MasteryRing.tsx

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

package/src/components/index.ts

@@ -1,4 +1,3 @@
 export { FlashCard } from './FlashCard';
 export { MasteryRing } from './MasteryRing';
 export { DayCalendar } from './DayCalendar';
-

package/src/docs/index.ts

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

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

@@ -0,0 +1,20 @@
+import type { DocBlock } from '@lssm/lib.contracts/docs';
+import { registerDocBlocks } from '@lssm/lib.contracts/docs';
+
+const blocks: DocBlock[] = [
+  {
+    id: 'docs.examples.learning-journey-ui-gamified',
+    title: 'Learning Journey UI — Gamified',
+    summary:
+      'UI mini-app components for gamified learning: flashcards, mastery, streak/calendar.',
+    kind: 'reference',
+    visibility: 'public',
+    route: '/docs/examples/learning-journey-ui-gamified',
+    tags: ['learning', 'ui', 'gamified'],
+    body: `## Includes\n- Gamified mini-app shell\n- Views: overview, steps, progress, timeline\n- Components: flash card, mastery ring, day calendar\n\n## Notes\n- Compose with design system components.\n- Respect prefers-reduced-motion; keep tap targets large.`,
+  },
+];
+
+registerDocBlocks(blocks);
+
+

package/src/example.ts

@@ -0,0 +1,25 @@
+const example = {
+  id: 'learning-journey-ui-gamified',
+  title: 'Learning Journey UI — Gamified',
+  summary: 'UI mini-app for gamified learning: flashcards, mastery ring, calendar.',
+  tags: ['learning', 'ui', 'gamified'],
+  kind: 'ui',
+  visibility: 'public',
+  docs: {
+    rootDocId: 'docs.examples.learning-journey-ui-gamified',
+  },
+  entrypoints: {
+    packageName: '@lssm/example.learning-journey-ui-gamified',
+    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/index.ts

@@ -6,4 +6,5 @@ export { Overview, Steps, Progress, Timeline } from './views';
 
 // Components
 export { FlashCard, MasteryRing, DayCalendar } from './components';
-
+export { default as example } from './example';
+import './docs';

package/src/views/Overview.tsx

@@ -162,4 +162,3 @@ export function Overview({ track, progress, onStart }: GamifiedOverviewProps) {
     </div>
   );
 }
-

package/src/views/Progress.tsx

@@ -34,7 +34,7 @@ export function Progress({ track, progress }: LearningViewProps) {
     });
   });
 
-  const surfaceColors: Array<'green' | 'blue' | 'violet' | 'orange'> = [
+  const surfaceColors: ('green' | 'blue' | 'violet' | 'orange')[] = [
     'green',
     'blue',
     'violet',
@@ -178,4 +178,3 @@ export function Progress({ track, progress }: LearningViewProps) {
     </div>
   );
 }
-

package/src/views/Steps.tsx

@@ -48,4 +48,3 @@ export function Steps({ track, progress, onStepComplete }: LearningViewProps) {
     </div>
   );
 }
-

package/src/views/Timeline.tsx

@@ -195,4 +195,3 @@ export function Timeline({ track, progress }: LearningViewProps) {
     </div>
   );
 }
-

package/src/views/index.ts

@@ -2,4 +2,3 @@ export { Overview } from './Overview';
 export { Steps } from './Steps';
 export { Progress } from './Progress';
 export { Timeline } from './Timeline';
-