package updates

.github/workflows/nextjs.yml

@@ -35,7 +35,7 @@ jobs:
       - name: Install pnpm
         uses: pnpm/action-setup@v4
         with:
-          version: 9.12.2
+          version: 9.13.2
       - name: Setup Node
         uses: actions/setup-node@v4
         with:

package.json

@@ -19,48 +19,48 @@
   },
   "dependencies": {
     "@codemirror/state": "^6.4.1",
-    "@codemirror/view": "^6.34.1",
+    "@codemirror/view": "^6.34.3",
     "@uiw/codemirror-extensions-langs": "4.19.8",
     "@uiw/codemirror-themes-all": "4.19.8",
     "@uiw/react-codemirror": "4.19.8",
-    "@zag-js/focus-visible": "^0.77.0",
+    "@zag-js/focus-visible": "^0.77.1",
     "file-saver": "^2.0.5",
     "html2canvas": "^1.4.1",
-    "next": "15.0.2",
+    "next": "15.0.3",
     "react": "19.0.0-rc-02c0e824-20241028",
     "react-dom": "19.0.0-rc-02c0e824-20241028",
     "react-icons": "^5.3.0",
-    "react-select": "^5.8.2",
+    "react-select": "^5.8.3",
     "react-toastify": "^10.0.6",
     "tailwind-merge": "^2.5.4"
   },
   "devDependencies": {
     "@types/file-saver": "^2.0.7",
-    "@types/node": "^22.8.4",
+    "@types/node": "^22.9.0",
     "@types/react": "npm:types-react@19.0.0-rc.1",
     "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
     "@typescript-eslint/eslint-plugin": "^7.17.0",
     "@typescript-eslint/parser": "^7.17.0",
     "autoprefixer": "^10.4.20",
     "eslint": "^8.57.0",
-    "eslint-config-next": "15.0.2",
+    "eslint-config-next": "15.0.3",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-deprecation": "^3.0.0",
     "eslint-plugin-only-warn": "^1.1.0",
     "eslint-plugin-unicorn": "^55.0.0",
     "husky": "^9.1.6",
-    "knip": "^5.34.4",
+    "knip": "^5.37.1",
     "lint-staged": "^15.2.10",
-    "npm-check-updates": "^17.1.9",
-    "postcss": "^8.4.47",
+    "npm-check-updates": "^17.1.11",
+    "postcss": "^8.4.49",
     "prettier": "^3.3.3",
     "prettier-plugin-organize-imports": "^4.1.0",
     "prettier-plugin-packagejson": "^2.5.3",
     "prettier-plugin-tailwindcss": "^0.6.8",
-    "tailwindcss": "^3.4.14",
+    "tailwindcss": "^3.4.15",
     "typescript": "^5.6.3"
   },
