.eslintrc.cjs

module.exports = {
	root: true,
	env: {
		browser: true,
		es2020: true,
	},
	extends: [
		"standard-with-typescript",
		"eslint:recommended",
		"plugin:@typescript-eslint/recommended",
		"plugin:react-hooks/recommended",
		"plugin:storybook/recommended",
		"plugin:style/recommended",
		"plugin:import/recommended",
		"plugin:import/typescript",
		"prettier",
	],
	ignorePatterns: ["dist", ".eslintrc.cjs", "vite.config.ts"],
	parser: "@typescript-eslint/parser",
	plugins: ["react-refresh", "style"],
	rules: {
		"react-refresh/only-export-components": [
			"warn",
			{
				allowConstantExport: true,
			},
		],
		"import/order": [
			"error",
			{
				groups: [
					"builtin",
					"external",
					"internal",
					"parent",
					"sibling",
					"index",
				],
				"newlines-between": "always",
				alphabetize: {
					order: "asc",
					caseInsensitive: true,
				},
			},
		],
		"style/declaration-order": [
			"error",
			{
				properties: [
					"display",
					"position",
					"top",
					"right",
					"bottom",
					"left",
					"flex",
					"flex-basis",
					"flex-direction",
					"flex-flow",
					"flex-grow",
					"flex-shrink",
					"flex-wrap",
					"align-content",
					"align-items",
					"align-self",
					"justify-content",
					"order",
					"width",
					"min-width",
					"max-width",
					"height",
					"min-height",
					"max-height",
					"margin",
					"margin-top",
					"margin-right",
					"margin-bottom",
					"margin-left",
					"padding",
					"padding-top",
					"padding-right",
					"padding-bottom",
					"padding-left",
					"float",
					"clear",
					"overflow",
					"overflow-x",
					"overflow-y",
					"clip",
					"z-index",
				],
			},
		],
	},
	settings: {
		react: { version: "^18.2.0" },
	},
};