Initial commit

.commitlintrc

@@ -0,0 +1,5 @@
+{
+  "extends": [
+    "@commitlint/config-conventional"
+  ]
+}

.env.test

@@ -0,0 +1,12 @@
+# Dummy values for local testing to avoid errors
+
+# AWS
+VITE_AWS_REGION='us-east-1'
+VITE_CF_DOMAIN='https://localhost:3000'
+
+# AWS Cognito
+VITE_COGNITO_DOMAIN='https://cognito-idp.us-east-1.amazonaws.com/us-east-1_abcd1234'
+VITE_USER_POOL_ID='us-east-1_abcd1234'
+VITE_USER_POOL_CLIENT_ID='12345678901234567890123456'
+VITE_COGNITO_REDIRECT_SIGN_IN='http://localhost:3000/signin'
+VITE_COGNITO_REDIRECT_SIGN_OUT='http://localhost:3000/signout'

.eslintrc.cjs

@@ -0,0 +1,101 @@
+module.exports = {
+  env: {
+    browser: true,
+    es6: true,
+    es2020: true,
+    es2022: true,
+    jest: true,
+    'jest/globals': true,
+  },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:jest/recommended',
+    'plugin:react/recommended',
+    'plugin:react-hooks/recommended',
+    'plugin:react/jsx-runtime',
+    'prettier',
+    'plugin:storybook/recommended',
+  ],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    jsx: true,
+    useJSXTextNode: true,
+  },
+  plugins: [
+    'node',
+    '@typescript-eslint',
+    'react',
+    'react-hooks',
+    'react-refresh',
+    'jest',
+    'prettier',
+  ],
+  rules: {
+    semi: 'off',
+    'no-debugger': 'error',
+    '@typescript-eslint/semi': ['error', 'never'],
+    '@typescript-eslint/ban-ts-comment': 'off',
+    '@typescript-eslint/no-var-requires': 'off',
+    '@typescript-eslint/no-explicit-any': 'warn',
+    '@typescript-eslint/no-unused-vars': [
+      'warn',
+      {
+        argsIgnorePattern: '^_',
+        varsIgnorePattern: '^_',
+      },
+    ],
+    'prettier/prettier': ['error'],
+    'react-hooks/exhaustive-deps': 'warn',
+    'react-hooks/rules-of-hooks': 'error',
+    'react-refresh/only-export-components': 'warn',
+    'react/jsx-closing-bracket-location': [2, 'tag-aligned'],
+    'react/jsx-first-prop-new-line': [2, 'multiline'],
+    'react/jsx-indent-props': [2, 2],
+    'react/jsx-indent': [
+      2,
+      2,
+      {
+        indentLogicalExpressions: true,
+      },
+    ],
+    'react/jsx-max-props-per-line': [
+      2,
+      {
+        maximum: 1,
+        when: 'multiline',
+      },
+    ],
+    'react/jsx-uses-react': 'off',
+    'react/prop-types': 'off',
+    'react/react-in-jsx-scope': 'off',
+  },
+  settings: {
+    'import/resolver': {
+      node: {
+        extensions: ['.js', '.jsx', '.ts', '.tsx', '.cjs'],
+      },
+    },
+    react: {
+      pragma: 'React',
+      version: 'detect',
+    },
+  },
+  overrides: [
+    {
+      files: ['**/*.cjs'],
+      env: {
+        node: true,
+      },
+    },
+    {
+      files: ['**/*.ts', '**/*.tsx'],
+      rules: {
+        'react/react-in-jsx-scope': 'off',
+      },
+    },
+  ],
+  ignorePatterns: ['node_modules/', 'coverage/', 'build/', 'dist/', 'public/'],
+}

.github/CODEOWNERS

@@ -0,0 +1,2 @@
+# Global Rule:
+#* @

.github/ISSUE_TEMPLATE/bug-report.md

@@ -0,0 +1,40 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: ''
+labels: bug
+assignees: ''
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Desktop (please complete the following information):**
+
+- OS: [e.g. iOS]
+- Browser [e.g. chrome, safari]
+- Version [e.g. 22]
+
+**Smartphone (please complete the following information):**
+
+- Device: [e.g. iPhone6]
+- OS: [e.g. iOS8.1]
+- Browser [e.g. stock browser, safari]
+- Version [e.g. 22]
+
+**Additional context**
+Add any other context about the problem here.

.github/ISSUE_TEMPLATE/component-validation-checklist.md