-  "packageManager": "pnpm@9.12.2",
+  "packageManager": "pnpm@9.13.2",
   "pnpm": {
     "overrides": {
       "@types/react": "npm:types-react@19.0.0-rc.1",

src/app/layout.tsx

@@ -1,5 +1,5 @@
 import { APP_TITLE } from '@/core/core.utils';
-import { Layout } from '@/core/layout/components/layout';
+import { Layout } from '@/core/layouts/components/layout';
 import '@/core/styles/globals.css';
 import { BaseToastContainer } from '@/core/ui/components/base-toast-container';
 import type { Viewport } from 'next';

src/app/page.tsx

@@ -1,4 +1,4 @@
-import { Hero } from '@/core/layout/components/hero';
+import { Hero } from '@/core/layouts/components/hero';
 import { ExportableEditor } from '@/features/exportable-editor/components/exportable-editor';
 
 export default function Page() {

src/core/ui/components/base-select.tsx

@@ -2,7 +2,6 @@ import { useId } from 'react';
 import Select from 'react-select';
 import { twJoin } from 'tailwind-merge';
 
-// eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents -- TODO: Will fix this
 export type BaseSelectProps<Option = unknown> = React.ComponentProps<
   typeof Select<Option>
 > & {
@@ -19,18 +18,16 @@ export function BaseSelect<Option>(props: BaseSelectProps<Option>) {
       menuShouldBlockScroll
       unstyled
       classNames={{
-        // @ts-expect-error - TODO: Will fix this
         container: ({ isFocused }) => (isFocused ? 'focused rounded-md' : ''),
         control: () => '!cursor-text border border-text-100 rounded-md p-2',
         input: () => 'text-text-200',
         singleValue: () => 'text-text-200',
-        // @ts-expect-error -- TODO: Will fix this
         option: ({ isSelected, isFocused }) =>
           twJoin(
             '!cursor-pointer active:bg-body-700 p-2',
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument -- TODO: Will fix this
+
             isSelected && 'bg-body-700',
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument -- TODO: Will fix this
+
             isFocused && 'bg-body-800 active:bg-body-700',
           ),
         menu: () =>

src/features/exportable-editor/components/background-radio-group.tsx

@@ -4,15 +4,15 @@ import { twJoin } from 'tailwind-merge';
 
 // https://coolors.co/gradients
 export const backgrounds = [
-  'linear-gradient(90deg, hsla(329, 91%, 65%, 1) 0%, hsla(350, 91%, 65%, 1) 100%)',
-  'linear-gradient(90deg, hsla(152, 100%, 50%, 1) 0%, hsla(186, 100%, 69%, 1) 100%)',
-  'linear-gradient(90deg, hsla(217, 100%, 50%, 1) 0%, hsla(186, 100%, 69%, 1) 100%)',
-  'linear-gradient(90deg, hsla(197, 100%, 63%, 1) 0%, hsla(294, 100%, 55%, 1) 100%)',
-  'linear-gradient(90deg, hsla(238, 100%, 71%, 1) 0%, hsla(295, 100%, 84%, 1) 100%)',
-  'linear-gradient(90deg, hsla(280, 84%, 41%, 1) 0%, hsla(218, 97%, 56%, 1) 100%)',
-  'linear-gradient(90deg, hsla(169, 76%, 48%, 1) 0%, hsla(67, 87%, 82%, 1) 100%)',
-  'linear-gradient(90deg, hsla(335, 91%, 70%, 1) 0%, hsla(49, 89%, 61%, 1) 100%)',
-  'linear-gradient(90deg, hsla(40, 94%, 74%, 1) 0%, hsla(60, 89%, 72%, 1) 100%)',
+  'linear-gradient(90deg, hsl(329 91% 65% / 1) 0%, hsl(350 91% 65% / 1) 100%)',
+  'linear-gradient(90deg, hsl(152 100% 50% / 1) 0%, hsl(186 100% 69% / 1) 100%)',
+  'linear-gradient(90deg, hsl(217 100% 50% / 1) 0%, hsl(186 100% 69% / 1) 100%)',
+  'linear-gradient(90deg, hsl(197 100% 63% / 1) 0%, hsl(294 100% 55% / 1) 100%)',
+  'linear-gradient(90deg, hsl(238 100% 71% / 1) 0%, hsl(295 100% 84% / 1) 100%)',
+  'linear-gradient(90deg, hsl(280 84% 41% / 1) 0%, hsl(218 97% 56% / 1) 100%)',
+  'linear-gradient(90deg, hsl(169 76% 48% / 1) 0%, hsl(67 87% 82% / 1) 100%)',
+  'linear-gradient(90deg, hsl(335 91% 70% / 1) 0%, hsl(49 89% 61% / 1) 100%)',
+  'linear-gradient(90deg, hsl(40 94% 74% / 1) 0%, hsl(60 89% 72% / 1) 100%)',
 ];
 
 type BackgroundRadioGroupProps = Pick<

src/features/exportable-editor/components/exportable-editor.tsx

@@ -30,9 +30,7 @@ export function ExportableEditor() {
   async function getBlob() {
     const editor = editorRef.current;
 
-    if (!editor) {
-      throw new Error('Editor node can not be found');
-    }
+    if (!editor) throw new Error('Editor node can not be found');
 
     const canvas = await html2canvas(editor);
 

src/features/exportable-editor/components/settings.tsx

@@ -59,10 +59,8 @@ export function Settings({
         <LanguageSelect
           inputId="language-select"
           value={values.language}
-          // @ts-expect-error - TODO: Will fix this
           onChange={(language) => {
             if (language) {
-              // eslint-disable-next-line @typescript-eslint/no-unsafe-argument -- TODO: Will fix this
               handleChange('language', language);
             }
           }}
@@ -73,10 +71,8 @@ export function Settings({
         <ThemeSelect
           inputId="theme-select"
           value={values.theme}
-          // @ts-expect-error - TODO: Will fix this
           onChange={(theme) => {
             if (theme) {
-              // eslint-disable-next-line @typescript-eslint/no-unsafe-argument -- TODO: Will fix this
               handleChange('theme', theme);
             }
           }}

tailwind.config.ts

@@ -19,7 +19,7 @@ export default {
       },
       boxShadow: {
         popper:
-          'hsl(206 15% 60% / 0.2) 0px 0px 15px, hsla(206 15% 60% / 0.15) 0px 0px 3px 1px',
+          'hsl(206 15% 60% / 0.2) 0px 0px 15px, hsl(206 15% 60% / 0.15) 0px 0px 3px 1px',
       },
     },
   },