Update radix

app/components/Form.tsx

@@ -1,11 +1,11 @@
-import { Button, TextFieldInput } from "@radix-ui/themes";
+import { Button, TextField } from "@radix-ui/themes";
 import { ButtonProps } from "node_modules/@radix-ui/themes/dist/esm/components/button";
-import { TextFieldInputProps } from "node_modules/@radix-ui/themes/dist/esm/components/text-field";
 import { useField, useIsSubmitting } from "remix-validated-form";
 import { css } from "styled-system/css";
 import { Spinner } from "./Spinner";
+import { RootProps } from "@radix-ui/themes/src/components/text-field.js";
 
-type FormInputProps = TextFieldInputProps & {
+type FormInputProps = RootProps & {
   name: string;
 };
 
@@ -19,7 +19,7 @@ export const FormInput = ({ name, ...props }: FormInputProps) => {
 
   return (
     <div>
-      <TextFieldInput
+      <TextField.Root
         {...textFieldInputProps}
         color={error ? "red" : props.color}
       />

app/components/PropertyTextField.tsx

@@ -1,11 +1,11 @@
 import { TextField, Tooltip } from "@radix-ui/themes";
 import { Icon } from "./Icon";
 import { css } from "styled-system/css";
-import { TextFieldInputProps } from "node_modules/@radix-ui/themes/dist/esm/components/text-field";
+import { RootProps } from "node_modules/@radix-ui/themes/dist/esm/components/text-field";
 import { forwardRef } from "react";
 
 //Get default props of input
-type PropertyTextFieldProps = TextFieldInputProps & {
+type PropertyTextFieldProps = RootProps & {
   hasVariable: boolean;
   icon?: React.ReactNode;
 };
@@ -19,7 +19,7 @@ export const PropertyTextField = forwardRef(function PropertyTextFieldComponent(
   return (
     <TextField.Root>
       {icon ? <TextField.Slot>{icon}</TextField.Slot> : null}
-      <TextField.Input ref={ref} {...inputProps} />
+      <TextField.Root ref={ref} {...inputProps} />
       {hasVariable ? (
         <TextField.Slot
           style={{

package.json

@@ -22,7 +22,7 @@
     "@aws-sdk/client-s3": "^3.515.0",
     "@lucia-auth/adapter-prisma": "^4.0.0",
     "@prisma/client": "^5.9.1",
-    "@radix-ui/themes": "^2.0.2",
+    "@radix-ui/themes": "^3.0.2",
     "@redux-devtools/extension": "^3.3.0",
     "@remix-run/css-bundle": "^2.4.0",
     "@remix-run/express": "^2.6.0",