build(lint): cleanup eslint config and packages

Author: StyleShit

eslint.config.mjs

@@ -1,57 +1,36 @@
-import tsParser from "@typescript-eslint/parser"
-import tsPlugin from "@typescript-eslint/eslint-plugin"
+import globals from "globals"
+import eslint from "@eslint/js"
+import tseslint from "typescript-eslint"
+import { defineConfig, globalIgnores } from "eslint/config"
 
-/** @type {import('eslint').Linter.Config[]} */
-export default [
+export default defineConfig(
+  eslint.configs.recommended,
+  tseslint.configs.recommended,
   {
+    name: "Zag Overrides",
     languageOptions: {
-      parser: tsParser,
-      globals: {
-        node: true,
-      },
+      globals: globals.node,
     },
-    plugins: {
-      "@typescript-eslint": tsPlugin,
+
+    linterOptions: {
+      reportUnusedDisableDirectives: "error",
     },
-    files: ["**/*.ts", "**/*.tsx"],
-    ignores: ["dist", "node_modules", "coverage", ".next", "build", "examples/vue-ts", "plop-templates", "**/*.d.ts"],
 
     rules: {
+      "no-case-declarations": "off",
+      "no-empty": "off",
+      "prefer-const": "off",
+      "prefer-rest-params": "off",
+      "prefer-spread": "off",
+      "no-prototype-builtins": "off",
+
       "@typescript-eslint/ban-ts-comment": "off",
-      "@typescript-eslint/no-use-before-define": "off",
+      "@typescript-eslint/no-empty-object-type": "off",
       "@typescript-eslint/no-explicit-any": "off",
-      "@typescript-eslint/no-non-null-assertion": "off",
-      "no-param-reassign": "off",
-      "prefer-spread": "off",
-      "no-console": "off",
-      "prefer-const": "off",
-      "jsx-a11y/no-autofocus": "off",
-      "import/named": "off",
-      "import/prefer-default-export": "off",
-      "no-underscore-dangle": "off",
-      "no-shadow": "off",
-      "no-plusplus": "off",
-      "spaced-comment": "off",
-      "guard-for-in": "off",
-      "operator-assignment": "off",
-      "prefer-destructuring": "off",
-      "consistent-return": "off",
-      "no-restricted-syntax": "off",
-      "no-continue": "off",
-      eqeqeq: "off",
-      "@typescript-eslint/dot-notation": "off",
-      "no-bitwise": "off",
-      "no-redeclare": "off",
-      "@typescript-eslint/naming-convention": "off",
-      "import/no-extraneous-dependencies": "off",
-      "@typescript-eslint/lines-between-class-members": "off",
-      "no-alert": "off",
-      "@typescript-eslint/no-shadow": "off",
-      "import/no-named-as-default": "off",
-      "prefer-object-spread": "off",
-      "arrow-body-style": "off",
-      "import/namespace": "off",
-      "jsx-a11y/label-has-associated-control": "off",
+      "@typescript-eslint/no-namespace": "off",
+      "@typescript-eslint/no-non-null-asserted-optional-chain": "off",
+      "@typescript-eslint/no-unsafe-function-type": "off",
+      "@typescript-eslint/no-unused-expressions": "off",
       "@typescript-eslint/no-unused-vars": [
         "error",
         {
@@ -60,14 +39,21 @@ export default [
           ignoreRestSiblings: true,
         },
       ],
-      "default-case": "off",
     },
   },
 
-  {
-    files: ["*.js", "*.jsx"],
-    parserOptions: {
-      project: "tsconfig.eslint.json",
-    },
-  },
-]
+  globalIgnores(
+    [
+      "**/dist/",
+      "**/coverage/",
+      "**/.svelte-kit/",
+      "**/.next/",
+      "**/.nuxt/",
+      "**/.contentlayer",
+      "**/build/",
+      "examples/vue-ts",
+      "**/*.d.ts",
+    ],
+    "Zag Ignores",
+  ),
+)

examples/next-ts/hooks/use-controls.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable jsx-a11y/no-onchange */
 import { ControlRecord, deepGet, deepSet, getControlDefaults } from "@zag-js/shared"
 import { useState } from "react"
 

examples/solid-ts/src/components/iframe.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable prefer-const */
 import { JSX, ParentProps, children, createSignal, createUniqueId, onCleanup, onMount, splitProps } from "solid-js"
 import { render } from "solid-js/web"
 

examples/solid-ts/src/routes/tags-input.tsx

@@ -1,18 +1,12 @@
 import { normalizeProps, useMachine } from "@zag-js/solid"
 import * as tagsInput from "@zag-js/tags-input"
 import { createMemo, createUniqueId, For } from "solid-js"
-import { tagsInputControls } from "@zag-js/shared"
-import { StateVisualizer } from "~/components/state-visualizer"
-import { Toolbar } from "~/components/toolbar"
-import { useControls } from "~/hooks/use-controls"
 
 function toDashCase(str: string) {
   return str.replace(/\s+/g, "-").toLowerCase()
 }
 
 export default function Page() {
-  const controls = useControls(tagsInputControls)
-
   const service = useMachine(tagsInput.machine, {
     id: createUniqueId(),
     defaultValue: ["React", "Vue"],

examples/vanilla-ts/src/combobox.ts

@@ -25,6 +25,7 @@ export class Combobox extends Component<combobox.Props, combobox.Api> {
   }
 
   initMachine(props: combobox.Props) {
+    // eslint-disable-next-line @typescript-eslint/no-this-alias
     const self = this
     return new VanillaMachine(combobox.machine, {
       ...props,

package.json

@@ -35,7 +35,7 @@
     "typecheck": "pnpm packages -- typecheck",
     "prettier": "prettier --check packages/**/*",
     "prettier-fix": "prettier --write packages/**/*",
-    "lint": "eslint packages",
+    "lint": "eslint .",
     "version": "changeset version",
     "release": "changeset publish",
     "version-snapshot": "changeset version --snapshot v1-beta",
@@ -66,25 +66,21 @@
     "@changesets/cli": "2.29.4",
     "@commitlint/cli": "19.8.1",
     "@commitlint/config-conventional": "19.8.1",
-    "@eslint/eslintrc": "3.3.1",
+    "@eslint/js": "^9.39.1",
     "@octokit/rest": "22.0.0",
     "@playwright/test": "1.53.0",
     "@swc/core": "1.12.1",
     "@types/jsdom": "^21.1.7",
     "@types/node": "24.0.3",
     "@types/signale": "1.4.7",
-    "@typescript-eslint/eslint-plugin": "8.34.1",
-    "@typescript-eslint/parser": "8.34.1",
     "axe-core": "4.10.3",
     "commitlint": "19.8.1",
     "cross-env": "^7.0.3",
     "dotenv": "16.5.0",
     "eslint": "9.29.0",
-    "eslint-config-prettier": "10.1.5",
-    "eslint-plugin-import": "2.31.0",
-    "eslint-plugin-prettier": "5.5.0",
     "fast-glob": "3.3.3",
     "find-packages": "10.0.4",
+    "globals": "^16.5.0",
     "husky": "9.1.7",
     "lint-staged": "16.1.2",
     "node-fetch": "3.3.2",
@@ -97,6 +93,7 @@
     "tsup": "8.5.0",
     "tsx": "4.20.3",
     "typescript": "5.8.3",
+    "typescript-eslint": "^8.47.0",
     "vercel-submodules": "1.0.10",
     "vite": "6.3.5",
     "vite-plugin-dts": "4.5.4",

packages/frameworks/solid/src/normalize-props.ts

@@ -77,6 +77,6 @@ const cache: Record<string, any> = {}
 
 function hyphenateStyleName(name: string) {
   if (cache.hasOwnProperty(name)) return cache[name]
-  var hName = name.replace(uppercasePattern, toHyphenLower)
+  const hName = name.replace(uppercasePattern, toHyphenLower)
   return (cache[name] = msPattern.test(hName) ? "-" + hName : hName)
 }

packages/machines/color-picker/src/color-picker.types.ts

@@ -7,6 +7,7 @@ import type { CommonProperties, DirectionProperty, Orientation, PropTypes, Requi
 export type ExtendedColorChannel = ColorChannel | "hex" | "css"
 
 interface EyeDropper {
+  // eslint-disable-next-line @typescript-eslint/no-misused-new
   new (): EyeDropper
   open: (options?: { signal?: AbortSignal | undefined }) => Promise<{ sRGBHex: string }>
   [Symbol.toStringTag]: "EyeDropper"

packages/machines/menu/src/menu.machine.ts

@@ -539,7 +539,7 @@ export const machine = createMachine<MenuSchema>({
         return () => clearTimeout(timer)
       },
       trackPositioning({ context, prop, scope, refs }) {
-        if (!!dom.getContextTriggerEl(scope)) return
+        if (dom.getContextTriggerEl(scope)) return
         const positioning = {
           ...prop("positioning"),
           ...refs.get("positioningOverride"),

packages/store/src/clone.ts

@@ -12,7 +12,7 @@ function set(obj: any, key: string | symbol, val: PropertyDescriptor) {
 
 export function clone<T>(x: T): T {
   if (typeof x !== "object") return x
-  var i = 0,
+  let i = 0,
     k: string,
     list: Array<string | symbol>,
     tmp: any,