wip

apps/website/components/ui/Button.tsx

@@ -1,4 +1,4 @@
-import { ButtonHTMLAttributes, AnchorHTMLAttributes, ReactNode } from 'react';
+import React, { ButtonHTMLAttributes, AnchorHTMLAttributes, ReactNode } from 'react';
 
 type ButtonAsButton = ButtonHTMLAttributes<HTMLButtonElement> & {
   as?: 'button';

apps/website/components/ui/Card.tsx

@@ -1,4 +1,4 @@
-import { ReactNode, MouseEventHandler } from 'react';
+import React, { ReactNode, MouseEventHandler } from 'react';
 
 interface CardProps {
   children: ReactNode;

apps/website/components/ui/Container.tsx

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 
 interface ContainerProps {
   size?: 'sm' | 'md' | 'lg' | 'xl';

apps/website/components/ui/Heading.tsx

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 
 interface HeadingProps {
   level: 1 | 2 | 3;

apps/website/components/ui/Input.tsx

@@ -1,4 +1,4 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
+import React, { InputHTMLAttributes, ReactNode } from 'react';
 
 interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
   error?: boolean;

apps/website/components/ui/RangeField.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useCallback, useRef, useState, useEffect } from 'react';
+import React, { useCallback, useRef, useState, useEffect } from 'react';
 
 interface RangeFieldProps {
   label: string;

apps/website/components/ui/Section.tsx

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 
 interface SectionProps {
   variant?: 'default' | 'dark' | 'light';