@lssm/example.learning-journey-ui-onboarding 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 ProgressView, r as Steps, t as Timeline } from "../index-CWZmrQYz.mjs";
+import { i as Overview, n as ProgressView, r as Steps, t as Timeline } from "../index-BNYp4weX.mjs";
 export { Overview, ProgressView as 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-onboarding",
-  "version": "0.0.0-canary-20251212224228",
+  "version": "0.0.0-canary-20251213172311",
   "description": "Developer onboarding UI with checklists and journey maps.",
   "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.studio-onboarding": "workspace:*",
-    "@lssm/example.learning-journey.platform-tour": "workspace:*",
+    "@lssm/example.learning-journey-studio-onboarding": "workspace:*",
+    "@lssm/example.learning-journey-platform-tour": "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/OnboardingMiniApp.tsx

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

package/src/components/CodeSnippet.tsx

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

package/src/components/JourneyMap.tsx

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

package/src/components/StepChecklist.tsx

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

package/src/components/index.ts

@@ -1,4 +1,3 @@
 export { StepChecklist } from './StepChecklist';
 export { CodeSnippet } from './CodeSnippet';
 export { JourneyMap } from './JourneyMap';
-

package/src/docs/index.ts

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

package/src/docs/learning-journey-ui-onboarding.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-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\n- Onboarding mini-app shell\n- Views: overview, steps, progress, timeline\n- Components: step checklist, code snippet, journey map\n\n## Notes\n- Compose with design system components.\n- Ensure accessible labels and keyboard navigation.`,
+  },
+];
+
+registerDocBlocks(blocks);
+
+

package/src/example.ts

@@ -0,0 +1,25 @@
+const example = {
+  id: 'learning-journey-ui-onboarding',
+  title: 'Learning Journey UI — Onboarding',
+  summary: 'UI mini-app for onboarding patterns: checklists, code snippets, journey map.',
+  tags: ['learning', 'ui', 'onboarding'],
+  kind: 'ui',
+  visibility: 'public',
+  docs: {
+    rootDocId: 'docs.examples.learning-journey-ui-onboarding',
+  },
+  entrypoints: {
+    packageName: '@lssm/example.learning-journey-ui-onboarding',
+    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 { StepChecklist, CodeSnippet, JourneyMap } from './components';
-
+export { default as example } from './example';
+import './docs';

package/src/views/Overview.tsx

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

package/src/views/Progress.tsx

@@ -181,4 +181,3 @@ export function ProgressView({ track, progress }: LearningViewProps) {
 
 // Re-export with correct name
 export { ProgressView as Progress };
-

package/src/views/Steps.tsx

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

package/src/views/Timeline.tsx

@@ -139,4 +139,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';
-