feat: 1.10.0

.editorconfig

@@ -0,0 +1,10 @@
+root = true
+
+[*]
+end_of_line = lf
+insert_final_newline = true
+
+[*.{js,json,yml}]
+charset = utf-8
+indent_style = space
+indent_size = 2

.github/workflows/check-on-pr.yml

@@ -1,4 +1,4 @@
-name: Lint and build
+name: Lint and Build
 
 on:
   pull_request:
@@ -9,69 +9,77 @@ on:
       - '!README.md'
 
 jobs:
-  lint:
+  build:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout Repository
         uses: actions/checkout@v4
 
-      - name: Set up Node.js
+      - name: Set Up Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
+          node-version: '22'
 
-      - name: Install packages
+      - name: Install Packages
         run: npm i
 
-      - name: Run TypeScript Compiler
-        run: npm run tsc
-
-      - name: Run ESLint
-        run: npm run lint
+      - name: Build
+        run: npm run build
     permissions:
       contents: read
       pull-requests: read
       checks: write
 
-  build:
+  build-storybook:
     runs-on: ubuntu-latest
-    needs: lint
+    needs: build
     steps:
       - name: Checkout Repository
         uses: actions/checkout@v4
 
-      - name: Set up Node.js
+      - name: Set Up Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
+          node-version: '22'
 
-      - name: Install packages
+      - name: Install Packages
         run: npm i
 
       - name: Build
         run: npm run build
+
+      - name: Build Storybook
+        run: npm run build-storybook
     permissions:
       contents: read
       pull-requests: read
       checks: write
 
-  build-storybook:
+  lint:
     runs-on: ubuntu-latest
-    needs: build
+    needs:
+      - build
+      - build-storybook
     steps:
       - name: Checkout Repository
         uses: actions/checkout@v4
 
-      - name: Set up Node.js
+      - name: Set Up Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
+          node-version: '22'
 
       - name: Install packages
         run: npm i
 
       - name: Build
-        run: npm run build-storybook
+        run: npm run build
+
+      - name: Run TypeScript Compiler
+        run: npm run tsc
+
+      - name: Run ESLint
+        run: npm run lint
     permissions:
       contents: read
       pull-requests: read

.storybook/main.ts

@@ -20,6 +20,18 @@ const config: StorybookConfig = {
           plugins: [tailwindcss(), autoprefixer()],
         },
       },
+      build: {
+        rollupOptions: {
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          onwarn(warning: any, warn: any) {
+            // Suppress: Module level directives cause errors when bundled, "use client"
+            if (warning.code === 'MODULE_LEVEL_DIRECTIVE') {
+              return
+            }
+            warn(warning)
+          },
+        },
+      },
     })
     newConfig.resolve.alias['@koupr/ui'] = path.resolve(
       __dirname,

.storybook/preview.tsx

@@ -1,5 +1,4 @@
 import { ChakraProvider } from '@chakra-ui/react'
-// @ts-expect-error ignored
 import { theme } from '@koupr/ui'
 import type { Preview } from '@storybook/react'
 import { MemoryRouter } from 'react-router-dom'

README.md

@@ -6,18 +6,18 @@
 npm i @koupr/ui
 ```
 
-Koupr UI is meant to work on top of Chakra UI: https://v2.chakra-ui.com/getting-started 
+Koupr UI is meant to work on top of Chakra UI: https://v2.chakra-ui.com/getting-started
 
 ## Usage
 
 ```tsx
-import { createRoot } from 'react-dom/client'
 import { theme } from '@koupr/ui'
-import App from "./App"
+import { createRoot } from 'react-dom/client'
+import App from './App'
 
 createRoot(document.getElementById('root') as HTMLElement).render(
   <ChakraProvider theme={theme}>
-    <App/>
+    <App />
   </ChakraProvider>,
 )
 ```

eslint.config.js

@@ -0,0 +1,40 @@
+import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended'
+import react from 'eslint-plugin-react'
+import storybook from 'eslint-plugin-storybook'
+import globals from 'globals'
+import ts from 'typescript-eslint'
+
+export default [
+  ...ts.configs.recommended,
+  eslintPluginPrettierRecommended,
+  ...storybook.configs['flat/recommended'],
+  {
+    files: ['src/**/*.{ts,tsx}'],
+  },
+  {
+    plugins: {
+      react,
+    },
+  },
+  {
+    languageOptions: {
+      globals: globals.browser,
+    },
+  },
+  {
+    rules: {
+      'react/react-in-jsx-scope': 'off',
+      'prettier/prettier': 'error',
+    },
+  },
+  {
+    ignores: [
+      '*.cjs',
+      'dist',
+      '.parcel-cache',
+      'tailwind.config.js',
+      'postcss.config.js',
+      'replace-exports.js',
+    ],
+  },
+]