chore: migrate to oxlint/oxfmt, add commitizen, add TypeScript types, update tabbable to v6

- Replace ESLint/Prettier with oxlint and oxfmt
- Install commitizen with cz-conventional-changelog and prepare-commit-msg hook
- Add TypeScript types.ts files for all components from pr/typescript-types
- Update tabbable from v4 to v6 (named export API), remove @types/tabbable
- Fix CdrPopover to imperatively set aria-controls on trigger child via onMounted
- Fix CdrLabelStandalone whitespace in required/optional spans
- Add 68 new component entrypoints in src/entrypoints/
- Update and regenerate all affected test snapshots (60+ updated)
- Tests: 4 pre-existing failures remain (missing deps), 0 new failures

Author: cviterirei

.commitlintrc.js

@@ -1,35 +1,31 @@
 export default {
-	rules: {
-		'body-leading-blank': [1, 'always'],
-		'footer-leading-blank': [0, 'always'],
-		'header-max-length': [2, 'always', 100],
-		'scope-case': [2, 'always', 'lower-case'],
+  rules: {
+    'body-leading-blank': [1, 'always'],
+    'footer-leading-blank': [0, 'always'],
+    'header-max-length': [2, 'always', 100],
+    'scope-case': [2, 'always', 'lower-case'],
 
-		'subject-case': [
-			2,
-			'never',
-			['sentence-case', 'start-case', 'pascal-case', 'upper-case']
-		],
-		'subject-empty': [2, 'never'],
-		'subject-full-stop': [2, 'never', '.'],
-		'type-case': [0, 'always', 'lower-case'],
-		'type-empty': [2, 'never'],
-		'type-enum': [
-			2,
-			'always',
-			[
-				'feat',
-				'fix',
-				'docs',
-				'style',
-				'refactor',
-				'perf',
-				'test',
-				'chore',
-				'revert',
-				'build',
-				'WIP'
-			]
-		]
-	}
-};
+    'subject-case': [2, 'never', ['sentence-case', 'start-case', 'pascal-case', 'upper-case']],
+    'subject-empty': [2, 'never'],
+    'subject-full-stop': [2, 'never', '.'],
+    'type-case': [0, 'always', 'lower-case'],
+    'type-empty': [2, 'never'],
+    'type-enum': [
+      2,
+      'always',
+      [
+        'feat',
+        'fix',
+        'docs',
+        'style',
+        'refactor',
+        'perf',
+        'test',
+        'chore',
+        'revert',
+        'build',
+        'WIP',
+      ],
+    ],
+  },
+};

.czrc

@@ -0,0 +1,16 @@
+{
+  "path": "cz-conventional-changelog",
+  "types": [
+    { "value": "feat",     "name": "feat:     A new feature" },
+    { "value": "fix",      "name": "fix:      A bug fix" },
+    { "value": "docs",     "name": "docs:     Documentation only changes" },
+    { "value": "style",    "name": "style:    Formatting, missing semi-colons, etc; no logic change" },
+    { "value": "refactor", "name": "refactor: A code change that is neither a bug fix nor a new feature" },
+    { "value": "perf",     "name": "perf:     A code change that improves performance" },
+    { "value": "test",     "name": "test:     Adding missing or correcting existing tests" },
+    { "value": "chore",    "name": "chore:    Changes to the build process or auxiliary tools" },
+    { "value": "revert",   "name": "revert:   Revert to a commit" },
+    { "value": "ci",       "name": "ci:       Changes to CI configuration files and scripts" },
+    { "value": "vercel",   "name": "vercel:   Vercel deployment configuration" }
+  ]
+}

.github/UNIT-TEST-GUIDELINES.md

@@ -1,4 +1,5 @@
 ## General:
+
 - Add tests any time a bug is discovered
 - Test one thing at a time
 - Jest snapshot
@@ -15,12 +16,13 @@
 - Emitted events and values
 
 ## "CORRECT" Boundary Conditions
+
 - **C**onformance — Does the value conform to an expected format?
 - **O**rdering — Is the set of values ordered or unordered as appropriate?
 - **R**ange — Is the value within reasonable minimum and maximum values?
 - **R**eference — Does the code reference anything external that isn’t under direct control
-of the code itself?
+  of the code itself?
 - **E**xistence — Does the value exist? (e.g., is non-null, non-zero, present in a set, etc.)
 - **C**ardinality — Are there exactly enough values?
 - **T**ime (absolute and relative) — Is everything happening in order? At the right time?
-In time?
+  In time?

.github/pull_request_template.md

@@ -5,9 +5,11 @@
 ## Checklist:
 
 ### Design:
