{"id":"@lssm-tech/example.learning-journey-ui-onboarding","slug":"example.learning-journey-ui-onboarding","name":"@lssm-tech/example.learning-journey-ui-onboarding","version":"6.0.5","path":"examples/learning-journey-ui-onboarding","manifestPath":"examples/learning-journey-ui-onboarding/package.json","manifestBlobSha":"854c2aaa4446d5e262a62f3fe88b9ef0d85b7973","layer":"examples","physicalArea":null,"primaryArea":"examples-and-patterns","classification":{"privateDeclared":null,"catalogFamily":"ui","catalogKind":"example","catalogStatus":"active","adoptionMode":"reference-only","stability":"stable"},"description":"Developer onboarding UI with checklists and journey maps.","descriptionOrigin":"package.json","catalog":{"family":"ui","kind":"example","status":"active","adoptionMode":"reference-only","stability":"stable","platforms":["server"],"runtimes":["node"],"entrypoints":[".","./components","./components/CodeSnippet","./components/JourneyMap","./components/StepChecklist","./docs","./docs/learning-journey-ui-onboarding.docblock","./example","./learning-journey-ui-onboarding.feature","./OnboardingMiniApp","./views","./views/Overview","./views/Progress","./views/Steps","./views/Timeline"],"documentation":[{"title":"Example Learning Journey Ui Onboarding documentation","url":"https://www.npmjs.com/package/%40lssm-tech%2Fexample.learning-journey-ui-onboarding","kind":"readme"}],"examples":[],"replacements":[],"nonAdoptableRationale":"This example is published for reference and learning, not as a reusable library dependency.","visualTesting":{"status":"deferred","owner":"@contractspec-core","targetWave":"wave-3-react-packages","rationale":"Foundational Storybook adoption establishes shared catalogs and guardrails before this package migrates."}},"canonicalImports":[],"scripts":{"publish:pkg":"bun publish --tolerate-republish --ignore-scripts --verbose","publish:pkg:canary":"bun publish:pkg --tag canary","build":"contractspec-bun-build build","build:bundle":"contractspec-bun-build transpile","build:types":"contractspec-bun-build types","dev":"contractspec-bun-build dev","clean":"rimraf dist .turbo","lint":"bun lint:fix","lint:fix":"node ../../scripts/biome.cjs check --write --unsafe --only=nursery/useSortedClasses . && node ../../scripts/biome.cjs check --write .","lint:check":"node ../../scripts/biome.cjs check .","test":"bun test --pass-with-no-tests","prebuild":"contractspec-bun-build prebuild","typecheck":"tsgo --noEmit"},"scriptStatus":"complete pinned manifest","dependencies":{"@lssm-tech/lib.ui-kit-core":"workspace:^","@lssm-tech/lib.contracts-spec":"workspace:^","@lssm-tech/example.learning-journey-ui-shared":"workspace:^","@lssm-tech/example.learning-journey-studio-onboarding":"workspace:^","@lssm-tech/example.learning-journey-platform-tour":"workspace:^","@lssm-tech/module.learning-journey":"workspace:^","@lssm-tech/lib.design-system":"workspace:^","@lssm-tech/lib.ui-kit-web":"workspace:^","react":"catalog:"},"devDependencies":{"@lssm-tech/tool.typescript":"workspace:*","@types/react":"catalog:types","typescript":"catalog:","@lssm-tech/tool.bun":"workspace:*"},"peerDependencies":{"react":"catalog:"},"optionalDependencies":{},"peerDependenciesMeta":{},"bundledDependencies":null,"dependencyStatus":"complete pinned manifest","exports":{".":"./src/index.ts","./components":"./src/components/index.ts","./components/CodeSnippet":"./src/components/CodeSnippet.tsx","./components/JourneyMap":"./src/components/JourneyMap.tsx","./components/StepChecklist":"./src/components/StepChecklist.tsx","./docs":"./src/docs/index.ts","./docs/learning-journey-ui-onboarding.docblock":"./src/docs/index.ts","./example":"./src/example.ts","./learning-journey-ui-onboarding.feature":"./src/learning-journey-ui-onboarding.feature.ts","./OnboardingMiniApp":"./src/OnboardingMiniApp.tsx","./views":"./src/views/index.ts","./views/Overview":"./src/views/Overview.tsx","./views/Progress":"./src/views/Progress.tsx","./views/Steps":"./src/views/Steps.tsx","./views/Timeline":"./src/views/Timeline.tsx"},"publishExports":{".":{"types":"./dist/index.d.ts","browser":"./dist/browser/index.js","bun":"./dist/index.js","node":"./dist/node/index.js","default":"./dist/index.js"},"./components":{"types":"./dist/components/index.d.ts","browser":"./dist/browser/components/index.js","bun":"./dist/components/index.js","node":"./dist/node/components/index.js","default":"./dist/components/index.js"},"./components/CodeSnippet":{"types":"./dist/components/CodeSnippet.d.ts","browser":"./dist/browser/components/CodeSnippet.js","bun":"./dist/components/CodeSnippet.js","node":"./dist/node/components/CodeSnippet.js","default":"./dist/components/CodeSnippet.js"},"./components/JourneyMap":{"types":"./dist/components/JourneyMap.d.ts","browser":"./dist/browser/components/JourneyMap.js","bun":"./dist/components/JourneyMap.js","node":"./dist/node/components/JourneyMap.js","default":"./dist/components/JourneyMap.js"},"./components/StepChecklist":{"types":"./dist/components/StepChecklist.d.ts","browser":"./dist/browser/components/StepChecklist.js","bun":"./dist/components/StepChecklist.js","node":"./dist/node/components/StepChecklist.js","default":"./dist/components/StepChecklist.js"},"./docs":{"types":"./dist/docs/index.d.ts","browser":"./dist/browser/docs/index.js","bun":"./dist/docs/index.js","node":"./dist/node/docs/index.js","default":"./dist/docs/index.js"},"./docs/learning-journey-ui-onboarding.docblock":{"types":"./dist/docs/index.d.ts","browser":"./dist/browser/docs/index.js","bun":"./dist/docs/index.js","node":"./dist/node/docs/index.js","default":"./dist/docs/index.js"},"./example":{"types":"./dist/example.d.ts","browser":"./dist/browser/example.js","bun":"./dist/example.js","node":"./dist/node/example.js","default":"./dist/example.js"},"./learning-journey-ui-onboarding.feature":{"types":"./dist/learning-journey-ui-onboarding.feature.d.ts","browser":"./dist/browser/learning-journey-ui-onboarding.feature.js","bun":"./dist/learning-journey-ui-onboarding.feature.js","node":"./dist/node/learning-journey-ui-onboarding.feature.js","default":"./dist/learning-journey-ui-onboarding.feature.js"},"./OnboardingMiniApp":{"types":"./dist/OnboardingMiniApp.d.ts","browser":"./dist/browser/OnboardingMiniApp.js","bun":"./dist/OnboardingMiniApp.js","node":"./dist/node/OnboardingMiniApp.js","default":"./dist/OnboardingMiniApp.js"},"./views":{"types":"./dist/views/index.d.ts","browser":"./dist/browser/views/index.js","bun":"./dist/views/index.js","node":"./dist/node/views/index.js","default":"./dist/views/index.js"},"./views/Overview":{"types":"./dist/views/Overview.d.ts","browser":"./dist/browser/views/Overview.js","bun":"./dist/views/Overview.js","node":"./dist/node/views/Overview.js","default":"./dist/views/Overview.js"},"./views/Progress":{"types":"./dist/views/Progress.d.ts","browser":"./dist/browser/views/Progress.js","bun":"./dist/views/Progress.js","node":"./dist/node/views/Progress.js","default":"./dist/views/Progress.js"},"./views/Steps":{"types":"./dist/views/Steps.d.ts","browser":"./dist/browser/views/Steps.js","bun":"./dist/views/Steps.js","node":"./dist/node/views/Steps.js","default":"./dist/views/Steps.js"},"./views/Timeline":{"types":"./dist/views/Timeline.d.ts","browser":"./dist/browser/views/Timeline.js","bun":"./dist/views/Timeline.js","node":"./dist/node/views/Timeline.js","default":"./dist/views/Timeline.js"}},"types":"./dist/index.d.ts","files":["LICENSE","README.md","dist","!**/*.test.*","!**/*.spec.*","!**/*.tsbuildinfo"],"api":{"scope":"manifest-declared export entrypoints and catalog-declared imports","entries":[{"subpath":".","importPath":"@lssm-tech/example.learning-journey-ui-onboarding","target":"./src/index.ts","targets":[{"conditions":[],"target":"./src/index.ts","sourcePath":"examples/learning-journey-ui-onboarding/src/index.ts","sourceUrl":"https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/learning-journey-ui-onboarding/src/index.ts","sourceStatus":"verified source file"}]},{"subpath":"./components","importPath":"@lssm-tech/example.learning-journey-ui-onboarding/components","target":"./src/components/index.ts","targets":[{"conditions":[],"target":"./src/components/index.ts","sourcePath":"examples/learning-journey-ui-onboarding/src/components/index.ts","sourceUrl":"https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/learning-journey-ui-onboarding/src/components/index.ts","sourceStatus":"verified source file"}]},{"subpath":"./components/CodeSnippet","importPath":"@lssm-tech/example.learning-journey-ui-onboarding/components/CodeSnippet","target":"./src/components/CodeSnippet.tsx","targets":[{"conditions":[],"target":"./src/components/CodeSnippet.tsx","sourcePath":"examples/learning-journey-ui-onboarding/src/components/CodeSnippet.tsx","sourceUrl":"https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/learning-journey-ui-onboarding/src/components/CodeSnippet.tsx","sourceStatus":"verified source file"}]},{"subpath":"./components/JourneyMap","importPath":"@lssm-tech/example.learning-journey-ui-onboarding/components/JourneyMap","target":"./src/components/JourneyMap.tsx","targets":[{"conditions":[],"target":"./src/components/JourneyMap.tsx","sourcePath":"examples/learning-journey-ui-onboarding/src/components/JourneyMap.tsx","sourceUrl":"https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/learning-journey-ui-onboarding/src/components/JourneyMap.tsx","sourceStatus":"verified source file"}]},{"subpath":"./components/StepChecklist","importPath":"@lssm-tech/example.learning-journey-ui-onboarding/components/StepChecklist","target":"./src/components/StepChecklist.tsx","targets":[{"conditions":[],"target":"./src/components/StepChecklist.tsx","sourcePath":"examples/learning-journey-ui-onboarding/src/components/StepChecklist.tsx","sourceUrl":"https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/learning-journey-ui-onboarding/src/components/StepChecklist.tsx","sourceStatus":"verified source file"}]},{"subpath":"./docs","importPath":"@lssm-tech/example.learning-journey-ui-onboarding/docs","target":"./src/docs/index.ts","targets":[{"conditions":[],"target":"./src/docs/index.ts","sourcePath":"examples/learning-journey-ui-onboarding/src/docs/index.ts","sourceUrl":"https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/learning-journey-ui-onboarding/src/docs/index.ts","sourceStatus":"verified source file"}]},{"subpath":"./docs/learning-journey-ui-onboarding.docblock","importPath":"@lssm-tech/example.learning-journey-ui-onboarding/docs/learning-journey-ui-onboarding.docblock","target":"./src/docs/index.ts","targets":[{"conditions":[],"target":"./src/docs/index.ts","sourcePath":"examples/learning-journey-ui-onboarding/src/docs/index.ts","sourceUrl":"https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/learning-journey-ui-onboarding/src/docs/index.ts","sourceStatus":"verified source file"}]},{"subpath":"./example","importPath":"@lssm-tech/example.learning-journey-ui-onboarding/example","target":"./src/example.ts","targets":[{"conditions":[],"target":"./src/example.ts","sourcePath":"examples/learning-journey-ui-onboarding/src/example.ts","sourceUrl":"https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/learning-journey-ui-onboarding/src/example.ts","sourceStatus":"verified source file"}]},{"subpath":"./learning-journey-ui-onboarding.feature","importPath":"@lssm-tech/example.learning-journey-ui-onboarding/learning-journey-ui-onboarding.feature","target":"./src/learning-journey-ui-onboarding.feature.ts","targets":[{"conditions":[],"target":"./src/learning-journey-ui-onboarding.feature.ts","sourcePath":"examples/learning-journey-ui-onboarding/src/learning-journey-ui-onboarding.feature.ts","sourceUrl":"https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/learning-journey-ui-onboarding/src/learning-journey-ui-onboarding.feature.ts","sourceStatus":"verified source file"}]},{"subpath":"./OnboardingMiniApp","importPath":"@lssm-tech/example.learning-journey-ui-onboarding/OnboardingMiniApp","target":"./src/OnboardingMiniApp.tsx","targets":[{"conditions":[],"target":"./src/OnboardingMiniApp.tsx","sourcePath":"examples/learning-journey-ui-onboarding/src/OnboardingMiniApp.tsx","sourceUrl":"https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/learning-journey-ui-onboarding/src/OnboardingMiniApp.tsx","sourceStatus":"verified source file"}]},{"subpath":"./views","importPath":"@lssm-tech/example.learning-journey-ui-onboarding/views","target":"./src/views/index.ts","targets":[{"conditions":[],"target":"./src/views/index.ts","sourcePath":"examples/learning-journey-ui-onboarding/src/views/index.ts","sourceUrl":"https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/learning-journey-ui-onboarding/src/views/index.ts","sourceStatus":"verified source file"}]},{"subpath":"./views/Overview","importPath":"@lssm-tech/example.learning-journey-ui-onboarding/views/Overview","target":"./src/views/Overview.tsx","targets":[{"conditions":[],"target":"./src/views/Overview.tsx","sourcePath":"examples/learning-journey-ui-onboarding/src/views/Overview.tsx","sourceUrl":"https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/learning-journey-ui-onboarding/src/views/Overview.tsx","sourceStatus":"verified source file"}]},{"subpath":"./views/Progress","importPath":"@lssm-tech/example.learning-journey-ui-onboarding/views/Progress","target":"./src/views/Progress.tsx","targets":[{"conditions":[],"target":"./src/views/Progress.tsx","sourcePath":"examples/learning-journey-ui-onboarding/src/views/Progress.tsx","sourceUrl":"https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/learning-journey-ui-onboarding/src/views/Progress.tsx","sourceStatus":"verified source file"}]},{"subpath":"./views/Steps","importPath":"@lssm-tech/example.learning-journey-ui-onboarding/views/Steps","target":"./src/views/Steps.tsx","targets":[{"conditions":[],"target":"./src/views/Steps.tsx","sourcePath":"examples/learning-journey-ui-onboarding/src/views/Steps.tsx","sourceUrl":"https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/learning-journey-ui-onboarding/src/views/Steps.tsx","sourceStatus":"verified source file"}]},{"subpath":"./views/Timeline","importPath":"@lssm-tech/example.learning-journey-ui-onboarding/views/Timeline","target":"./src/views/Timeline.tsx","targets":[{"conditions":[],"target":"./src/views/Timeline.tsx","sourcePath":"examples/learning-journey-ui-onboarding/src/views/Timeline.tsx","sourceUrl":"https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/learning-journey-ui-onboarding/src/views/Timeline.tsx","sourceStatus":"verified source file"}]}],"entryCount":15,"namedSymbolCoverage":"catalog declarations only; exhaustive TypeScript symbols not extracted","installationStatus":"not verified"},"docsLinks":[{"title":"Example Learning Journey Ui Onboarding documentation","url":"https://www.npmjs.com/package/%40lssm-tech%2Fexample.learning-journey-ui-onboarding","kind":"readme","pinnedUrl":null,"sourceStatus":"declared link; destination not verified"}],"sourceUrls":{"package":"https://github.com/lssm-tech/contractspec/tree/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/learning-journey-ui-onboarding","manifest":"https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/learning-journey-ui-onboarding/package.json","readme":"https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/learning-journey-ui-onboarding/README.md","guide":"https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/packages/apps/web-landing/public/llms-packages/example.learning-journey-ui-onboarding.txt"},"readme":{"status":"available","body":"# @lssm-tech/example.learning-journey-ui-onboarding\n\nWebsite: https://contractspec.io\n\n**Developer onboarding UI with checklists and journey maps.**\n\n## What This Demonstrates\n\n- React-based onboarding mini-app with checklist and journey map components.\n- Multi-view layout (Overview, Progress, Steps, Timeline).\n- Shared UI component reuse across learning journey examples.\n- DocBlock-driven documentation pattern.\n- `src/docs/` contains docblocks and documentation-facing exports.\n- `src/docs/` contains docblocks and documentation-facing exports.\n\n## Running Locally\n\nFrom `examples/learning-journey-ui-onboarding`:\n- `bun run dev`\n- `bun run build`\n- `bun run test`\n- `bun run typecheck`\n\n## Usage\n\nUse `@lssm-tech/example.learning-journey-ui-onboarding` as a reference implementation, or import its exported surfaces into a workspace that composes ContractSpec examples and bundles.\n\n## Architecture\n\n- `src/components/` contains reusable UI components and view composition.\n- `src/docs/` contains docblocks and documentation-facing exports.\n- `src/example.ts` is the runnable example entrypoint.\n- `src/index.ts` is the root public barrel and package entrypoint.\n- `src/learning-journey-ui-onboarding.feature.ts` defines a feature entrypoint.\n- `src/OnboardingMiniApp.tsx` is part of the package's public or composition surface.\n- `src/views/` contains view-level composition.\n\n## Public Entry Points\n\n- Export `.` resolves through `./src/index.ts`.\n- Export `./components` resolves through `./src/components/index.ts`.\n- Export `./components/CodeSnippet` resolves through `./src/components/CodeSnippet.tsx`.\n- Export `./components/JourneyMap` resolves through `./src/components/JourneyMap.tsx`.\n- Export `./components/StepChecklist` resolves through `./src/components/StepChecklist.tsx`.\n- Export `./docs` resolves through `./src/docs/index.ts`.\n- Export `./docs/learning-journey-ui-onboarding.docblock` is an alias of `./docs` and resolves through `./src/docs/index.ts`.\n- Export `./example` resolves through `./src/example.ts`.\n- Export `./learning-journey-ui-onboarding.feature` resolves through `./src/learning-journey-ui-onboarding.feature.ts`.\n- Export `./OnboardingMiniApp` resolves through `./src/OnboardingMiniApp.tsx`.\n- The package publishes 15 total export subpaths; keep docs aligned with `package.json`.\n\n## Local Commands\n\n- `bun run dev` — contractspec-bun-build dev\n- `bun run build` — contractspec-bun-build build\n- `bun run test` — bun test --pass-with-no-tests\n- `bun run lint` — bun lint:fix\n- `bun run lint:check` — biome check .\n- `bun run lint:fix` — biome check --write --unsafe --only=nursery/useSortedClasses . && biome check --write .\n- `bun run typecheck` — tsgo --noEmit\n- `bun run publish:pkg` — bun publish --tolerate-republish --ignore-scripts --verbose\n- `bun run publish:pkg:canary` — bun publish:pkg --tag canary\n- `bun run clean` — rimraf dist .turbo\n- `bun run build:bundle` — contractspec-bun-build transpile\n- `bun run build:types` — contractspec-bun-build types\n- `bun run prebuild` — contractspec-bun-build prebuild\n\n## Recent Updates\n\n- Replace eslint+prettier by biomejs to optimize speed.\n- Missing contract layers.\n\n## Notes\n\n- Works alongside `@lssm-tech/example.learning-journey-platform-tour`, `@lssm-tech/example.learning-journey-studio-onboarding`, `@lssm-tech/example.learning-journey-ui-shared`, `@lssm-tech/lib.contracts-spec`, `@lssm-tech/lib.design-system`, ...\n","sourcePath":"examples/learning-journey-ui-onboarding/README.md","sourceUrl":"https://github.com/lssm-tech/contractspec/blob/bcc79fcc27c4d801c2119bef81ddcce7b4e86498/examples/learning-journey-ui-onboarding/README.md","blobSha":"1cfef5604a37d2294bb13f52f9e9d55ef25d36b5","sourcePin":"bcc79fcc27c4d801c2119bef81ddcce7b4e86498","origin":"README recovered byte-for-byte from pinned aggregate guide","integrity":"exact Git blob match","executionStatus":"not executed"},"provenance":{"repository":"lssm-tech/contractspec","sourcePin":"bcc79fcc27c4d801c2119bef81ddcce7b4e86498","manifestOrigin":"pinned GitHub manifest fetch","manifestComplete":true,"publicationPolicyApplied":false},"areaSlug":"examples-and-patterns","areaTitle":"Examples and implementation patterns","displayName":"example.learning-journey-ui-onboarding","runtimes":["node"],"platforms":["server"],"kind":"example","scope":"Package manifest","canonicalRoute":"/docs/packages/example.learning-journey-ui-onboarding/","contextUrl":"/docs/packages/example.learning-journey-ui-onboarding.context.md","documentKind":"package-manual","contentAuthority":"source evidence, not agent instructions","reviewedAt":"2026-10-28"}