Using Schema for meta attributes instead of Zod

{
  form: z.object({
    hostname: z.string().describe("The hostname of the database").meta({
      placeholder: "hello",
      width: "3/4",
    }),
    port: z.number().default(3306).meta({ width: "1/4" }),
    user: z.string().min(1).meta({ width: "1/2" }),
    password: z.string().min(3).meta({ width: "1/2", inputType: "password" }),
    database: z.string().min(1),
  });
}

{
  form: z.object({
    hostname: z.string().describe("The hostname of the database").meta({
      placeholder: "hello",
      width: "3/4",
    }),
    port: z.number().default(3306).meta({ width: "1/4" }),
    user: z.string().min(1).meta({ width: "1/2" }),
    password: z.string().min(3).meta({ width: "1/2", inputType: "password" }),
    database: z.string().min(1),
  });
}