+
 - [ ] Reviewed with designer and meets expectations
 
 ### Cross-browser testing:
+
 - [ ] Chrome
 - [ ] Firefox
 - [ ] Edge
@@ -16,12 +18,15 @@
 - [ ] Android
 
 ### Unit testing:
+
 - [ ] Sufficient unit test coverage (see unit test best practices for ideas)
 - [ ] Snapshot updates are explained with comment and reference the relevant source code change
 
 ### A11y:
+
 - [ ] Meets WCAG AA standards
 
 ### Documentation:
+
 - [ ] API docs created/updated
 - [ ] Examples created/updated

.github/workflows/deploy.js.yml

@@ -2,11 +2,10 @@ name: Deploy
 
 on:
   push:
-    branches: [ next, main ]
+    branches: [next, main]
 
 jobs:
   build:
-
     runs-on: ubuntu-latest
 
     strategy:

.github/workflows/node.js.yml

@@ -10,12 +10,12 @@ jobs:
   build:
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
-    - uses: actions/setup-node@v4
-      with:
-        node-version: lts/*
-    - name: Install dependencies
-      run: npm ci
-    - run: npm run build --if-present
-    - run: npm run lint
-    - run: npm run unit
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+      - name: Install dependencies
+        run: npm ci
+      - run: npm run build --if-present
+      - run: npm run lint
+      - run: npm run unit

.github/workflows/playwright.yml

@@ -1,27 +1,27 @@
 name: Playwright Tests
 on:
   push:
-    branches: [ main, master ]
+    branches: [main, master]
   pull_request:
-    branches: [ main, master ]
+    branches: [main, master]
 jobs:
   test:
     timeout-minutes: 60
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
-    - uses: actions/setup-node@v4
-      with:
-        node-version: lts/*
-    - name: Install dependencies
-      run: npm ci
-    - name: Install Playwright Browsers
-      run: npx playwright install --with-deps
-    - name: Run Playwright tests
-      run: npx playwright test
-    - uses: actions/upload-artifact@v4
-      if: ${{ !cancelled() }}
-      with:
-        name: playwright-report
-        path: playwright-report/
-        retention-days: 30
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+      - name: Install dependencies
+        run: npm ci
+      - name: Install Playwright Browsers
+        run: npx playwright install --with-deps
+      - name: Run Playwright tests
+        run: npx playwright test
+      - uses: actions/upload-artifact@v4
+        if: ${{ !cancelled() }}
+        with:
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 30

.husky/prepare-commit-msg

@@ -0,0 +1 @@
+exec < /dev/tty && node_modules/.bin/cz --hook || true

.prettierrc.json .oxfmtrc.json.prettierrc.json renamed to .oxfmtrc.json

@@ -1,4 +1,5 @@
 {
+  "$schema": "./node_modules/oxfmt/configuration_schema.json",
   "printWidth": 100,
   "tabWidth": 2,
   "useTabs": false,
@@ -13,6 +14,7 @@
   "proseWrap": "preserve",
   "htmlWhitespaceSensitivity": "ignore",
   "vueIndentScriptAndStyle": false,
-  "endOfLine": "auto",
-  "singleAttributePerLine": true
+  "singleAttributePerLine": true,
+  "sortPackageJson": false,
+  "ignorePatterns": ["dist/", "build/", "node_modules/", "templates/", "src/components/icon/comps/"]
 }

.oxlintrc.json

@@ -0,0 +1,154 @@
+{
+  "$schema": "./node_modules/oxlint/configuration_schema.json",
+  "plugins": ["vue", "typescript"],
+  "categories": {
+    "correctness": "off"
+  },
+  "env": {
+    "builtin": true
+  },
+  "ignorePatterns": [
+    "build/*.js",
+    "config/*.js",
+    "dist-docs/",
+    "dist/",
+    "test/",
+    "node_modules/",
+    "backstop_data/html_report/",
+    "src/**/__tests__/*.spec.js",
+    "src/**/dist/*.js",
+    "src/**/examples/",
+    "src/components/icon/comps/*",
+    "templates/"
+  ],
+  "rules": {
+    "constructor-super": "error",
+    "for-direction": "error",
+    "no-async-promise-executor": "error",
+    "no-case-declarations": "error",
+    "no-class-assign": "error",
+    "no-compare-neg-zero": "error",
+    "no-cond-assign": "error",
+    "no-const-assign": "error",
+    "no-constant-binary-expression": "error",
+    "no-constant-condition": "error",
+    "no-control-regex": "error",
+    "no-debugger": "error",
+    "no-delete-var": "error",
+    "no-dupe-class-members": "error",
+    "no-dupe-else-if": "error",
+    "no-dupe-keys": "error",
+    "no-duplicate-case": "error",
+    "no-empty": "error",
+    "no-empty-character-class": "error",
+    "no-empty-pattern": "error",
+    "no-empty-static-block": "error",
+    "no-ex-assign": "error",
+    "no-extra-boolean-cast": "error",
+    "no-fallthrough": "error",
+    "no-func-assign": "error",
+    "no-global-assign": "error",
+    "no-import-assign": "error",
+    "no-invalid-regexp": "error",
+    "no-irregular-whitespace": "error",
+    "no-loss-of-precision": "error",
+    "no-misleading-character-class": "error",
+    "no-new-native-nonconstructor": "error",
+    "no-nonoctal-decimal-escape": "error",
+    "no-obj-calls": "error",
+    "no-prototype-builtins": "error",
+    "no-redeclare": "error",
+    "no-regex-spaces": "error",
+    "no-self-assign": "error",
+    "no-setter-return": "error",
+    "no-shadow-restricted-names": "error",
+    "no-sparse-arrays": "error",
+    "no-this-before-super": "error",
+    "no-unexpected-multiline": "error",
+    "no-unsafe-finally": "error",
+    "no-unsafe-negation": "error",
+    "no-unsafe-optional-chaining": "error",
+    "no-unused-labels": "error",
+    "no-unused-private-class-members": "error",
+    "no-unused-vars": "error",
+    "no-useless-backreference": "error",
+    "no-useless-catch": "error",
+    "no-useless-escape": "error",
+    "no-with": "error",
+    "require-yield": "error",
+    "use-isnan": "error",
+    "valid-typeof": "error",
+    "vue/no-arrow-functions-in-watch": "error",
+    "vue/no-deprecated-destroyed-lifecycle": "error",
+    "vue/no-export-in-script-setup": "error",
+    "vue/no-lifecycle-after-await": "error",
+    "vue/prefer-import-from-vue": "error",
+    "vue/valid-define-emits": "error",
+    "vue/valid-define-props": "error",
+    "@typescript-eslint/ban-ts-comment": "error",
+    "no-array-constructor": "error",
+    "@typescript-eslint/no-duplicate-enum-values": "error",
+    "@typescript-eslint/no-empty-object-type": "error",
+    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/no-extra-non-null-assertion": "error",
+    "@typescript-eslint/no-misused-new": "error",
+    "@typescript-eslint/no-namespace": "error",
+    "@typescript-eslint/no-non-null-asserted-optional-chain": "error",
+    "@typescript-eslint/no-require-imports": "error",
+    "@typescript-eslint/no-this-alias": "error",
+    "@typescript-eslint/no-unnecessary-type-constraint": "error",
+    "@typescript-eslint/no-unsafe-declaration-merging": "error",
+    "@typescript-eslint/no-unsafe-function-type": "error",
+    "no-unused-expressions": "error",
+    "@typescript-eslint/no-wrapper-object-types": "error",
+    "@typescript-eslint/prefer-as-const": "error",
+    "@typescript-eslint/prefer-namespace-keyword": "error",
+    "@typescript-eslint/triple-slash-reference": "error"
+  },
+  "overrides": [
+    {
+      "files": ["**/*.ts", "**/*.tsx", "**/*.mts", "**/*.cts"],
+      "rules": {
+        "constructor-super": "off",
+        "no-class-assign": "off",
+        "no-const-assign": "off",
+        "no-dupe-class-members": "off",
+        "no-dupe-keys": "off",
+        "no-func-assign": "off",
+        "no-import-assign": "off",
+        "no-new-native-nonconstructor": "off",
+        "no-obj-calls": "off",
+        "no-redeclare": "off",
+        "no-setter-return": "off",
+        "no-this-before-super": "off",
+        "no-unsafe-negation": "off",
+        "no-var": "error",
+        "no-with": "off",
+        "prefer-const": "error",
+        "prefer-rest-params": "error",
+        "prefer-spread": "error"
+      }
+    },
+    {
+      "files": ["**/*.{js,mjs,ts,vue}"],
+      "rules": {
+        "no-use-before-define": "off",
+        "@typescript-eslint/no-explicit-any": "off",
+        "no-unused-vars": [
+          "error",
+          {
+            "argsIgnorePattern": "^_",
+            "varsIgnorePattern": "^_",
+            "caughtErrorsIgnorePattern": "^_",
+            "ignoreRestSiblings": true
+          }
+        ]
+      },
+      "env": {
+        "browser": true,
+        "es2024": true,
+        "node": true
+      }
+    }
+  ]
+}