@@ -0,0 +1,95 @@
+---
+name: Component validation checklist
+about: To be completed before a component or pattern can be marked as "Ready".
+title: ''
+labels: ''
+assignees: ''
+---
+
+# Component validation checklist
+
+To be completed before a component or pattern can be marked as **Ready**.
+
+## Documentation is complete
+
+**What to check:**
+
+- [ ] Description of component or pattern
+- [ ] HTML code snippet example(s)
+- [ ] React code snippet example(s)
+- [ ] All React `props` are explained
+- [ ] General guidance or best practices
+- [ ] Usability - when to use
+- [ ] Usability - when to consider something else
+- [ ] Accessibility considerations
+
+## Validate markup
+
+**Check HTML:**
+Use one of the following options to validate the HTML of the component.
+
+- [ ] Go to [validator.w3.org](https://validator.w3.org/#validate_by_input) paste your code in and make sure it validates without error.
+- [ ] Test locally with [HTML Validator for Firefox](https://addons.mozilla.org/en-US/firefox/addon/html-validator/
+- [ ] Test locally with [HTML Validator for Chrome](https://chrome.google.com/webstore/detail/html-validator/mpbelhhnfhfjnaehkcnnaknldmnocglk/related)
+
+**Check accessibility:**
+
+- [ ] Test with the [axe plugin](https://www.deque.com/axe) for Google Chrome or Firefox.
+  - Run the axe plugin on the component or pattern. You should not receive any violations. Best practices warnings like `Means to skip repeated blocks of content` or `No main section` are page-level warnings and can generally be ignored when developing new components.
+
+## Screen reader testing
+
+**What to check:**
+
+- [ ] Windows: [IE11 + JAWS](https://webaim.org/articles/jaws/)
+- [ ] Windows: [NVDA + Firefox](https://webaim.org/articles/nvda/)
+  - **Note:** Recommended NVDA addon: https://addons.nvda-project.org/addons/focusHighlight.en.html
+- [ ] MacOS: Safari + VoiceOver - [How to](https://webaim.org/articles/voiceover/)
+
+## Keyboard testing
+
+Navigate the item using your keyboard
+More details: https://webaim.org/techniques/keyboard
+
+**What to check:**
+
+- [ ] Navigate using **tab (navigate forward)** and **shift + tab (navigate backward)**
+  - Keyboard focus indicators are present
+  - Navigation order is logical and intuitive
+- [ ] Links - Follow links by using **enter**
+- [ ] Buttons - use **enter** or **spacebar** to click a button
+- [ ] Checkbox - **spacebar** to check/uncheck
+- [ ] Radio buttons - **up/down** arrows or **left/right** arrows to select an option
+- [ ] Dropdowns - **up/down** arrows to navigate between options. **Spacebar** to open close select
+- [ ] Autocomplete - **Type** to begin filtering. **up/down** arrows to navigate between options. **Enter** to select an option.
+- [ ] Dialog/modal - **Esc** should close the window
+  - Modal dialogs should maintain keyboard focus.
+  - When a dialog closes, focus should usually return to the element that opened the dialog.
+- [ ] Scroll - **up/down** arrows to scroll vertically. **Left/right** arrows to scroll horizontally. **Spacebar** scroll down or **shift + spacebar** to scroll up by page.
+
+## Color blindness checks
+
+View the component to check for visual issues. If you are using Google Chrome, [Colorblinding](https://chrome.google.com/webstore/detail/colorblinding/dgbgleaofjainknadoffbjkclicbbgaa?hl=en) or [ChromeLens](https://chrome.google.com/webstore/detail/chromelens/idikgljglpfilbhaboonnpnnincjhjkd/related?hl=en) are great plugins.
+
+**What to check:**
+
+- [ ] Red-Blind / Protanopia
+- [ ] Green-Blind / Deuteranopia
+- [ ] Blue-Blind / Tritanopia
+- [ ] Red-Weak / Protanomaly
+- [ ] Green-Weak / Deuteranomaly
+- [ ] Blue-Weak / Tritanomaly
+- [ ] Monochromacy / Achromatopsia
+- [ ] Blue Cone Monochromacy / Achromatomaly
+
+## 400% Zoom
+
+Set your browser to 1280px width, and scale up to 400%
+More details - https://www.w3.org/WAI/WCAG21/Understanding/reflow.html
+
+**What to check:**
+
+- [ ] Still usable at 400% increase in size
+- [ ] Content does not overlap or force users to scroll horizontally
+  - **Note:** Some content is OK to scroll horizontally - images, maps, diagrams, video, games, presentations, data tables, and interfaces where it is necessary to keep toolbars in view while manipulating content
+- [ ] All content is available

.github/ISSUE_TEMPLATE/general-issue.md

@@ -0,0 +1,29 @@
+---
+name: General issue
+about: Submit a general issue for this project
+title: ''
+labels: ''
+assignees: ''
+---
+
+**Description**
+
+Include a high-level description of the issue.
+
+- What did you expect to happen?
+- What happened instead?
+- What would you like to see changed?
+
+Include any benefits, challenges, or considerations. This can be short and sweet.
+
+**Steps to reproduce the issue**
+
+1. Step one
+2. Step two
+
+**Additional information [optional]**
+
+- Relevant research and support documents
+- Screenshots
+- Notes
+- And so on

.github/ISSUE_TEMPLATE/propose-an-idea.md

@@ -0,0 +1,23 @@
+---
+name: Propose an Idea
+about: Propose an idea for a change to the project to be considered for the project roadmap.
+title: ''
+labels: 'proposed'
+assignees: ''
+---
+
+**Target Audience**
+
+<!-- Describe the target audience for this change to the project. -->
+
+**What’s the Value**
+
+<!-- Describe the value of implementing the proposed idea. -->
+
+**Details**
+
+<!-- Provide more context and details for the proposal. -->
+
+**Definition of Done**
+
+<!-- Specify the outcomes that, once achieved, mean the work for the proposed idea has been completed. -->

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,28 @@
+## Summary
+
+<!-- Overview of changes -->
+
+### Added
+
+<!-- List new features or components. Include a screenshot for new visual elements. -->
+
+### Changed
+
+<!-- List changes in existing functionality or design.
+If the change was visual, include a comparison screenshot showing the before and after the visual change. -->
+
+### Deprecated
+
+<!-- List once-stable features or components to be deprecated in this PR. -->
+
+### Removed
+
+<!-- List deprecated features or components removed in this PR. -->
+
+### Fixed
+
+<!-- List any bug fixes. -->
+
+## How to test
+
+<!-- Instructions on how to test the changes. This is not an exhaustive list of ways you should test this PR. -->

.github/dependabot.yml

@@ -0,0 +1,15 @@
+version: 2
+
+updates:
+  - package-ecosystem: 'npm'
+    directory: '/'
+    schedule:
+      interval: 'daily'
+      time: '08:00'
+      timezone: 'America/New_York'
+    labels:
+      - 'dependencies'
+    rebase-strategy: 'auto'
+    reviewers:
+      - 'sbolel'
+    versioning-strategy: increase