Concorde update

Author: epilot-concorde

.eslintrc.yaml

@@ -0,0 +1,37 @@
+---
+parser: "@typescript-eslint/parser"
+extends:
+  - "@epilot/eslint-config-react"
+  - "plugin:@typescript-eslint/recommended"
+  - "plugin:prettier/recommended"
+  - "plugin:storybook/recommended"
+  - "prettier"
+  - "plugin:oxlint/recommended"
+env:
+  jest: true
+settings:
+  import/resolver:
+    node:
+      extensions:
+        - ".js"
+        - ".jsx"
+        - ".ts"
+        - ".tsx"
+      paths:
+        - src
+    typescript: true
+parserOptions:
+  ecmaVersion: 2020
+  sourceType: module
+  ecmaFeatures:
+    jsx: true
+ignorePatterns:
+  - "/node_modules/*"
+  - "/dist/*"
+  - "**/*.module.scss.d.ts"
+rules:
+  "no-console": "error"
+  "@typescript-eslint/consistent-type-imports": "error"
+  "@typescript-eslint/ban-types": "off"
+  "prettier/prettier": "error"
+  "@typescript-eslint/no-unused-vars-experimental": "off" 

.github/workflows/node.js.yml

@@ -0,0 +1,25 @@
+# This workflow will do a clean installation of node dependencies, cache/restore them, build the source code and run tests across different versions of node
+# For more information see: https://docs.github.com/en/actions/automating-builds-and-tests/building-and-testing-nodejs
+
+name: Install Dependencies
+
+on:
+  push:
+    branches: ["main"]
+  pull_request:
+    branches: ["main"]
+
+jobs:
+  install-dependencies:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [22.x]
+        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
+
+    steps:
+      - uses: actions/checkout@v4
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v4
+      - run: npm i --force

.gitignore

@@ -0,0 +1,16 @@
+*.log
+.DS_Store
+node_modules
+storybook-static
+.cache
+dist
+.vscode
+.idea
+.eslintcache
+.npmrc
+test-report.xml
+.yarn
+build-storybook.log
+**/*.module.scss.d.ts
+
+*storybook.log

.storybook/main.ts

@@ -0,0 +1,37 @@
+import type { StorybookConfig } from "@storybook/react-vite";
+
+import { join, dirname } from "path";
+
+/**
+ * This function is used to resolve the absolute path of a package.
+ * It is needed in projects that use pnpm PnP or are set up within a monorepo.
+ */
+function getAbsolutePath(value: string): any {
+  return dirname(require.resolve(join(value, "package.json")));
+}
+const config: StorybookConfig = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    getAbsolutePath("@storybook/addon-links"),
+    getAbsolutePath("@storybook/addon-essentials"),
+    getAbsolutePath("@chromatic-com/storybook"),
+    getAbsolutePath("@storybook/addon-interactions"),
+    getAbsolutePath("@storybook/addon-a11y"),
+  ],
+  framework: {
+    name: getAbsolutePath("@storybook/react-vite"),
+    options: {},
+  },
+  docs: {
+    autodocs: "tag",
+  },
+  async viteFinal(config) {
+    const { mergeConfig } = await import('vite');
+    return mergeConfig(config, {
+      optimizeDeps: {
+        exclude: ['axios'],
+      },
+    });
+  },
+};
+export default config;

.storybook/preview.ts

@@ -0,0 +1,12 @@
+import type { Preview } from '@storybook/react'
+// Imports styles for story only because journey-app has styles already
+import 'material-symbols/sharp.css'
+import 'material-symbols/rounded.css'
+import '../src/global.css'
+import 'react-datepicker/dist/react-datepicker.css'
+
+const preview: Preview = {
+  tags: ['autodocs']
+}
+
+export default preview

AGENTS.md

@@ -0,0 +1,71 @@
+# AGENTS.md
+
+## Project Overview
+
+Component library providing reusable UI components for Journeys. This is a published package that includes Storybook for component documentation and visual testing.
+
+## Project Structure
+
+- **Components**: `src/components/` - Components definition
+- **Stories**: `src/stories/` - Storybook stories for components
+- **Utils**: `src/utils/` - Shared utilities
+
+## Tech Stack
+
+- **Framework**: React 18+ with TypeScript as peer dependency
+- **Build and tests**: Vite, Vitest and Storybook with a11y addon for accessibility tests
+- **Styling**: SCSS modules with typescript definitions
+- **Component primitives**: Radix UI for accessible primitives
+- **Animation**: Motion (Framer Motion) for animations
+- **Form management**: React Hook Form support
+
+## Commands
+
+```bash
+pnpm install           # Install dependencies
+pnpm check             # Run lint, tests and storybook build to verify changes
+pnpm storybook         # Run storybook (http://localhost:6006)
+pnpm build:package     # Production build
+pnpm build:storybook   # Builds storybook
+pnpm lint              # Check formatting with ESLint and Prettier
+pnpm lint:fix          # Automatically resolve lint errors
+pnpm test              # Run unit tests
+pnpm changelog         # Generate changelog
+pnpm release           # Release new package version
+```
+
+## Code Style Guidelines
+
+- Use TypeScript strict mode
+- Use modern and idiomatic syntax
+- Component interfaces need to be accessible and meet [WCAG standards](https://www.w3.org/WAI/standards-guidelines/wcag/)
+- Prefer Radix UI primitives as a base for new components
+- Use `import type { ... }` for type-only imports
+- Use specific imports to improve tree shaking
+
+### Development Workflow
+
+1. **Start Storybook**: `pnpm storybook` to develop components interactively
+2. **Write components**: In `src/components/ComponentName/`
+3. **Declare types**: Declare component types in co-colated `types.ts` file
+4. **Style**: Style components in co-colated SCSS modules, generate TypeScript definitions
+5. **Document**: Create stories in `src/stories/` or co-located
+6. **Test**: Write Vitest tests for component logic and accessibility requirements
+7. **Build**: Test package build with `pnpm build:package`
+
+## Publishing Workflow
+
+1. **Make changes**: Update components, add tests, update stories, commit
+2. **Verify changes**: `pnpm check` to verify changes
+3. **Publish**: Ask for confirmation, then `pnpm release` (publishes to npm)
+
+## Important Notes
+
+- **Published**: This package is published to npm (MIT license)
+- **Versioning**: Uses semantic versioning (patch version auto-bumped on publish)
+- **Changelog**: Are auto-generated from commits
+- **Storybook**: Primary development and documentation tool
+
+## Other
+
+- See root `AGENTS.md` for monorepo-wide context