build(deps): bump deps to latest and fix eslint errors

mlaursen · mlaursen · commit 1e75630ac259 · 2025-05-30T17:46:58.000-04:00
diff --git a/apps/docs/package.json b/apps/docs/package.json
@@ -64,36 +64,36 @@
     "react-dom": "^18.3.1",
     "react-window": "^1.8.11",
     "server-only": "^0.0.1",
-    "sharp": "^0.34.1"
+    "sharp": "^0.34.2"
   },
   "devDependencies": {
     "@algolia/client-search": "^5.25.0",
     "@eslint/eslintrc": "^3.3.1",
-    "@mlaursen/eslint-config": "^8.0.0",
-    "@next/eslint-plugin-next": "^15.3.2",
+    "@mlaursen/eslint-config": "^8.0.1",
+    "@next/eslint-plugin-next": "^15.3.3",
     "@types/js-cookie": "^3.0.6",
-    "@types/lodash": "^4.17.16",
+    "@types/lodash": "^4.17.17",
     "@types/mdx": "^2.0.13",
-    "@types/node": "^22.15.18",
+    "@types/node": "^22.15.29",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@types/react-window": "^1.8.8",
     "chokidar": "^4.0.3",
-    "eslint": "^9.26.0",
+    "eslint": "^9.28.0",
     "glob": "^11.0.2",
     "nodemon": "^3.1.10",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.5.3",
     "sass": "^1.89.0",
     "sassdoc-generator": "workspace:*",
-    "stylelint": "^16.19.1",
+    "stylelint": "^16.20.0",
     "stylelint-config-prettier-scss": "^1.0.0",
-    "stylelint-config-recommended-scss": "^15.0.0",
+    "stylelint-config-recommended-scss": "^15.0.1",
     "stylelint-order": "^7.0.0",
     "stylelint-scss": "^6.12.0",
     "svgo": "^3.3.2",
     "tsx": "^4.19.4",
-    "typedoc": "^0.28.4",
+    "typedoc": "^0.28.5",
     "typescript": "^5.8.3"
   },
   "volta": {
diff --git a/apps/docs/src/app/(main)/(markdown)/(demos)/components/box/MaterialGridCustomizationExample.tsx b/apps/docs/src/app/(main)/(markdown)/(demos)/components/box/MaterialGridCustomizationExample.tsx
@@ -83,13 +83,18 @@ const applyVarGroup = (
   value?: ValueOrBreakpoints,
   style?: CSSProperties
 ): CSSProperties | undefined => {
-  style = applyVar(type, "", value, style);
+  let combinedStyle = applyVar(type, "", value, style);
   if (value && typeof value === "object") {
     BREAKPOINTS.forEach((breakpoint) => {
-      style = applyVar(type, breakpoint, value[breakpoint], style);
+      combinedStyle = applyVar(
+        type,
+        breakpoint,
+        value[breakpoint],
+        combinedStyle
+      );
     });
   }
-  return style;
+  return combinedStyle;
 };
 
 interface GridCellStyles {
diff --git a/apps/docs/src/app/(main)/(markdown)/(demos)/components/menu/MenuItemRadioExample.tsx b/apps/docs/src/app/(main)/(markdown)/(demos)/components/menu/MenuItemRadioExample.tsx
@@ -16,7 +16,7 @@ const decorations = [
 type Decoration = (typeof decorations)[number];
 
 const getDecoration = (decoration: Decoration): TextDecoration | undefined => {
-  if (decoration == "none") {
+  if (decoration === "none") {
     return undefined;
   }
 
diff --git a/apps/docs/src/utils/strings.ts b/apps/docs/src/utils/strings.ts
@@ -20,8 +20,8 @@ export const upperFirst = <S extends string>(s: S): Capitalize<S> =>
  */
 export const camelCase = (s: string, separator = ""): string =>
   words(s).reduce((result, word, i) => {
-    word = word.toLowerCase();
-    return result + (i ? separator : "") + (i ? upperFirst(word) : word);
+    const w = word.toLowerCase();
+    return result + (i ? separator : "") + (i ? upperFirst(w) : w);
   }, "");
 
 /**
diff --git a/package.json b/package.json
@@ -42,19 +42,19 @@
   },
   "devDependencies": {
     "@changesets/cli": "^2.29.4",
-    "@inquirer/confirm": "^5.1.10",
-    "@inquirer/input": "^4.1.10",
-    "@inquirer/rawlist": "^4.1.1",
-    "@octokit/core": "^6.1.5",
+    "@inquirer/confirm": "^5.1.12",
+    "@inquirer/input": "^4.1.12",
+    "@inquirer/rawlist": "^4.1.3",
+    "@octokit/core": "^7.0.2",
     "@trivago/prettier-plugin-sort-imports": "^5.2.2",
     "cross-env": "^7.0.3",
     "dotenv": "^16.5.0",
-    "eslint": "^9.26.0",
+    "eslint": "^9.28.0",
     "husky": "^9.1.7",
-    "lint-staged": "^16.0.0",
+    "lint-staged": "^16.1.0",
     "prettier": "^3.5.3",
     "tsx": "^4.19.4",
-    "turbo": "^2.5.3",
+    "turbo": "^2.5.4",
     "typescript": "^5.8.3"
   },
   "engines": {
diff --git a/packages/@types__sassdoc/package.json b/packages/@types__sassdoc/package.json
@@ -24,7 +24,7 @@
   "license": "MIT",
   "devDependencies": {
     "@trivago/prettier-plugin-sort-imports": "^5.2.2",
-    "@types/node": "^22.15.18",
+    "@types/node": "^22.15.29",
     "prettier": "^3.5.3",
     "typescript": "^5.8.3"
   },
diff --git a/packages/code/package.json b/packages/code/package.json
@@ -58,31 +58,31 @@
   "devDependencies": {
     "@jest/globals": "^29.7.0",
     "@jest/types": "^29.6.3",
-    "@mlaursen/eslint-config": "^8.0.0",
+    "@mlaursen/eslint-config": "^8.0.1",
     "@swc/cli": "^0.6.0",
-    "@swc/core": "^1.11.22",
+    "@swc/core": "^1.11.29",
     "@swc/jest": "^0.2.38",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
     "@trivago/prettier-plugin-sort-imports": "^5.2.2",
-    "@types/node": "^22.15.18",
+    "@types/node": "^22.15.29",
     "@types/prismjs": "^1.26.5",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "chokidar-cli": "^3.0.0",
-    "eslint": "^9.26.0",
+    "eslint": "^9.28.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-watch-typeahead": "^2.2.2",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.5.3",
+    "postcss": "^8.5.4",
     "postcss-selector-parser": "^7.1.0",
     "sass": "^1.89.0",
-    "stylelint": "^16.19.1",
+    "stylelint": "^16.20.0",
     "stylelint-config-prettier-scss": "^1.0.0",
-    "stylelint-config-recommended-scss": "^15.0.0",
+    "stylelint-config-recommended-scss": "^15.0.1",
     "stylelint-order": "^7.0.0",
     "stylelint-scss": "^6.12.0",
     "typescript": "^5.8.3"
diff --git a/packages/code/src/WalkChildren.tsx b/packages/code/src/WalkChildren.tsx
@@ -32,7 +32,7 @@ export const WalkChildren = memo(function WalkChildren(
 
         let start = 0;
         let match: RegExpExecArray | null;
-        while ((match = regex.exec(child)) != null) {
+        while ((match = regex.exec(child)) !== null) {
           const [color] = match;
           const prefix = child.substring(start, match.index);
           start = match.index + color.length;
diff --git a/packages/codemod/package.json b/packages/codemod/package.json
@@ -44,31 +44,31 @@
     "node": ">=18"
   },
   "dependencies": {
-    "@inquirer/confirm": "^5.1.10",
-    "@inquirer/input": "^4.1.10",
-    "@inquirer/rawlist": "^4.1.1",
-    "@inquirer/search": "^3.0.13",
-    "commander": "^13.1.0",
+    "@inquirer/confirm": "^5.1.12",
+    "@inquirer/input": "^4.1.12",
+    "@inquirer/rawlist": "^4.1.3",
+    "@inquirer/search": "^3.0.15",
+    "commander": "^14.0.0",
     "glob": "^11.0.2",
     "jscodeshift": "^17.3.0",
-    "postcss": "^8.5.3",
+    "postcss": "^8.5.4",
     "postcss-scss": "^4.0.9",
     "postcss-value-parser": "^4.2.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.27.1",
+    "@babel/core": "^7.27.4",
     "@babel/preset-env": "^7.27.2",
     "@jest/globals": "^29.7.0",
     "@jest/types": "^29.6.3",
-    "@mlaursen/eslint-config": "^8.0.0",
+    "@mlaursen/eslint-config": "^8.0.1",
     "@swc/cli": "^0.6.0",
-    "@swc/core": "^1.11.22",
+    "@swc/core": "^1.11.29",
     "@swc/jest": "^0.2.38",
     "@trivago/prettier-plugin-sort-imports": "^5.2.2",
     "@types/glob": "^8.1.0",
     "@types/jscodeshift": "^17.3.0",
-    "@types/node": "^22.15.18",
-    "eslint": "^9.26.0",
+    "@types/node": "^22.15.29",
+    "eslint": "^9.28.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "jest-watch-typeahead": "^2.2.2",
diff --git a/packages/codemod/src/transforms/v5-to-v6/form/utils/select/createOptionsDotMap.ts b/packages/codemod/src/transforms/v5-to-v6/form/utils/select/createOptionsDotMap.ts
@@ -141,6 +141,7 @@ export function createOptionsDotMap({
 }: CreateOptionsDotMapOptions): ArrowFunctionExpression {
   let statements: StatementKind[] = [];
   if (!label || !value) {
+    // eslint-disable-next-line no-param-reassign
     ({ label, value, statements } = createDefaultLabelValueGetters({
       j,
       option,
diff --git a/packages/codemod/src/transforms/v5-to-v6/form/utils/select/getChildrenFromOptionsDotMap.ts b/packages/codemod/src/transforms/v5-to-v6/form/utils/select/getChildrenFromOptionsDotMap.ts
@@ -71,6 +71,7 @@ export function getChildrenFromOptionsDotMap({
         //     value = prop.value;
         //   }
         // }
+        // eslint-disable-next-line no-lonely-if
         if (isSupportedLabelReference(j, prop)) {
           const { name } = prop.key;
           if (name === "label") {
diff --git a/packages/codemod/src/transforms/v5-to-v6/prerequisites/hardcode-scss-variables.ts b/packages/codemod/src/transforms/v5-to-v6/prerequisites/hardcode-scss-variables.ts
@@ -56,7 +56,7 @@ const getHardCodedValue = (
   let index = 0;
   let result = lookup;
   const length = keys.length;
-  while (result != null && index < length) {
+  while (result !== null && index < length) {
     result = result[keys[index++]];
   }
 
diff --git a/packages/core/package.json b/packages/core/package.json
@@ -103,21 +103,21 @@
     "@jest/globals": "^29.7.0",
     "@jest/types": "^29.6.3",
     "@microsoft/api-extractor": "^7.52.8",
-    "@mlaursen/eslint-config": "^8.0.0",
+    "@mlaursen/eslint-config": "^8.0.1",
     "@swc/cli": "^0.6.0",
-    "@swc/core": "^1.11.22",
+    "@swc/core": "^1.11.29",
     "@swc/jest": "^0.2.38",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
     "@trivago/prettier-plugin-sort-imports": "^5.2.2",
-    "@types/lodash": "^4.17.16",
-    "@types/node": "^22.15.18",
+    "@types/lodash": "^4.17.17",
+    "@types/node": "^22.15.29",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "chokidar": "^4.0.3",
-    "eslint": "^9.26.0",
+    "eslint": "^9.28.0",
     "filesize": "^10.1.6",
     "glob": "11.0.2",
     "jest": "^29.7.0",
@@ -127,16 +127,16 @@
     "lz-string": "^1.5.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.5.3",
-    "stylelint": "^16.19.1",
+    "stylelint": "^16.20.0",
     "stylelint-config-prettier-scss": "^1.0.0",
-    "stylelint-config-recommended-scss": "^15.0.0",
+    "stylelint-config-recommended-scss": "^15.0.1",
     "stylelint-order": "^7.0.0",
     "stylelint-scss": "^6.12.0",
-    "ts-morph": "^25.0.1",
+    "ts-morph": "^26.0.0",
     "ts-node": "^10.9.2",
     "tsx": "^4.19.4",
     "typescript": "^5.8.3",
-    "vitest": "^3.1.3"
+    "vitest": "^3.1.4"
   },
   "peerDependencies": {
     "@jest/globals": "^29.7.0",
diff --git a/packages/core/src/app-bar/styles.ts b/packages/core/src/app-bar/styles.ts
@@ -199,7 +199,7 @@ export function appBarTitle(options: AppBarTitleClassNameOptions = {}): string {
   const { className, keyline = "small" } = options;
   return cnb(
     titleStyles({
-      keyline: keyline == "list",
+      keyline: keyline === "list",
       "nav-keyline": keyline === "nav",
     }),
     className
diff --git a/packages/core/src/form/TextArea.tsx b/packages/core/src/form/TextArea.tsx
@@ -264,7 +264,7 @@ export const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(
             "--rmd-text-area-height": height,
           }}
           className={textAreaContainer({
-            animate: !disableTransition && resize == "auto",
+            animate: !disableTransition && resize === "auto",
             disabled,
             height: !!height,
             underlineLabelled:
diff --git a/packages/core/src/form/utils.ts b/packages/core/src/form/utils.ts
@@ -38,6 +38,7 @@ export function tryToSubmitRelatedForm<E extends HTMLElement>(
     return;
   }
 
+  // eslint-disable-next-line no-param-reassign
   formId = formId || form.id;
   let submit = form.querySelector<HTMLButtonElement>('[type="submit"]');
   if (!submit && formId) {
diff --git a/packages/core/src/interaction/useElementInteraction.tsx b/packages/core/src/interaction/useElementInteraction.tsx
@@ -249,7 +249,7 @@ export function useElementInteraction<E extends HTMLElement>(
   const { pressed } = state;
 
   let ripples: ReactElement | undefined;
-  if (mode == "ripple") {
+  if (mode === "ripple") {
     ripples = (
       <RippleContainer
         ripples={state.ripples}
diff --git a/packages/core/src/layout/LayoutNav.tsx b/packages/core/src/layout/LayoutNav.tsx
@@ -140,7 +140,7 @@ export const LayoutNav = forwardRef<HTMLDivElement, LayoutNavProps>(
     const {
       as: Component = "nav",
       "aria-labelledby": ariaLabelledBy,
-      "aria-label": ariaLabel = Component == "nav" && !ariaLabelledBy
+      "aria-label": ariaLabel = Component === "nav" && !ariaLabelledBy
         ? "Navigation"
         : undefined,
       expanded,
diff --git a/packages/core/src/layout/useMainTabIndex.ts b/packages/core/src/layout/useMainTabIndex.ts
@@ -11,6 +11,7 @@ import { useUserInteractionMode } from "../interaction/UserInteractionModeProvid
 export function useMainTabIndex(tabIndex?: number): number | undefined {
   const keyboard = useUserInteractionMode() === "keyboard";
   if (keyboard && typeof tabIndex === "undefined") {
+    // eslint-disable-next-line no-param-reassign
     tabIndex = -1;
   }
 
diff --git a/packages/core/src/theme/utils.ts b/packages/core/src/theme/utils.ts
@@ -1,3 +1,4 @@
+/* eslint-disable no-param-reassign */
 import { black, white } from "./colors.js";
 
 const RGB_REGEX = /^rgb\(((\b([01]?\d\d?|2[0-4]\d|25[0-5])\b),?){3}\)$/;
diff --git a/packages/core/src/utils/bem.ts b/packages/core/src/utils/bem.ts
@@ -8,7 +8,7 @@ function modify(base: string, modifier?: BEMModifier): string {
   const hasOwn = Object.prototype.hasOwnProperty;
   return Object.keys(modifier).reduce((s, mod) => {
     if (hasOwn.call(modifier, mod) && modifier[mod]) {
-      s = `${s} ${base}--${mod}`;
+      return `${s} ${base}--${mod}`;
     }
 
     return s;
diff --git a/packages/docs-generator/package.json b/packages/docs-generator/package.json
@@ -58,7 +58,7 @@
     "mdast-util-to-string": "^4.0.0",
     "micromark-extension-mdxjs": "^3.0.0",
     "next": "^14.2.15",
-    "postcss": "^8.5.3",
+    "postcss": "^8.5.4",
     "postcss-combine-duplicated-selectors": "^10.0.3",
     "postcss-remove-prefixes": "^1.2.0",
     "postcss-selector-parser": "^7.1.0",
@@ -70,7 +70,7 @@
     "remark-gfm": "^4.0.1",
     "sass": "^1.89.0",
     "sucrase": "^3.35.0",
-    "ts-morph": "^25.0.1",
+    "ts-morph": "^26.0.0",
     "unified": "^11.0.5",
     "unist-util-is": "^6.0.0",
     "unist-util-mdx-define": "^1.1.2",
@@ -82,17 +82,17 @@
   "devDependencies": {
     "@jest/globals": "^29.7.0",
     "@mdx-js/mdx": "^3.1.0",
-    "@mlaursen/eslint-config": "^8.0.0",
+    "@mlaursen/eslint-config": "^8.0.1",
     "@swc/cli": "^0.6.0",
-    "@swc/core": "^1.11.22",
+    "@swc/core": "^1.11.29",
     "@swc/jest": "^0.2.38",
     "@types/mdast": "^4.0.4",
-    "@types/node": "^22.15.18",
+    "@types/node": "^22.15.29",
     "@types/postcss-sorting": "^8.0.2",
     "autoprefixer": "^10.4.21",
     "cssnano": "^7.0.7",
     "cssnano-preset-default": "^7.0.7",
-    "eslint": "^9.26.0",
+    "eslint": "^9.28.0",
     "jest": "^29.7.0",
     "jest-watch-typeahead": "^2.2.2",
     "npm-run-all": "^4.1.5",
diff --git a/packages/material-icons/package.json b/packages/material-icons/package.json
diff --git a/packages/react-md/package.json b/packages/react-md/package.json
diff --git a/packages/sassdoc-generator/package.json b/packages/sassdoc-generator/package.json
diff --git a/packages/sassdoc-generator/src/formatExamples.ts b/packages/sassdoc-generator/src/formatExamples.ts
diff --git a/packages/sassdoc-generator/src/getCompiledVariableValue.ts b/packages/sassdoc-generator/src/getCompiledVariableValue.ts
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,7 @@ const decorations = [`
`16`	`16`	`type Decoration = (typeof decorations)[number];`
`17`	`17`
`18`	`18`	`const getDecoration = (decoration: Decoration): TextDecoration \| undefined => {`
`19`		`- if (decoration == "none") {`
	`19`	`+ if (decoration === "none") {`
`20`	`20`	`return undefined;`
`21`	`21`	`}`
`22`	`22`