fix: update errors

packages/website/src/core/blitzkit/jsxTree.tsx

@@ -1,13 +1,20 @@
-import type { GroupProps, MeshProps } from '@react-three/fiber';
-import type { ReactNode } from 'react';
-import { Mesh, Object3D } from 'three';
+import type { ComponentProps, ReactNode } from "react";
+import { Mesh, Object3D } from "three";
 
 export function jsxTree(
   node: Object3D,
   mergers?: {
-    mesh?: (mesh: Mesh, props: MeshProps, key: string) => ReactNode;
-    group?: (object3d: Object3D, props: GroupProps, key: string) => ReactNode;
-  },
+    mesh?: (
+      mesh: Mesh,
+      props: ComponentProps<"mesh">,
+      key: string
+    ) => ReactNode;
+    group?: (
+      object3d: Object3D,
+      props: ComponentProps<"group">,
+      key: string
+    ) => ReactNode;
+  }
 ): ReactNode {
   if (node instanceof Mesh) {
     const props = {

packages/website/src/core/i18n/getBestLocale.ts

@@ -1,13 +1,13 @@
-import { DEFAULT_LOCALE, SUPPORTED_LOCALES } from '@blitzkit/i18n';
+import locales from "@blitzkit/i18n/locales.json";
 
 export function getBestLocale() {
   const desiredLocale =
-    localStorage.getItem('preferred-locale') ??
-    navigator.language.split('-')[0];
-  const isSupported = (SUPPORTED_LOCALES as unknown as string[]).includes(
-    desiredLocale,
+    localStorage.getItem("preferred-locale") ??
+    navigator.language.split("-")[0];
+  const isSupported = locales.supported.some(
+    ({ locale }) => locale === desiredLocale
   );
-  const isDefault = desiredLocale === DEFAULT_LOCALE;
+  const isDefault = desiredLocale === locales.default;
 
   if (!isSupported || isDefault) return undefined;
 

packages/website/src/core/nivo/theme.ts

@@ -1,39 +0,0 @@
-import type { Theme } from '@nivo/core';
-import { Var } from '../radix/var';
-
-export const nivoTheme = {
-  background: Var('color-background'),
-  text: {
-    fill: Var('gray-contrast'),
-    fontFamily: 'inherit',
-  },
-  axis: {
-    ticks: {
-      text: {
-        fill: Var('gray-indicator'),
-      },
-      line: {
-        stroke: Var('gray-indicator'),
-      },
-    },
-  },
-  grid: {
-    line: {
-      stroke: Var('gray-indicator'),
-    },
-  },
-  tooltip: {
-    container: {
-      background: Var('color-overlay'),
-      backdropFilter: 'blur(4rem)',
-      WebkitBackdropFilter: 'blur(4rem)',
-      color: Var('gray-contrast'),
-      borderRadius: Var('radius-2'),
-    },
-  },
-  labels: {
-    text: {
-      fill: Var('gray-1'),
-    },
-  },
-} satisfies Theme;